/*   
Author: Tom Rose (tom@slurve.com)
Author URI: http://slurve.com
Date: 20 Feb 2008
*/

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

body { margin: 0; padding: 0; background: #fff url(../../../images/bg.jpg) top left repeat-x; }
a img, a.imglink, a.imglink:link, a.imglink:visited { border: none; }
a.imglink:hover { background: transparent; }
a img { border: 0; }
p { margin: 0 0 15px 0; }
dl, dd { margin: 0; padding: 0; }
dd.link { padding-top: 10px; }
dt { font-weight: bold; color: #999; }
ol li { margin: 9px 0; }
ul { list-style-type: circle; }
u { text-decoration: none; }

/* -------------------------------------------------------------------------- typography */

body, #main font { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 12px; line-height: 20px; }
#container { color: #555; }
#footer { color: #89887c; font-family: "Georgia"; line-height: 150%; font-size: 95%; }
#footer em { font-size: 160%; display: block; color: #89887c; font-style: normal; letter-spacing: 1px; margin-bottom: 3px; }
font, #single .post span { font-family: "Lucida Grande", Verdana, sans-serif; font-size: smallest; line-height: 130%; } /* to override any font tags created by tinymce */

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

a, a:visited, a:active { color: #960; text-decoration: none; }
a:hover { color: #c96; text-decoration: underline; }
.nav a, .nav a:visited, .nav a:active { color: #fff; position: relative; display: block; padding: 14px 10px 9px 10px; font: normal 10px "Georgia"; text-transform: uppercase; border: none; }	
.nav a:hover, .nav li:hover { color: #fff; background: #2c5485 url(../../../images/bg_nav_hover.gif) 0 0 repeat-x; position: relative; border-bottom: none; text-underline: none; }
.nav ul a, .nav ul a:active, .nav ul a:visited { display: block; width: 100%; border: none; font-size: 11px; color: #fff; background: #2c5485; font-family: "Lucida Grande", sans-serif; text-transform: none; padding: 4px 8px 4px 11px; z-index: 5000; }
.nav ul a:hover, .nav ul li:hover { background: #20416c; margin-top: 0; border: none; text-underline: none; color: #fff; }
.nav a:hover { text-decoration: none; }
#home .home, #news .news, #blogs .blogs, #about .about, #churches .churches, #leadership-excellence .leadership-excellence, #audio .leadership-excellence, #strategic-ministry .strategic-ministry, #multiplied-impact .multiplied-impact, #contact .contact, #calendar .calendar { color: #fff; background: #2c5485 url(../../../images/bg_nav_on.gif) 0 0 repeat-x; }
.logo a, .logo a:visited { position: relative; width: 280px; height: 0px !important; display: block; background: url(../../../images/logo.gif) top left no-repeat; overflow: hidden; padding: 60px 0 0 0; border: none; }
.logo a:hover {	background-position: 0 0;	}

/* -------------------------------------------------------------------------- headers */
	
h1 { font-size: 26px; font-weight: normal; font-family: "Georgia"; margin: 0 0 25px 0; color: #666; }
h2 { font-size: 18px; font-weight: normal; font-family: "Georgia"; margin: 0 0 4px 0; }
h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-family: "Georgia"; color: #999; border-bottom: 1px dotted; }
h3 a, h3 a:visited { float: right; border: none; text-transform: none; font-size: 11px; }
h3 a:hover, h3 a:active { border: none; }

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

.logo { position: absolute; top: 49px; left: 145px; }
.logoCMA { position: absolute; top: 33px; left: 10px; z-index: 5000; }
.nav { position: absolute; top: 136px; left: 150px; margin: 0; padding: 0; z-index: 5000; }
.nav li {	position: relative; float: left; list-style-type: none; line-height: 80%; margin: 0; padding: 0; }
.nav ul { position: absolute; left: 0; top: 34px; width: 180px; margin: 0; padding: 0; display: none; z-index: 1000; }
.nav li li { margin: 0; padding: 0; display: block; float: none; position: relative; z-index: 5000; list-style-type: none; }
.nav li:hover ul, .nav li.over ul { display: block; }
.tagline { position: absolute; top: 4px; right: 100px; margin: 0; width: 236px; height: 136px; }
	
/* -------------------------------------------------------------------------- containers */

#container { position: relative; margin: 0 auto 0 auto; width: 990px;	}
#masthead { position: relative; height: 185px; z-index: 5000; }
#wrap { position: relative; width: 100%; }
#main { float: left; display: inline; width: 695px; margin: 20px 20px 0 20px; padding: 0 20px 0 0; }
#main.alt { width: 710px; }
#photos { float: left; display: inline; width: 270px; min-height: 440px; margin: 20px 0 0 0; display: none; }
#sidebar { float: left; display: inline; width: 234px; margin: 20px 0 0 0; }
#footer { clear: both; width: 100%; padding: 35px 0; margin: 20px 0 0 0; text-align: center; border-top: 1px dotted #ddd; background: url(../../../images/bg_fade_grey.jpg) 0 1px repeat-x; }
#home #photos { display: block; }
#home #main { width: 465px; }
#home #sidebar { width: 189px; }

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

#photodiv { background-repeat: no-repeat; width: 250px; height: 223px; border: 8px solid #D5C7BC; }
#photodiv img { border: none; }
.photoItem { position: relative; width: 250px; }
.photoItem img { border: 8px solid #D7D5C4; width: 100%; }
.photoItem p { font-size: 90%; line-height: 150%; margin: 0; position: absolute; bottom: 30px; left: -20px; background: #20416C; border-top: 2px solid #EDECD8;  border-bottom: 2px solid #EDECD8; padding: 8px 25px; color: #fff; }
.photoItem em { display: block; font-family: "Georgia", Tahoma; font-style: normal; font-size: 140%; }

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

.links { margin: 0 0 20px 0; padding: 0;  }
.links li { background: url(http://metrocma.org/sites/images/li.gif) 0 7px no-repeat; margin: 4px 0; padding: 0 0 0 15px; list-style-type: none; }
.links .title { margin: 0 0 0 -15px; font-weight: bold; background: none; }
.links .more { margin: 0; background: none; }
.module-planting { margin: 12px 0; }
.module-planting .description { width: 60%; float: left; }
.module-planting .links { width: 30%; float: left; margin-left: 20px; }
.module-planting img { float: left; margin: 0 12px; }
.module { margin: 0 0 25px 0; }
.module.events ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
.module.events ul ul { margin: 0 0 10px 0; }
.module.events li { color: #999; margin: 0; font-weight: bold; }
.module.events li li { font-weight: normal; margin: 0; line-height: 120%; color: #555; }

/* -------------------------------------------------------------------------- interior */

.post { margin: 20px 0 0 0; border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
#news .post h2 { margin-bottom: 15px; font-size: 20px; }
#single .post { border-bottom: none; padding-bottom: 0; margin-top: 0; }
.coreValues td { padding: 10px 0; font-size: 150%; color: #999; font-family: "Georgia", Tahoma; line-height: 140%; }
.diagram { margin: 20px 20px 20px 40px; }
.diagramBg { background: url(../../../images/dia_bg.jpg) 0 0 no-repeat; width: 266px; height: 173px; margin: 0 0 15px 0; position: relative; }
.diagramBg p { margin: 0; position: absolute; }
.diagramBg a { font-size: 100%; color: #fff; }
.diagramBg a:hover { color: #5b6230; }
.link-leadership-excellence { top: 20px; left: 75px; }
.link-strategic-ministry { top: 135px; left: 15px; }
.link-multiplied-impact { top: 135px; right: 15px; }
#leadership-excellence .link-leadership-excellence a, #strategic-ministry .link-strategic-ministry a, #multiplied-impact .link-multiplied-impact a { color: #5b6230; font-weight: bold; cursor: text; border: none; }
.subnav { width: 180px; min-height: 100px; margin: 0 10px 15px 15px; padding: 0; float: right; background: url(../../../images/bg_fade_green.jpg) 0 0 repeat-x; padding: 10px 10px 10px 30px; border-top: 4px solid #d7d5c4; }
.subnav li { font-size: 95%; background: url(http://metrocma.org/sites/images/li.gif) 0 7px no-repeat; margin: 6px 0; padding: 0 0 0 15px; list-style-type: none; }
.subnav .title { font-family: "Georgia"; background: none; margin: 0 0 4px -15px; font-size: 130%; color: #89887c; }
.triangle { float: right; margin: -15px -5px 20px 20px; }
.triangle-description { width: 300px; font-size: 130%; color: #888; font-family: "Georgia"; line-height: 140%; }
.staff { width: 100%; background-color: #ddd; }
.staff th { width: 35%; padding: 4px; text-align: left; background-color: #eee; }
.staff td { padding: 4px; background-color: #fff; }
.staff em { font-style: normal; background-color: #fff; }
#audio .post form label { margin: 0; }
#audio .post form input { margin: 0; }
#audio .post form input[type="submit"] { padding: 3px; color: #960; font-size: 11px; width: 60px; margin: -10px 0 0 0; position: relative; cursor: pointer; }
#audio .post form input[type="submit"]:hover { background-color: #ddd; }

/* -------------------------------------------------------------------------- blogs */

.postmetadata { font-size: 95%; font-weight: bold; color: #999; }
.navigation { margin: 0 0 15px 0; color: #999; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

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

.adminEdit { margin: 20px 0; display: none; }
.more-link { display: none; }
.clear { clear: both; }
.icon { vertical-align: middle; margin: 0 2px; }
.shadow-left { background: transparent url(../../../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../../../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 0; right: -13px; z-index: 99; }

/* -------------------------------------------------------------------------------- form elements */

form { margin: 0; }
label { font-size: 90%; text-transform: uppercase; color: #777; display: block; }
select { font-size: 95%; color: #555; }
option { border-top: 1px dotted #ccc; }   
input, textarea { border: 1px solid #ccc; padding: 3px; color: #444; }
textarea { border: 1px solid #ccc; padding: 3px; color: #444; font: normal 110% Tahoma,sans-serif; }
#commentform textarea { width: 400px; height: 200px; }
input:focus, textarea:focus { background-color: #ffc; }
fieldset { border: 0; margin: 0; padding: 0; }
#searchform input { font-size: 100%; width: 110px; }
#searchform .submit { width: 48px; background: none; color: #960; font-size: 11px; }
#searchform .submit:hover { color: #c96; text-decoration: underline; }
.findChurch select { border: 1px solid #ccc; font-size: 100%; padding: 2px; }
.findChurch input { font-size: 100%; }
.findChurch .submit { padding: 3px; background: none; color: #960; font-size: 11px; width: 30px; }
.findChurch .submit:hover { color: #c96; text-decoration: underline; }
#sidebar .findChurch { margin: 10px 0; }
#sidebar .findChurch option { margin: 0 0 4px 0; }
#sidebar .findChurch input { width: 100px; }
#sidebar .findChurch .submit { width: 50px; }
.submit { background-color: #eed; border: none; color: #666; }
.submit:hover { color: #222; cursor: pointer; }
.required { color: #c30; }
p.required { margin: 15px 0; }

/* contact form specific */
.contactform select { font-size: 115%; }
.contactform input { width: 240px; }
.contactform textarea { width: 490px; height: 160px; font-family: "Tahoma", Verdana; font-size: 115%; }
.contactform .success { font-weight: bold; font-size: 120%; }
.contactform .submit { width: 100px; margin-top: 5px; background-color: #eee; }
.contactform .submit:hover { background-color: #ddd; cursor: pointer; border: 0; }