/*	GLOBAL RESET */
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;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*	AND BEGIN...*/

body {background: #fbeb1c; color: #000;}

/*	TYPOGRAPHY */

body {font-family: Helvetica, Arial, sans-serif;}

.post {margin-bottom: 36px; float: left; clear: left;}
#content h1,
#content h2 {font-size: 24px; line-height: 24px; margin-bottom: 24px;}
#content h3 {font-size: 18px; line-height: 18px; margin-bottom: 18px;}
#content .entry-meta, 
#content .entry-utility {font-size: 12px; margin-bottom: 24px;}
#content p {font-size: 16px; line-height: 24px; margin-bottom: 24px;}
#content p.intro, 
#content .intro p {font-size: 20px; line-height: 30px; margin-bottom: 30px;}
#content ol, 
#content ul {margin-bottom: 12px; padding-left: 1em;} 
#content ol {list-style: decimal;}
#content ul {list-style: disc; }
#content li {font-size: 16px; line-height: 24px; margin-bottom: 12px;}

#sidebar h3 {font-size: 20px; line-height: 30px; margin-bottom: 30px;}
#sidebar li {font-size: 16px; line-height: 20px; margin-bottom: 3px; display: inline;}
#sidebar li a {display: block; border-bottom: 1px solid #000; text-decoration: none;}
#sidebar li a:hover {border-bottom: 1px solid #fff;}

h1 a, h2 a {text-decoration: none;}
a {color: #000;}
a:hover {text-decoration: none;}
hr {display: none;}	
div.hr {font-size: 1px; line-height: 1px; border-top: 1px solid #000; padding: 0; display: block; width: 100%; margin-bottom: 24px;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}

cite {font-style: italic;}

/*	SIZE & POSITION */

.clear {clear:both;display:block;height:0pt!important;overflow:hidden;position:relative;width:auto;}

body {padding: 0 10px;}	
#container {width: 940px; margin: 0 auto 48px auto;}


	#header,
	#nav {width: 940px; float: left; clear: both; display: inline;}

	#header {margin-bottom: 26px;}

	#content {width: 604px; padding: 56px 48px; float: left; display: inline;}
	#sidebar {width: 230px; float: right; display: inline;}
	#sidebar .inner {width: 170px; padding: 56px 30px;}
	
	#footer {width: 100%; float: left; clear: both; margin-bottom: 48px; display: inline;}

/* LOOK & FEEL */

#container {}

	#header {height: 286px; background: url(../images/global/header.gif) no-repeat; text-indent: -9999px;}
	
	/*	NAVIGATION */
	
	#nav {position: relative; width: 100%; height: 50px;}
	#nav li {float: left; width: 120px; height: 50px; position: absolute; top: 0;}
	#nav a {display: block; width: 120px; height: 17px; background: url(../images/global/nav.gif) no-repeat; text-indent: -9999px; font-size: 15px; line-height: 16px;}
	#nav a span {display: none; width: 78px; height: 34px; background: url(../images/global/nav-arrow.gif) -16px 0;}	
	#nav a:hover span {display: block;}

		/*	NAVIGATION POSITION */
		#nav-home {left: 0;}
		#nav-who {left: 123px;}
		#nav-where {left: 240px;}
		#nav-when {left: 389px;}
		#nav-how {left: 524px;}
		#nav-join {left: 644px;}
		#nav-tickets {left: 783px;}		
			
		/*	NAVIGATION IMAGES */
		#nav-home a {}
		#nav-who a {background-position: 0 -17px;}	
		#nav-where a {background-position: 0 -34px;}
		#nav-when a {background-position: 0 -51px;}	
		#nav-how a {background-position: 0 -68px;}	
		#nav-join a {background-position: 0 -85px;}	
		#nav-tickets a {width: 157px; height: 35px; background: url(../images/global/nav-tickets.gif); margin-top: -7px;}			
		
		/*	NAVIGATION ARROWS */
		#homepage #nav-home span, 
		#home #nav-home span {display: block;}
		#speakers #nav-who span,
		#who #nav-who span {display: block;}	
		#interesting-where #nav-where span,
		#where #nav-where span {display: block;}
		#interesting-when #nav-when span,
		#when #nav-when span {display: block;}	
		#how-do-you-make-something-interesting #nav-how span,
		#how #nav-how span {display: block;}	
		#want-to-join-in #nav-join span,
		#join-in #nav-join span {display: block;}

	#content,
	#sidebar .inner {background: #fff;}
	
	#content {}
	#content table {text-align: left; margin: 0 0 24px 0; width: 100%; }
	#content tr th,
	#content thead th {color: #888; font-size: 12px; font-weight: bold; line-height: 18px;padding: 9px 24px;}
	#content tr td {}
	
	#sidebar h3 {font-size: 24px; line-height: 24px; margin-bottom: 24px;}

	#social {width: 232px; display: block; margin-top: 20px; float: left;}	
	#social li {width: 54px; height: 53px; float: left; margin: 0 2px; border-bottom: 0;}
	#social a {background: url(../images/global/social.gif) no-repeat; text-indent: -9999px; display: block; width: 100%; height: 100%; border-bottom: 0!important;}	
	#social #social-facebook {background-position: -54px 0;}
	#social #social-vimeo {background-position: -108px 0;}
	#social #social-flickr {background-position: -162px 0;}
	
	
	/*	PAGE SPECIFIC */

	#who table {margin-left: -6px;}
	#who table tr td {border-bottom: 1px solid #000!important; padding: 21px 6px; width: 50%; vertical-align: center; font-size: 14px; line-height: 21px; margin-bottom: 0px;}	
	#who table img {margin: auto; display: block;}
	#who h2 {font-size: 18px; line-height: 18px; margin-bottom: 18px}
	#who p {font-size: 14px; line-height: 21px; margin-bottom: 21px;}
/*	#when #content a {text-}*/
	
	/*	MISC*/
	
	p.nocomments {display: none;}
	
	
	/* SPEAKER PAGE STUFF */
	
	.speaker-container {
		width: 600px;
		}
	
	.speaker-image-odd {
		float: left;
		width: 200px;
		}

	.speaker-image-mike {
		float: left;
		width: 200px;
		margin-top: 40px;
		}


	.speaker-image-odd img {
		float: left;
	}
	
	.speaker-text-odd {
		float: right;
		width: 400px;
		}
		
	.speaker-text-odd p {
		font-size: 14px; 
		line-height: 21px; 
		margin-bottom: 21px;
		}	

	.speaker-image-even {
		float: right;
		width: 200px;
		margin-top: 40px;
		}

	.speaker-image-even img {
		float: right;
	}

	.speaker-text-even {
		float: left;
		width: 400px;
		}
		
	.speaker-clear {
		clear: both;
	}
	
