@import url('reset.css');@import url('default.css');/* 
Main CSS doc for PreHOT | Copyright 2009
Created By Lift. (http://www.liftinteractive.com)
*/
/*
Font-sizes. Browser default is 16px. Set body to 75%,which is equal to 12px and,therefore,1em is 12px.
9px :0.75em
10px :0.8333em
11px :0.9167em
12px :1.0em
13px :1.0833em
14px :1.1667em
15px :1.25em
16px :1.3333em
17px :1.4167em
18px :1.5em
19px :1.5833em
20px :1.6667em
21px :1.75em
22px :1.8333em
23px :1.9167em
24px :2.0em
25px :2.0833em
26px :2.1667em
27px :2.25em
28px :2.3333em
29px :2.4167em
30px :2.5em
31px :2.5833em
32px :2.6667em
*/
/*
Palette
#e5e5e5 light gray
#dcd8d2 mid gray
*/
/*
** =global
********************************/
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.hr{width:100%;border-bottom:1px dotted #706659;margin:20px 0;}
body{background:url(../img/bodyBg.jpg) repeat-x #706659;font-family:Georgia; font-size: 83%;}
#content #sub_content a.feed-link{background:url(../img/rss.gif) top left no-repeat;padding:0 0 0 20px; color:#b56333; text-decoration:underline; display: inline-block;}
a.feed-link:hover{color:#d48936;}

img.imgborder{padding:7px;background:#dbd9d5;}
img.fleft{margin:3px 20px 5px 10px;}
img.fright{margin:3px 10px 5px 20px;}


/***
Header ***/
#header{margin:0 auto;background:url(../img/headerBg.jpg) repeat-x;width:100%;height:135px;}
#headerWrap{margin:0 auto;text-align:left;height:135px;width:900px;padding:0 10px;position:relative;}
#header h1{position:absolute;top:10px;left:10px;}
#header h1 a{text-indent:-9999px;background:url(../img/logo.gif) no-repeat top left;width:295px;height:97px;display:block;}

#header a#logo{position:absolute;top:10px;left:10px; text-indent:-9999px;background:url(../img/logo.gif) no-repeat top left;width:295px;height:97px;display:block;} 

#login{position:absolute;top:5px;right:0;color:#f4e5bc;font-style:italic;font-size:1.0833em;text-decoration:underline;}

#header .form			{position: absolute; top:30px; right: 0px;}
#header .form_text				{width:190px; padding: 5px 5px; float: left; color: #444; font-size: 1em; line-height: 16px; background: url(../img/search-bg.jpg) top left no-repeat; margin: 0; border: none;}
#searchButton		{}

/***
Main Img ***/
#headerImg{margin:0 auto;width:920px;position:relative;min-height:80px;background:#fff; overflow: hidden;}
#headerImg img{border-left: 5px solid #00b0ad;}
body.homepage #headerImg img{border: none;}
#headerImg #mainInfo{height:210px;display:block;position:absolute;top:10px;left:10px;padding:10px;background:url(../img/mainInfoBg.png);z-index: 900}
#headerImg #mainInfo h2{color:#37b0a9;font-size:1.8333em;font-style:italic;margin:0 0 5px;}
#headerImg #mainInfo p{font-style:italic;color:#472d1b;margin:0 0 10px; font-size: 1.1667em;font-family: Arial, sans-serif;}
#headerImg #mainInfo strong{color:#b45817;}
#headerImg #mainInfo a.map{background:#886b43;color:#f9f2d8;padding:2px 5px 3px;font-size:1.3333em;text-transform:lowercase;font-style:italic; font-family: Georgia, serif;}
#headerImg #pageTitle{position:absolute;top:30px;left:0px;padding:0;background:url(../img/mainInfoBg.png); z-index: 5000; padding-right: 20px;}
#headerImg #pageTitle h1{font-size:2.5em;color:#523515;font-style:italic;margin:10px 0 10px 40px;}
#headerImg #pageTitle h2{font-size:1.75em;color:#b45817;font-style:italic;margin:10px 0 10px 60px;}
#headerImg #pageTitle h3{font-size:1.25em;color:#d48936;font-style:italic;margin:10px 0 10px 80px;}

#headerImg .fadeclass{height:250px; z-index: 1}

.caption{position:absolute;bottom:30px;right:0px;padding:0;background:url(../img/mainInfoBg.png); z-index: 5000; font-family: Georgia; font-style: italic; padding: 10px 25px; color:#523515; font-size: 1.6667em; line-height: 1em;}
.caption p{margin: 0;}

/***
Main Nav Styles ***/
#nav{position:absolute;bottom:-5px;right:-2px;font-size:1.1667em;font-family:Helvetica;}
#nav li{background:url('../img/leftNav.jpg') no-repeat left top;float:left;padding-left:6px;margin:0 2px 0 0;}
#nav a{background:url('../img/rightNav.jpg') no-repeat right top;color:#fff;display:block;float:left;height:40px;line-height:40px;margin:0 0 0 0;padding:0px 20px 3px 14px;}
#nav a:hover,
#nav a.current{color:#2e1a0c;}

/***
Content ***/
#contentWrap{background:url(../img/scratchBg.jpg) repeat-x;}
#content{margin:0 auto;width:900px;padding:10px;background:#fff;color:#472d1b;}
#threeBoxes{overflow:hidden;}
#threeBoxes p{float:left;display:inline;}
#threeBoxes p img{margin:0 3px 0;}

/***
Side Bar ***/
body.homepage #sub_content{width:294px;float:left;padding:0;}
#sub_content{width:294px;float:right;}

#content h2.lightOrange, #content h2.darkOrange{border-left:5px solid #37b0a9;padding:4px 0 4px 5px;color:#fff;font-size:1.5em;font-style:italic;}
h2.lightOrange{background:#d48936;}
h2.darkOrange{background:#b45817;}

body.homepage #sub_content p{padding:0 10px;}
#sub_content p{padding:0;}

#content #sub_content .latest_news h3{font-size:1.3333em; margin-bottom:0;}
#content #sub_content .latest_news p.news_date{font-size:0.8333em; font-style:italic; margin-bottom:0;}

/***
Sub Nav ***/
#content #submenu{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #37b0a9;}
#submenu li{list-style-type:none;margin:1px 0;padding:0;}
#submenu li a{border-left:5px solid #37b0a9;background:#b45817;color:#fff;margin:0;padding:5px 10px;width:269px;display:block;font-size:1.25em;font-style:italic; text-decoration: none;}
#submenu li ul{margin-bottom: 0;}
#submenu li ul li a{border-left:5px solid #37b0a9;background:#b45817;color:#fff;margin:0;padding:5px 10px;width:244px;display:block;font-size:1.25em;font-style:italic; text-decoration: none;}

#submenu li a:hover{background:#d48936; color: #fff;}
#submenu li a.current{background:#d48936;}

/***
Main Styles ***/
body.homepage #main_content{width:590px;float:right;padding:0;}
#main_content{width:553px;float:left;padding:0 0 0 15px;}
body.faith #main_content{width:870px;float:left;padding:0 15px 0 15px;}
body.faith #sub_content{width:0;}
#main_content p{padding:0 10px; font-family: Arial, sans-serif;}
#main_content p a{color:#b56333; text-decoration:underline;}
#main_content p a:hover{color:#d48936;}
#main_content p.datePosted{padding:0 10px;margin:-5px 0 10px; font-style: italic; font-size: 0.916em; }
#sub_content p{font-family: Arial, sans-serif;}
#sub_content a{color:#b56333; text-decoration:underline;}
#sub_content a:hover{color:#d48936;}

#main_content ul{padding:0 10px;font-family: Arial, sans-serif;}
#main_content ul a{color:#b56333; text-decoration:underline;}
#main_content ul a:hover{color:#d48936;}

#main_content ol{padding:0 10px;font-family: Arial, sans-serif;}
#main_content ol a{color:#b56333; text-decoration:underline;}
#main_content ol a:hover{color:#d48936;}

#main_content h1{border:none;padding:0 10px;color:#876b46;font-size:1.888em;font-style:italic;line-height:1.5em; clear: both;}
#main_content h1 a{color:#b56333;}
#main_content h1 a:hover{color:#d48936;}

#main_content h2{border:none;padding:0 10px;color:#876b46;font-size:1.6667em;font-style:italic;line-height:1.25em; clear: both;}
#main_content h2 a{color:#b56333;}
#main_content h2 a:hover{color:#d48936;}

#main_content h3{color:#b56333;padding:5px 10px;font-size:1.5em; clear: both;}
#main_content h3 a{color:#b56333;}
#main_content h3 a:hover{color:#d48936;}

#main_content h4{color:#b56333;padding:5px 10px;font-size:1.3333em; clear: both;}
#main_content h4 a{color:#b56333;}
#main_content h4 a:hover{color:#d48936;}

#main_content h5{color:#b56333;padding:5px 10px;font-size:1.1667em; clear: both;}
#main_content h5 a{color:#b56333;}
#main_content h5 a:hover{color:#d48936;}

#main_content h6{color:#b56333;padding:5px 10px;font-size:1.0em; clear: both;}
#main_content h6 a{color:#b56333;} 
#main_content h6 a:hover{color:#d48936;}

#audioplayer{margin:0 0 10px 10px;}

/***
Sub Box Styles ***/
#content #main_content .subWrap{width:270px;float:left;padding:0;margin:0 5px 10px 10px;}
#content #sub_content .subWrap{width:270px;float:left;padding:0;margin:0 5px 15px 0px;}

#content #main_content .col	{ width: 290px; float: left; }

#content .subWrap h2{border-left:none; border-bottom:1px solid #37b0a9;color:#523515;font-size:1.6667em;font-style:italic;padding:0;line-height:1em;}
#content .subWrap h2 span{background:#fff;padding:0 10px 0 0;}
#content .subWrap h2 span a{color:#523515; text-decoration:none;}
#content .subWrap h2 span a:hover;{color:#523515; text-decoration:none;}


#content .subWrap h3{color:#b45817;font-size:1.5em;line-height:1em;margin-bottom:5px; clear: none;}
#content .subWrap h3 a{color:#b45817;text-decoration:none;}
#content .subWrap h3 a:hover;{color:#d48936;text-decoration:none;}

#content #main_content .subWrap p{padding:0 10px;}
#content #sub_content .subWrap p{padding:0; }
#content .subWrap p a{padding:0;color:#472d1b;text-decoration:underline;}
#content .subWrap p a:hover{color:#b45817;text-decoration:underline;}
#content .subWrap ul{margin:0;}
#content .subWrap li{list-style:none;padding:0 0 0 20px;background:url(../img/li.jpg) no-repeat;background-position:4px 4px;margin:0 0 5px;}
#content .subWrap li a{color:#472d1b;text-decoration:underline;padding:0;}
#content .subWrap li a:hover{color:#b45817;text-decoration:underline;}
#content .subWrap ul#months li p{margin-bottom: 0;}

/***
Event Date ***/
.dateHolder{width:50px;height:60px;float:left;margin:0 10px;overflow:hidden;text-align:center;background:url(../img/dateBg.jpg) no-repeat;}
.dateHolder p.date{font-size:1.9167em;color:#b45817;margin:7px 0 0;padding:0;}
.dateHolder p.month{font-size:1.1667em;color:#472d1b;margin:-8px 0 0;padding:0;font-style:italic;text-transform:lowercase;}

/***
Footer ***/
#footer{margin:0 auto;width:900px;padding:10px;clear:both;color:#f4e5bc;margin-bottom:15px;}
#footer a{color:#f4e5bc;}
#footer a:hover{text-decoration:underline;}
#footer #lift{color:#baafa0;}
#footer #lift em{font-weight:bold;}

.lightbox {margin: 20px 0 10px;}
.lightbox a{margin: 10px 10px 0 0;}
.lightbox a img{padding:3px;background:#dbd9d5; width: 75px; height: 75px;}
.lightbox a:hover img{padding:3px;background:#b56333;}

/***
Comments ***/

table{padding: 5px 10px;}
table tr td{vertical-align: top;}
label{font-weight: bold; float:left; margin-top: 7px;}
#id_name,
#id_email,
#id_url{border: 1px solid #989898; padding: 5px 7px; width: 200px; background: #f2f2f2; margin: 1px 0 2px 10px;}
#id_comment{border: 1px solid #989898; padding: 5px 7px; width: 400px; background: #f2f2f2; margin: 1px 0 2px 10px; font-family: Helvetica; font-weight: normal; font-size: 1em;}

#comments 							{margin: 2em 0;}
#content .commentList				{ list-style-type:none; margin:0; padding:5px 10px; }
#content .commentList li 			{ list-style-type:none; margin-bottom:2em; clear: both;}
#content .commentList li .who		{ float: left; width: 150px; padding: 4px 0;}
#content .commentList li .who cite	{ font-size: 1.0833em; margin: 0;}
#content .commentList li .who span	{ font-size: 0.9167em; margin: 0; font-style: italic;}
#content .commentList li p			{ width:340px; float: right; padding: 10px 20px; color: #fff; background:#d48936; }


/***
Jobs ***/

#jobstable{width:100%;}
#jobstable th{font-weight: bold; color: #fff; background: #d48936; padding: 3px 5px;  font-size: 1.166em}

#jobstable tr.row1 { background: #fff; }
#jobstable tr.row2 { background: #f2f2f2; }

#jobstable tr td {padding: 3px 5px;}
#jobstable a{color:#b56333; text-decoration:underline;}
#jobstable a:hover{color:#d48936;}

#sitemaplist li a{font-size: 1.0833em;}

/***
Faith Specails
******************/

.col-half		{float: left; width: 370px; padding:30px;}
.col-full		{float: left; width: 800px; padding:30px; margin: 25px auto;}
.col-full div,
.col-half div	{padding:10px;}
.col-center		{margin: 0 auto; width: 500px}
.col-half ol, .col-full ol{ margin-bottom: 0;}
#main_content p.disclaimer	{font-size: .8em; font-style: italic;}
#main_content .listenbtn,
#main_content .downloadbtn	{background-color: #b56333; text-decoration: none; color: #fff; margin: 2px 1px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; border: 1px solid #834825; padding: 1px 5px; font-family: Arial; font-size: 10px;}
#main_content .listenbtn:hover,
#main_content .downloadbtn:hover	{color: #eee;}

body #main_content h2.howto		{margin:0;}
body #main_content h2.howto a{background-color: #b56333; text-decoration: none; color: #fff !important; margin: 5px 1px 0; -moz-border-radius: 3px; -webkit-border-radius: 2px; border: 1px solid #834825; padding: 4px 7px; font-family: Arial; font-size: 14px; display: block; text-align: center;}

table td{padding: 2px;}

.tl{background: (../img/tl.jpg) top left no-repeat; border: 3px solid #ccc;}
.tr{background: (../img/tr.jpg) top right no-repeat;}
.bl{background: (../img/bl.jpg) bottom left no-repeat;}
.br{background: (../img/br.jpg) bottom right no-repeat;}