@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
*/

/*
** =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) left top;font-family:Helvetica; color:#595959;}

/***
Header ***/
#header{width: 100%; height: 176px; background: url(../img/headerbg.jpg) top left repeat-x; margin: 0 auto;}
#headerwrap{width: 960px; height: 176px; margin:  0 auto;}
#headerwrap h1{margin: 0; padding: 0;}
#logo{display: block; width:425px; height:168px; text-indent: -9999px; float: left; margin:6px 0 0 0px; background: url(../img/eaglemont.png) top left no-repeat;}

#barcontent{float: right; background: url(../img/topbarleft.jpg) top left no-repeat;}
#barcontentend{padding: 6px 20px; background: url(../img/topbarright.jpg) top right no-repeat; text-align: right;}
#barcontent p{margin: 0; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
#barcontent p em{font-family: Georgia; font-style: italic; font-size: 1.1667em;}
#barcontent p a{color: #b4e1e4;}


/***
navigation ***/
#navigation{ position:relative; width:100%; height: 45px; background: url(../img/navbg.png) bottom left repeat-x; margin: 0 auto; top:-45px; z-index: 10;}
#navigation ul{ width:960px; height: 45px; margin:0 auto;}
#navigation ul li{ float: left; margin: 0 2px; position: relative; z-index: 15}
#navigation ul li.selected{margin-left: -2px; float: left;}
#navigation ul li a{ color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); font-size: 1.25em; padding: 15px 20px 9px; display: block;}
#navigation ul li a:hover{ background: url(../img/navhover.jpg) bottom left repeat-x;}
#navigation ul li.selected{ background: url(../img/currentleft.jpg) top left no-repeat;}
#navigation ul li.selected a{ background: url(../img/currentright.jpg) top right no-repeat; color: #5f7c7e; text-shadow: none;}

#navigation ul li ul{display: none; z-index: 50; position: absolute; left: -9px; height: auto; width:230px; top:44px; padding-bottom:8px; background: url(../img/subnavbottombg.png) bottom 3px no-repeat;}
#navigation ul li:hover ul{display: block;}
#navigation ul li.selected:hover ul{display: none; }
#navigation ul li:hover ul li{width:226px; float:none; position: relative; background: url(../img/subnavlibg.png) top left no-repeat;}
#navigation ul li:hover ul li a{ padding: 7px 25px 4px; margin: 0; display: block; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5);}
#navigation ul li:hover ul li a:hover{background:none; color: #41311e; text-shadow: 0 1px 0 rgba(255,255,255,.5);}

/***
submenu navigation ***/
#content #submenu{width:270px; border-top:3px double #928a80; border-bottom:3px double #928a80; margin: 0 0 0 8px; padding: 0;}
#content #submenu li{ margin: 0; padding: 0; list-style: none;}
#content #submenu li a{color: #688286; padding: 7px 10px; font-family: Georgia; font-style: italic; display: block; font-size: 1.25em; border-top:1px solid #fff; border-bottom: 1px solid #cfcbc7;} 
#content #submenu li a:hover{color:#41311e;}
#content #submenu li.selected a.current{ border-left: 1px solid #cfcbc7; border-right: 1px solid #cfcbc7; background: url(../img/currentsubnav.jpg) top right #fff; color: #41311e;}
#content #submenu li ul{display: none;}
#content #submenu li.selected ul{display: block; margin: 0 0 0 20px;}

/***
wrap ***/
#wrap{margin: 0 auto; width:990px; background:url(../img/contentbottombg.png) bottom left no-repeat; padding-bottom: 15px; position: relative; top:-46px;z-index: 1;}
#content{margin: 0 auto; width:958px; padding: 15px 16px 0; background:url(../img/contentbg.png) top left repeat-y;}

/***
columns ***/
#columns{ width: 958px; background: url(../img/contentwhitebg.jpg) top left no-repeat; padding: 20px 0 0;}
#columns #maincolumn{ float: right; width: 595px; margin: 25px 15px 25px 0; display: inline; overflow: hidden;}
#columns #sidecolumn{width:280px; padding: 25px 18px 0 0; float: left; margin: 0 0 10px 15px; display: inline; background: url(../img/sidebg.png) top left no-repeat; min-height: 350px}
#columns #maincolumn .col{width:282px; min-height: 370px; float: left; padding-right: 15px; margin-right:15px; background: url(../img/homecolbg.jpg) top right no-repeat; display: inline;}
#columns #maincolumn .col:last-child{background: none; margin: 0; padding: 0;}

/***
content text ***/
body.homepage #columns #maincolumn h2{font-family:Georgia; font-style: italic; background: url(../img/titlebg.gif) bottom left repeat-x; font-size: 2.5em; color: #41311e;}
body.homepage #columns #maincolumn h2 span{background: url(../img/titlespan.gif) repeat-x 0 30px;}
body.homepage #columns #maincolumn h3{font-family:Georgia; font-style: italic; background: url(../img/titlebg.gif) bottom left repeat-x; font-size: 2em; color: #41311e;}
body.homepage #columns #maincolumn h3 span{background: #fff;}

