/* Stylesheet */

/* 
======================================================
>>COLORS
======================================================
Gray Text: #706969;
Blue Links: #
Red: #c4252b

*/

/* 
======================================================
>>Basic site styles
======================================================
*/

* { margin:0; padding:0; }
body { margin:0; padding:0; font-size:75%; font-family: "Lucida Grande","Lucida Sans",Verdana,sans-serif; background: 
#fff; border-top:6px solid #e5e5e5; color:#706969; }

.bn { border:0; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:left; }
.clear { clear: both; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

strong.replace { position:absolute; left:-9999px; }
.red { color:#c32830; font-weight:bold; }
/* 
======================================================
>>Site structure (layout)
======================================================
*/
div#container {width: 740px; margin:0 auto;}
div#header { margin:21px 0 0 0; background:url(/conference/images/bg/redline.gif) bottom repeat-x; height:90px; float:left; width:740px; }
div#masthead { margin:1px 0 0 0; float:left;}
div#register { height:37px; background: url(/conference/images/bg/reg-bg.gif) top repeat-x; margin:1px 0 0 0; float:left; width:740px;}
div#content { width:700px; float:left; margin:18px 0 0 20px;}
div#footer { width:740px; float:left; margin:30px 0 0 0; background:url(/conference/images/bg/redline.gif) top repeat-x; padding:18px 0 0 0;}

div.info { margin:0 0 30px 0; border-bottom: 3px double #ccc; padding:0 0 9px 0; }
/*
======================================================
>>Navigation
======================================================
*/
div#header ul#navigation { list-style:none; width:350px; float:right; margin:18px 0 0 0; }
div#header ul#navigation li { display:inline; margin:0 0 0 3px; float:right;}
div#header ul#navigation li a { text-decoration:none; color:#c4252b; display:block; float:left; padding:5px; font-weight:bold;}

div#header ul#navigation li a:hover, 
body#homepage div#header ul#navigation li a.home,
body#speakers div#header ul#navigation li a.speakers,
body#contributors div#header ul#navigation li a.contributors,
body#venue div#header ul#navigation li a.venue,
body#contact div#header ul#navigation li a.contact { background:#c4252b; color:#fff;}

div#register ul { margin:0 0 0 20px; }
div#register ul li { float:left; height:20px; margin:9px 0 0 0;}
div#register ul li.date { background:url(/conference/images/ir/date.gif) top left no-repeat; width:144px; margin-right:18px;}
div#register ul li a { display:block; height:20px; margin-right:9px;}
div#register ul li a.register { background: url(/conference/images/ir/register.gif) top left no-repeat; width:133px;}
div#register ul li a.agenda { background:url(/conference/images/ir/agenda.gif) top left no-repeat; width:175px;}
div#register ul li a.visit { background:url(/conference/images/ir/visit.gif) top left no-repeat; width:124px;}


/*
======================================================
>>Headers
======================================================
*/
h1 { font-size: 2.4em; font-family:"Helvetica Neue","Helvetica",Arial,sans-serif; font-weight:bold; line-height: 36px; margin:18px 0 0 0; color: #c4252b; text-shadow:0 0 0 #F1E9CF; text-transform:uppercase;}
h2 { color:#8F8F8F; font-size:1.6em; margin:12px 0; }
div#content h2 { background:#8b8585; margin:42px 0 24px; color:#fff; font-size:1.4em; padding:9px 0 9px 12px; font-weight:bold; letter-spacing:.5px;}
/*
======================================================
>>Paragraphs
======================================================
*/
p { font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif; font-size: 1em; line-height: 24px; margin: 0 0 18px 0;}
body#venue p { line-height:15px; }
p#masthead-quote { background:url(/conference/images/pic/masthead.jpg) top left no-repeat; width:740px; height:302px; margin:0;}
div#content dl dd p, div#content dl dt p { margin:0;}
div#content dl dt { line-height:18px;}

p.time { background: url(/conference/images/gui/clock.gif) left no-repeat; padding:0 0 0 21px;}
p.phone { background: url(/conference/images/gui/phone.gif) left no-repeat; padding:0 0 0 21px; }
div#content dl dt strong, div.info p span.person { background: url(/conference/images/gui/card.gif) left no-repeat; padding:0 0 0 24px; }

/*
======================================================
>>List Styles
======================================================
*/
div#content ul { margin: 18px; }
div#content ul li { background:url(/conference/images/gui/arrow.gif) left no-repeat; padding:0 0 0 15px; margin:0 0 12px 0; font-weight:bold;}
body#agenda div#content ul { border-left:1px solid #ccc; margin-left:24px; padding:0 0 0 9px;}

div#content dl { margin:0 0 30px 0; border-bottom: 3px double #ccc; padding:0 0 9px 0; }
div#content dl dt { float:left; width:150px; text-align:right; margin:6px 0 0 24px; border-bottom:1px solid #ccc; padding:0 0 12px 0;}
div#content dl dd { float:right; width:500px; margin:0 0 18px 0;}


/*
======================================================
>>Link Styles
======================================================
*/
a:link, a:visited { text-decoration: underline; color:#c4252b; }
a:hover { background:#c4252b; color:#fff; }

a.logo { background:url(/conference/images/branding/logo.gif) top left no-repeat; display:block; width:374px; float:left; height:57px; }
a#view-speakers { display:block; width:153px; height:32px; background: url(/conference/images/gui/view-speakers.jpg) top left no-repeat; margin:24px 0 0 0;}

p.twitter, p span.twitter { background: url(/conference/images/gui/twitter.gif) left no-repeat; padding:6px 0 0 30px; height:32px; }
span.site { background: url(/conference/images/gui/site.gif) left no-repeat; padding:0 0 0 30px; }

/*
======================================================
>>Images Styles
======================================================
*/
img { }
/*
======================================================
>>Form Styles
======================================================
*/
label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #eee; }
legend { font-weight: bold; font-size:1.2em; }
input.text, input.title, textarea, select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666; }
input.text, input.title { width: 300px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width: 390px; height: 250px; padding:5px; }

/*
======================================================
>>Table Styles
======================================================
*/
table tr#fsRow533223-1, table tr#fsRow528602-1 { display:none;}


/*
======================================================
>>Miscellaneous Styles
======================================================
*/
iframe { border:1px solid #ccc;}



hr.separator { background:url(/conference/images/bg/separator.gif) left no-repeat; border:none; margin:24px 0; clear:both; }

* html div#header ul#navigation li, *+html div#header ul#navigation li { margin:0 0 0 3px;}
* html div#header ul#navigation li a {padding:3px; font-weight:bold;}
* html div#content dl dt { margin:6px 0 0 12px;}
* html div#content { margin-left:10px;}