/* CSS for Fortune Conferences - main page */

/* Reset all styles: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style: none;
	vertical-align: baseline;
	}

strong { font-weight: bold; }

em { font-style: italic; }

span { display: none; }

.clear { clear: both; height: 0px; font-size: 0px; }

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

sub { font-size: 0.8em; }

/* --- clearfix ---- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}

.clearfix {
    display: block;
	}

html[xmlns] .clearfix {
    display: block;
	}

* html .clearfix {
    height: 1%;
	}



/* ===========================================
         MAIN LAYOUT
==============================================*/

body { 
	padding: 0 10px;
	background-color: #f6f6ed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Use percentages and ems for fonts: http://www.alistapart.com/articles/elastic/ */
	line-height: 1.3em;
	color: #3f3f3f;
	text-align: center;
	}

#container {
	width: 1006px;
	margin: 14px auto 10px;
	padding-bottom: 7px;
	text-align: left;
	background-color: #ebead7;
	}


/* ===========================================
         CONTACT US NAV
==============================================*/

#contactNav {
	padding: 0 1em 0.5em 0;
	background-color: #f5f6ed;
	text-align: right;
	font-size: 1.1em;
	}

#contactNav h5 {
	display: inline;
	font-weight: bold;
	color: #030303;
	}

#contactNav ul {
	display: inline;
	}
	
#contactNav li {
	display: inline;
	margin-left: 0.7em;
	padding-left: 1.2em;
	background: url(/images/bullet-contactNav.gif) 0 50% no-repeat;
	}

#contactNav li a {
	color: #343434;
	}


/* ===========================================
         HEADER
==============================================*/

#header {
	padding-top: 14px;
	}

#header h1 {
	margin: 0 auto 7px auto;
	text-align: center;
	}
		

/* ===========================================
         CONTENT
==============================================*/

#content {
	margin: 0 7px;
	padding: 2px 14px 80px;
	background-color: #fff;
	border-top: 2px solid #c83a21;
	overflow:auto;
	}


/* ===========================================
         INTRO
==============================================*/

#intro {
	margin-bottom: 9px;
	}

#splashPhoto {
	float: left;
	}

#introText {
	float: left;
	width: 246px;
	margin: 24px auto auto 18px;
	font-size: 1.1em;
	}


/* ---------- QUOTES ---------- */

#quoteBox {
	float: left;
	width: 332px;
	margin: 24px auto auto 35px;
	}

#beginQuote {
	float: left;
	}

#quoteText {
	margin-top: 2px;
	margin-left: 30px;
	font: 1.8em/1.3em Georgia, "Times New Roman", Times, serif;
	color: #000;
	}

#endQuote {
	float: right;
	}


/* ===========================================
         UPCOMING CONFERENCES
==============================================*/

#upcomingConf {
	float: left;
	width: 610px;
	border-top: 1px solid #e7e7e7;
	clear:left;
	}

#upcomingConf li {
	padding: 25px 25px 15px 0; 
	border-bottom: 1px solid #e7e7e7;
	}

#upcomingConf .confLogo {
	float: left;
	width: 215px;
	padding-top: 4px;
	text-align: center;
	}

#upcomingConf h2,
#upcomingConf h3,
#upcomingConf p {
	margin-left: 225px;
	}

#upcomingConf h2 {
	margin-bottom: 0.4em;
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
	line-height: 1.2em;
	}

#upcomingConf h3 {
	margin-bottom: 0.6em;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	}

#upcomingConf p {
	margin-bottom: 0.6em;
	font-size: 1.3em;
	line-height: 1.5em;
	}
		
.moreLink {
	float: right;
	padding-left: 1.5em;
	background: url(/images/bullet-more.gif) 0 40% no-repeat;
	}

.moreLink a {
	font-size: 1.2em;
	color: #c83a23;
	}


/* ===========================================
         SIDEBAR
==============================================*/

#sidebar {
	float: left;
	width: 333px;
	margin-left: 17px;
	}


/* ===========================================
         SIDEBAR BOXES
==============================================*/

.sidebarBox {
	margin-bottom: 12px;
	border: 6px solid #ebead7;
	}

.sidebarBox-inner {
	border: 1px solid #e6e6e6;
	}

.sidebarBox h2 {
	padding: 14px 0 12px 19px;
	font-size: 2em;
	color: #000;
	border-bottom: 1px solid #e6e6e6;
	}