#columns #maincolumn h1{font-family:Georgia; font-style: italic; background: url(../img/titlebg.gif) bottom left repeat-x; font-size: 2.5em; color: #41311e;}
#columns #maincolumn h1 span{background: url(../img/titlespan.gif) repeat-x 0 30px;}
#columns #maincolumn h2{font-family:Georgia; font-style: italic; font-size: 2em; color: #41311e;}
#columns #maincolumn h2{font-family:Georgia; font-style: italic; font-size: 2em; color: #41311e;}
#columns #maincolumn h2.date{font-family:Georgia; font-style: italic; font-size: 0.9765em; line-height: 1.25em; color: #41311e; margin: -7px 0 15px;}
#columns #maincolumn h3{font-family:Georgia; font-style: italic; font-size: 1.75em; color: #41311e;}
#columns #maincolumn h3.date{font-family:Georgia; font-style: italic; font-size: 0.9765em; line-height: 1.25em; color: #41311e; margin: -7px 0 15px;}
#columns #maincolumn h4{font-family:Georgia; font-style: italic; font-size: 1.5em; color: #41311e;}
#columns #maincolumn h5{font-family:Georgia; font-style: italic; font-size: 1.25em; color: #41311e;}
#columns #maincolumn h6{font-family:Georgia; font-style: italic; font-size: 1em; color: #41311e;}
#columns p a{color: #688286; text-decoration: underline;}
#columns p a:hover{color: #35474a;}

#columns #maincolumn li a{color: #688286; text-decoration: underline;}
#columns #maincolumn li a:hover{color: #35474a;}

#columns #sidecolumn h2{font-family:Georgia; font-style: italic; font-size: 2em; background: url(../img/titlebg.gif) bottom left repeat-x; color: #41311e;}
#columns #sidecolumn h2 span{background: url(../img/titlespan.gif) repeat-x 0 23px;}

#columns a.button {display: block; background: url(../img/buttonright.png) top right no-repeat; text-align:right; float: right; text-decoration: none; }
#columns a.button span{ display: block; padding: 5px 15px; background: url(../img/buttonleft.jpg) top left no-repeat; font-size: 1em; text-shadow: 0 1px 0 #fff; color: #595959;  }
#columns a.button:hover span{color: #262626}
#columns #maincolumn a.button span{padding: 7px 15px 6px; text-decoration: none;}
#columns #sidecolumn a.button span{padding: 5px 15px 4px; text-decoration: none;}

#columns #sidecolumn img{background: #b3ab9c; padding: 1px; border: 5px solid #e8eaeb; margin: 0 10px 10px 0;}

/***
Feature Header ***/

#featureheader{border: 1px solid #bdab8e; width: 928px; margin: 0 15px;}
#featureheader #featureheaderbuttons{width: 304px; border-right:1px solid #cabfae; float: left;}
#featureheader a{background: url(../img/headerbtnbg.jpg) top left repeat-x; border-top: 1px solid #fff; border-bottom: 1px solid #b5aea3; width:274px; height: 57px; display: block; font-size: 2em; font-family: Georgia; font-style: italic; color: #41311e; line-break: inherit; padding: 15px; }
#featureheader a:hover{background: url(../img/headerbtnbgover.jpg) top left repeat-x #fff;}
#featureheader a:last-child{border-bottom: none;}
#featureheader a span{color: #6c5d4a; font-size: .5em; font-family: Georgia; font-style: italic; float: left; margin: 5px 0 0;}
#featureheader #featureheaderimage{width: 595px; height:240px; overflow: hidden; padding: 12px 13px 0 13px; background: url(../img/headerimgbg.jpg) repeat-x top left #fff; float: right; border: 1px solid #fff; position: relative;}
#featureheader #featureheaderimage a{width: 595px; height:240px; overflow: hidden; position: relative; display: block; padding: 0;}
#featureheader #featureheaderimage span.caption{border-top:1px solid #765c48; border-left:1px solid #765c48; border-bottom:1px solid #765c48; background: url(../img/captionbg.png) top left; position: absolute; bottom: 40px; right:0px; padding: 8px 10px; width: 450px;}
#featureheader #featureheaderimage span.caption p{color: #fff; font-family: Georgia; font-style: italic; font-size: 1.0833em; margin: 0; padding: 0;}

