/* @override http://hilltopchurchofchrist.com/_css/styles.css */

/*
*************************************************
Hilltop Community Church of Christ

Author:		Kyle Sollenberger, hello@iamkyle.com
Updated:	March 30, 2008
Notes:		None

Table of Contents:
	1. General selectors
	2. Layout
		a. Header
		b. Nav
		c. Feature
		d. Content
		e. Large Calendar
		f. Sidebar
		g. Footer
	3. Classes
	4. Hacks

*************************************************
*/

/*---------------------------------
	1. GENERAL SELECTORS
---------------------------------*/
* {margin:0;padding:0;}
a {color:#95af70;overflow: hidden;}
body {background:#0c4745;border-top:#227774 5px solid;font-size: 9pt;font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;line-height: 1;}
hr {display:none;}

/*---------------------------------
	2. LAYOUT
---------------------------------*/
#wrapper {background:#0f504e url(/_img/bg_wrapper.jpg) no-repeat center -242px;border-top:#2c2c2c 2px solid;}
body#home #wrapper {background:#0f504e url(/_img/bg_wrapper.jpg) no-repeat center -17px;}
#container{margin:0 auto;width:960px;}
/* Header */
	#skip{list-style: none;position:absolute;text-indent:-9999px;}
	#header {}
		#header h1 a {background:url(/_img/logo.png) no-repeat center center;display:block;height:100px;float:left;text-indent:-5000px;width:530px;}
		#header form {background:#227774;border-bottom:#2c2c2c 2px solid;float:right;margin:-2px 0 0 0;padding: 0 5px 5px 5px;position:relative;width:180px;}
			#header form legend {display:none;height:30px;}
			#header form .clearClick {background:#d8e4ce;border:#0e4645 1px solid;margin:3px 0 0 0;padding:4px;position:absolute;right:5px;top:0;width:145px;}
			#header form .mcmsSearch2 {background:url(/_img/search-icon.gif) no-repeat center center;clear:left;display:block;height:27px;left:0;margin:0;text-indent:-5000px;top:2px;width:20px;}
/* Nav */
	#nav {background:url(/_img/bg_nav.png) no-repeat;clear:both;list-style:none;padding:0 15px;position:relative;z-index:4;}
		#nav li {float: left;}
			#nav li a {color:#FFF;display:block;font-size:10.5pt;font-weight:bold;padding:20px 15px 15px 15px;text-decoration:none;text-transform:uppercase;}
			#nav li.current {background:#e6eddb url(/_img/bg_tab-left.gif) no-repeat top left;}
			#nav li.current a {background: url(/_img/bg_tab-right.gif) no-repeat top right;color:#217774;}
			#nav li:hover a,
			#nav li.sfhover a {color:#95af70;}
			
				#nav li ul {left: -999em;line-height:1;list-style: none;position:absolute;z-index:999;width:150px;}
				#nav li.current ul {left:0;padding:0 15px;top:48px;width:900px;}
					#nav li.current li {background:none;float:left;}
					#nav li.current li a,
					#nav li:hover li a,
					#nav li.sfhover li a {background:none;color:#217774;font-size:9pt;letter-spacing:0px;text-transform:none;display: block;padding-bottom: 20px;}
			
					#nav li.current li:hover a,
					#nav li.current li.current a,
					#nav li.current li:hover a {color:#383838;}
					
					#nav li.current ul ul {left: -999em;margin:-10px 0 0 0;width:150px;position: absolute;z-index: 1000;width:150px}
					#nav li.current li:hover ul,
					#nav li li:hover ul,
					#nav li li.sfhover ul,
					#nav li li li.sfhover ul{left: auto;width: 150px; top: 45px;}
					#nav li.current li:hover li,
					#nav li.current li.sfhover li{background:#217774;width: 150px;}

					#nav li:hover li:hover li a,
					#nav li:hover li:hover li:hover li a,
					#nav li.current li:hover li a,
					#nav li.current li li a,
					#nav li.sfhover li.sfhover li a,
					#nav li.sfhover li.sfhover li.sfhover li a
{background:#217774;border-bottom:#1e6663 1px solid;color:#FFF;font-size:9pt;padding:7px 15px;text-transform: none;display: block;}
					
					#nav li:hover li:hover li:hover a,
					#nav li:hover li:hover li:hover li:hover a,
					#nav li.current li:hover li:hover a,
					#nav li.sfhover li.sfhover li.sfhover a,
					#nav li.sfhover li.sfhover li.sfhover li.sfhover a
 {background:#26817e;color:#FFF;} 	
															
					#nav li ul ul ul {margin:-27px 0 0 180px;}
					
					#nav li:hover ul ul ul,
					#nav li.sfhover ul ul ul {left: -999em;}
					
					#nav li li li a {background: #217774;width:150px;}

				
/* Feature */
	#feature {background:#dee7d4 url(/_img/bg_feature.jpg) no-repeat ;height:165px;line-height:1.4;padding:50px 400px 0 45px;position:relative;z-index:10;}
		#feature h2 {color:#217774;font-size:16pt;font-weight:normal;margin:0 0 15px 0;}
			#feature h2 strong,#feature h2 b {color:#114f4c;font-style:italic;font-weight:bold;}
		#feature a {background:#acbf88 url(/_img/arrow.gif) no-repeat 14px 16px;border:#8b9686 1px solid;border-width:0 1px 1px 0;color:#758a51;display:block;font-size:10pt;font-weight:bold;padding:10px 10px 10px 25px;text-decoration:none;width:190px;}
			#feature a:hover {background-color:#217774;color:#FFF;}
		#feature-img {background:url(/_img/poloroids.png) no-repeat;height:335px;padding:27px 0 0 27px;position:absolute;right:-25px;top:-96px;width:324px;z-index:3;}
			#feature-img img {background:#EBEBEB;border-width:0;}
			#feature-img #featuredpic {list-style:none;}
/* Content */
	#container-inner {background:url(/_img/bg_container-inner.jpg) no-repeat top left;padding:35px 15px 20px 15px;}
	body#home #container-inner {background:none;padding:0 15px 20px 15px;}
	#content {background:#FFF;border-bottom:#0d4341 3px solid;float:left;margin:20px 0 0 0;min-height:405px;overflow:hidden;width:645px;}
	body#home #content {margin:0;}	
		#content .content-title {background:#95af70;border-bottom:#889f66 2px solid;color:#FFF;font-size:150%;padding:10px 30px 7px 30px;text-transform:uppercase;}
		body#home #content .content-title {font-size:10pt;padding:22px 30px 10px 30px;}
		#content .content-body {padding:30px;}
	/* sub */
		#content h3{color:#217774;font-size: 2.4em;margin-bottom:.5em;padding-bottom:15px;}
		#content h4 {color:#1c6563;font-size:1.6em;margin-bottom:.25em;}
		#content h5 {color:#252525;font-size:1.4em;margin-bottom:.25em;}
		#content h6 {color:#95af70;font-size:1.4em;margin-bottom:.25em;}
		#content p,#content li{color:#252525;font-size: 1.4em;line-height: 1.25;margin-bottom: 1.5em;}
		#content ul,#content ol{margin: 0 0 2em 30px;}
		#content ul {margin-left: 14px;}
		#content ul#byline {float: left;}
		#content li {margin: 0;}
		#content li li{font-size: 1em;}
		#content ul li{padding-left: 16px;background: url(/_img/bg_content_ul_li.gif) no-repeat left .4em;list-style: none;}
		#content blockquote{ margin-left: 3em;}
		#content hr {display: block;margin-bottom: 1em;}
		#content a {color: #819f57;text-decoration: none;}
		#content a:hover {color: #217774;text-decoration: underline;}
		#content img {float: left;margin: 0 10px 5px 0;}
		#content #text {clear: both;}
		#content .sermonbox {margin-bottom: 20px;}
		#content .sermonbox h4 {margin-bottom: 5px;}
		#content .sermonbox p {margin: 0;padding: 0; }
		#content .sermonbox p.sermonlink {margin-top: 10px;}
		#content .sermonbox p.eventtime{margin-bottom: 0;}
		#content #mediabox {/*border: 1px solid #F00;*/float: right;list-style: none;padding: 5px 5px 0;width: 125px;}
		#content #mediabox li {font-size: 1.1em;font-weight: bold;margin-bottom: 5px;}
		#content #mediabox li a {background-repeat: no-repeat;display: block;height: 16px;padding-left: 20px;}
		#content #mediabox li#mb_print a { background-image: url(/_img/mb_print.gif);}
		#content #mediabox li#mb_video a {background-image: url(/_img/mb_video.gif);}
		#content #mediabox li#mb_download a {background-image: url(/_img/mb_download.gif);}
		#content #mediabox li#mb_notes a {background-image: url(/_img/mb_notes.gif);}
		#content #mediabox li#mb_jukebox a {background-image: url(/_img/mb_jukebox.gif);}
		#content #mediabox li#mb_podcast a {background-image: url(/_img/mb_podcast.gif);}
	/* home */		
			#content #flash-box {background:#c6dbba;height:215px;list-style:none;margin:0;}
				#content #flash-box * {margin:0;padding:0;}
			#content ul#features {list-style:none;margin:30px 0 0 0;padding:0;}
				#content ul#features li {background:none;float:left;margin:0;padding:0 3px 0 0;width:193px;}
				#content ul#features li.last {margin:0;padding:0;}
					#content #features li a {background:#c9d9bc;display:block;padding:5px;}
						#content #features li a:hover {background:#217774;}
					#content #features li img {border-width:0;}

#content #flash-box img{
   border: 0;
}

/* Large Calendar */

#content #calendar-outer{
	padding:0 20px 20px 20px;
   position: relative;
	text-align:center;
}

#content table.calendar{
   margin:0 auto;
   border: 1px solid #CCC;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   text-align:left;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #697c26;
   font-size: 1.4em;
   font-weight: bold;
}

#content table.calendar caption span{
   position: absolute;
   top: 0;
   width: 16px;
   color: #8A4700;
}

