/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 9 Jun 2009
*/

/* -------------------------------------------------------------------------- global */

body { background: #e0e2f8 url(images/bg_body.gif) 0 0 repeat-x; margin: 0; padding: 0; }

/* -------------------------------------------------------------------------- headers */
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
h1 { font-size: 24px; margin: 0 0 20px 0; }
h2 { font-size: 18px; margin: 5px 0; }
h3 { font-size: 12px; font-family: "Georgia"; text-transform: uppercase; letter-spacing: 1px; }

/* -------------------------------------------------------------------------- links */

a, a:visited, a:active { color: #960; text-decoration: none; font-weight: bold; outline: none; }
a:hover { color: #444; }
.post h2 a { font-weight: normal; }

/* -------------------------------------------------------------------------- containers */

#container { position: relative; width: 990px; margin: 0 auto; padding: 0 20px; font-size: 12px; line-height: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #333; }
#masthead { position: relative; width: 990px; height: 110px; margin: 0 0 20px 0; }
#photos { position: relative; float: left; width: 200px; margin: -3px 0 0 0; }
#main { width: 510px; float: left; display: inline; margin: 0 25px; padding: 0 0 40px 0; }
#main.wide { width: 710px; }

/* -------------------------------------------------------------------------- masthead */

.logo a { position: absolute; top: 18px; left: 5px; width: 255px; height: 0px !important; display: block; background: url(images/logo.gif) top left no-repeat; overflow: hidden; padding: 65px 0 0 0; }
.logo a:hover { border: none; }
#nav { position: absolute; top: 40px; right: 70px; list-style-type: none; margin: 0; padding: 0; }
#nav li { padding: 0; margin: 0 30px 0 0; float: left; display: inline; position: relative; }
#nav ul { list-style-type: none; display: none; width: 180px; position: absolute; top: 10px; left: 0; padding: 15px 0 0 0; margin: 0; z-index: 2; opacity: .94; border-bottom: 5px solid #ffdead; }
#nav li li { float: none; display: block; list-style-type: none; margin: 0; width: 156px; padding: 4px 12px 0 12px; background-color: #ffdead; border: none; }
#nav li li.first { border-top: 5px solid #ffdead; }
#nav a { display: block; color: #fff; font-weight: normal; font-size: 16px; border: none; margin: 0; }
#nav a:hover { color: #ffdead; border: none; }
#nav li:hover { cursor: pointer; }
#nav li:hover a, #nav a:hover { color: #ffdead; border-bottom: none; text-decoration: none; cursor: pointer; }
#nav li li a, #nav li li a:visited, #nav li:hover li a:visited { color: #960 !important; font-size: 13px; text-transform: none; margin: 0; width: 100%; border: none; }
#nav li li a:hover, #nav li:hover li a:hover { border: none; color: #444 !important; }
#home .home a, #about .about a, #contact .contact a, #ministries .ministries a, #news .news a, #calendar .calendar a, #links .links a { color: #ffdead; border: none; }

/* -------------------------------------------------------------------------- photos */

#photoLead img { border: 1px solid #fff; }
#photoLead { margin: 0 0 15px 0; }
#photoRotate img { border: 1px solid #fff; width: 200px; height: 200px; }

/* -------------------------------------------------------------------------- homepage */

.introText p { font-size: 18px; line-height: 28px; color: #6f90b8; margin: 0; padding-bottom: 25px; }
.introText a { margin: 0 0 0 5px; float: right; }
.introText img { width: 80px; height: 84px; margin: 28px 0 0 0; }
/* -------------------------------------------------------------------------- interior */

.googleCal { width: 920px; height: 600px; border: 10px solid #fff; }
.headlines { padding: 0; margin: 10px 0 0 0; list-style-type: none; }
.headlines li { line-height: 12px; margin: 8px 0; padding: 1px 0 8px 2px; list-style-type: none; border-bottom: 1px dotted #6f90b8; color: #444; }
.landingList { padding: 0; margin: 0; list-style-type: none; }
.landingList li { margin: 15px 0; padding: 0; list-style-type: none; color: #444; }
.landingList a { font-size: 18px; line-height: 26px; }
.post { margin: 25px 0; }

/* -------------------------------------------------------------------------- sidebar */

#sidebar { position: relative; width: 187px; min-height: 300px; float: left; display: inline; background: #fff; margin: 0; padding: 4px 20px 2px 20px; }
#sidebar ul { margin: 0 0 20px 0; padding: 0; }
#sidebar li { list-style-type: none; margin: 0; padding: 0; }
#sidebar li h3 { margin-top: 15px; }
#sidebar h3 { margin: 0 0 2px 0; }
#sidebar ul p { margin: 2px 0 15px 0; }
#searchForm { margin: 20px 0; }
#searchForm input { width: 130px; font-size: 11px; border: 1px solid #ccc; padding: 3px; }
#searchForm .submit { background: none; color: #999; width: 45px; font-size: 11px; border: none; }
#searchForm .submit:hover { color: #ccc; cursor: pointer; }

/* -------------------------------------------------------------------------- footer */

#footer { width: 955px; border-top: 1px dotted #6f90b8; margin: 25px 0 0 0; padding: 10px 10px 10px 25px; font-size: 11px; }

/* -------------------------------------------------------------------------- utility */

.editLink { margin: 20px 0; }
.more-link { display: none; }
a img, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
p { margin: 0 0 15px 0; } 
a img { border: 0; }
dl, dd { margin: 0; padding: 0; }
dt { font-weight: bold; color: #999; }
ol { margin: 0 0 0 20px; padding: 0 0 0 20px; position: relative; }
li { margin: 2px 0; }
ul { list-style-type: bullet; margin: 0 0 20px 0; padding: 0 0 0 30px; }
.clear { clear: both; }
.icon { vertical-align: middle; margin: -3px 2px 0 2px; }
.shadow-left { background: transparent url(http://metrocma.org/sites/images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -1px; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(http://metrocma.org/sites/images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: -1px; right: -14px; z-index: 99; }
	
/* -------------------------------------------------------------------------------- form elements */

#contactForm label { font-size: 90%; text-transform: uppercase; display: block; margin: 20px 3px 0 0; }
#contactForm select { width: 300px; font-size: 95%; color: #555; border: 1px solid #ccc; padding: 3px; }
#contactForm option { border-top: 1px dotted #ccc; }   
#contactForm input, textarea {  width: 300px; border: 1px solid #ccc; padding: 3px; color: #444; }
#contactForm input:focus, textarea:focus, select:focus { background-color: #ffc; }
#contactForm textarea { width: 400px; height: 200px; font: normal 12px "Lucida Grande", Verdana, sans-serif; }
#contactForm .required { color: #444; margin-top: 20px; }
#contactForm .submit { width: 100px; background-color: #a0a77b; color: #fff; border: none; }
#contactForm .submit:hover { background-color: #5f6744; cursor: pointer; border: none; }