@import "initial.css";

html, body { background-color:#fff; }

/* BASE STRUCTURAL STYLES
---------------------------------*/
#head { text-align:center; border-bottom:6px double #b1c6db; }
#body { margin:1em 0; }
#foot { clear:left; text-align:center; border-top:6px double #b1c6db; padding-top:.5em; font-size:77%; }


/* GENERAL ELEMENT STYLES
---------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family:"Century Gothic","Arial Narrow",Arial; }
h2 { font-size:182%; font-weight:normal; }
h3 { font-size:123.1%; }
h4,h5 { font-size:108%; }
a { color:#6490bf; }


/* SPECIFIC ELEMENT STYLES
---------------------------------*/
.section,
.content { clear:left; padding-top:10px; }


.promo img,
.events li img,
.headline img,
.weekend img,
.event-list img,
.ministry img,
.summary img,
.series-list li img { float:left; margin-right:10px; }

.staff h2,
.series h2,
.standard h2.woodburn { font-size:138.5%; line-height:1em; padding-left:0; }
.staff h2 strong,
.series h2 strong,
.standard h2.woodburn strong { font-size:170%; font-weight:normal; }


/* HOME PAGE ------------ */
.events ul { list-style-type:none; margin:0; padding:0; margin-bottom:50px; }
.events li { clear:left; padding-bottom:20px; margin:0; }
.events li h3 { margin:0; padding:5px 0 0; }

/* WEEKEND PAGE ---------- */
.weekend div { padding-top:10px; }
.headline h2 { margin:0; }

.match { height:auto!important; }
.calendar { padding-bottom:80px; clear:left; }
.calendar ul, .calendar li { list-style-type:none; margin:0; padding:0; }
.calendar-info { position:static!important; top:auto!important; left:auto!important; }

/* EVENTS PAGE ---------- */
.event-list { clear:left; }
.event { height:auto!important; border-bottom:1px dashed #666; padding-bottom:10px; position:static!important; margin-left:90px; }
.event-list img { position:static!important; margin-top:20px; clear:left; }
.original { position:static!important; top:auto!important; height:auto!important; width:auto!important; }

/* BLOG/PODCAST PAGES ---------- */
.blog,
.podcast { padding-bottom:5px; border-bottom:1px dashed #666; }

/* SERIES PAGES ---------- */
ul.series-list { list-style-type:none; padding:0; margin:0; clear:left; }
ul.series-list img { border:1px solid black; }
ul.series-list li { padding:10px 0; width:42%; height:120px; margin-right:2%; float:left; list-style-type:none;  }

/* STAFF PAGE ---------- */
ul.staff-list { list-style-type:none; padding:50px 20px 100px; margin:0; clear:left; }
ul.staff-list img { border:1px solid black; }
ul.staff-list li { padding:10px 0; width:30%; height:180px; margin-right:1%; float:left; list-style-type:none;  }

.staff { page-break-before:always; }
.staff img { float:left; width:200px; height:200px; }
.staff .bio { margin-left:225px; padding-top:10px; min-height:200px; }

/* MINISTRIES PAGE ---------- */
h4.involved { font-size:182%; font-weight:normal; padding-bottom:10px; }

/* ABOUT US PAGES ------------ */
.summary h2 { padding-top:15px; margin:0; }


/* CONTACT US PAGE STYLES
---------------------------------*/
.primary form { clear:left; margin:60px 0 100px 120px; }
.primary legend 	{ font-weight:normal; font-size:138%; color:#900; }
.primary label.contain { display:block; padding:0; margin-bottom:2em; border-bottom:1px solid #000; width:400px; font-style:italic; }
.primary div.contain { height:6em; }
.primary input,
.primary textarea,
.primary select,
.primary p em { display:none; }

#map { margin:0 0 100px 110px; }
#route-distance { font-size:108%; font-weight:bold; margin:1em 0; }
#directions { page-break-before:always; }
#origin, #destination, #steps { margin:0; width:540px; }


/* HIDDEN ELEMENTS
---------------------------------*/
#directions-address form,
.read-more,
#head ul,
ul#nav,
.ministry ul,
.event-list ul.attachments,
.podcast-download,
.btn,
#tabs-list,
.more,
.actions,
.forms,
.calendar-controls a { display:none!important; }


/* FOOTER STYLES ------------------------- */
#foot .vcard a { text-transform:none; }
#foot .vcard abbr { text-decoration:none; border-bottom:none; }
#foot .vcard .fn,
#foot .vcard .bull,
#foot .vcard .tel .type { display:none; }