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

#themes {
    position: absolute;
    display: block;
    top: 40px;
    left: 10px;
    width: 350px;
    background: url(images/bkg_change_theme_white.png) 40px 0px no-repeat;;
}
#themes ul { list-style: none; }
#themes ul li a {
    display: block;
    height: 20px;
    width: 20px;
    border: 2px solid #999;
    margin: 4px 0px; 
}
#themes ul li a#one { background: #10276b; }
#themes ul li a#two { background: #fffe09; }
#themes ul li a#three { background: #d21684; }
#themes ul li a span { display: none; }


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

#top { position: relative; height: 125px;  background-color:#282828; margin-top:40px;}

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

#mainMenu { position: absolute; top: 35px; right: 25px; list-style: none; }
#mainMenu li { float: left; margin-left: 10px; }

#mainMenu a {display: block;background-repeat: no-repeat;height: 60px;background-image: url(images/top-row.png);margin-left: 10px;}

#mainMenu a span { display: none; }
#mainMenu a.parents { width: 95px; background-position: 0px 0px; }
#mainMenu a:hover.parents{ background-position: 0px -60px; }
#mainMenu a.serve { width: 148px; background-position: -95px 0px;  }
#mainMenu a:hover.serve { background-position: -95px -60px; }
#mainMenu a.adult { width: 145px; background-position: -260px 0px;  }
#mainMenu a:hover.adult{ background-position: -260px -60px; }
#mainMenu a.contacts { width: 109px; background-position: -410px 0px; }
#mainMenu a:hover.contacts{ background-position: -410px -60px; }

#home { position:relative; }
#home #bigAds { height: 380px; width: 900px; display: block; float: left; background: #000; text-align:center; overflow:hidden; margin:15px 0;}
#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 #adControls {
    display: block;
    position: absolute;
    bottom: 4px;
    right: 17px;
    height: 24px;
    width: 65px;
	
}
#home  #prev {
    position: absolute;
    height: 36px;
    width: 36px;
    left:12px;
	top:348px;
    cursor: pointer;
    background: url(images/arrow_left.png) left center no-repeat;
	z-index:200;
}
#home  #prev:hover {background: url(images/arrow_left_hover.png) left center no-repeat;}

#home #next {
    position: absolute;
    height: 36px;
    width: 36px;
	right:12px;
	top:348px;
    cursor: pointer;
    background: url(images/arrow_right.png) right center no-repeat;
	z-index:200;
}
#home #next:hover {background: url(images/arrow_right_hover.png) right center no-repeat;}

#home #slideThumbs { height:50px;}

#home #slideshowboxes { display: block; position: relative; }
#home #slideshowboxes a {
    height: 10px;
    width: 10px;
    display: block;
    background: #000;
    border: 3px solid #000;
    float: left;
    margin: 0 3px;
    overflow: hidden;
}
#home #slideshowboxes a.activeSlide {
    background: #fff;
    border: 3px solid #000;
}
#home #slideshowboxes span {  }


#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 {  }



#footer { margin: 10px 0; font-size: 10px; color: #a6a6a6; position:relative;}
#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; }

#frontBoxes li { float:left; width:252px; display: block; border: 10px solid #282828;  padding:14px; text-align:center; background-color:#282828;}
#frontBoxes a {display: block; background-repeat:no-repeat; background-position:center center;height: 81px; width: 252px; background-image: url(images/bottom-row.jpg);}
#frontBoxes a span { display: none; }
#frontBoxes a.basics { background-position: 0px 1px; }
#frontBoxes a:hover.basics { background-position: 0px -81px; }
#frontBoxes a.events { background-position: -254px 1px; }
#frontBoxes a:hover.events { background-position: -254px -81px; }
#frontBoxes a.media { background-position: -508px 1px; }
#frontBoxes a:hover.media { background-position: -508px -81px; }

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