/* 
	D6Conference.com Stylesheet - d6c.css
	Created: 2009-11-24
	Author: AnthologyCreative.com | Justin Seiter
*/


/* TABLE OF CONTENTS
****************************************************************************************************
	LINKS
	GENERAL
		action button
		big lists
	TYPOGRAPHY
		headings
		text colors
	HEADER
		logo
		block nav
	SIDE NAVS
		general
			information
			labs
			main event
			travel
			what is d6
			registration
	PRICING TABLE
		disclaimers
	INSTRUCTION STEPS
	SCHEDULE
	HOTELS
	FOOD MAP
	FAQS
	ENDORSEMENTS
	SPEAKERS
	DIRECTIONS
	VIDEO
	PARTNERS
	FOOTER
		subfooter
*/


/*  LINKS
****************************************************************************************************/
a:link, a:visited {
	color: #00aae2; /* DARK TEAL */
	text-decoration: none;
}

a:hover, a:active {
	color: #00aae2; /* DARK TEAL */
	text-decoration: underline;
}

a.map:link, a.map:visited {
	font-family: Helvetica, Arial, Sans-serif;
	color:#FF7200;
	border-bottom:1px dotted #FF7200;
	text-decoration:none;
	font-size:10px;
}

a.map:hover, a.map:active {
	color: #fff;
	background-color:#FF7200;
	padding:1px;
}


/*  GENERAL
****************************************************************************************************/
body {
	background: #303030 url(../images/body-bg.jpg) repeat-x top left;
	color: #ececec;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:13px;	
}

a.d6Button:link, a.d6Button:visited {
	text-decoration:none;
	float:left;
	background:url(../images/buttons/button-main-left.gif) top left no-repeat;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	height:40px;
	margin:0 10px 0 0;
	display:block;
	text-shadow:1px 1px #555;
	color:#fff;
}

	a.d6Button:link span, a.d6Button:visited span {
		background:url(../images/buttons/button-main-right.gif) top right no-repeat;
		height:40px;
		padding:0 15px;
		margin:0;
		float:left;
		display:inline;
		line-height:40px;
	}
	
a.d6Button:hover {
	background:url(../images/buttons/button-main-left.gif ) top left no-repeat;
	text-shadow:1px 1px #555;
	color:#fff371;
}
a.d6Button:active  {
	background:url(../images/buttons/button-main-left.gif ) bottom left no-repeat;
	text-shadow:0 0 0;
	color:#335e00;
}

	a.d6Button:hover span  {
		background:url(../images/buttons/button-main-right.gif) top right no-repeat;
	}
	
	a.d6Button:active span  {
		background:url(../images/buttons/button-main-right.gif) bottom right no-repeat;
	}

hr {
	border-color:#666;
}

ul.bigList {
	width:640px;
	float:left;
	display:inline;
	font-size:16px;
}

	ul.bigList li {
		width:606px;
		float:left;
		display:inline;
		background:url(../images/big-list-bullet.gif) 0 6px no-repeat;
		padding: 0 0 10px 24px;
		margin:0 0 10px 10px;
	}


/* TYPOGRAPHY
*****************************************************************************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	border-bottom:1px dotted #666;
}

h2 {
	line-height:30px;
	color:#A3A4A9;
	font-weight:normal;
	text-shadow:0 1px 1px #111;
}

h3 {
	margin-bottom:10px;
}

h3.block {
	font-size:24px;
	font-weight:bold;
	padding:5px 10px;
	background:#1D1D22;
	border-bottom:1px solid #222;
	color:#fff;
}

em {
	font-style: italic;
}

.highlight {
	background-color: #0089A8;
	padding: 3px;
}

.color-0 { color:#0089A8; }
.color-1 { color:#009085; }
.color-2 { color:#61A90F; }
.color-3 { color:#423e79; }
.color-4 { color:#adba35; }
.color-5 { color:#878439; }

/*  HEADER
****************************************************************************************************/
#header {
	margin: 10px 0 15px 0;
}

	#header h1 {
		border: 0;
		height: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
	}
	
	#header .logo {
		margin: 10px 0 0 0;
	}
	