#content table.calendar caption span.calendar-prev{
   left: 0;
}

#content table.calendar caption span.calendar-next{
   right: 0;
}

#content table.calendar th{
   padding: 6px 0;
   background: #EBEBEB;
   border:#CCC 1px solid;
   border-width:0 1px 1px 0;
   color: #666;
   font-size: 1.3em;
   font-weight: normal;
   text-align: center;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #CCC;
   border-left: 0;
   border-top: 0;
   background: #FFF;
   color: #626262;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: #FFF;
}

#content table.calendar td a{
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
   padding: 0;
}

#content table.calendar td li{
   padding-left: 8px;
   margin-left: 0;
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   text-decoration: underline;
   color: #95af70;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}		

/* Sidebar */
	#sidebar {float:right;margin:20px 0 0 0;width:285px;}
	body#home #sidebar {margin:0;}
		#sidebar * {list-style:none;}
		#sidebar #sidebar-events {background:#252525;height:244px;margin:0 0 50px 0;padding: 0 15px 15px 15px;position:relative;z-index:1;}
		body#home #sidebar #sidebar-events {padding:65px 15px 15px 15px;}
			#sidebar #sidebar-events h3 {bottom:-38px;font-size:9pt;padding:12px 0 0 0;position:absolute;text-transform:uppercase;}
			#sidebar #sidebar-events li#agenda h3 {left:62px;}
			#sidebar #sidebar-events li#calendar h3 {left:134px;}		
				#sidebar #sidebar-events h3 a {color:#95af70;display:block;padding:7px 10px;text-decoration:none;}
					#sidebar #sidebar-events h3 a:hover {color:#FFF;}
					#sidebar #sidebar-events li.selected h3 {background:url(/_img/eventstab-selected.gif) no-repeat top center;z-index:4;}
					#sidebar #sidebar-events li.selected h3 a {background:#0b4744;color:#FFF;}
			#sidebar #sidebar-events .tab-content {display:none;float:left;width:255px;}
			#sidebar #sidebar-events li.selected .tab-content {display:block;}
	/* agenda */			
				#sidebar #agenda .event {border-top:#474747 1px solid;padding:10px 0;}
				#sidebar #agenda .event:first-child {border-width:0;padding:0 0 10px 0;}
					#sidebar #agenda .event .date {background:#217774;border:#0a0a0a 1px solid;border-width:0 1px 1px 0;color:#FFF;float:left;margin:0 10px 0 0;padding:3px 0 0 0;text-align:center;text-transform:uppercase;width:35px;}
						#sidebar #agenda .event .date span {background:#FFF;color:#363837;font-family:georgia, "times new roman", serif;display:block;font-size:12pt;margin:3px 0 0 0;padding:4px 0 6px 0;}
					#sidebar #agenda .event h4 {color:#FFF;font-size:8pt;font-weight:normal;padding:4px 0 0 0;}
					#sidebar #agenda .event h4 a {font-size:10pt;display:block;font-weight:bold;margin:0 0 2px 0;text-decoration:none;}
					#sidebar #agenda .event h4 a:hover {color:#FFF;}
	/* calendar */
				#sidebar table.calendar {border-width:1px 0 0 1px;border-collapse: collapse;margin:0 auto;}
					#sidebar table.calendar caption.calendar-month {border-bottom:#474747 1px solid;color:#95af70;font-size: 10pt;font-weight:bold;margin:0 0 3px 0;padding:0 3px 5px 3px; text-align:left;}
						#sidebar table.calendar caption span {color: #A6A763;}
					#sidebar table.calendar th {color: #FFF;font-size: 9pt;font-weight: normal;padding: 3px 0;text-align: center;}
					#sidebar table.calendar td {background:#292929;border:1px solid #394641;color:#bad5c9;font-size: 8pt;font-weight: normal;height: 28px;padding:1px;text-align: center; width: 28px;}
						#sidebar table.calendar td:hover {background:#2a2a2a;}
						#sidebar table.calendar td.linked-day{/*padding: 1px 1px;*/}
						#sidebar table.calendar a {border:#6c9885 2px solid;color: #FFF;display: block;padding: 6px;text-decoration: none;}
						#sidebar table.calendar a:hover {border-color:#FFF;}
	/* directions */
		#sidebar .sidebar-section {background:#217774;border-bottom:#0c413f 2px solid;margin:15px 10px;padding:9px 0;text-align:center;}
			#sidebar .sidebar-section a {color:#0c413f;text-decoration:none;}
			#sidebar .sidebar-section a:hover {color:#FFF;}
				#sidebar .sidebar-section a img {border:#0c413f 1px solid;}
				#sidebar .sidebar-section a span {display:block;font-weight:bold;padding:3px 0 0 0;text-transform:uppercase;}