.scrollOuter {
	float: left;
	position: relative;
	width: 282px;
	height: 360px;
	margin-top: 4px;
	overflow: hidden;
	visibility: hidden;
	}

.scrollInner { 
	position: absolute; 
	height: auto;
	}

.sidebarBox li {
	padding: 18px 12px 18px 24px;
	border-bottom: 1px solid #e6e6e6;
	}

.sidebarBox li img {
	float: left;
	}

.sidebarBox li .speakerPhoto {
	float: left;
	width: 90px;
	_margin-right: 16px; /* Win/IE6 */
	}

.sidebarBox li .speakerPhoto img {
	float: none;
	}

.sidebarBox li h3,
.sidebarBox li h4,
.sidebarBox li p {
	margin-left: 116px;
	_margin-left: 0; /* Win/IE6 */
	}

.sidebarBox li h3 {
	margin-top: 12px;
	margin-bottom: 0.2em;
	font: bold 1.3em/1.2em "Times New Roman", Times, serif;
	color: #000;
	}

.sidebarBox li h4 {
	margin-bottom: 0.2em;
	font: bold 1.1em/1.2em "Times New Roman", Times, serif;
	color: #000;
	}

.sidebarBox li p {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #404040;
	}

.speakerScroll {
	float: left;
	width: 15px;
	height: 207px;
	margin-left: 15px;
	padding-top: 166px;
	padding-left: 6px;
	border-left: 1px solid #e6e6e6;
	}

.speakerScroll a {
	display: block;
	margin-bottom: 2px;
	}


/* ===========================================
         SPEAKERS
==============================================*/

#speakerBox h2 {
	font-weight: bold;
	}

#speakerBox h3,
#speakerBox p {
	width: 130px; /* Prevents long titles from being cut-off by overflow:hidden */
	}
	

/* ===========================================
         FACEBOOK
==============================================*/

#facebookBox {
	padding: 6px 0 8px 14px;
	}

#facebookBox h3 {
	float: left;
	margin-top: 9px;
	_margin-top: 7px; /* Win/IE6 */
	margin-right: 6px;
	font: bold 1.4em/1.2em Arial, Helvetica, sans-serif;
	}
	*+html #facebookBox h3 { margin-top: 7px; /* Win/IE7 */ }

#facebookBox img {
	float: left;
	}


/* ===========================================
         RECENT CONFERENCES
==============================================*/

#recentConfBox h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	}

#recentConfBox li {
	padding: 10px 12px 12px 24px;
	width: 282px;
	}

#recentConfBox li h3,
#recentConfBox li p {
	margin-left: 0;
	}

.sidebarBox li h3,
.sidebarBox li h4 {
	width: 90%; /* Prevents long titles from being cut-off by overflow:hidden */
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	}


/* ===========================================
         UPCOMING CONFERENCES
==============================================*/

#upcomingBox {
	margin-top: 10px;
	}

#upcomingBox .confLogo {
	float: left;
	width: 86px;
	padding-top: 4px;
	text-align: center;
	}

#upcomingBox h3, 
#upcomingBox h4, 
#upcomingBox p {
	width: 180px;
	margin-left: 100px;
	}
	

/* ===========================================
         CONTACT INFO
==============================================*/

#contactInfo {
	float: left;
	width: 610px;
	margin-bottom: 200px; /* Helps anchor links work better */
	}

#contactInfo li {
	padding: 25px 25px 15px 15px; 
	border-bottom: 1px solid #e7e7e7;
	}

#contactInfo h2 {
	margin-bottom: 0.4em;
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
	line-height: 1.2em;
	}

#contactInfo p {
	font-size: 1.3em;
	line-height: 1.5em;
	}

/* ===========================================
         FOOTER
==============================================*/

#footer {
	padding: 10px 0 ;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #666;
	text-align:left;
	}

#footer p, #footer ul {
	margin-left: 15px;
	}

#footer p {
	margin-bottom: 0.6em;
	}

#footer ul {
	list-style: none;
	padding-left: 0;
	}
	
#footer li {
	float: left;
	margin-right: 0.6em;
	}

#footer a {
	margin-right: 0.6em;
	color: #666;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer .confHomeLink a {
	font-weight: bold;
	color: #3d3d3d;
	}