/* @override http://www.exponentialconference.org/_css/styles.css */

/* @override http://www.exponentialconference.org/_css/styles.css */

/* @override 
	http://exponential.dev/_css/styles.css
	http://www.exponentialconference.org/_css/styles.css
*/

/*==============================================
CLIENT: 	Exponential Conference
FILE: 		styles.css - main CSS styles for staging site
CREATED: 	7/29/09
AUTHOR: 	Luke Simpson (luke@churchplantmedia.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: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   line-height: 1;
   background: #38261b url(/_img/bg_body2.jpg) repeat-x center top;
   min-width: 985px;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

#container{
   background: url(/_img/bg_container.png) repeat-x;
}

#main{
   background: url(/_img/bg_main.gif) repeat-y center top;
}

#container-inner{
   background: url(/_img/bg_container-inner.jpg) no-repeat center top;
   min-height: 987px;
   padding-bottom: 30px;
}

#content-wrap{
   width: 981px;
   margin: 0 auto;
   position: relative;
}

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) repeat-x;
   height: 143px;
}


#header{
   width: 981px;
   margin: 0 auto;
}

#topbar{
   width: 981px;
   float: left;
}

#topbar p{
   float: left;
   width: 720px;
   padding: 11px 0 0;
}

#topbar p#spanish-site{
   float: right;
   width: 178px;
   height: 35px;
}

#topbar p#spanish-site a{
   display: block;
   height: 35px;
   background: url(/_img/bg_p_spanish-site.gif) no-repeat;
   text-indent: -9999px;
}

#header h1{
   width: 308px;
   height: 70px;
   clear: left;
   float: left;
   margin-top: 19px;
}

#header h1 a{
   display: block;
   height: 70px;
   background: url(/_img/bg_header_h1.png);
   text-indent: -9999px;
}

/* @end  */



/* @group Navigation */

#nav{
   list-style: none;
   float: left;
   display: inline;
   margin-left: 50px;
   margin-top: 46px;
   width: 617px;
   height: 24px;
   background: url(/_img/bg_nav.gif);
}

#nav li{
   float: left;
}

#nav li a{
   display: block;
   color: #b2c1b9; /* Change this to the right color */
   text-decoration: none;
   font-size: 1.5em;
   font-weight: bold;
   line-height: 1.5;
   text-indent: -9999px;
   background: url(/_img/bg_nav.gif);
   
}

#nav li#nav_home a{width: 63px;background-position: 0 0;}
#nav li#nav_home.current,
#nav li#nav_home a:hover{
   background-position: 0 -23px;
}

#nav li#nav_overview a{width: 90px;background-position: -63px 0;}
#nav li#nav_overview.current,
#nav li#nav_overview a:hover{
   background-position: -63px -23px;
}

#nav li#nav_speakers a{width: 87px;background-position: -153px 0;}
#nav li#nav_speakers.current,
#nav li#nav_speakers a:hover{
   background-position: -153px -23px;
}

#nav li#nav_schedule a{width: 86px;background-position: -240px 0;}
#nav li#nav_schedule.current,
#nav li#nav_schedule a:hover{
   background-position: -240px -23px;
}

#nav li#nav_sponsors a{width: 91px; background-position: -326px 0;}
#nav li#nav_sponsors.current,
#nav li#nav_sponsors a:hover{
   background-position: -326px -23px;
}

#nav li#nav_logistics a{width: 88px;background-position: -417px 0;}
#nav li#nav_logistics.current,
#nav li#nav_logistics a:hover{
   background-position: -417px -23px;
}

#nav li#nav_registration a{width: 112px;background-position: -505px 0;}
#nav li#nav_registration.current,
#nav li#nav_registration a:hover{
   background-position: -505px -23px;
}


#nav li ul 			{ position:absolute;left:-5000px;z-index:1001; padding-top:6px; width:168px; margin-left: 2px; }
#nav li li			{ float:none; display:block; width:132px !important; background: #131213;}

#nav li.current li a,
#nav li:hover li a,
#nav li li a		{ height:20px; padding:5px 11px; background:#201813; width:132px !important; font-size:12px; color: #bdb7b0 !important; text-indent: 0 !important;}

#nav li li a:hover	{ background:#14914b; color:#fff !important; }