ul#blockNav {
	display: inline;
	float: left;
	width: 940px;
	margin: 5px 0 35px 0;
}

	ul#blockNav li {
		display: inline;
		float: left;
		margin: 0px 25px 0 0;
	}
	
	ul#blockNav li .blockExtra, ul#blockNav li .blockExtraMain, ul#blockNav li .blockExtraLabs {
		text-transform:uppercase;
		color:#009085;
		text-align:right;
		font-weight:bold;
		margin:0 5px 0 0;
	}
	
	ul#blockNav li .blockExtraLabs {
		color:#0089a8;
	}
	
		ul#blockNav li.last {
			margin: 0px 0 0 0;
		}

		ul#blockNav li a {
			background: #333;
			display: block;
			height: 135px;
			text-indent: -99999px;
			width: 135px;
		}

		ul#blockNav li a.nav_information { background: transparent url(../images/blocks/in.gif) no-repeat; }
		ul#blockNav li a.nav_speakers { background: transparent url(../images/blocks/ev.gif) no-repeat;}
		ul#blockNav li a.nav_travel { background: transparent url(../images/blocks/tr.gif) no-repeat; }
		ul#blockNav li a.nav_preconlabs { background: transparent url(../images/blocks/lb.gif) no-repeat; }
		ul#blockNav li a.nav_d6 { background: transparent url(../images/blocks/d6.gif) no-repeat; }
		ul#blockNav li a.nav_register { background: transparent url(../images/blocks/re.gif) no-repeat; }

		ul#blockNav li ul.subnav {
			position: absolute;
			display: block;
			background: #fff;
			height: 128px;
			width: 134px;
			padding: 5px 0 0 0;
			filter:alpha(opacity=85);
			-moz-opacity:0.85;
			-khtml-opacity: 0.85;
			opacity: 0.85;
		}

			ul#blockNav li ul.subnav li {
				display: block;
				margin: 0;
			}

				ul#blockNav li ul.subnav li a {
					background: none;
					color: #555;
					display: block;
					font-weight:bold;
					font-size:11px;
					height: auto;
					line-height:16px;
					padding: 0 5px 0 0;
					text-align: right;
					text-decoration: none;
					width: 130px;
				}

				ul#blockNav li ul.subnav li a:hover {
					background: #333;
					color: #fff;
				}
				
				ul#blockNav li ul.smallLinks li a {
					font-size:10px;
					font-weight:bold;
					line-height:13px;
				}


/*  SIDE NAVS
****************************************************************************************************/
ul.sideNav {
	width:270px;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	background: transparent url('../images/side-nav-bg.jpg') repeat-x top left;
	min-height:400px;
	height:auto !important;
	height:400px;
}

	ul.sideNav li {
		border-bottom:1px solid #444;
		width:270px;
	}

	ul.sideNav a:link, ul.sideNav a:visited {
		display:block;
		text-decoration:none;
		padding:8px 0 8px 10px;
		border-bottom:1px solid #000;
		height:30px;
		color:#999;
	}

	ul.sideNav a:hover, ul.sideNav a:active {
		color:#fff;
		border-left:10px solid;
		text-decoration:none;
	}
	
	ul.sideNav a.sel {
		color:#fff;
		border-left:10px solid;
		width:250px;
		text-decoration:none;
	}

	ul#informationNav a:hover, ul#informationNav a.sel { border-left-color: #363271; }
	ul#labsNav a:hover, ul#labsNav a.sel { border-left-color: #0089a8; }
	ul#mainEventNav a:hover, ul#mainEventNav a.sel { border-left-color: #009085; }
	ul#travelNav a:hover, ul#travelNav a.sel { border-left-color: #61a90f; }
	ul#whatIsD6Nav a:hover, ul#whatIsD6Nav a.sel { border-left-color: #a9b72c; }
	ul#registrationNav a:hover, ul#registrationNav a.sel { border-left-color: #797522; }


