/*   
Theme Name: shineinc.org (2010)
Theme URI: http://www.shineinc.org
Author: Various
*/

/* BUTTONS
** http://dabuttonfactory.com/edit?t=Pre-Register%20for%20Shine%202011&f=Calibri-Bold&ts=18&tc=ffffff&tshs=1&tshc=222222&it=png&c=5&bgt=gradient&bgc=4293d1&ebgc=003089&be=on&hp=20&vp=11
***********************************************************************/

/* GLOBAL
***********************************************************************/
body { position:relative; color: #7b7a7a; background: #f9f4e1 ; font-size: 1.00em; line-height: 1.5; font-family: "Arno Pro", serif; } /* 1em = 16px (for most browsers) */
h1, h2, h3, h4, h5, h6 { color: #333; }
h3 {font-family:"Roman SD"; letter-spacing:-1px; font-size: 1.5em;}
blockquote { border-left: 3px solid #d6d6d6; padding-left: 1em; }
a:link, a:visited, a:hover, a:active { color: #00319c; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.alignright { float: right; margin: 0 0 1em 1em; }

#top { background: #000 url(images/bg_top.png) repeat-x; height: 23px; }

/* CONTAINER
***********************************************************************/
#container { width: 960px; margin: 0 auto; }

/* HEADER, LOGO, MAIN NAVIGATION
***********************************************************************/
#header img { margin: 0; }

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

#middlebar{
color:#ffffff;
border: none; 
margin: 0; 
padding:0px;
height:46px;
width:960px;
/*-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
border-top-left-radius: 15px;
*/
}
#middlebar .menu li {
/*background:url(http://www.shineinc.org/wordpress/wp-content/uploads/2011/03/End.png) left top no-repeat;*/
height:46px;
float:left;
margin-right:0px;
}
#middlebar .menu li a{
color:#ffffff;
text-decoration:none;
padding:0 10px;
height:46px;
line-height:30px;
display:block;
float:left;
padding:8px 26px 0 10px;
/*background:url(rm.png) right top no-repeat;*/
}
#middlebar .menu li a:hover{
color:#ffffff;
font-weight:bold;
}

#middlebar ul .submenu {
background: url('http://www.shineinc.org/wordpress/wp-content/uploads/2011/03/drop_down1.png');
font-family: Georgia, times, serif;
font-size: 14px;
position:absolute;
top:180px;
width:150px;
repeat:none;
padding-top:3px 0 3px 0;
margin-left:130px;
clear:both;
z-index:9999;
height:190px;
display:none;
}
#middlebar ul .submenu li{
background:none;
border:0;
display:block;
float:none;
margin:0 6px;
height:auto;
line-height:normal;
position:relative;
z-index:6;
}
#middlebar .submenu li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#ffffff;
line-height:normal;
position:relative;
z-index:6;
}
#middlebar .submenu li a:hover{
background:#222222;
}


/* CONTENT
***********************************************************************/
.home #content { background: #FFFFFF no-repeat; padding-bottom: 7px; }
#content { position:relative; border: 1px solid #f1f1f1; border-top: none; margin-top: -4px; background-color: #fff; 
	float: left; /* fixes collapsed container. overflow: auto; puts the register button behind the navbar. */ }


/* MAIN, SPEAKERS
***********************************************************************/
#main { float: left; width: 630px; }
#main h2 { font-size: 2em; font-family:"Bickham Script Pro", serif; padding-bottom: 0.25em; border-bottom: 1px dashed #d6d6d6; }

#speakers { width: 590px; height: 332px; background: no-repeat; margin: 40px 0 0 8px; position: relative; z-index:1;}
#speakers a { position: absolute; display: block; width: 622px; height: 351px; text-indent: -9999em; top: 0; left: 0; }

body.page #main { background: url(images/bg_main-border.png) no-repeat right 15px; padding: 25px 65px 25px 45px; width: 520px;  min-height: 454px; _height: 454px; }

