/* @override 
	http://llm.dev/_css/styles.css
	http://llm.getluke.com/_css/styles.css
	http://lifelinesministry.com/_css/styles.css
*/

/*==============================================
CLIENT: 	Lifelines Ministry
FILE: 		styles.css - main CSS styles for staging site
CREATED: 	7/15/09
AUTHOR: 	Luke Simpson (luke@getluke.com)
================================================*/



/* @group CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong{
   font-weight: bold;
}

em{
   font-style: italic;
}

/* @end CSS RESET */

/* @group Global Styles */



body{

   font-size: 62.5%;

   font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;

   line-height: 1;
   background: #273547 url(/_img/bg_body.jpg) repeat-x;

}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Verdana, Arial, Helvetica, sans-serif;
}



hr{

   display: none;

}



#skip{

   position: absolute;

   text-indent: -9999px;

   list-style: none;

}



#container{

   background: #f4f0e9;

}

#container-inner{
   width: 900px;

   margin: 0 auto;
}

#content-wrap{
   background: url(/_img/bg_home_content-wrap.png) no-repeat top right;
   width: 820px;
   padding:  40px 40px 20px;
   margin-top: -124px;
   float: left;
}



a{

   overflow: hidden;

}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



/* @end Global Styles */



/* @group Header */

#headwrap{
   background: url(/_img/bg_headwrap.jpg)no-repeat center top;
   height: 242px;
}

#header{
   width: 820px;
   margin: 0 auto;
   position: relative;
}

#header h1{
   height: 80px;
   width: 340px;
   margin-top: 24px;
   float: left;
}

#header h1 a{
   display: block;
   height: 80px;
   text-indent: -9999px;
   background: url(/_img/bg_h1.png) no-repeat 0 0;
}

#header h1 a:hover{
   background-position: 0 -80px;
}

ul#topnav{
   float: right;
   display: inline;
   margin-top: 12px;
   margin-right: 200px;
}

#topnav li{
   float: left;
}

#topnav li a{
   color: #f4f0e9;
   font-size: 1.2em;
   text-decoration: none;
   padding: 0 6px;
   background: url(/_img/bg_topnav_li_a.gif) no-repeat right;
}

#topnav li.last a{
   background: none;
}

#topnav li a:hover{
   text-decoration: underline;
}


/* @end  */







/* @group Navigation */



#nav{

   list-style: none;
   clear: both;
   float: left;
   margin-top: 13px;
   width: 820px;
   position: relative;
   z-index: 1000;

}



#nav li{

   float: left;

}



#nav li a{

   display: block;

   color: #e2f3fe; 

   text-decoration: none;
   font-size: 1.5em;
   font-weight: bold;
   padding: 12px 18px 14px;

}


#nav li a:hover{
   background: url(/_img/bg_nav.png);
   color: #fff;
}


#nav li.current a{
   color: #cad59a;
   background: url(/_img/bg_nav_li_current_a.gif) no-repeat bottom center;
}

/* @end Navigation */




/* @group Content */


#main{
   background: #fff url(/_img/bg_main.gif) repeat-y;
   width: 805px;
   float: left;
   border: 15px solid #fff;
   border-right: none;
}

body.full #main{
   background-image: none;
   padding-right: 15px;
   width: 790px;
}

#banner{
   padding: 0 15px 15px;
   background: #fff;
   width: 575px;
   margin-bottom: -20px;
}

body.full #banner{
   width: 750px;
   padding: 20px;
}

#content #banner p{

   overflow: hidden;
   margin: 0;
}

#content #banner img{
   margin: 0;
   float: left;
}


#content{
   width: 605px;
   float: right;
   min-height: 400px;

}

body.full #content{
   width: 790px;
}

#text{
   padding: 20px 20px 30px;
}

#content h2{
   font-size: 2.2em;
   color: #292e3b;
   padding: 3px 7px 7px 0;
   margin-bottom: 5px;
}



#content h3{

   font-size: 1.8em;
   color: #698457;
   margin-bottom: .25em;

}



#content h4,

#content h5,

#content h6{

   color: #292e3b;
   margin-bottom: .25em;

}

#content h4{
   font-size: 1.6em;
   text-transform: uppercase;
}

#content h5{
   font-size: 1.6em;
}

#content h6{
   font-size: 1.4em;
}



#content p,

