/*
Theme Name: Big Design 2010
Theme URI: http://bigdesignconference.com
Description: Custom Wordpress theme for my The 2010 Big Design Conference by Ryan Plesko
Author: Ryan Plesko
Author URI: http://ryanplesko.com
Version: 1.0
*/

* { padding: 0; margin: 0; }
html, body { background: #def7fa url(images/body-bg.jpg) repeat-x top; font-family: "Gill Sans", "Trebuchet MS"; font-size: 15px; height: 100.1%; }
div.container { width: 960px; margin: 0 auto; position: relative; background: url(images/cityscape.jpg) no-repeat left bottom; }
	div.footer div.container {background: none; }
hr { visibility: hidden; height: 0; clear: both; }

p { padding-bottom: 14px; font-weight: lighter; color: #666666; }
img { border: none; }
a { color: #009cd0; }

blockquote { padding: 0 25px; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
img.alignleft { padding: 0 10px 10px 0; }
img.alignright { padding: 0 0 10px 10px; }
div.col { width: 370px; padding-right: 30px; float: left; }
div.narrowcol { width: 225px; padding: 0 30px 20px 30px; float: left; }

/* ------------------------------------------------------------------------------------ Header */

#header { height: 185px; position: relative; }
	#header h1, #header h2 { text-indent: -9999px; position: absolute; }
		#header h1 a { display: block; width: 341px; height: 72px; background: url(images/logo-2.png) no-repeat left top; position: absolute; top: 30px; left: 15px; }

/* ------------------------------------------------------------------------------------ Twitter */

#twitter { width: 163px; height: 114px; background: url(images/twitter-bird.png) no-repeat left top; position: absolute; right: 15px; bottom: 50px; z-index: 75; font-family: "Trebuchet MS"; }
	#twitter div.text {position: absolute; width: 90px; right: 8px; top: 6px; text-align: center; }
		#twitter h4 { color: #208fb4; font-weight: bold; font-size: 25px; letter-spacing: -1px; }
		#twitter p { color: #208fb4; font-size: 11px; }
			#twitter p a { color: #208fb4; text-decoration: underline; }
				#twitter p a:hover { text-decoration: none; }

/* ------------------------------------------------------------------------------------ Navigation */

#navigation { background: #000000; height: 55px; width: 100%; position: absolute; bottom: 0; }
	#navigation ul { list-style-type: none; position: absolute; white-space: nowrap; top: 12px; }
		#navigation li { display: block; float: left; color: #8f2222; font-family: "Gill Sans", Sans-Serif; font-size: 24px; padding-left: 28px; }
			#navigation li a { text-decoration: none; color: #ffffff; }
			#navigation li.current_page_item a, #navigation li.current_page_parent a, #navigation li a:hover { color: #4fd0fb; }

/* ------------------------------------------------------------------------------------ Post */

div.post { padding: 25px; line-height: 20px; background: #ffffff; border: 1px solid #c9e0e6; }
	div.home div.post { background: none; padding-bottom: 0; border: none; }
	div.store div.post { width: 630px; float: left; }
	div.post h1, div.post h2, div.post h3, div.post h4 { color: #009cd0; font-weight: normal; padding-bottom: 10px; }
	div.post h1 a, div.post h1 { color: #009cd0; font-size: 34px; text-decoration: none; line-height: 40px; }
	div.post h2 { color: #009cd0; font-size: 25px; }
		div.post h2 a { color: #009cd0; text-decoration: none; }
	div.post h3, div.post h3 a { color: #009cd0; font-size: 20px; line-height: 22px; text-decoration: none; font-weight: normal; }
	div.post h3 a:hover { text-decoration: underline; }
	div.posttitle h2 { padding-bottom: 0; }
	div.post p, div.mceTemp, div.entry div { padding-left: 15px; padding-right: 15px; font-weight: lighter; }
		div.post p.author { color: #666666; font-size: 12px; padding: 0px 0 20px 0; }
		div.post p.postmetadata { color: #666666; font-size: 12px; }
		div.post p a { text-decoration: underline; }
		div.post p a:hover { text-decoration: none; }
	div.post ul { padding-left: 35px; padding-bottom: 10px; font-weight: lighter; color: #666666; }
		div.post ul.speaker-list { list-style-type: none; padding-left: 15px; }
			div.post ul.speaker-list li { border-top: 1px solid #dddddd; padding-top: 5px; margin-top: 15px;}
	div.post img.favicon { padding: 0 10px 0 0; vertical-align: middle; }
	div.post div.column { width: 415px; margin-right: 15px; float: left; }
	
	div.post div.storetext { width: 650px; }

div.page-container { padding-bottom: 130px;}
div.page-container.home { padding-bottom: 0;}

div.sponsors-page img { padding: 20px 10px; }

div.day { padding: 15px 25px 25px 25px; border: 1px dashed #009cd0; margin-bottom: 20px; }
	div.day h3 { font-size: 29px; padding: 8px 45px; margin-bottom: 15px; }
		div.day h3.friday { background: url(images/may-28-small.jpg) no-repeat left top; }
		div.day h3.saturday { background: url(images/may-29-small.jpg) no-repeat left top; }
	table.schedule { width: 100%; vertical-align: top; text-align: left; border-collapse: collapse; }
		table.schedule h4 { padding-bottom: 0; }
		table.schedule p { color: #748697; padding-left: 0; padding-right: 0; }
		table.schedule th { padding: 0px 0px 10px 5px; }
		table.schedule tr td { background: #ffffff; }
			table.schedule tr.alt td { background: #eeeeee; }
			table.schedule tr.table-header { background: none; }
				table.schedule td { vertical-align: top; padding: 5px 15px 15px 10px; }
			table.schedule td.time, table.schedule tr.alt td.time, table.schedule th { border: none; background: none; font-size: 18px; font-weight: normal; color: #183651; }
			
	table.timeline { width: 637px; vertical-align: top; text-align: left; border-collapse: collapse; margin-bottom: 35px; margin-left: 13px; border: 1px solid #009cd0; }
		table.timeline p { color: #748697; padding-left: 0; padding-right: 0; }
		table.timeline th { padding: 5px 10px; font-size: 14px; font-weight: normal; color: #ffffff; background: #009cd0; text-align: center; }
		table.timeline tr td { background: #ffffff; font-size: 14px; font-weight: lighter; }
			table.timeline tr.oneday td { background: #eeeeee; }
			table.timeline tr td.item { text-align: left; }
			table.timeline tr td.rate { text-align: center; }
			table.timeline tr.table-header { background: none; }
			table.timeline td { vertical-align: top; padding: 5px 15px 5px 10px; }

div#feature { position: relative; height: 300px; left: 37px; }
	div#feature img { float: left; position: absolute; left: 3px; z-index: 50; top: 40px; }
	div#feature .text { position: absolute; width: 606px; height: 212px; display: block; left: 250px; top: 5px; z-index: 100; background: url(images/feature-text.png) no-repeat left top; text-indent: -9999px; }
	div#feature a.register {
		position: absolute;
		top: 178px;
		left: 475px;
		display: block;
		width: 184px;
		height: 35px;
		background: url(images/register-bg.png) no-repeat left top;
		color: #477d46;
		font-size: 15px;
		text-decoration: none;
		z-index: 150;
		font-weight: lighter;
	}
		div#feature a.register span { position: relative; top: 8px; left: 15px; }
			div#feature a.register:hover span { text-decoration: underline; }
			
/* ------------------------------------------------------------------------------------ Sponsor styles */

div.platinum, div.gold, div.silver, div.bronze, div.media { border-top: 1px solid #d7e8ec; }
	div.platinum h3, div.gold h3, div.silver h3, div.bronze h3, div.media h3 { 
		text-transform: uppercase;
		color: #c9e0e6;
		font-size: 12px;
		text-align: center;
		width: 130px;
		background: #ffffff;
		margin: 0 auto;
		position: relative;
		top: -12px;
	}
div.platinum div.sponsor { width: 550px; margin: 0 auto; text-align: center; font-size: 13px; height: 150px; position: relative; top: -17px; }
div.gold div.sponsor { width: 270px; float: left; text-align: center; font-size: 13px; height: 240px; margin-left: 26px; }
	div.sponsor { position: relative; }
	div.sponsor img.logo { padding-bottom: 10px; }
		div.sponsor img.msft { position: relative; top: 5px; }
		div.sponsor img.plesko { position: relative; top: 5px; }
		div.sponsor img.aquent { position: relative; top: 20px; }
		div.sponsor img.uie { position: relative; top: 0px; }
		div.sponsor img.madpow { position: relative; top: 15px; }
		div.sponsor img.adobe { position: relative; top: -3px; }
	div.sponsor p.blurb { text-align: justify; position: absolute; top: 85px; }
div.silver div.sponsorwrap { width: 680px; height: 130px; margin: 0 auto; position: relative; }
	div.silver div.sponsorwrap img.utd { position: absolute; top: 0; left: 213px; }
div.bronze div.sponsorwrap { width: 736px; height: 210px; margin: 0 auto; position: relative; }
	div.bronze div.sponsorwrap img.cohabitat { position: absolute; top: 0; left: 0; }
	div.bronze div.sponsorwrap img.saintarnold { position: absolute; top: 15px; left: 100px; }
	div.bronze div.sponsorwrap img.lvgraphics { position: absolute; top: 13px; left: 315px; }
	div.bronze div.sponsorwrap img.smi { position: absolute; top: 2px; left: 550px; }
	div.bronze div.sponsorwrap img.levelten { position: absolute; top: 77px; left: 595px; }
	div.bronze div.sponsorwrap img.magiclogix { position: absolute; top: 77px; left: 235px; }
	div.bronze div.sponsorwrap img.telerik { position: absolute; top: 75px; left: 435px; }
	div.bronze div.sponsorwrap img.tm { position: absolute; top: 69px; left: 100px; }
	div.bronze div.sponsorwrap img.answerlab { position: absolute; top: 148px; left: 175px; }
	div.bronze div.sponsorwrap img.techsmith { position: absolute; top: 153px; left: 370px; }
	div.bronze div.sponsorwrap img.userzoom { position: absolute; top: 124px; left: 565px; }
div.media div.sponsorwrap { width: 545px; margin: 0 auto; }
	div.media div.sponsorwrap img.mashable { padding-right: 25px; }
	div.media div.sponsorwrap img.rosenfeld { position: relative; top: -6px; padding-right: 25px; }
	div.media div.sponsorwrap img.fastsigns { position: relative; top: -2px; }
	

/* ------------------------------------------------------------------------------------ navigation for switching pages */

.navigation { height: 30px; }

/* ------------------------------------------------------------------------------------ Footer */

/* div.cityscape { display: block; width: 443px; height: 116px; background: url(images/cityscape.jpg) no-repeat left top; position: absolute; top: -119px; } */

div.footer { border-top: 3px solid #c9e0e6; background: #f9f9f9; padding-top: 25px; }
	div.footer h3 { font-size: 28px; font-weight: normal; padding-bottom: 15px; }
	div.footer p.copyright { font-size: 13px; padding: 0 0 10px 0; text-align: center; color: #748697; }
	div.footer a { text-decoration: underline;	}
		div.footer a:hover { text-decoration: none; }
	div.footer a.siteby img { vertical-align: middle; }
	
div.sub-page-container {
	height: 400px;
}

div.about { width: 289px; font-size: 15px; line-height: 22px; float: left; padding: 0 15px; }
	div.about p { padding-left: 0px; padding-right: 0px; }
	div.about strong { font-weight: normal; color: #000000; }

div.speakers { width: 290px; text-align: left; font-size: 15px; line-height: 22px; float: left; padding: 0 15px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; }
	div.speakers h4 { color: #009cd0; text-transform: uppercase; font-size: 18px; margin: 2px 0; font-weight: normal; }
	div.speakers img.speaker { border: 4px solid #748697; float: left; margin: 5px 15px 5px 0; }
	div.speakers ul { padding: 0; list-style-type: none; }
	div.speakers a { cursor: pointer; }
	div.speakers p { padding-left: 0px; padding-right: 0px; }
	div.speakers p.left { float: left; margin-left: -5px; padding-left: 12px; background: url(images/left-arrow.gif) no-repeat left 3px; }
	div.speakers p.right { float: right; margin-right: -5px; padding-right: 12px; background: url(images/right-arrow.gif) no-repeat right 3px; }
	div.speakers p.left a, div.speakers p.right a { text-transform: uppercase; text-decoration: none;}

div.scrollable { position:relative; display: block; width: 290px; height:320px; overflow: hidden; }
	ul.carousel { position: absolute; width:20000em; margin:0; padding:0; top: 0; left: 0; }
		ul.carousel li { height:320px; width:290px; margin:0; padding:0; float:left; display:inline; font-weight: lighter; }
	div.speakers a.left { float: left; }
	div.speakers a.right { float: right; }

div.sponsors { width: 289px; text-align: left; font-size: 13px; line-height: 20px; float: left; padding: 0 15px; }
	div.sponsors p { padding-left: 0px;	padding-right: 0px; }
	div.sponsors ul { list-style-type: none; text-align: center; padding: 0; }
		div.sponsors ul li { padding: 6px 0; }
			div.sponsors ul li.adobe { float: left; margin-left: 34px; }
			div.sponsors ul li.madpow { position: relative; top: 7px; }
			div.sponsors ul li.userlytics { position: relative; left: -35px; top: 7px; }

/* ---------------------------------------------------------------- Comments */

#commentssection { }
	#commentssection h3 { font-size: 15px; padding-bottom: 12px; }
	
ol.commentlist { list-style-type: none; }
	ol.commentlist li { border: 1px solid #aaaaaa; background: #eeeeee; padding: 10px; font-size: 12px; color: #aaaaaa; margin-bottom: 15px; }
	ol.commentlist li.alt { }
		ol.commentlist li cite a { font-weight: bold; font-size: 14px; color: #000000; text-decoration: none; font-style: normal; }
		ol.commentlist li cite a:hover { color: #333333; }
		ol.commentlist li p { font-size: 12px; line-height: 20px; color: #666666; padding-bottom: 10px; }
		ol.commentlist li p.commentmetadata a { font-size: 11px; line-height: 20px; color: #666666; }

#commentform { }
	#commentform h3 { font-size: 16px; padding-bottom: 10px; }
	#commentform p { font-size: 12px; line-height: 20px; }
	#commentform input.full { border: 1px solid #555555; padding: 4px; margin: 0 5px 10px 0; }
	#commentform textarea { width: 400px; height: 100px; margin-bottom: 10px; }
	#commentform input.submit {	background: #dddddd; border: 1px solid #555555; padding: 3px; margin-bottom: 15px; }

/* ---------------------------------------------------------------- Search */

#searchform{ display: inline; }
	#searchform input#s { }
	#searchform input#searchsubmit { }

/* ---------------------------------------------------------------- Contact */

div.shaded.contact { height: 260px; position: relative; }
	form.contact-form { padding-left: 15px; }
	fieldset { border: none; width: 280px; float: left; }
	legend { display: none; }
	label { font-size: 12px; }
	input.text { border: 1px solid #666666; padding: 7px 5px 3px; background: #ffffff; margin-bottom: 5px; }
	textarea { width: 500px; height: 75px; border: 1px solid #666666; margin-bottom: 10px; }
	input.button { margin-top: 15px; }
	#ec_subject { width: 490px; }
	.form-option { position: absolute; left: 30px; bottom: 55px; }
	.form-submit { position: absolute; left: 30px; bottom: 25px; }

div.column h3 { padding-bottom: 15px; }

p.error { padding-left: 20px; background: url(images/cancel.png) no-repeat left 2px; color: red; }
p.success { padding-left: 20px; background: url(images/accept.png) no-repeat left 2px; color: green; }

input.wpsc_buy_button { position: relative; left: 115px; top: -33px; }