/*  PRICING TABLE
****************************************************************************************************/
table.pricing {
	margin: 18px 0px 24px 0px;
	width:100%;
	border-collapse:collapse;
	overflow:hidden;
}

	table.pricing col.vzebraOdd {
		background-color: #F0F0F0;
	}
	
	table.pricing col.vzebraEven {
		background-color: #fff;
	}

	table.pricing .peopleNumber {
		background: #444;
		color: #fff;
		text-align: right;
		border-bottom: 1px solid #303030;
		line-height:14px;
	}

	table.pricing td, table.pricing th {
		padding: 10px 12px 10px 12px;
		text-align: center;
		border-bottom: 1px solid #303030;
	}

	table.pricing td {
		color: #777;
		font-weight: bold;
	}

	table.pricing th {
		padding: 5px;
		background-color: #000;
		color: #fff;
		font-size:14px;
		line-height:18px;
		border-right: 1px solid #303030;
		font-weight:bold;
	}
	
		table.pricing th span.date {
			color: #999;
			font-size:11px;
			line-height:18px;
		}
		
	table.pricing .colnow {
		background: #5ca607;
		color: #fff;
	}

	table.pricing .colexp {
		background: #EFEFEF;
		color: #D3D3D3;
	}

		table.pricing tr.addon td {
			border-top: 16px solid #000;
		}

.pricingDisclaimers {
	font-style: italic;
	font-size:11px;
}

/*  SCHEDULE
****************************************************************************************************/
.print {
	display:none;
}

table.schedule {
	width:100%;
	background-color: #fff;
	margin-top:20px;
	border-collapse:collapse;
}

	table.schedule tr.alt td {
		background-color:#F6F6F6;
	}

	table.schedule th {
		color: white;
		padding:15px 20px 10px 15px;
		background-color: #000;
		font-weight:bold;
		font-size:20px;
	}

		table.schedule th.time {
			border-right: 1px solid #303030;
		}

	table.schedule td {
		color:#3E3E3E;
		font-size:150%;
		font-weight:bold;
		border-bottom:1px solid #999;
		padding: 15px 20px 10px 15px;
	}

		table.schedule td.time {
			font-size:150%;
			font-weight:bold;
		}

		table.schedule td.break {
			color:#3E3E3E;
			font-size:95%;
			font-weight:bold;
		}

	table.schedule span.info {
		font-weight:normal;
		font-size:75%;
		color:#999;
	}
	

/*  INSTRUCTION STEPS
****************************************************************************************************/
ul.instructionSteps {
	background-color:#222;
	float:left;
	width:640px;
	display:inline;
}

	ul.instructionSteps li {
		padding:10px;
		border-bottom:1px solid #303030;
	}
	
	ul.instructionSteps p {
		margin:2px 0 0 45px;
	}

	ul.instructionSteps .stepNo {
		font-weight:bold;
		float:left;
		display:inline;
		font-size:40px;
		line-height:40px;
	}

	ul.instructionSteps li.alt {
		background-color:#111;
	}
	
	ul.instructionSteps img {
		border: 1px solid #999;
		padding:5px;
	}

/*  HOTELS
****************************************************************************************************/
.hotelHero {
	margin:0 auto 30px;
	padding:10px;
	border:10px solid #333;
	width:560px;
	background:#222;
	padding:30px;
}
	.hotelHero .info {
		margin:0 0 0 48px;
	}
	
	.hotelHero h3 {
		margin: 0 0 5px;
	}

ul.hotel {
	margin: 10px 0px 0px 0px;
	font-size:12px;
	width:640px;
	float:left;
	display:inline;
}

	ul.hotel li {
		list-style: none;
		text-align:left;
		border-bottom: 1px dotted #666;
		padding: 10px 0 20px 10px;
		margin: 0 0 20px 0;
		width:630px;
		float:left;
		display:inline;
	}
	
	ul.hotel li.last {
		border-bottom: 0;
	}

		ul.hotel li p {
			padding:0 0 0 160px;
			margin-bottom:5px;
		}

		ul.hotel li a.hotelName {
			margin-bottom: 5px;
			font-size:16px;
		}

	ul.hotel img {
		float:left;
		display:inline;
		border:3px solid #111;
		margin-top:3px;
		margin-left:5px;
		margin-right: 15px;
	}