#content li{

   margin-bottom: 1em;

   color: #030303;

   font-size: 1.2em;

   line-height: 1.8;

}

#content p *,
#content li *{
	font-size: 1em;
}



#content ul,

#content ol{

   margin: 0 0 1em 3em;

}



#content ul#byline{

   display: inline; /* IE6 double margin float bug hack */

   float: left;

   margin-bottom: 10px;

   list-style: none;

}



#content li{

   margin: 0;

}


#content ul li{
   list-style: none;
   background: url(/_img/bg_content_li.gif) no-repeat left 5px;
   padding-left: 15px;
}

#content ol li{
   list-style: decimal;
   list-style-position: inside;
}


#content blockquote{

   margin-left: 3em;

}



#content hr{

   display: block;

   margin-bottom: 1em;

}



#content a{

   color: #829D4B;

}



#content a:hover{

   text-decoration: none;

}



#content img{

   margin: 0 10px 5px 0;

}

#content .align-right{
   float: right;
   margin: 0 0 12px 12px;
}

#content .align-left{
   float: left;
   margin: 0 12px 12px 0;
}



#content #text{

   clear: both;
   position: relative;
   min-height: 400px;

}



/* @end Content */



/* @group Sidebar */

#sidebar{
   float: left;
   width: 199px;
   padding: 15px 1px 0 0;
   border-top: 1px solid #D9D5CE;
}

#sidebar #nav_sub{
   padding-left: 12px;
   width: 186px;
   margin-bottom: 30px;
}

#sidebar #nav_sub li a{
   padding: 12px 10px 10px 0;
   display: block;
   text-align: right;
   font-size: 1.3em;
   color: #3c3d3e;
   text-transform: uppercase;
   text-decoration: none;
   background: #E1DBD2 url(/_img/bg_subnav_li.gif) repeat-x bottom;
   line-height: 1.5;
}

#sidebar #nav_sub li.here{
   background: url(/_img/bg_subnav_li_current.gif) no-repeat right top;
   margin-right: -1px;
   margin-top: -1px;
}

#sidebar #nav_sub li li.here a:hover{
   background-color: transparent;
}

#sidebar #nav_sub li li a{
   font-size: 1.1em;
   background-color: transparent;
}

#sidebar #nav_sub li a:hover,
#sidebar #nav_sub li li a:hover{
   background-image: url(/_img/bg_home_sidebar.gif);
   color: #000;
}

#side-block{
   padding: 0 0 0 12px;
}

#side-block li{
   float: left;
   display: inline;
   margin-bottom: 10px;
}

#side-block li.last{
   margin: 0;
}

#side-block li a{
   display: block;
   float: left;
   color: #fefefe;
   text-decoration: none;
   position: relative;
   border: 4px solid #BFB4A0;
}

#side-block li strong{
   color: #59544B;
   font-weight: normal;
   display: block;
   padding: 10px;
   font-size: 1.1em;
   clear: left;
   line-height: 1.5;
}

#side-block li a img{
   float: left;
}

#side-block li a span{
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 10px 10px 0;
   height: 20px;
   width: 160px;
   font-size: 1.4em;
   background: url(/_img/bg_quicklinks_span.png) repeat-x 0 0;
}

#side-block li a:hover{
   color: #E2F3FE;
   border-color: #718AAB;
}

#side-block li:hover span{
   background-position: 0 -30px;
}

/* @end Sidebar */







/* @group Footer */


#footwrap{
   width: 820px;
   margin: 0 auto;
   padding: 20px 0;
}


#footer{

   clear: both;
   width: 790px;
   float: left;
   padding: 17px;
   background: #313F52;
   border: 1px solid #222E3D;

}

#footer p{
   color: #B9C7D8;
   float: left;
   display: inline;
}

#footer p.copy{
   margin-right: 15px;
}

#footer ul{
   float: left;
}

#footer ul li{
   float: left;
}

#footer ul li a{
   padding: 0 5px;
   color: #e2f3fe;
   text-transform: uppercase;
   text-decoration: none;
}

#footer ul li a:hover{
   text-decoration: underline;
}

#footer p.ministry{
   float: right;
}

#footer p.ministry a{
   color: #99ACC6;
}

#footer p.ministry a:hover{
   text-decoration: none;
}

/* @end Footer */

/* @group Contact Form */

#content p.contact-legend{
   position: absolute;
   right: 40px;
   top: 100px;
   color: #4B2325;
}