/* Footer */
	#footer {color:#95af70;font-size:9pt;margin:0 auto;width:960px;}
		#footer a {color:#FFF;}
		#footer p.login {float:left;}
			#footer p.login a {background:#0d413f;color:#FFF;display:block;padding:10px;text-decoration:none;text-transform:uppercase;}
				#footer p.login a:hover {background:#95af70;color:#0c4745;}
		#footer p.copyright {float:left;padding:10px;}
		#footer p.powered {float:right;padding:10px 0 10px 10px;}
		
#footer p#loginWrap{
   float: left;
   padding: 10px;
}
		
/*---------------------------------
	3. Classes
---------------------------------*/

/*---------------------------------
	4. Hacks
---------------------------------*/
.clear:after, 
#container:after,
#header:after, 
#nav:after, 
#features:after, 
#content:after, 
.content-body:after, 
.event:after, 
#footer:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

.clear, 
#container, 
#header, #nav, 
#features, 
#content, 
.content-body, 
.event, 
#footer {display:inline-block;}
/* Hide from IE Mac \*/
.clear, 
#container, 
#header, 
#nav, 
#features, 
#content, 
.content-body, 
.event, 
#footer {display:block;}
/* End hide from IE Mac */


/* me */


#content-wrap form#searchForm #keywords {background:#d8e4ce;border:#0e4645 1px solid;margin:3px 0 0 0;padding:4px;width:145px;font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;}
#content-wrap form#searchForm p{
   margin: 5px 0 10px;
}
#content-wrap form#searchForm #searchSubmit{
   background: #0C413F;
   padding: 3px;
   color: #D8E4CE;
   border: 1px solid #0E4645;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

