/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

img										{ border: none }
img.center								{ margin:auto; clear:both; display:block; float:none; }
img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	
img.left								{ float:left; margin:0 25px 25px 0; clear: left; }


dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/

body									{ background: #f7f7f7 url("images/body-back.png") repeat-x; margin:0 }

h1										{ font-size:260%; color:#900; font-weight: normal; line-height:1.1; margin-bottom: .5em}
h2										{ font-size:180%; color:#900; font-weight: normal; line-height:1.1; margin-top: 1em }
fieldset								{ border: none; padding:0; margin: 0 }

#container								{ position: relative; width: 900px; margin: auto; font: 80%/1.5 Verdana; color: #333 }

#header									{ overflow: hidden; width:900px }
#header	p								{ float: left; padding:10px 0 }

#header .site-search					{ min-height:47px; float: right; background:url("images/header-tab.png") no-repeat bottom left; width: 180px; padding: 10px; _height:47px }
#header .site-search form				{ padding:0; margin:0; border:none }
#header .site-search input				{ width:130px; margin-right: 3px }
#header .site-search input.button		{ width:35px }
#header .site-search h2					{ font-size:110%; color:#fff; font-weight: normal; margin: 0 }

#content								{ float:left; width:670px }
#content p								{ margin-bottom: 1.5em; line-height: 1.6em }
#content fieldset						{ margin-bottom: 2.5em; background:#ccc url("images/panel-corner.png") no-repeat bottom right; ; padding:25px }

#related								{ float:right; width:200px }


#social									{ min-height:47px; position: absolute; right:220px;top:0; background:url("images/header-tab.png") no-repeat bottom left; width: 200px; }
#social	ul								{ background:url("images/social-icons-2.png") no-repeat bottom left; width: 180px; height:67px; margin: 0; list-style: none }
#social	li								{ float:left }
#social	a								{ float:left; width:200px; height:67px; text-indent:-1000em;overflow: hidden; margin-right:5px }

#navigation								{ border-bottom:2px solid #a00; font-size:120% }
#navigation	ul							{ list-style: none; margin-left: 0 }
#navigation	li							{ display: inline; margin-right:1.5em }
#navigation	a							{ text-decoration: none; color:#444; padding:0.35em 0.4em; -moz-border-radius-bottomright:8px }
#navigation	a:hover						{ background:#a00; color:#fff }

/*
#footer									{ overflow:hidden; background:#333 url("images/panel-corner.png") no-repeat bottom right; padding:15px; clear: both;  }
#footer .sponsors						{ float:left; width:290px; border-right: 1px solid #666; margin-right:25px }
#footer .sponsors h3					{ color:#666; font-size:95%; margin-bottom:0.5em }
#footer .last							{ border-right: none; margin-right: 0 ; width:220px}
*/

#legal .credit							{ float: right }
#legal .credit a						{ color: #333; text-decoration: none }

#footer									{ overflow:hidden; background:#333 url("images/panel-corner.png") no-repeat bottom right; padding:15px 0; clear: both; _height:245px  }
#footer .sponsors						{ float:left; width:178px; height:310px; border-right: 1px solid #666; text-align: center; }
#footer .sponsors h3					{ color:#666; font-size:95%; margin-bottom:0.5em }
#footer .sponsors img					{ margin:3px 0}
#footer .digital						{ border-right: none }

.founding h3							{ padding-bottom: 95px }
.platinum h3							{ padding-bottom: 25px }

#footer .sponsors.platinum h3.gold		{ padding-top: 80px }

.general h3								{ padding-bottom: 50px }
.media h3								{ padding-bottom: 5px }
.digital h3								{ padding-bottom: 100px }

#legal									{ margin:10px 0; font-size:90% }

#form-error								{ border:3px double #a00; padding:20px 20px 5px 20px; background:#fee; margin-bottom: 2em }
#form-error	h1							{ font-size: 140%}

.breadcrumbs							{ position:relative; padding: 8px 0 168px 0; margin-bottom:25px; background: 0 100% no-repeat; font-size:90%}
.breadcrumbs a							{ text-decoration: none; color:#666}

.quote									{ line-height:1.1em }
.quote p								{ font-size:150%; color:#fff; text-indent:-0.4em; padding-left:0.4em; line-height:1.35; overflow:visible}
.quote b								{ font-size:110%; display:block; color:#fff; line-height:1.5; padding-left:0.4em }
.quote i								{ font-size:100%; color:#ccc; font-style: normal; padding-left:0.4em; display:block}

#gallery						{ overflow: hidden; margin-bottom:25px }
#gallery div#images 			{ border: 1px solid #ccc ; list-style: none; margin: 0; padding: 7px; overflow: hidden; line-height:0px; }

#gallery div#images img			{ margin: 0; padding: 0; position: static; float: none; border: none}



#gallery ul#thumbnails			{ list-style: none; margin: 0; }

#gallery ul#thumbnails li		{ float: left; margin:10px 10px 0 0; width:87px; height:62px; line-height:62px; border: 1px solid #ccc; padding: 6px; text-align:center; overflow: hidden; cursor: pointer; }

#gallery ul#thumbnails li img	{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }

#gallery ul#thumbnails li.active,

#gallery ul#thumbnails li:hover	{ padding: 5px; border-width:2px; border-color:#666 }


/******************************************************************************* 
* Sidebar Styles                                                               *
*******************************************************************************/

.section-navigation,
 .news-articles,
 .news-archive-list,
 .news-categories						{ background:#666 url("images/panel-corner.png") no-repeat bottom right; width: 170px; padding: 15px; margin-bottom:25px}

.section-navigation	ul,
 .news-articles	ul,
 .news-archive-list	ul,
 .news-categories ul					{ margin:0; list-style: none}
 
.section-navigation	li,
 .news-articles	li,
 .news-archive-list	li,
 .news-categories li					{ border-bottom: none; border-bottom: 1px dashed #333; padding:0.6em 0 }

.section-navigation li a,
 .news-articles li a,
 .news-archive-list li a,
 .news-categories li a					{ display:block; line-height:1.2; text-decoration: none; color:#fff  }

.section-navigation	li:last-child,
 .news-articles	li:last-child,
 .news-archive-list	li:last-child,
 .news-categories	li:last-child		{ border-bottom: none; }
 
.section-navigation	li.active,
 .news-articles	li.active,
 .news-archive-list	li.active,
 .news-categories li.active				{ background: url("images/panel-bullet.png") no-repeat 0 0.9em }
 
.section-navigation	li.active a,
 .news-articles	li.active a,
 .news-archive-list	li.active a,
 .news-categories li.active a			{ font-weight: bold; padding-left:10px }

.section-navigation	li.active li a,
 .news-articles	li.active li a,
 .news-archive-list	li.active li a,
 .news-categories li.active li a		{ font-weight: normal; padding-left:0 }


/* nested */
.section-navigation	li li,
 .news-articles	li li,
 .news-archive-list	li li,
 .news-categories li li					{ margin-left:25px; border:none; padding:0.3em 0 0.1em 0 }

.section-navigation	li li.active,
 .news-articles	li li.active,
 .news-archive-list	li li.active,
 .news-categories li li.active				{ background-position:0 0.45em }


.section-navigation	h2,
 .news-articles	h2,
 .news-archive-list	h2,
 .news-categories h2					{ margin-bottom: 0.5em; color:#fff; font-size:160%; }

.section-navigation	li span,
 .news-articles	li span,
 .news-archive-list	li span,
 .news-categories li span				{ font-size:80%; color:#bbb }
 
.call-to-actions						{ margin-bottom: 25px }

#booking-form							{ background:#900 url("images/panel-corner.png") no-repeat bottom right; width: 170px; padding: 15px; margin-bottom:25px; color: #fff; font-size:90%; line-height:1.2}
#booking-form form						{ margin:0 }
#booking-form h2						{ margin-bottom: 0.5em; color:#fff }
#booking-form dt						{ font-weight: bold; }
#booking-form dd						{ margin:0 0 1em 0; }
#booking-form dd.textinput input		{ width:95%; }
#booking-form dt.checkbox				{ padding-left:22px }
#booking-form dd.checkbox				{ margin-top:-1.4em; margin-bottom:2.5em }

ul.downloads							{ border-top: 1px solid #ccc; margin-left:0; list-style:none;}
ul.downloads li							{ border-bottom: 1px solid #ccc; background:url("images/btn-download.png") 100% 7px no-repeat }
ul.downloads a							{ display:block; padding: 10px 100px 10px 5px; text-decoration: none; color:#a00}

/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

body.home .breadcrumbs					{ background-image:url("images/home-header.jpg"); padding-bottom: 261px }
body.speakers .breadcrumbs				{ background-image:url("images/speakers-header.jpg") }
body.about .breadcrumbs					{ background-image:url("images/about-header.jpg") }
body.schedule .breadcrumbs				{ background-image:url("images/schedule-header.jpg") }
body.venue .breadcrumbs					{ background-image:url("images/venue-header.jpg") }
body.accommodation .breadcrumbs			{ background-image:url("images/accommodation-header.jpg") }
body.press .breadcrumbs					{ background-image:url("images/empty-header.jpg") }
body.contact .breadcrumbs				{ background-image:url("images/contact-header.jpg") }
body.news .breadcrumbs					{ background-image:url("images/empty-header.jpg") }
body.networking .breadcrumbs			{ background-image:url("images/networking-header.jpg") }
body.register .breadcrumbs				{ background-image:url("images/register-header.jpg") }
body.generic .breadcrumbs				{ background-image:url("images/empty-header.jpg") }

table									{ border-collapse: separate; border: none }
table td								{ border: none; padding:5px }