#content span.req{
   color: #4B2325;
   font-weight: bold;
}

.ui-tabs-hide{
   display: none;
}

ul#form-nav{
   margin: 0;
   float: left;
   position: relative;
   z-index: 2;
}

ul#form-nav li{
   float: left;
   background: none;
   margin-right: 1px;
   padding: 0;
}

ul#form-nav li a{
   padding: 10px 12px;
   display: block;
   background: #E7ECEF;
   color: #313F52;
   text-decoration: none;
   position: relative;
   outline: none;
}

ul#form-nav li a:hover{
   background: #DDE8E0;
}

ul#form-nav li.ui-tabs-selected{
   position: relative;
}

ul#form-nav li.ui-tabs-selected a{
   background: #DDE4E8;
   color: #313F52;
   border: 1px solid #BFCCD3;
   border-bottom: none;
}

.contact-pane{
   clear: left;
   float: left;
   position: relative;
   top: -1px;
   padding: 20px;
   border: 1px solid #BFCCD3;
   background: #DDE4E8;
   width: 708px;
}

#content .contact-pane h3{
   color: #292e3b;
}

p.form_text,
p.form_textarea{
   float: left;
   width: 700px;
}

p.form_text label,
p.form_textarea label{
   display: block;
   float: left;
   width: 120px;
}

p.form_text input,
p.form_textarea textarea{
   border: 1px solid #A0B4BF;
   padding: 4px 5px;
   font-size: 1.1em;
}

p.form_text input{
   width: 200px;
}

#content p.form_textarea textarea{
   font-size: 14px;
   width: 370px;
}

#text form{
   margin-top: 30px;
}

/* @end  */

/* @group Template List */

#campuslist{
   width: 175px;
   position: absolute;
   right: 0;
   z-index: 10000;
}

ul#campusnav{
   background: url(/_img/bg_campuslist.png);
   display: none;
   float: left;
}

#campusnav li{
   padding: 0 10px;
   margin-top: 7px;
   float: left;
   width: 155px;
}

#campusnav li a{
   color: #fff;
   text-decoration: none;
   font-size: 1.1em;
   padding: 7px 10px;
   display: block;
}

#campusnav li a:hover{
   background: url(/_img/bg_campuslist_li_a_hover.png);
}

#campuslist p{
   clear: left;
}

#campuslist p a{
   display: block;
   background: url(/_img/campus_tab.png) no-repeat 0 0;
   font-size: 1.1em;
   color: #B1BFD1;
   padding: 12px 10px 0 20px;
   text-decoration: none;
   height: 21px;
   font-weight: bold;
   outline: none;
}

#campuslist p a:hover{
   color: #fff;
}

#campuslist p a.up{
      background-position: 0 -33px;
}

/* @end */

/* @group News */

#news-list{
   padding-top: 20px;
}

#news-listing .post{
   padding: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #E8E4DD;
}

#news-listing .post.last{
   border: none;
}

#news-listing #content .post p.post-meta{
   	font-size: 11px;
	color: #807F7A;
}

#news-listing #content .post p{
   color: #1D1D1D;
}

#news-listing #content .post h4{
   text-transform: none;
   margin-bottom: 0;
}

#news-listing #content .post h4 a{
  text-decoration: none;
}

#news-listing #content .post h4 a:hover{
   text-decoration: underline;
}

#news-archive{
   padding-left: 12px;
   width: 187px;
   float: left;
   margin-bottom: 20px;
}

#news-archive h3{
   padding: 10px;
   background: #445872;
   color: #fff;
   font-size: 1.3em;
   font-weight: bold;
   text-align: right;
   margin-bottom: 10px;
}

#news-archive li{
   font-size: 1.2em;
   margin-bottom: 7px;
}

#news-archive li a{
   display: block;
   text-align: right;
   padding: 5px 10px;
   color: #273547;
   text-decoration: none;
}

#news-archive li a:hover{
   text-decoration: underline;
}

#news-archive p.all{
   font-size: 1.2em;
   margin-top: 15px;
}

#news-archive p.all a{
   color: #273547;
   display: block;
   padding: 7px 10px;
   float: right;
   width: 50%;
   background: #D9D2C6;
   text-align: right;
   text-decoration: none;
}

#news-archive p.all a:hover{
   background: #CDC3B3;
}

/* @end  */