#nav li:hover ul 	{ left:auto;}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
					{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
					{ left:auto;}
#nav li:hover ul li:hover ul 
					{ margin:-28px 0 0 140px;}

/* @end Navigation */


/* @group Content */

#content{
   width: 625px;
   float: right;
   padding: 21px 45px 21px 30px;
}

#content h2{
   margin-bottom: 20px;
}

#content h3{
   color: #22b365;
   font-weight: bold;
   font-size: 1.6em;
   margin-bottom: .5em;
}

#content h4,
#content h5,
#content h6{
   color: #847165;
   margin-bottom: .5em;
   font-weight: bold;
}

#content h4				{ font-size:1.4em; }
#content h5				{ font-size:1.3em; }
#content h6		 		{ font-size:1.2em; }

#content p,
#content li,
#content td{
   margin-bottom: 1em;
   color: #efeeeb;
   font-size: 1.4em;
   line-height: 1.5;
}

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

#content textarea{
   font-size: .9em;
}

#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 blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #22b365;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   float: left;
   margin: 0 10px 5px 0;
}

#content #text{
   clear: both;
}


/* @end Content */

/* @group Sidebar */

#sidebar{
   float: left;
   width: 270px;
   padding-top: 20px;
   padding-left: 5px;
}

#sidebar #subnav{
   margin-bottom: 24px;
}

#sidebar #subnav li a{
   display: block;
   padding: 10px 20px 10px 31px;
   background: url(/_img/bg_subnav_li_a.gif) no-repeat bottom left;
   font-size: 2em;
   line-height: 1.5;
   text-decoration: none;
   color: #efeeeb;
}

#sidebar #subnav li a:hover{
   background-color: #201813;
   color: #22b365;
}

#sidebar #subnav li a img{
   float: left;
   display: inline;
   margin-right: 10px;
}

#side-sponsors h3{
   width: 243px;
   height: 64px;
   margin: 0 auto;
   background: url(/_img/bg_side-sponsors_h3.gif);
   text-indent: -9999px;
}

/* @end Sidebar */



/* @group Footer */


#footwrap{
   padding: 0 8px 70px;
   width: 965px;
   margin: 16px auto 0;
}
#footer{
   clear: both;
   position: relative;
}

ul#footer-nav{
   float: left;
   background: url(/_img/bg_footer-nav.gif);
   margin-bottom: 20px;
}

#footer-nav li {
   float: left;
}

#footer-nav li a{
   display: block;
   padding: 13px 15px;
   font-size: 1.1em;
   color: #d1c5b9;
   text-decoration: none;
   text-transform: uppercase;
}

#footer-nav li a:hover{
   color: #f9f6f2;
}

#footer p{
   clear: left;
   font-size: 1.2em;
   margin-bottom: 1em;
   color: #847165;
}

#footer p.sponsored{
   position: absolute;
   right: 0;
   top: 0;
   width: 249px;
   height: 60px;
   background: url(/_img/bg_footer_sponsored.gif);
   text-indent: -9999px;
}

#footer p.sponsored a{
   display: block;
   height: 60px;
}

#footer p a{
   color: #847165;
}

#footer p.designed a{
   color: #b6a295;
}

/* @end Footer */

/* @group Featured */

#featured{
   height: 380px;
   width: 981px;
   margin: 0 auto;
   position: relative;
}

#register{
   position: absolute;
   right: 40px;
   top: 96px;
   width: 264px;
   min-height: 180px;
   background: url(/_img/bg_register.gif) no-repeat 0 87px;
}

#register h3{
   width: 223px;
   height: 23px;
   margin: 3px 0 2px 30px;
   font-size: 1.6em;
   text-transform: uppercase;
   font-weight: bold;
   color: #018840;
}

#register h3 b{
   display: inline-block;
   float: left;
   margin-right: 8px;
   color: #383536;
}

#register p{
   margin-left: 31px;
   width: 204px;
   height: 50px;
   background: url(/_img/bg_p_register-online.gif);
   margin-bottom: 30px;
}

#register p a{
   display: block;
   height: 50px;
   text-indent: -9999px;
}

#register h4{
   margin-left: 40px;
}

#register h5{
   margin-left: 40px;
}

/* @end Featured */

/* @group Home */

#speakers{
   width: 704px;
   height: 248px;
   position: absolute;
   background: url(/_img/bg_speakers.jpg);
   top: -104px;
   right: -6px;
}

