/*
Theme Name: Element High School Ministry
Theme URI: http://sccelement.com/
Description: Theme built for SCC's Element High School Ministry.
Version: 1.0
Author: Erik Reagan
Author URI: http://erikreagan.com/
*/

* { margin: 0; padding: 0; }

body {
	background: #000 url(images/site_bkg4.jpg) top center repeat-x;
	background-attachment: fixed;
/*	background: #353535 url(images/bkg1.jpg) repeat-x; */
	font-family: Helvetica, Tahoma, Arial, Serif;
}

#homebar {
	padding: 7px;
	font-size: 9pt;
	color: #fff;
	background: #101010;
	border-bottom: 2px solid #000;
}
#homebar p { text-align: right; letter-spacing: 2px; }
#homebar a { color: #fff; text-decoration: none; }
#homebar a:hover { text-decoration: underline; }

#container { width: 900px; margin: 0 auto; margin-bottom: 20px;  }

#top { position: relative; height: 145px; }

h1 { position: absolute; top: 45px; left: 0px; }
h1 a { display: block; width: 278px; height: 78px; background: url(images/logo.png); }
h1 a span { display: none; }

#mainMenu { position: absolute; top: 82px; right: 0px; list-style: none; }
#mainMenu li { float: left; margin-left: 10px; }
#mainMenu a { padding-bottom: 3px; display: block; background-repeat: no-repeat; background-position: 0px 0px; height: 22px; }
#mainMenu a:hover { border-bottom: 2px solid #286497; }
#mainMenu a span { display: none; }
#mainMenu a.basics { width: 113px; background-image: url(images/the-basics.png); }
#mainMenu a.basics.active { background-position: -113px 0px; }
#mainMenu a.events { width: 118px; background-image: url(images/the-events.png); }
#mainMenu a.events.active { background-position: -118px 0px; }
#mainMenu a.media { width: 109px; background-image: url(images/the-media.png); }
#mainMenu a.media.active { background-position: -109px 0px; }
#mainMenu a.contacts { width: 145px; background-image: url(images/the-contacts.png); }
#mainMenu a.contacts.active { background-position: -145px 0px; }


#home #bigAds { height: 380px; width: 645px; display: block; float: left; border: 10px solid #282828; background: #fff; }
#home #smallAds { height: 400px; float: right; width: 215px; }
#home #smallAds .smallAd { height: 100px; width: 195px; display: block; border: 10px solid #282828; background: #fff; }
#home #homeBox { clear: both; position: relative; top: 20px; }
#home #homeBox ul li a { font-size: 10pt; }
#home #homeBox div * { font-size: 11pt; }
#home #homeBox h3 { float: left; padding-bottom: 8px; }
#home #homeBox p.blogmeta { float: right; margin-left: 10px; font-size: 8pt; text-align: right; line-height: 190%; }
#home #homeBox p.blogmeta a { color: #336699; font-size: 8pt; text-decoration: none; background: url(images/right-arrow.png) right center no-repeat; padding-right: 20px; }
#home #homeBox p.blogmeta a:hover { text-decoration: underline; }
#home #bigAds:hover, #home #smallAds .smallAd:hover  { border: 10px solid #1f1f1f; }


#page #sidebar { float: right; width: 200px; padding: 10px; border-top: 2px solid #fff; }
#page #sidebar h3 { font-size: 16px; padding: 4px; color: #fff; background: #3272a9 url(images/sidebar_h3_bkg.jpg) bottom repeat-x; margin-bottom: 10px; }
/*#page #sidebar h3.podcasts { background: url(images/multimedia.png) right center no-repeat; }*/
/*#page #sidebar h3.events { background: url(images/cal.png) right center no-repeat; }*/
#page #sidebar p { font-size: .8em; }
#page #sidebar a { color: #164b77; text-decoration: none; }
#page #sidebar a:hover { text-decoration: underline; }
#page #sidebar ul { margin-left: 0px; margin-bottom: 25px; list-style: none; }
#page #sidebar ul li { font-size: .8em; padding: 2px 0 2px 25px; background: url(images/contrast_small_low.png) left 2px no-repeat; }

#page #main { border: 10px solid #282828; background: #dbdbdb; }
#main #content { position: relative; width: 613px; background: #ededed; padding: 30px 35px 10px 10px; border-right: 2px solid #fefefe; }
#page #content h2, #page #content h2 a { font-family: Georgia; font-weight: normal; font-size: 20pt; margin-bottom: 10px; color: #205282; }
#page #content h3 { font-family: Georgia; font-weight: normal; font-size: 17pt; margin-bottom: 10px; color: #205282; }