/*  FOOD MAP
****************************************************************************************************/
#side_bar {
	font-size:11px;
	line-height:14px;
	background:#666;
}

	#side_bar a {
		text-decoration: none;
		padding: 3px 5px 3px 5px;
		margin-bottom: 2px;
		display: block;
		background: #111;
	}

	#side_bar a:hover {
		background: #02a8fc;
		color: #fff;
	}

span.mapMenu {
	font-weight:bold;
	margin-bottom: 6px;
	display: block;
	text-align: center;
	padding: 3px;
	background: #333;
	color: #fff;
}

div#map {
	color:#111;
}


/*  FAQS
****************************************************************************************************/
ul.faqs {
	width:640px;
	margin: 10px 0 0 0;
	float:left;
	display:inline;
}

	ul.faqs li {
		width:640px;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		float:left;
		display:inline;
	}
	
	ul.faqs .faq-q {
		font-size:24px;
		font-weight:bold;
		padding:5px 10px;
		background:#1D1D22;
		border-bottom:1px solid #222;
		color:#fff;
	}
	
		ul.faqs .faq-q p {
			margin-bottom:0;
		}
	
	ul.faqs .faq-a {
		padding:10px;
	}
	
		ul.faqs .faq-a p {
			margin-bottom:10px;
		}


/*  ENDORSEMENTS
****************************************************************************************************/
ul.endorse {
	width:640px;
	margin: 10px 0 0 0;
	float:left;
	display:inline;
	overflow:hidden;
}

	ul.endorse li {
		width:640px;
		margin: 0 0 20px 0;
		padding: 5px 0 20px;
		float:left;
		display:inline;
		background:#1D1D22;
	}
	
	ul.endorse blockquote {
		font-family:Baskerville, Georgia, Serif;
		font-style:italic;
		color:#A3A4A9;
		font-size:26px;
		line-height:32px;
		padding:5px 25px 0;
		text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);
	}
	
	ul.endorse .author {
		border-bottom:2px solid #303030;
		margin:0 0 10px 0;
		padding:0 10px 8px;
	}
	
	ul.endorse .name {
		font-size:24px;
		font-weight:bold;
		color:#a4b21d;
	}
	
	ul.endorse .title {
		font-size:10px;
		color:#656565;
		text-transform:uppercase;
	}

	ul.endorse .bqstart {
		margin-left:-0.5em;
	}

	ul.endorse .faq-a {
		padding:5px;
	}	