/***
blog list ***/
#columns ul#blog{margin: 0; padding: 0;}
#columns ul#blog li{list-style: none; margin: 0; padding: 10px 0 20px; background: url(../img/postbreak.png) bottom left no-repeat;}
#columns ul#blog li:last-child{background: none;}
#columns ul#blog li img{background: #b3ab9c; padding: 1px; border: 5px solid #e8eaeb; float: left; margin: 0 10px 10px 0; width: 58px; height: 58px;}
#columns ul#blog li h3{color: #688286; font-family: Georgia; font-size:1.6667em; line-height: 1.1667em; font-style: italic; margin: 0; padding: 0 5px; }
#columns ul#blog li h3 a{color: #688286;}
#columns ul#blog li h3 a:hover{color: #35474a;}
#columns ul#blog li p{clear: both; font-size:1em; padding: 0 5px;}
#columns ul#blog li p.date{clear: none; color: #838383; font-style: italic;font-size:0.833em;}

/***
event list ***/
#columns ul#event{margin: 0; padding: 0;}
#columns ul#event li{list-style: none; margin: 0; padding: 20px 0 25px; background: url(../img/postbreak.png) bottom left no-repeat;}
#columns ul#event li:last-child{background: none;}
#columns ul#event li h4{color: #688286; font-family: Georgia; font-size:1.5em; line-height: 1.1667em; font-style: italic; margin: 0; }
#columns ul#event li h4 a{color: #688286;}
#columns ul#event li h4 a:hover{color: #35474a;}
#columns ul#event li .dateicon{ width: 42px; height: 43px; text-align: center; display: block; background:url(../img/dateicon.gif) top left no-repeat; padding: 5px 0 0 0; float:left; margin-right: 15px;}
#columns ul#event li .dateicon p.day{ font-size: 2em; font-family: Georgia; font-style: italic; color: #000; margin: 0; padding: 0; text-shadow: 0 1px 0 #fff;}
#columns ul#event li .dateicon p.month{font-size: .95em; font-family: Arial; font-style: normal; color: #fff; margin:0 0 -7px 0; padding: 0; text-shadow: 0 -1px 0 rgba(0,0,0,.5);}

/***
sermon list ***/
#columns ul#sermon{margin: 0; padding: 0;}
#columns ul#sermon li{list-style: none; margin: 0; padding: 20px 0 25px; background: url(../img/postbreak.png) bottom left no-repeat;}
#columns ul#sermon li:last-child{background: none;}
#columns ul#sermon li h3{color: #688286; font-family: Georgia; font-size:1.5em; line-height: 1.1667em; font-style: italic; margin: 0; }
#columns ul#sermon li h3 a{color: #688286;}
#columns ul#sermon li h3 a:hover{color: #35474a;}
#columns ul#sermon li h4{color: #688286; font-family: Georgia; font-size:1.5em; line-height: 1.1667em; font-style: italic; margin: 0; }
#columns ul#sermon li h4 a{color: #688286;}
#columns ul#sermon li h4 a:hover{color: #35474a;}
#columns ul#sermon li p{clear: both; font-size:0.9167em;}
#columns ul#sermon li p.date{clear: none; color: #838383; font-style: italic;font-size:0.833em;}
#columns ul#sermon li p.sermonaudio{float: left; width: 74px; margin-right:15px; text-align: center;}
#columns ul#sermon li p.sermonaudio a.listen{ padding: 4px 0; width:75px; height: 14px; float: left; display: block; background: url(../img/listenbg.jpg) top left no-repeat; color: #595959; text-decoration: none; text-shadow: 0 1px 0 #fff;}
#columns ul#sermon li p.sermonaudio a.download{ padding: 4px 0; width:75px; height: 14px; float: left; display: block; background: url(../img/downloadbg.jpg) top left no-repeat; color: #595959; text-decoration: none; text-shadow: 0 1px 0 #fff;}
#columns ul#sermon li p.sermonaudio a:hover{color:#262626;}
#quote{padding: 15px 20px;}
#quote p{text-align: center; color: #41311e; font-size: 1.25em; font-family: Georgia; font-style: italic; margin: 0;}
#quote p.who{text-align: right; color: #666666; font-size: .9167em;}

blockquote{padding: 15px 20px;}
blockquote p{text-align: center; color: #41311e; font-size: 1.25em; font-family: Georgia; font-style: italic; margin: 0;}
blockquote p.who{text-align: right; color: #666666; font-size: .9167em;}

/***
footer ***/
#footer{margin: 0; padding: 10px 0 25px; width:958px; background: url(../img/footerbg.jpg) top left repeat-x #dadada; text-align: center;}
#footer p{margin: 0; padding: 0 5px; color: #4d4d4d; text-shadow: 0 1px 0 #fff;}
#footer p a{color: #688286; margin: 0 5px;}
#footer p#copyright a{margin:0;}
#footer p#copyright a em{font-weight: bold; font-family: Georgia; padding: 0;}

/***
Lightbox ***/

.lightbox a img{background: #b3ab9c; padding: 1px; border: 5px solid #e8eaeb; margin: 0 10px 10px 0; }
.lightbox a:hover img{background: #b3ab9c; padding: 1px; border: 5px solid #cccccc; margin: 0 10px 10px 0; }