/* ROOM ASSIGNMENTS PAGE
***********************************************************************/
ul.map { margin: 0; padding: 0; position: relative; }
ul.map li { list-style: none; }
ul.map li a { position: absolute; display: block; background: url(images/blank.gif); }
ul.map li a span { display: none; }
ul.map li a:hover span { position: relative; display: block; width: 200px; left: 25px; top: 25px; padding: 5px; border: 1px solid #BBB; background-color: #EEE; text-decoration: none; color: #111; _filter: alpha(opacity=100); font-size: 0.8em; line-height: 1.3; }

/* ANNEX */
ul.map li a.prayer-room { top: 50px; left: 39px; width: 111px; height: 36px; }
ul.map li a.friend-lounge { top: 156px; left: 18px; width: 69px; height: 52px; }
ul.map li a.girl-lounge { top: 156px; left: 107px; width: 69px; height: 52px; }
ul.map li a.kia-room { top: 97px; left: 308px; width: 172px; height: 35px; }

/* SANCTUARY */
ul.map li a.info-room { top: 511px; left: 187px; width: 97px; height: 32px; }
ul.map li a.children0-2 { top: 414px; left: 88px; width: 97px; height: 32px; }
ul.map li a.children3-5 { top: 116px; left: 23px; width: 117px; height: 58px; }
ul.map li a.volunteer-checkin { top: 428px; left: 317px; width: 22px; height: 124px; }
ul.map li a.volunteer-childcare { top: 464px; left: 344px; width: 123px; height: 49px; }
ul.map li a.children-checkin { top: 293px; left: 36px; width: 56px; height: 25px; }
ul.map li a.parenting-lounge { top: 303px; left: 90px; width: 39px; height: 25px; }
ul.map li a.speaker-resources { top: 284px; left: 140px; width: 56px; height: 25px; }
ul.map li a.shine-resources { top: 353px; left: 207px; width: 56px; height: 25px; }
ul.map li a.main-sanctuary { top: 175px; left: 224px; width: 193px; height: 44px; }

ul.annex { width: 480px; height: 274px; background: url(images/annex-side.gif) no-repeat; }
ul.sanctuary { width: 480px; height: 618px; background: url(images/sanctuary-side.gif) no-repeat; }

/* SIDEBAR
***********************************************************************/
#sidebar { padding: 40px 20px 20px 20px; width: 288px; float: right; position: relative; }
#sidebar h2 { padding-bottom: 13px; border-bottom: 1px dashed #d6d6d6; }

#btn_register { top: -80px; position: absolute; z-index: 10; }

body.page #sidebar h2 { color: #db5b97; }

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

#sidebar li.flexipages_widget li { border-bottom: 1px solid #e4e4e4; }
#sidebar li.flexipages_widget li a { display: block; padding: 8px 8px 8px 0; text-decoration: none; color: #7b7a7a; }
#sidebar li.flexipages_widget li a:hover { border-right: 5px solid #CCC; }

/* FOOTER, FOOTER NAVIGATION
***********************************************************************/
#footer { overflow: auto; clear: both; }

#nav-footer { height: 26px; margin: 13px 0 0 0; padding: 0; list-style: none; color: #000000;}
#nav-footer li { float: left; margin-bottom: 0; }
#nav-footer a { display: block; text-indent: -9999em; outline: none; height: 26px; }

#nav-footer .spacer1 { width: 33px; height: 30px; background: url(images/nav_footer-spacer1.png) no-repeat; }
#nav-footer .spacer2 { width: 33px; height: 30px; background: url(images/nav_footer-spacer2.png) no-repeat; }
#nav-footer .dot { width: 12px; height: 30px; background: url(images/nav_footer-dot.png) no-repeat; }

#nav-footer .nav_promote a { width: 156px; background: url(images/nav_footer-promote.png) no-repeat; }
#nav-footer .nav_volunteer a { width: 136px; background: url(images/nav_footer-volunteer.png) no-repeat; }
#nav-footer .nav_home a { width: 55px; background: url(images/nav_footer-home.png) no-repeat; }
#nav-footer .nav_shine a { width: 93px; background: url(images/nav_footer-shine2011.png) no-repeat; }
#nav-footer .nav_speakers a { width: 87px; background: url(images/nav_footer-speakers.png) no-repeat; }
#nav-footer .nav_highlights a { width: 97px; background: url(images/nav_footer-highlights.png) no-repeat; }
#nav-footer .nav_contact a { width: 100px; background: url(images/nav_footer-contact.png) no-repeat; }

/* MISCELLANEOUS
***********************************************************************/
a.button { width: 102px; height: 23px; background: url(images/bg_button.png) no-repeat; display: block; color: #010101; text-decoration: none; line-height: 23px; text-align: center; }

img.right { float: right; margin: 0 0 1em 1em; }

#text-2 h2 { font-size: 1.75em; }

body.page-id-175 p { clear: both; }
body.page-id-175 img { margin-bottom: 3em; }