/*  SPEAKERS
****************************************************************************************************/
ul.eventSpeakers {
	width:640px;
	float:left;
	display:inline;
}

	ul.eventSpeakers li {
		width:620px;
		float:left;
		display:inline;
		margin: 0 0 20px 0;
		padding:10px 10px 20px 10px;
		background:#1D1D22;
	}
	
	ul.eventSpeakers .leftCol {
		width:90px;
		float:left;
	}
	
		ul.eventSpeakers .leftCol img{
			border:1px solid #111;
		}
	
	ul.eventSpeakers .rightCol {
		width:530px;
		list-style: none;
		text-align:left;
		float:left;
		margin: 0px;
	}
	
	ul.eventSpeakers h3 {
		font-weight:bold;
		margin:0 0 10px 0;
		border-bottom:1px dotted #666;
	}
	
	ul.eventSpeakers .caption {
		color:#999;
		margin:0 0 10px 0;
	}
	
	ul.eventSpeakers .bioWrap {
		border-bottom:1px solid #00aae2;
	}
	
	ul.eventSpeakers .bio {
		color:#999;
		font-size:12px;
		padding:5px 5px 10px;
	}
	
	ul.eventSpeakers div.focus {
		font-size:14px;	
	}
	
	ul.eventSpeakers a.toggleBio {
		border-top:1px solid;
		display:block;
		padding:5px 3px 0;
		margin:0 0 7px 0;
		line-height:18px;
		background:url('../images/icons/plus-sign.gif') no-repeat 510px 9px;
		text-decoration:none;
	}
	
	ul.eventSpeakers a.toggleBio:hover {
		text-decoration:none;
	}
	
	ul.eventSpeakers a.activeBio {
		border-bottom:0;
		background:url('../images/icons/minus-sign.gif') no-repeat 510px 9px;
	}
	
	ul.eventSpeakers .media {
		margin:0 0 20px 0;
	}

	ul.eventSpeakers .media .audio span {
		color:#01A8FB;
		font-size:12px;
		font-style:italic;
		display:block;
		margin:0 0 5px 0;
		background:url('../images/icons/audio.gif') no-repeat top left;
		padding:0 0 0 16px;
	}

	ul.eventSpeakers .media a:link, ul.eventSpeakers .mediaa:visited {
		text-decoration:none;
		padding:0 0 0 22px;
		color:#01A8FB;
		font-weight:bold;
		line-height:24px;
	}

	ul.eventSpeakers .media:hover, ul.eventSpeakers .media a:active {
		text-decoration:none;
		color:#FF7200;
	}

	ul.eventSpeakers .audio a {
		background:url('../images/icons/audio.gif') no-repeat top left;
	}

	ul.eventSpeakers .video a {
		background:url('../images/icons/video.gif') no-repeat top left;
	}
	
	
/*  Directions
****************************************************************************************************/
.directionsHeading h3 {
	margin-bottom:0px;
}

	.directionsHeading span.distanceTime {
		color:#999;
		font-size:85%;
		margin-bottom:0px;
		display:block;
	}

	.directionsHeading .map {
		display:block;
		margin-bottom:30px;
	}

		.directionsHeading .map a {
			font-family: Helvetica, Arial, Sans-serif;
			color:#999;
			border-bottom:1px dotted #FF7200;
			text-decoration:none;
			font-size:10px;
		}

		.directionsHeading .map a:hover {
			color: #fff;
			background-color:#FF7200;
			padding:1px;
		} 

table.directions {
	width:100%;
	background-color: #fff;
	margin-top:0px;
}

	table.directions th {
		color: white;
		padding:15px 20px 0px 15px;
		background-color: #111;
	}
	
	table.directions th.stepNo {
		border-right: 1px solid #303030;
	}

		table.directions tr.alt td {
			background-color:#F6F6F6;
		}

	table.directions td {
		color:#3E3E3E;
		font-size:125%;
		font-weight:bold;
		border-bottom:1px solid #303030;
	}

	table.directions td.stepNo {
		color:#999;
		font-size:400%;
		font-weight:bold;
		padding-left:10px;
	}

	table.directions td.move {
		vertical-align: top;
		padding-top:15px;
		padding-left:15px;
	}

	table.directions td.break {
		color:#3E3E3E;
		font-size:95%;
		font-weight:bold;
	}

	table.directions span.info {
		font-weight:normal;
		font-size:75%;
		color:#999;
	}


/* TRANSPORTATION
*****************************************************************************************************/
.airCar {
	padding:10px;
	margin:0 0 50px 0;
}


/* WHO CLOUD
*****************************************************************************************************/
.whoCloud  {
	line-height:34px;
	color:#ccc;
	text-decoration:none;
	font-weight:bold;
}