/*#content-wrap form#searchForm{
   margin-bottom: 25px;
}

#content-wrap form#searchForm p{
   clear: both;
   margin: .25em 0;
}*/

/*#content-wrap form input#keywords{
   width: 127px;
   margin-right: 3px;
   margin-bottom: 5px;
   padding: 5px 3px 4px;
   border: 1px solid #D0CBC4;
   color: #545454;
   font-size: 1.2em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}
*/
/*#content-wrap form input#searchSubmit{
   float: left;
   display: block;
   width: 28px;
   height: 25px;
   border: 0;
   background: url(/_img/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}*/

/*#memberProfile p{
   float: left;
   margin-right: 10px;
}

#memberProfile h3{
   float: left;
   width: 101px;
   margin: 0;
   line-height: 1.2;
}

#memberProfile h3 a{
   text-decoration: none;
}

#memberProfile h3 a:hover{
   text-decoration: underline;
}

#memberProfile ul{
   float: left;
   width: 101px;
   margin: 0;
   margin-top: 5px;
   list-style: none;
}*/

#content #letter-directory ol{
   float: left;
   width: 585px;
   margin: 0 0 25px;
   list-style: none;
}

#content #letter-directory li{
   float: left;
   margin: 0 6px 0 7px;
}

#content div.person{
   float: left;
   width: 130px;
   height: 150px;
   margin: 7px;
}

#content div.person img{
   float: none;
   display: block;
   margin: 0;
}

#content table.person{
   width: 585px;
}

#content table.person td{
   padding: 5px;
   vertical-align: top;
}

#content table.person td.thing{
   text-align: right;
}

#content table.person td p{
   font-size: 12px;
}

#home #feature{
	padding-top: 30px;
	padding-bottom: 20px;
	position: relative;
}

#home #feature h3.heading{
	color: #646464;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.0em;
	margin-bottom: 5px;
}

#home #feature h2{
	margin-bottom: 0;
}
#home #feature .sermonblock{
	position: relative;
}

#home #feature .sermonblock img{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 150px;
	border-style: none;
}
#home #feature .sermonblock ul{
	right: 0;
	margin-top: 15px;
	padding-top: 5px;
	border-top: 1px solid #c2cabb;
}
#home #feature .sermonblock ul li{
	float: left;
}
#home #feature .sermonblock ul li a{
	border-style: none;
	width: 70px;
	background: transparent left top;
	padding: 0;
}

#home #feature .sermonblock h3{
	color: #0d504e;
	margin-bottom: 10px;
}