/* -------------------------------------------------

Web Content Conferences - Chicago 2009 - CSS

Version: 10.30.2008

Author: Kevin Shoesmith

Email: kevin@venncommunications.com

Website: http://www.venncommunications.com

------------------------------------------------- */





/* RESET OBJECTS */



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-family: inherit; vertical-align: baseline; }



em {font-style: italic;}

/* LAYOUT */



html { height: 101%; }

body { background: #191818 url(../img/bg-body-dark.jpg) repeat-x left top; font: normal 70% Helvetica, Arial, sans-serif; text-align: center;  position: relative;}

#banner-major { width: 900px; clear: both; height: 280px; background-image: url(../img/banner-major.jpg); background-repeat: no-repeat; background-position: center bottom; background-color: #191818; position: relative; }

#banner-minor { clear: both; height: 240px; background-image: url(../img/banner-minor.jpg); background-repeat: no-repeat; background-position: center bottom; background-color: #191818; margin: 0 0 10px 0; position: relative;  width: 900px; }

#penultimate { clear: both; overflow: hidden; width: 900px; position: relative; }

#logo { background: none; float: left; margin: 16px 0px 0px 0px; position: relative; width: 180px; }

#wrapper { clear: both; width: 900px; height: auto; margin: 0 auto; text-align: left;  position: relative;}

#content { background-color: #FFF; clear: both; overflow: hidden; position: relative; width: 900px; background-image: none; display: block; padding-bottom: 18px; }

#contentInner { float: left; margin: 0px 0px 50px 0px; overflow: hidden; position: relative; width: 650px; }

#hello { background: #0D0D0D; height: 200px; margin: 10px 0; width: 900px; position:relative;  }

#hello p {margin-left: 0;}

#programTable { /*clear: left;*/ width: 98%; text-align: left; padding: 10px 0px 0px 8px; }

#programTable .scheduleTable {border: none;}

#programTable .scheduleTable td {border-bottom: 1px dotted #ccc; padding: 4px 8px 10px;}

#programTable table.scheduleTable h4 {font-weight: bold; font-size: 110%;}

#programTable .scheduleTable td h4, .scheduleTable td p {margin: 0;}

.speakerName {font-style: italic; font-size: 90%;}

#footer { background: #0D0D0D; font-family: Helvetica, Arial, sans-serif; clear: both; text-align: center; position: relative; width: 900px; position: relative; }

#sponsors { clear:both; overflow: auto; text-align: center; position: relative; width: 900px; background-color: #191818; }

.listing { clear: both; height: auto; margin: 45px 0 45px 0; overflow: hidden; position: relative; }





/* SPONSOR STYLES */

.relatedNews { width: 220px; float: right; margin: 0px 5px 10px 15px; padding: 0px 5px 5px 5px; }

.sponsorListing { clear: both; overflow: hidden; position: relative; margin: 10px 0px 45px 0px; }



/* RIGHT */

#rightHome { width: 300px; float: right; position: relative; }

#rightMain { width: 440px; float: right; }

#rightSecondary { width: 240px; float: right; position: relative; text-align: left; }



/* LEFT */

#leftMain { width: 210px; float: left; }

#leftHome { width: 600px; float: left; position:relative; }





/* FIELD SET */

fieldset { border: none; line-height: auto; margin: 0px 0px 0px 10px; }

input, .multiselect { margin: 3px 3px 3px 0px; }





/* NAVIGATION */

.nav { font-family: Helvetica, Arial, sans-serif; font-size: 125%; float: right; font-weight: normal; margin: 108px 0 5px; text-align: left; width: 720px; }

.nav ul { margin: 0px 0px; list-style: none;}

.nav li { float: left; list-style: none; /*display: inline;*/text-shadow:1px 1px 1px #000;margin: 0 0;}

.nav ul a { display: block; float: left; margin: 5px; height: 17px; color: #999; font-weight: normal; text-decoration: none; padding: 4px 12px;  }

.nav ul a:visited { color: #CCC; font-weight: normal; text-decoration: none; }

.nav ul a:hover {	color: #FFF; font-weight: normal; text-decoration: none; }

.nav #current a { color: #BA2624; font-weight: bold; }



.subpageNav { float: left; }



/* TEXT */

p { margin: 0px 25px 15px 20px; font-family: Helvetica, Arial, sans-serif; font-size: 110%; line-height: 180%; color:#666666; }

ul, ol { margin: 10px 20px 10px 25px; width: auto; font-size: 105%; line-height: 180%; }

li { margin: 5px 0px 2px 15px; color:#666; line-height: 180%; list-style-type: square; }

ul li ul{ margin: 10px 20px 10px 15px; width: auto; font-size: 100%; line-height: 150%; }

ul li ul li { margin: 5px 0px 2px 15px; color:#666; line-height: 180%; list-style-type: square; }

h1 { font-family: Helvetica, Arial, sans-serif; font-size: 210%; font-weight: bold; color: #4A4848; letter-spacing: -0.03em; margin: 20px 20px 20px 20px; text-shadow:1px 1px 1px #AAAAAA;}

h1.eventTitle { background: url(../img/event-title.jpg) no-repeat center center; color: #EAEAEA; display: block; float:left; height: 160px; margin: 15px 0px 0px 10px; overflow: hidden; position: absolute; text-indent: -5000em; width: 350px; }

h2 { font-family: Helvetica, Arial, sans-serif; font-size: 160%; font-weight: bold; color: #4A4848; letter-spacing: -0.03em; margin: 20px 20px 10px 20px; text-shadow:1px 1px 1px #AAAAAA;}

h2 a:link { color: #AE1F25; font-weight: bold; }

h2 a:visited { color: #666; font-weight: bold; text-decoration: none; }

h2 a:hover { color: #AE1F25; font-weight: bold; text-decoration: underline; }

h3 { font-weight: bold; color: #4A4848; font-family: Helvetica, Arial, sans-serif; font-size: 130%; margin: 10px 20px 10px 20px; s}

h4 {	font-size: 110%;	font-weight: bold; color: #4A4848; margin: 20px 0px; }





/* LINK STYLES */

a {text-decoration: none;}

a:link { color: #AE1F25;  }

a:visited { color: #85181c; }

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



#footer a:link { color: #666; text-decoration: none; }

#footer a:visited { color: #999; text-decoration: none; }

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





/* OTHER TEXT STYLES */

.hello { color: #A3A3A3; float:right; font-size: 105%; line-height: 100%; margin: 20px 15px 0px 10px; padding: 0px; position:relative; width: 580px; }

.hello p {margin-bottom: 0;	text-shadow:1px 1px 0 #000;}

.sessionInfo { font-family: Helvetica, Arial, sans-serif; font-size: 80%; line-height: 15pt; margin: 3px 0px 30px 20px; }

.secondaryContentText { font-family: Helvetica, Arial, sans-serif; font-size: 70%; color:#333333; }

.categoryText { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #000000; }

.footer { color: #666; padding: 15px; }

.date { font-size: 90%; margin: -10px 20px 5px 20px; ; padding-bottom: 3px; }

.news-teaser { border-bottom: 1px dashed #ccc; margin: 0 10px 15px 5px; padding: 0 0 5px 0;  } 

.news-teaser p { margin: 0px 25px 15px 15px; } 

.program { margin: 15px 0px 10px 5px; }

.tag { font-size: 80%; }

.pagetitle { font-family: Helvetica, Arial, sans-serif; font-size: 200%; font-weight: bold; margin: 62px 0px 0px 32px; color: #FFF; clear: both; }

strong { font-weight: bold; }





/* TABLES */

table { font-family: Arial, sans-serif; font-size: 110%; border-collapse: collapse; margin-bottom: 10px; width: 100%; border: 1px solid #a5a5a5; }

th { padding: 0.2em 8px; font-size: 90%; text-transform:uppercase; border-bottom: 2px solid #a5a5a5; }

td { padding: 0.3em 1em; border-bottom: 1px solid #a5a5a5; }

col#timeCol { border-right: 1px solid #a5a5a5; width: 12% }

col#sessionCol { border-right: 1px solid #a5a5a5; width: 45% }

col#speakerCol { border-right: 1px solid #a5a5a5; width: 20% }

col#trackCol { border-right: none; width: 20% }

/*

thead { background: #CCC; border-top: 1px solid #a5a5a5; }

tr:hover { background-color: #DDDDDD; }

thead tr:hover { background-color: #CCCCCC; color: inherit; }

*/





/* IMAGES */

#sponsors img { margin: 15px; }

.pageTitle { margin: 15px 0px 10px 20px; }

.speakerImage { border: 5px solid #CCC; float: left; margin-right: 10px;}

.logo { background-color: #FFFFFF; padding: 5px; margin: 5px 0px 8px 10px; height: auto; width: auto; }

.logo a:link { text-decoration: none; }

.logo a:visited { text-decoration: none; }

.logo a:hover { text-decoration: none; }



.hilite {background-color: #FFFFCC; font-size: 10px; text-transform: uppercase; color: #660000;}

.grayOut {font-size: 10px: color: #999999; font-style: italic;}

.price {font-size: 200%; margin: 0;}

.meridianTime {text-transform: uppercase; font-size: 70%; /*color: #bdbdbd;*/ padding-left: 1px;}



table.pricing {margin-left: 15px; border: none;}

table.pricing th {text-align: left;  border: none; border-bottom: 1px solid #666; }

table.pricing td {border: none;}



.featuredSpeakers {margin: 0 0 12px 15px;}

.speaker { text-align: center;}







.presenter {clear: both; display: block; margin-bottom: 18px; min-height: 150px; padding-bottom: 10px;}

.presenter p {display: block; margin-left: 160px;}

.presenter img {margin: 0 20px 0 20px; float: left;}



#pricing {

	text-indent: -9999em;

	height: 66px;

	width: 375px;

	overflow: hidden;

	background: url(../img/pricing.png) 0 0 no-repeat;



}

#pricing ul, #pricing ul li {

	float: left;

	margin: 0; padding: 0; list-style: none;

	text-indent: -9999em;



}

#register {float: right; margin: 23px 10px 0;}

 

.speaker {width: 120px; float: left;}

.speaker img {display: block; width: 110px; margin: 0 auto;}





/* Carousel */



/*#leftHome .speaker,

#leftHome .carousel-wrap {

	width: 140px;

	float: left;

}*/



#leftHome .carousel-wrap {

	width: 520px;

	display: inline-block;

	margin-left: 25px;

}

#leftHome .featuredSpeakers ul {

	margin: 0 0;

}

#leftHome .featuredSpeakers ul li.speaker {

	position: relative;

	list-style: none;

	margin: 0 0;

	float: left;

	display: inline;

	overflow: hidden;

	width: 130px;

	height: 180px;

}

#leftHome .featuredSpeakers ul li p {

	margin: 5px;

	line-height: 120%;

}

#leftHome .featuredSpeakers img.speakerImage {

	margin: 0 5px 10px 5px;

}

#leftHome .featuredSpeakers .carousel-previous {

	background: transparent url(../img/prev.png) no-repeat scroll 0 0;

	left: 0;

}

#leftHome .featuredSpeakers .carousel-next {

	background:transparent url(../img/next.png) no-repeat scroll 0 0;

	right: 0;

}



#leftHome .featuredSpeakers .carousel-control {

	cursor: pointer;

	position: absolute;

	top: 100px;

	height: 40px;

	line-height: 999px;

	overflow: hidden;

	vertical-align: middle;

	width: 40px;

}





#rightHome {

	margin-left: 20px;

	width: 270px;

}

#rightHome h1 {

	margin-left: 0;

}

#rightHome div.ybx {

	margin-top: -10px;

}

#rightHome h3.ybh {

	display: none;

}

#rightHome div.ybr li.ybi {

	line-height: 1.3em;

}

p.topLink {margin-top: 0; text-align: center;} 

p.topLink a {padding-left: 14px; background: url(../img/bg-topLink.gif) 1px 0 no-repeat; font-size: 10px;}



.icon-fb {

	position: absolute;

	right: 14px;

	top: 14px;

}



li.like {margin:10px 0 0 10px; text-align: right;}