/* Post Stuff */
#page #content h2 a:hover  { text-decoration: none; }
#page #content .meta { font-size: 9pt; margin: -10px 0 25px 0; }
#page #content p.postmetadata { background: #cecece; border: 1px solid #333; padding: 8px; }
#page #content .hr { display: block; margin: 10px auto 20px auto; width: 554px; height: 31px; background: url(images/bkg-hr.jpg) center no-repeat; }
#page #main p { line-height: 150%; margin-bottom: 15px; font-size: .9em; text-align: justify; }

#page #content ul, #page #content ol { list-style: auto; margin: 0 0 10px 30px; font-size: 10pt; }
#page #content li { padding: 3px 0; line-height: 140%; }
#page #content blockquote { margin-left: 30px; }
/* End Post Stuff */



/* Comment Stuff */
#page #content ol.commentlist { margin: 0; }
#page #content ol li { padding: 10px; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li.alt { background: #d4d9de; }
.commentlist li .avatar { float: right; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comment Stuff */


/* Form Stuff */
form input, form textarea { padding: 4px; font: normal 11pt/130% Tahoma, Arial, Serif; }

/* Ec3 Schedule Stuff */
#page #sidebar ul.ec3_events ul li { padding: 0; background: none; }
div.ec3_schedule { }
div.ec3_schedule span.ec3_date { font-weight: bold; margin-right: 5px; font-size: 10pt; }
div.ec3_schedule span.ec3_start {  }
div.ec3_schedule span.ec3_to { padding: 0 3px; }
div.ec3_schedule span.ec3_end {  }


#home #footer { margin: 30px auto 20px auto; }
#footer { padding-top: 10px; font-size: 10pt; color: #a6a6a6; }
#footer a { color: #a6a6a6; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.floatl, .alignleft { float: left; }
.floatr, .alignright { float: right; }
.center { margin: 0 auto; text-align: center; }
.clear { clear: both; }
.clearl { clear: left; }
.clearr { clear: right; }
a img { border: none; }
img.floatl, .floatl.imgcontainer, .alignleft { margin: 0 15px 15px 0; border: 1px solid #000; padding: 1px; }
img.floatr, .floatr.imgcontainer, .alignright { margin: 0 0 15px 15px; border: 1px solid #000; padding: 1px; }
.floatl.imgcontainer, .floatr.imgcontainer { background-position: 1px 1px; background-repeat: no-repeat; }

p#editLink a, p#editLink a:visited {
	color: #336699;
	display: block;
	text-transform: uppercase;
	background: #c0c0c0 url(images/editLink-bkg0.jpg) right center no-repeat;
	padding: 5px;
	text-align: center !important;
	border: 1px solid #205282;
	text-decoration: none;
}
p#editLink a:hover { background: #d6d6d6 url(images/editLink-bkg.jpg) right center no-repeat; }


/* Media Stuff */

#page #content.media { background: #ededed url(images/media-icons.jpg) 416px 45px no-repeat; }

table#mediatable{font-size:9pt;color:#000;width: 100%;}
table#mediatable th{padding:8px;border-bottom: 1px solid #000; }
table#mediatable th{text-align:left;cursor:pointer;}
table#mediatable tr.headings{background:#3272a9 url(images/sidebar_h3_bkg.jpg) bottom repeat-x;font-weight:bold;cursor:pointer;color: #fff;}
table#mediatable tr.even{background:#ededed;}
table#mediatable tr.odd{background:#c6cce4;}
table#mediatable a,table#mediatable a:visited{color:#000;text-decoration:underline;}
table#mediatable a:hover{text-decoration:none;}
table#mediatable td.date{width:60px;}
table#mediatable td.title{}
table#mediatable td.speaker{width:120px;}
table#mediatable td.series{}
table#mediatable td.links{text-align:right;width:60px;}
table#mediatable td {padding:5px 8px;}
table#mediatable td ul{list-style:none !important;text-align:right;display:inline;}
table#mediatable td ul li{background-repeat:no-repeat;background-position:center right;font-size:9pt;float:right;}
table#mediatable td ul li.audio{background-image:url(images/disc.png);}
table#mediatable td ul li.video{background-image:url(images/film.png);}
table#mediatable td ul li.worship{background-image:url(images/music.png);}
table#mediatable td ul li.notes{background-image:url(images/document_text.png);}
table#mediatable td ul li a{display:block;padding:6px 20px 6px 0px;text-decoration:none;}
table#mediatable td ul li a span {display:none;}
table#mediatable td ul li a:hover{text-decoration:none;}


#fbc_profile { font-size: 9pt; color: #000; left: 0px; text-align: left; }
#fbc_profile .fbc_profile_pic { float: left; }
#fbc_profile a { color: #336699; }