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

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

body { background: #6CB0BD; margin: 0; padding: 0; }


/* -------------------------------------------------------------------------- headers */
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
h1 { font-size: 190%; margin: 0 0 25px 0; color: #666; }
h2 { font-size: 125%; margin: 5px 0 15px 0; color: #888; }
h3 { font-size: 100%; color: #333; font-weight: normal; font-family: "Georgia"; text-transform: uppercase; letter-spacing: 1px; }

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

body, font { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: small; line-height: 140%; color: #444; }

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

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

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

#container { position: relative; width: 980px; margin: 40px auto; padding: 0 20px; }
#wrap { width: 100%; position: relative; background-color: #fff; }
#main { width: 665px; float: left; display: inline; padding: 25px 25px 30px 20px; }
#main.wide { width: 945px; float: none; display: block; padding: 25px 25px 30px 20px; }

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

#masthead { position: relative; width: 100%; height: 140px; background-color: #fff; }
.logo a { position: absolute; top: 10px; left: 15px; width: 466px; height: 0px !important; display: block; background: url(images/logo.gif) top left no-repeat; overflow: hidden; padding: 90px 0 0 0; }
.logo a:hover { border: none; }
.nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #6f90b8 url(images/bg_nav.jpg) 0 0 repeat-x; }
.nav ul { list-style-type: none; margin: 0 0 0 0; padding: 0; height: 35px; }
.nav li { padding: 6px 0 0 0; margin: 0 0 0 25px; float: left; display: inline; }
.nav a, .nav a:visited { display: block; color: #ccc; }
.nav a:hover { color: #fff; }
#home .home a, #about .about a, #contact .contact a, #ministries .ministries a, #news .news a, #calendar .calendar a, #links .links a { color: #fff; }

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

#sidebar { position: relative; width: 220px; min-height: 250px; height: auto !important; height: 250px; float: left; display: inline; padding: 20px 15px 25px 15px; margin: 0 0 40px 20px; color: #777; font-size: 90%; }
#sidebar a, #footer a:visited { color: #999; font-weight: normal; }
#sidebar a:hover { text-decoration: underline; }
#sidebar h3 { margin: 20px 0 3px 0; font-size: 120%; line-height: 140%; text-transform: uppercase; color: #333; }
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; }
#searchForm input { width: 130px; font-size: 90%; border: 1px solid #ccc; padding: 3px; }
#searchForm .submit { background: none; color: #999; width: 45px; font-size: 80%; border: none; }
#searchForm .submit:hover { color: #ccc; cursor: pointer; }

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

#footer { width: 100%; padding: 10px 0 0 0; font-size: 80%; font-weight: normal; color: #fff; }
#footer a, #footer a:visited { color: #ffdead; font-weight: normal; }
#footer a:hover { text-decoration: underline; }
#footer .copyright { float: left; display: inline; margin: 0 0 0 15px; }
#footer .credit { float: right; display: inline; margin: 0 15px 0 0; }

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

.colA { float: left; display: inline; width: 300px; margin: -20px 0 0 0; }
.colB { float: right; display: inline; width: 360px; margin: -15px -15px 0 0; }
.colB h2 { clear: both; margin: 15px 0 0 0; }
.introText p { font-size: 18px; line-height: 24px; color: #6f90b8; margin: 0; padding-bottom: 20px; }
.introText a { margin: 0 0 0 5px; float: right; }
.introText img { width: 80px; height: 84px; margin: 28px 0 0 0; }

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

#ministries #main table { width: 100%; }
#ministries #main th { vertical-align: top; padding: 3px 8px; background-color: #eee; text-align: left; }
#ministries #main td { vertical-align: top; padding: 5px 8px; border-bottom: 1px dotted #ccc; }
.googleCal { width: 940px; height: 600px; }
.headlines { padding: 0; margin: 10px 0 0 0; list-style-type: none; }
.headlines li { line-height: 12px; margin: 8px 0; padding: 6px 0 0 15px; list-style-type: none; border-top: 1px dotted #ccc; color: #444; background: url(images/li.gif) 0 8px no-repeat; }
.headlines li.moreLink { background: none; font-size: 11px; color: #999; }
.bookmarks { padding: 0; margin: 20px 0 0 0; list-style-type: none; width: 400px; }
.bookmarks li { line-height: 12px; margin: 8px 0; padding: 6px 0 0 15px; list-style-type: none; border-top: 1px dotted #ccc; color: #444; background: url(images/li.gif) 0 8px no-repeat; }
.post { margin: 25px 0; }

/* -------------------------------------------------------------------------- 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; }