@import url(css/960.css); @import url(css/text.css); @import url(css/nav.css); @import url(css/posts.css); 

/*  
Theme Name: Olivet Theme
Theme URI: http://www.thinklabs.ca
Description: Olivet Web v1.0
Version: 1.0
Author: Nate Woods
Author URI: http://www.thinklabs.ca

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


TABLE OF CONTENTS
 
  Inherited Styles
  HTML Tags
  Structure
  Headers
  Content Styles
  Form Elements
  Footer
  


/* ---------- @ Inherited Styles -----------*/

/* ---------- @ HTML Tags -----------*/
* 				{ margin:0; padding:0; outline:none; }
body,html		{ min-height:101%; /*Firefox scrollbar fix*/}
body 			{ background: #b1b1b2 url(images/sub_bg.jpg) top center no-repeat;  color:#555555; padding:0; }
body.page-id-3	{ background: #b1b1b2 url(images/hm_bg.jpg) top center no-repeat;  color:#555555; padding:0; }

 
body,select,input,textarea { font:/*Global font-size reset*/100% Arial, Verdana, Sans-Serif; }

p 				{ margin:10px 0; line-height:160%; }
p.intro 		{ font-size:17px; line-height: 24px; }

a,a:visited 	{ color:#FF6600; text-decoration:none; }
a:hover,a:active { color:#00aeef; }

hr 				{ display:block; height:1px; background:#CCC; border:0; color:#CCC; }

table			{ border-collapse:collapse; width:100%; margin:15px 0; }
td 				{ padding:4px 6px; border-top:1px solid #CCC; }
table caption 		{ background:#FFF; padding:2px 0; }

blockquote 		{ color:#7b7b7b; padding:0 18px; margin:25px 45px; border-left:3px solid #CCC; font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:.03em; }

ul 				{ margin:0; padding:0; }
ul li 			{ list-style:none; margin:0; padding:0; }

#form7 .info h2 {display:none;}

iframe			{border: 1px #dddddd solid;}

/* ---------- @ Structure -----------*/
#header			{ position: relative; z-index: 1000;}

#main 			{ position: relative; padding:0px; margin: 20px 0 0 0; }

#site_bg 		{ background: url(images/bg3.png) top center no-repeat; overflow: visible; width: 100%; height: 100%;  }

body.page-id-3 #wrapper {padding: 10px 20px;}
#wrapper 				{ background: url(images/page_bg.png) top center repeat-y;   font-size:/*Global content font-size*/.8em; position: relative; top:-12px; z-index: 0; overflow: hidden; }
#wrapper.container_16	{ width: 960px; height: 100%; padding: 20px 20px 10px 20px;}
#wrapper .grid_9			{ width: 500px; padding: 0 10px;}

#masthead 		{ height:100px; position:relative;  }

#branding 		{ float:left; width:575px; position: relative; overflow: visible; }

#title_bg		{ background: url(images/index/latestsermon_bg.png) top center no-repeat; width:100%; height: 82px; padding: 10px 0 0 0; margin: 10px 0 0 0; position: relative; z-index: 100;}

#content 		{ width:580px; float:left; }

#sidebar 		{ width:320px; background:#f2f2f2; padding:10px; }

.left 			{ float:left; }
.right 			{ float:right; }

/* ---------- @ HOME PAGE Styles -----------*/
.service-time {
	text-align: center;
	padding: 1.2em 0;
	margin: .8em 0;
	color: #fff;;
	font-size: 2.6em;
	font-family: Georgia, serif;
 	background: #4F6F18;
 	border-radius: 0px;
}
#hm_content, #newsletter	{margin-top: 10px;}

#home_slide 		{ width: 960px; height: 300px; padding:0 0 15px; position: relative; z-index: 1; overflow: hidden }
#home_slide .slider li { overflow: hidden}
.meta					{ font-family: Georgia; font-style: italic; font-size: 13px; margin: 2px 0px;}
#hm_event h5 a,#hm_event h5 a:visited
						{ color: #2d2f39;}
#hm_event h5 a:hover	{ color:#FF6600;}
#hm_event li			{ padding: 6px 0px; border-bottom: 1px #dddddd solid; }


/* ============== SUB NAVIGATION 
--------------------------------------------------------------------------------------- */

#sub 								{ margin: 10px; z-index: 500;}
#sub ul								{ margin: 5px 0 0 0; 	border: solid #dbdbdb;	border-width: 1px 1px 0px; }
#sub li 							{ padding: 8px 4px 8px 8px; margin: 0; font-size: 13px; background: #eeeeee; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #ffffff; }
#sub li a, #sub li a:visited 		{ color: #2d2f39;}
#sub li a:hover 					{ cursor: pointer; background: none;}
#sub li:hover						{ background: #dbdbdb; cursor: pointer;}
 
#sub li.current_page_item, #sub li.current_page_item:hover			
									{ font-weight: bold; color:#eeeeee !important; background: #2d2f39; }
#sub li.current_page_item a			{ color: #eeeeee; }
#sub li.current_page_item li		{ font-weight: normal; color: #FFF; background:#f0e9c6; }
#sub li.current_page_item li a		{ color: #FFF;}

#sub ul ul							{ margin-top: 10px;}
#sub li li							{ font-size: .9em; margin: 0px -4px 4px 10px; background:url(../images/subside_nav.gif) top left repeat-x; color: #ffffff;}
#sub li ul li a,#sub li ul li a:visited	{color: #ffffff;}


/* ============== Home page 
--------------------------------------------------------------------------------------- */


.side_news li a,.side_news li a:visited { color:#00AEEF; line-height:16px; }
.side_news li a:hover 					{ background:none; }

#hm_sermon img,#hm_date,#hm_player,#hm_passage	{ float: left; }
#hm_sermon							{ background: url(images/index/latestsermon_bg.png) top center no-repeat; width:100%; height: 77px; padding: 15px 0 0 0; margin: 0; position: relative;  z-index: 100; }
#hm_sermon img						{ margin: 0 10px 0 0; position: relative; top: -5px;}

span.sermon-heading-home {
	color: #fff;  
	float: left; 
	font-family: Georgia, serif; 
	font-weight: bold; 
	font-size: 26px; 
	margin: 8px 0 0 0;
	}

#hm_date 							{ color:#e6e6e6; margin:0; font-size:11px; background: #636675; height: 54px; width:54px; text-align: center; position: relative; top:-5px;  }
	p.hm_month						{ font-size: 18px; margin: -5px 0 0 0; padding: 0; }
	p.hm_day						{ font-size: 28px; margin: -10px 0 0 0; padding: 0;}

#hm_player							{  padding: 18px 0 15px 15px;   position: relative; top:-5px; float: left}

.hmsermon-info							{ float: left; clear: none; margin: 4px 20px 0 20px;}
.hm_passage							{ color: #f0e9c6;   font-family: Georgia;  font-style: italic;}
.hm_speaker							{ color: #dddddd;  }

.viewSermon 						{  border:none;  margin:5px 0 0 0; float: right; font-size: 14px; padding: 10px 15px; display: inline; background: #4F6F18; color: #fff !important; border-radius: 4px; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.viewSermon:hover 					{  background: #ff6600; }

.hm_col								{ margin-top: 15px;}
.hm_col h3							{ font-size: 20px; text-transform: uppercase;}
	.hm_col h3.verse				{ padding: 4px 0 4px 32px; background: url(images/icons/verse.gif) 0 0 no-repeat; background-position-y: -3px;}
	.hm_col h3.event				{ padding: 4px 0 4px 32px; background: url(images/icons/event.gif) 0 0 no-repeat; background-position-y: -3px;}

.hm_verse							{ font: 18px Georgia; font-style: italic; font-weight: 100; line-height: 26px; letter-spacing: -1px;}

ul.tabs 							{ float:left; list-style:none; height:25px; width:100%; margin-left:0; font-family:Georgia; }
ul.tabs li 							{ float:left; background:#bbbbbb; height:25px; line-height:25px; overflow:hidden; position:relative; margin:0 3px 0 0; }
ul.tabs li a,ul.tabs li a:visited 	{ color:#fff; display:block; padding:0 8px; outline:none; }
ul.tabs li a:hover 					{ background:none; }
ul.tabs li:hover 					{ background:#00aeef; }

html ul.tabs li.active,html ul.tabs li.active a:hover { background:#29419b; color:#FFF; font-weight:bold; border-bottom:#004780; }

.tab_container 						{ background:#d8d8d8 url(images/news_bg.gif) top left repeat-x; overflow:hidden; clear:both; float:left; width:100%; border:1px solid #d8d8d8; }
.tab_content li 					{ padding:11px 10px 11px 70px;; background:url(images/line.gif) bottom left repeat-x; position: relative; }
.tab_content li:hover 				{ background:#ffffff; cursor:pointer; }
.tab_content p 						{ margin:5px 0; line-height:16px; font-size:12px; }

.datebox							{ background: url(images/date_bg.png) 0 0 no-repeat; width: 53px; height: 65px; position: absolute; left: 8px; top: 10px; font-family: Georgia, serif; letter-spacing: -1px; text-align: center; color: white; overflow: visible;}
.datebox p.month					{ font-size: 20px; margin: 7px 0 0 -5px;}
.datebox p.day						{ font-size: 30px; margin: 2px 0 0 -5px; font-weight: normal; overflow: visible;}


.postthumb	{ float:left; padding:0 8px 0 0; }


#sideEvent							{ margin-bottom: 15px;}
#sideEvent li						{ position: relative;   border-bottom: 1px #dddddd solid;}
#sideEvent li:hover					{ background: #eeeeee; cursor: pointer;}

#sideEvent strong					{ position: absolute; top: 12px; left: 5px; }
#sideEvent small a					{ color: #ff6600; font-size: 11px; clear: left; display: block; }
#sideEvent em						{ position: absolute; top: 28px; left: 0px; }
#sideEvent a, #sideEvent a:visited 	{ color: #4f6f18; font-size: 14px; font-weight: bold; display: block; padding: 10px 0px 10px 60px; }

/* ============== Sermon Page 
--------------------------------------------------------------------------------------- */

ul#sermons li #hm_passage							{ color: #888; position: absolute; top: 36px; left: 435px; font-family: Georgia;  font-style: italic;}
ul#sermons li #hm_speaker							{ color: #444444; position: absolute; top: 20px; left: 435px;}

ul#sermons							{ padding: 0; margin: 0;}
ul#sermons li						{ padding: 20px 0; margin: 0; border-bottom: 1px #bbbbbb solid; position: relative; }

.passage,.speaker					{   }
.sdate								{ color: #2d2f39; width: 100px;  font-weight: bold;  }
.splayer							{ width: 310px;   }

#myTable td			{ padding: 15px 5px;}
#myTable thead th	{ padding: 10px 0; background: #2d2f39; color:#f0e9c6;}
#myTable .stitle	{ font-family: Georgia; font-style:  italic; font-size: 15px;}

.dl-sermon 		{ float: right; margin: 5px 0 0 0; padding: 4px;}
/* ============== Elders Page 
--------------------------------------------------------------------------------------- */

#elders li		{ position: relative; padding: 20px 0 20px 120px; border-bottom: 1px #dddddd solid;}
#elders img		{ position: absolute; left: 0px; top:20px; border: 3px #b1b1b2 solid;}


/* ============== Verse Page 
--------------------------------------------------------------------------------------- */
#verse #currentVerse li	{ padding: 20px; background: #eeeeee; border: 1px solid #dddddd; }
#verse #currentVerse li p	{ font-size: 15px; font-family: Georgia, serif; font-style: italic;}
#verse li 		{ border-bottom: 1px solid #dddddd; padding: 20px; position: relative;}
#verse .date	{ position: absolute; right: 10px; top: 23px; padding: 5px; color: #2d2f39;  font-family: Georgia, serif; font-style: italic;}

ul#pastVerses	{ border-top: 1px solid #dddddd;}

/* =============== EVENTS PAGE ============================*/

#events	li							{ padding: 5px 0 20px; overflow: hidden; border-bottom: 1px #336666 solid;  }
#events li p						{ margin: 0; padding: 3px 5px;}
#events h3							{  margin-bottom: 10px; font-size: 28px;  }
#events h3.event_single				{ font-size: 28px; margin-top: 20px;  }
#events li h3 a,#events li h3 a:visited
				 					{ color: #3d404e; background: #eeeeee; display: block;padding: 8px 5px 5px 8px; border-radius: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#events li h3 a:hover				{ background: #4f6f18; color: #ffffff;}
#events li p span					{ font-weight: bold; float: left; width: 90px;}

#events .date						{ float: left; color: #ffffff; overflow: hidden; background: #4f6f18; padding: 8px; margin-right: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; text-align: center;}
#events li .month,#events li .year,#events li .time
									{ letter-spacing: -1px; text-shadow: }
#events li .month					{ font-size: 20px; margin: 0px; padding: 0px;}
#events li .year					{ font-size: 28px; margin: 0px; padding: 0px;}
#events li .time					{ font-size: 17px; font-style: italic; }

table#eventDetails tr				{ vertical-align: top; border-bottom: 1px solid #375356;  }
table#eventDetails td				{ padding: 12px; border: none;}
table#eventDetails td.first			{ width: 85px;}
table#eventDetails td p				{ padding: 0px; margin: 0 0 5px 0;}
table#eventDetails tr.single-date	{ background: #eeeeee;  } 
table#eventDetails tr.bg			{ background: #eeeeee;}

#eventFilter						{ margin: 25px 0 0 0;}
#eventFilter h4						{ margin: 0 0 10px 0; text-transform: capitalize; font-size: 18px;}
#eventFilter li						{ padding: 10px 0 10px 8px; font-size: 1.2em; border-bottom: 1px #336666 solid }
#eventFilter li:hover				{ background: #203033; cursor: pointer; }
#eventFilter li a,#eventFilter li a:visited
									{ color: #ffffff; }
#eventFilter li.active				{ background: #ff6600; }

 /* ---------- @ Content Styles -----------*/

/*Misc*/
#logo 			{ background: url(images/logo.png) 0 0 no-repeat; width:212px; height:62px; text-indent:-9999px; position:absolute; top:20px; left: 0px;  }

#description 	{ font:italic 1.2em Georgia, "Times New Roman", Times, serif; color:#939393; margin:0; text-indent:-9999px; }

.commentcount 	{ padding-left:17px; background:url(images/bubble.gif) no-repeat; margin-left:14px; }

.more-link 		{ display:block; margin-top:12px; clear:both; }



/* Posts Page*/

li.post			{padding: 20px 10px 20px 175px; border-bottom: 1px solid #eeeeee; position: relative;}
.post_thumb		{float: left; padding: 10px 10px 10px 0; position: absolute; left: 0px; top: 15px; }
.post_thumb img	{ }
.wp-post-image	{ border: 3px solid #cccccc;}


/* Author Page*/
#writer 		{ overflow:hidden; background:#f2f2f2; margin-bottom:20px; padding:16px; }
#writer p 		{ margin-top:0; }
#writer .avatar { margin:4px 17px 7px 0; }

/* Search and Archives*/
.search-highlight 						{ background:#FFFF00; }
#pagination 							{ margin-top:22px; overflow:hidden; padding:5px 0; }
#pagination a,#pagination a:visited 	{ border:1px solid #CCC; padding:6px 8px; text-decoration:none; overflow:hidden; display:block; }
#pagination a:hover 					{ text-decoration:underline; }
#pagination a:active 					{ border-color:#949494; }
#pagination div 						{ float:left; margin-right:10px; }
a #icon-rss 							{ border:none; }
.archive #icon-rss 						{ vertical-align:middle; margin-left:3px; }

/*Sidebar and Widgets*/
.widget 								{ margin-bottom:24px; overflow:hidden; }
#wpng-calendar h3.widgettitle,
#wpng-calendar h2.widgettitle,			{ display: none;}

.widget li 								{ list-style:none; border-bottom:1px solid #CCC; padding:6px 0; line-height:140%; }
.widget li a,.widget li a:visited 		{ color:#111; text-decoration:none; }
.widget li a:hover,.widget li a:active 	{ color:#6d6d6d; }

.widget li.current_page_item a,.widget li.current_page_item a:visited,.widget li.current-cat a,.widget.current-cat a:visited 				{ font-weight:bold; }
.widget li.current_page_item li a,.widget li.current_page_item li a:visited,.widget li.current-cat li a,.widget li-current-cat li a:visited { font-weight:normal; }

.widget li li 											{ margin-left:34px; border:0; list-style:disc; }

#wp-calendar tr 										{ background:#f2f2f2; }
#wp-calendar td 										{ text-align:center; padding:3px; }

#recentcomments 										{ color:#787878; }
#recentcomments a,#recentcomments a:visited 			{ font-style:italic; }
#recentcomments a.url,#recentcomments a.url:visited 	{ font-weight:bold; font-style:normal; }

a.rsswidget,a.rsswidget:visited 						{ font-weight:bold; }
.rssSummary 											{ line-height:160%; }

#wp125adwrap_2c 			{ overflow:hidden; }
#wp125adwrap_2c .wp125ad 	{ float:left; margin-right:8px; }
.wp125ad a img 				{ border:none; }
#wp125adwrap_2c div+div 	{ margin:0!important; }

/* ====================== @ Form Elements ============================= */

#author,#email,#comment,#url,  	{ background:#FFF!important; padding:5px; border-width:1px; border-style:solid; border-color:#6d6d6d #bfbfbf #bfbfbf #6d6d6d; }
#author,#email,#url 						{ width:220px; }

.button 					{ padding:8px 14px; background:#4f6f18; color:#FFF!important; border:none; font-size:1.2em; }
.button:hover 				{ background:#cc3300; cursor: pointer; }
.button:active 				{ background:#000; }

#commentform textarea 		{ width:98%; height:250px; }
#masthead #searchform 		{ float:right; width:260px; text-align:right; padding:12px 10px 0 0;  }
#masthead #searchform #searchfield 				{ width:230px; background:#ffffff url(images/search_bg.gif) top center no-repeat; padding: 7px; border: none; font-size: 12px; color: #666 }
#searchsubmit 				{ vertical-align:top; }

/* ====================== @ Footer ================================ */

#foot_wrap 							{ width:100%; height:160px; position: relative; top:-12px; }
#footer 							{ background: url(images/foot_bg.png) top center no-repeat;font-size:.8em; overflow:hidden; width:960px; height: 140px; margin:0 auto; color:#dadada; padding:20px 20px 0px 20px; position: relative; }
#footer p.copy						{ font-family: "Clarendon",Georgia, serif; color: #999999; font-size: 11px; margin-bottom: -10px; overflow: visible;}

#foot_nav							{ margin-bottom: 10px;}
#foot_nav ul 						{ margin: 3px 0 0 0; clear: both;}
#foot_nav ul li						{ display: inline; font-family: Georgia, serif; }
#foot_nav ul li a 					{ color:#ffffff; font-size: 14px; padding: 6px; }
#foot_nav ul li a:hover 			{ color: #2d2f39; background: #d1cbab;}

#footer a:hover,#footer a:active 	{ color:#FFF; }
#footer .left 						{ float:left; }
#footer.right 						{ float:right; width:50%; text-align:right; }
#footer #icon-rss 					{ vertical-align:middle; margin-right:5px; }
#foot_logo							{ background: url(images/foot_logo.png) 0 0 no-repeat; width: 127px; height: 50px; position: absolute; top: 20px; right: 30px;}

/* -============= BUTTONS =============== */

#newsletter .button 		{ background:url(images/btn/sub_btn.gif) top center no-repeat; height:35px; width:82px; text-indent:-9999px; overflow:hidden; border:none; font-size:0; display:block; line-height:0; margin:4px 0 0; }
#newsletter .button:hover 	{ background:url(images/btn/sub_btn.gif) bottom center no-repeat; cursor:pointer; }



.read-more			{ display: block; margin-top: 10px;}

/* -============= GRAVITY FORMS STYLING =============== */

.entry .gform_wrapper ul li		{ margin: 0 0 10px 0;}
.gform_wrapper .gfield input	{ background: #eeeeee; color: #444; border: 1px solid #dbdbdb; padding: 8px;}
.gform_wrapper .gfield textarea	{ background: #eeeeee; color: #444; border: 1px solid #dbdbdb; padding: 8px;}
.gform_wrapper input.button 	{ padding: 8px;}