@charset "utf-8";
/* CSS Document */

/*Color key*/
/*Orange: #F05A24*/

/*Applied IE6 PNG fix from http://www.twinhelix.com/css/iepngfix/
BUT it did not work for REPEATING TRANSPARENT BACKGROUNDS.
Workaround: use a large transparent png background image with no repeat */
/*Nevermind: IE6PNG fix only worked on homepage logo, and not logo on other pages.*/
/*So I used hacks to apply a non transparent log for IE6...sigh*/

/*#header #mast {padding:10px 18px; display: inline-block; display:block; overflow: hidden;} */ /*model for stretching divs*/

img, div, h1, a { behavior: url(images/iepngfix.htc) }

.clear {clear:both}

body {
background: url(../images/bg.jpg) center top no-repeat #000;
margin: 0 auto;
font-family: Arial, Helvetica, Verdana, sans-serif;
line-height: 1.125em; /* 16x1.125=18px */
font-size:100%;
}

a {color:#F05A24; text-decoration:none;}
a:hover {text-decoration: underline;}
a:active {color:#F05A24}

p, ul li{font-size:0.75em;}
  
#wrap {width: 930px; margin: 0 auto; overflow:hidden;}

#header {padding-top:46px; margin-bottom:22px;}
#header h1.logo {text-indent:-99999px; width:698px; height:115px; background: url(../images/logo.png) top left no-repeat;}
*html #header h1.logo {text-indent:-99999px; width:698px; height:115px; background: url(../images/logo-ie6.jpg) top left no-repeat;}

#main {display: inline-block; display:block; overflow: hidden; clear:both; padding: 39px 28px 17px 39px; color: #fff;}
*html #main {display:block; padding: 39px 30px 0 39px; color:#fff; }

.transparent-bg {background: url(../images/black73opacity.png) top left no-repeat; inline-block; display:block; overflow: hidden; clear:both;}
*html .transparent-bg {background:#000; display: inline-block; display:block; height:100%} /*IE6 hack*/

/*non-homepage applies a different bg*/
.events, .speakers, .about, .contact, .press, .exhibits {background: url(../images/black73opacity-gradient.png) top left no-repeat;}
*html .events, *html .speakers, *html .about, *html .contact, *html .press {background:#000; display: inline-block; display:block; height:100%}/*IE6 hack*/


#main h1 {font: bold 1.25em Arial, Helvetica, sans-serif;}
#main h2 {font: bold 0.875em Arial, Helvetica, sans-serif;}
#main .entry h1 span {font: 0.675em Georgia, "Times New Roman", Times, serif; font-style: italic;}

#main h1.title {font-size: 1.5em; background: url(../images/med-bullet.gif) left 8px no-repeat; padding-left:21px; border-bottom:1px solid #5a5a5a; margin-bottom: 20px; padding-bottom:7px;}

span.highlight, .highlight {color:#F05A24;}


/*Column widths*/
.column-1 {float:left;}
.column-2 {float:left;}

.home .column-1 {width: 511px; margin-right:37px;}
.home .column-2 {width: 315px;}

.events .column-1, .speakers .column-1 {width:100%;}
.events .column-2, .speakers .column-2{width:0;}

.about .column-1, .contact .column-1, .press .column-1 {width:500px; margin-right:39px;}
.about .column-2, .contact .column-2, .press .column-2 {padding-top:40px;}

/*Homepage*/
.home .column-1 .venues {clear:both; margin: 40px 0 0 0; text-align:center;}
.home .column-1 .venues img {margin-right:20px}
.home .column-1 h1 {margin-bottom:20px;}

.home .column-2 .featured {display: inline-block; display:block; overflow: hidden; clear:both;}
.home .column-2 .featured img {float:left; margin-right:10px;}

.home .column-2 .program-overview {display: inline-block; display:block; overflow: hidden; clear:both; margin-top:20px;}
.home .column-2 .program-overview .entry {clear:both;}
.home .column-2 .program-overview .entry h1.date-bullet {float:left; margin-right:20px; background: url(../images/med-bullet.gif) center left no-repeat; padding-left:21px;}
.home .column-2 .program-overview .entry p {width: 213px; float:right; margin-bottom:10px; padding-right:10px; font-size: 0.75em;}
.home .column-2 .program-overview .entry a p {border-right: 4px solid #171717; color:#fff;}
.home .column-2 .program-overview .entry a p:hover {border-right:4px solid #F05A24; color:#F05A24; text-decoration:none;}

.after-main {margin:20px 0 0 0; text-align:right;}
.after-main a h1.download{background:#F05A24; color:#fff; display:inline; padding:3px 15px;}
.after-main a h1.download:hover{background:#333; color:#fff; text-decoration:none;}


/*Events*/

.events .day {clear:both; margin-bottom:25px;}
.events .day h1.day{margin-bottom:20px;}
.events .day .entry{display: inline-block; display:block; overflow: hidden; clear:both; margin-bottom:10px;}
.events .day .entry .event-photo{float:left; margin-right:20px; width: 395px; overflow:hidden;}
.events .day .entry .event-photo img {border:1px solid #5a5a5a;}
.events .day .entry .event-description {float:right; width: 445px; font-size:0.75em; } 
.events .day .entry .event-description .location {float:right; width:200px; background: #272727; padding:10px; margin-left:10px;}

.events .day .entry .event-description h1 {font-size:1.667em!important;}
.events .day .entry .event-description h2 {font-size:1.25em!important;}
.events .day .entry .event-description h2.heading {margin-bottom:15px;}
.events .day .entry h1 {margin-bottom:20px;}
.events .day .entry p {margin-bottom: 15px; font-size:1em;}

/*Speakers, Exhibits*/

.speakers .entry, .exhibits .entry {display: inline-block; display:block; overflow: hidden; margin-bottom:10px;}
*html .speakers .entry p.ie-height-fix, *html .exhibits .entry p.ie-height-fix {height:120px;}
.speakers .entry .speaker-photo, .exhibits .entry .exhibits-photo {float:left; margin-right:20px; width:253px; overflow:hidden;}
.exhibits .entry .exhibits-photo img {border:1px solid #5a5a5a;}
.speakers .entry .speaker-bio, .exhibits .entry .exhibits-bio { float:left; width:500px}
.speakers .entry .speaker-bio h1, .exhibits .entry .exhibits-bio h1 {margin-bottom:15px;}
.speakers .entry .speaker-bio p, .exhibits .entry .exhibits-bio p {font-size: 0.75em; margin-bottom:15px;}


/*About*/ /*CONTACT*/ /*PRESS*/
.about h1, .contact h1, .press h1{margin-bottom:20px;}
.about p, .contact p, .press p{font-size: 0.75em; margin-bottom:15px;}
.about .column-2 img {border:1px solid #5a5a5a;}


/*FOOTER*/


#footer {clear:both; padding-top:20px; padding-bottom:70px; border-top:1px solid #333;}
.footer-home {clear:both; margin-top: 50px; padding-top:none!important;padding-bottom:70px; border-top:none!important;}

#footer #sponsors {width:560px; float:left; margin-left: 39px}
#footer #sponsors h1.cl{width:259px; height:13px; background:url(../images/logo-cl.png) top center no-repeat; text-indent: -99999px; float: left; margin-right:45px;}
#footer #sponsors h1.crossroads{width: 215px; height: 44px; background:url(../images/logo-crossroads.png) top center no-repeat; text-indent: -99999px; float:left;}

#footer #footer-menu {float:right; color: #999;}
#footer #footer-menu ul { clear:both;}
#footer #footer-menu ul li {float:right; margin-left: 10px;}
#footer #footer-menu ul li a{}
#footer .copyright {font-size: .75em; clear:both}




/*Primary Menu*/
ul#menu{
margin:-25px 0 0 0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:24px;
text-transform:none;
font-size:1.41667em;
font-weight:bold;
font-family:Arial,Verdana,sans-serif;
}

ul#menu li{display:block;float:right;margin:0; margin-left:3px; pading:0;}
ul#menu li a{
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:3px 15px;
height:21px;
background:#F05A24;
}
ul#menu li a:hover{color:#fff; background:#777777}
ul#menu li a.current, ul#menu li a.current:hover{color:#fff;background:#ee0000;}
ul#menu li a.subscribe, ul#menu li a.subscribe:hover{color:#ee0000;background:#777777;}
ul#menu li a.subscribe:hover {text-decoration:underline;}
ul#menu li.right{float:right}