#rotator1{
   width: 159px;
   height: 185px;
   overflow: hidden;
   position: absolute;
   top: 46px;
   left: 19px;
}

#rotator2{
   width: 160px;
   height: 184px;
   overflow: hidden;
   position: absolute !important;
   top: 36px !important;
   left: 186px !important;
}

#rotator3{
   width: 161px;
   height: 184px;
   overflow: hidden;
   position: absolute !important;
   top: 36px !important;
   left: 348px !important;
}

#rotator4{
   width: 168px;
   height: 192px;
   overflow: hidden;
   position: absolute !important;
   left: 513px !important;
   top: 21px !important;
}

#home #content{
   padding-top: 170px;
}

#home #content p{
   font-size: 1.6em;
   line-height: 1.6em;
   color: #efeeeb;
   margin-top: -6px;
}

#home #sponsors{
   margin-top: 30px;
   position: relative;
}

#home #sponsors h3{
   background: url(/_img/bg_sponsors_h3.gif);
   width: 635px;
   height: 32px;
   margin: 0 auto 8px;
   text-indent: -9999px;
}

/* @end Home */

/* Gallery Styles */
#sponsor-slider{
   height: 100px !important;
   width: 600px !important;
   margin: 0 auto;
}

#sponsors span#prevBtn{
   display: block;
   width: 34px;
   height: 107px;
   position: absolute;
   top: 37px;
   left: 10px;
   background: url(/_img/slider-left.gif);
}

#sponsors span#prevBtn a{
   display: block !important;
   height: 107px;
   text-indent: -9999px;
   outline: none;
}

#sponsors span#nextBtn{
   display: block;
   width: 34px;
   height: 107px;
   position: absolute;
   top: 37px;
   right: 10px;
   background: url(/_img/slider-right.gif);
   z-index: 1000;
}

#sponsors span#nextBtn a{
   display: block !important;
   height: 107px;
   text-indent: -9999px;
   outline: none;
}

#motioncontainer {
margin-left:47px;
width: 558px; 
height: 102px;
position: relative;
}
#motioncontainer img {
border: 1px solid #d6d6d6; margin:0 2px; 
}

#motioncontainer img:hover {
border: 1px solid navy; 
}

#motioncontainer a#next img	{ border:0; position:absolute; top:42px; right:0; z-index:5000; }
#motioncontainer a#prev img	{ border:0; position:absolute; top:42px; left:0; z-index:5000;}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; 
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

/* @group Bloggers Page */
#content p.item span{
   color: #a09489 !important;
   font-size: .8em;
}
/* @end  */

/* @group Blog */

#sidebar-blog h3{
   display: block;
   padding: 10px 20px 10px 31px;
   background: url(/_img/bg_subnav_li_a.gif) no-repeat bottom left;
   font-size: 2em;
   line-height: 1.5;
   text-decoration: none;
   color: #efeeeb;
}

#sidebar-blog ul{
   margin-bottom: 20px;
   padding: 15px 30px;
}
#sidebar-blog ul li{
   margin-bottom: 10px;
}
#sidebar-blog ul li a{
   color: #A83123;
   font-size: 1.2em;
   text-decoration: none;
}

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

#blog p#subscribe{
   float: right;
   display: inline;
   margin-right: 20px;
}

#blog .post{
   margin-bottom: 30px;
   border-bottom: 1px solid #33261E;
}

#blog #content h4{
   font-size: 1.6em;
   margin-bottom: .5em;
}

#blog #comments{
   margin-top: 40px;
}

#blog #comments h3{
   margin-bottom: 20px;
   font-size: 2em;
}

#blog #comments label{
   color: #22b365;
   font-weight: bold;
   font-size: 1.6em;
   display: block;
   margin-bottom: 15px;
}

#blog #comments textarea{
   width: 400px;
   height: 150px;
   background: #EEEAE1;
   margin-bottom: 10px;
}

#blog h4#conf{
   color: #A83123;
   padding: 20px;
   line-height: 1.5;
   background: #332720;
   margin-bottom: 30px;
}

#blog .comment h5{
      color: #22b365;
   font-weight: bold;
   font-size: 1.3em;
   display: block;
   margin-bottom: 15px;
}

#blog .comment{
   margin-bottom: 30px;
   border-bottom: 1px solid #33261E;
   padding-bottom: 20px;
}

#blog .comment p{
   font-size: 1.2em;
}

/* @end  */