/*smallTag		#0089A8		Blue*/
/*mediumTag		#009085		Teal*/
/*largeTag		#61A90F		Green*/

	.whoCloud .smallTag { font-size: 22px; }
	.whoCloud .mediumTag { font-size: 30px; }
	.whoCloud .largeTag { font-size: 38px; }

	.whoCloud .color-0 { color:#0089A8; }
	.whoCloud .color-1 { color:#009085; }
	.whoCloud .color-2 { color:#61A90F; }
	.whoCloud .color-3 { color:#423e79; }
	.whoCloud .color-4 { color:#adba35; }
	.whoCloud .color-5 { color:#878439; }


/*  VIDEO
****************************************************************************************************/	
#video {
	margin:0 auto 40px;
}

#videoAnnounce {
	display: block;
	background: #1b1b1b;
	border-bottom:1px solid #303030;
	width: 640px;
	text-align:center;
	margin: auto;
	font: bold normal 12px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #999;
	letter-spacing: 0.25em;
}

#videoPlayer {
	z-index:10;
}

#videoNav {
	display: block;
	background: #1b1b1b;
	width: 628px;
	padding: 0 0 0 10px;
	margin: auto;
	text-align: left;
	border: 1px solid #000;
	font: 10px/14px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	color: #fff;
}

	#videoNav a:link, #videoNav a:visited {
		color: #666;
		text-decoration: none;
		font-variant: small-caps;
		padding-left: 12px;
		padding-right: 12px;
		margin-left: 10px;
		font: 12px/18px "Lucida Grande", "Lucida Sans", Arial, Sans-serif;
	}

	#videoNav a:hover, #videoNav a:active {
		color: #fff;
	}

	#videoNav a.sel {
		background: #DD5800;
		color: #fff;
		font-weight: bold;
	}
	
	
/*  PARTNERS
****************************************************************************************************/
ul.partners {
	width:630px;
	margin: 0 0 30px 0;
	float:left;
	display:inline;
}

	ul.partners li {
		width:620px;
		margin: 0 0 20px 0;
		padding: 10px;
		float:left;
		display:inline;
		background:#1D1D22;
	}
	
	ul.partners .imgCanvas {
		background:#1D1D22;
		border:1px solid #fff;
		float:right;
		margin:0 0 0 10px;
		padding:5px;
		display:table;
	}
	
	ul.partners .imgContainer {
		background:#fff;
		height:210px;
		width:210px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	
		ul.partners .imgContainer img {
			padding:5px;
			background:#fff;
			text-align:center;
			margin-top: expression(( 210 - this.height ) / 2);
		}

		html>body .imgContainer img {/*hidden from IE 5-6 */
			margin-top: 0; /* to clean up, just in case IE later supports valign! */
			vertical-align: middle;
		}
	
	ul.partners h4 {
		margin-bottom:10px;
		border-bottom:1px solid #303030;
		font-size:18px;
	}
	
	ul#chief {
		background:#363271;
		border:5px solid #363271;
		margin-bottom:60px;
	}
	
		ul#chief li {
			width:610px;
		}
	
h3#chief {
	padding:0 0 0 10px;
	margin:0;
	background:#363271;
}

	ul#intermediate {
		background:#999;
		border:5px solid #999;
		margin-bottom:100px;
	}
	
		ul#intermediate li {
			width:610px;
		}
	
h3#intermediate {
	padding:0 0 0 10px;
	margin:0;
	background:#999;
}

/*  FOOTER
****************************************************************************************************/
.footerWrap {
	background:#2a2a2a;
	border-top:1px solid #000;
	padding:1px 0 0;
	margin:100px 0 0 0;
}

#footer {
	background:#000;
	padding:20px 0;
}

	#footer a:link, #footer a:visited {
		color:#b8b8b8;
	}

	#footer a:hover, #footer a:active {
		color:#b8b8b8;
		text-decoration:underline;
	}
	
	#footer img {
		display:block;
	}

	#footer ul {
		list-style:none;
		float:left;
		display:inline;
		width:160px;
		margin:15px 0 0;
	}

		#footer ul li {
			margin:0;
			float:left;
			display:inline;
			clear:both;
			list-style:none;
			width:160px;
		}

.subFooterWrap {
	background:#000;
	padding:35px 0 20px;
}

#subFooter {
	border-top:1px solid #202020;
	border-bottom:1px solid #202020;
	color:#494949;
	padding:3px 0;
	text-align:center;
	font-size:10px;
	text-transform:uppercase;
}

	#subFooter a:link, #subFooter a:visited, #subFooter a:hover, #subFooter a:active {
		color:#494949;
	}