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

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

body { background-color: #1d2f32; margin: 0; padding: 0; }


/* -------------------------------------------------------------------------- headers */
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; }
h1 { font-size: 180%; margin: 0 0 20px 0; }
h2 { font-size: 155%; margin: 5px 0 3px 0; }
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", Verdana, sans-serif; font-size: small; line-height: 140%; color: #64604e; }

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

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

#home .home a, #about .about a, #contact .contact a, #ministries .ministries a, #news .news a, #calendar .calendar a, #links .links a { color: #fff; }

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

#container { position: relative; width: 920px; margin: 40px auto; padding: 0 20px; }
#masthead { position: relative; width: 100%; height: 140px; background-color: #0f1519; }
#wrap { width: 100%; position: relative; background-color: #fff; }
#main { width: 635px; float: left; display: inline; padding: 25px 25px 30px 20px; }
#sidebar { position: relative; width: 210px; min-height: 250px; height: auto !important; height: 250px; float: left; display: inline; background-color: #6c4d11; padding: 20px 15px 25px 15px; margin: -50px -40px 40px 20px; }
#footer { width: 100%; padding: 10px 0 0 0; }

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

.logo a { position: absolute; top: 20px; left: 25px; width: 422px; height: 0px !important; display: block; background: url(../../../images/logo.gif) top left no-repeat; overflow: hidden; padding: 80px 0 0 0; }
.logo a:hover { border: none; }
.nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #d19813 url(../../../images/bg_nav.jpg) 0 0 repeat-x; }
.nav ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
.nav li { padding: 0; margin: 0 10px 0 20px; float: left; display: inline; }
.nav a, .nav a:visited { display: block; color: #ffdead; }
.nav a:hover { color: #fff; }

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

#sidebar { color: #fff; font-size: 90%; }
#sidebar a, #footer a:visited { color: #ffdead; font-weight: normal; }
#sidebar a:hover { text-decoration: underline; }
#sidebar h3 { margin: 20px 0 0 0; font-size: 100%; text-transform: uppercase; color: #fff; }
#sidebar ul { list-style-type: none; margin: 0; padding: 0; }
#sidebar ul li { margin: 0; padding: 0; }
#sidebar input { width: 140px; font-size: 90%; border-color: #ffdead; }
#sidebar .search-submit { background: none; color: #ffdead; width: 45px; font-size: 80%; border: none; }
#sidebar .search-submit:hover { color: #ccc; cursor: pointer; }

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

#footer { 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: -15px 0 0 -10px; }
.colB { float: right; display: inline; width: 340px; margin: 0 -15px 0 0; }
.colB h2 { clear: both; margin: 15px 0 0 0; }
.introText p { font-size: 18px; line-height: 24px; color: #5b6230; margin: 0; border-bottom: 0 dotted #f0b8b8; padding-bottom: 20px; }
.introText a { margin: 0 0 0 5px; float: right; }
.introText img { width: 80px; height: 84px; margin: 15px 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; }

#calendar #main { width: 100%; }
#calendar .googleCal { width: 878px; 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/icons/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/icons/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 */

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