/* Yellow - #fff600
   Blue - #00a2ff;  */
@media screen{
	/* RESET STYLES */
	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;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	.header{border-bottom:1px solid #ccc;}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	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: "" "";
	}

	/* MY STYLES */
	body{
		font:normal 20px/1.5 Avenir Next LT Pro, Avenir LT Std, Helvetica, sans-serif;
		text-align:center;
	}
	p,
	ul,
	ol{margin:20px auto;}
	h1, .h1{
		margin:20px auto 0 auto;
		color:#000; font:normal 34px/1.52941 Minion Pro, Minion, Georgia, Georgia, serif;
	}
	h2, .h2{
		color:#00a2ff;
		font:bold 21px/1.52381 Avenir Next LT Pro, Avenir LT Std, Helvetica, sans-serif;
	}
	h3, .h3{font-weight:bold;}
	h4, .h4{color:#00a2ff; font-style:italic;}
	h5, .h5{font-size:13px; font-weight:bold; line-height:1.53846;}
	h6, .h6{font-size:13px; line-height:1.53846; text-transform:uppercase;}
	ul{padding-left:1.2em; list-style-type:disc;}
	ol{padding-left:2em; list-style-type:decimal;}
	em{font-style:oblique;}
	strong{font-weight:bold;}

	#page{
		margin:0 auto;
		/*width:960px;*/

		/*background-color:#130e14;*/
		background-color:#ffffff;
		text-align:left;
	}
	#head,
	#hero,
	#pre-foot,
	.main-inner{
		margin:0 auto;
		width:938px;
		overflow:auto;
	}
	
	/****************/
	/***** GRID *****/
	/****************/
	.beat,
	.beat-list li,
	.sidebar,
	.insert,
	.parcel,
	.prime,
	.segment,
	.wedge{margin:0 12px;}
	.beat,					/*1-of-7*/
	.beat-list li{width:110px;}
	.sidebar{width:244px;}	/*2-of-7*/
	.insert{width:378px;}	/*3-of-7*/
	.parcel{width:512px;}	/*4-of-7*/
	.prime{width:646px;}	/*5-of-7*/
	.segment{width:780px;}	/*6-of-7*/
	.wedge{width:914px;}	/*7-of-7*/
	
	.beat-list{margin-left:0; padding-left:0; list-style-type:none; overflow:hidden;}
	
	.unit,	/*Indicates this is a grid unit.*/
	.unit-list li{float:left;}
	
	.sidebar-container .sidebar{margin-left:9px;}

	/******************/
	/***** HEADER *****/
	/******************/
	.global-header{/*background-image:url(graphics/header-bg.jpg); background-position:center bottom; background-repeat:no-repeat;*/ overflow:hidden;}
	.global-header .header{overflow:hidden;}
	.site-title{
		border-bottom-width:0; margin:6px 12px; width:110px;
		float:left;
	}
	.logo,
	.mission{border-width:0; width:110px; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px;}
	.logo{height:78px; background-image:url(graphics/logo.png);}
	.site-subheading{margin:24px 12px 3px 12px; width:110px; float:left; font-style:oblique;}
	.mission{height:63px; background-image:url(graphics/mission.png);}
	
	.global-nav{margin:60px 0 0 12px; padding:0; max-width:512px; float:right; list-style-type:none;}
	.global-nav li{margin:0 12px; display:inline; text-align:center;}
	.global-nav li:first-child{margin:0;}
	.global-nav a{border-width:0; background-repeat:no-repeat;}
	.global-nav li#call{height:55px; margin:1em 0 1em 20px; padding:0 10px 0 0; width:450px;
		background-image:none;}
	
	li#call a{padding:0; background-image:none; display:inline;}
	/*#call a,
	#call a:hover{
		height:55px;
		display:block;
	}
	#call a{
		position:absolute;
		top:15px;
		clip:rect(0px 200px 55px 0px);
	}
	#call a:hover{
		top:-40px;
		clip:rect(55px 200px 110px 0px);
	}*/
	#call img{display:block; float:right;}
	/*#nav-home{
		background-position:-60px -15px;
	}
	#nav-about{
		background-position:-120px -15px;
	}
	#nav-sponsor{
		background-position:-240px -15px;
	}
	#nav-speakers{
		background-position:-180px -15px;
	}
	#nav-tickets{
		background-position:0 -15px;
	}
	#nav-email{
		background-position:-300px -15px;
	}*/


	/*****************/
	/***** ABOUT *****/
	/*****************/
	#page-hero-index,
	#page-hero-about,
	#page-hero-sponsor,
	#page-hero-speakers,
	#page-hero-tickets,
	#page-hero-submit,
	#page-hero-volunteer,
	#page-hero-il1,
	#page-hero-il2{
		border-top:1px solid #000;
		border-bottom:10px solid #fff600;
		/*margin-bottom:1em;*/
		min-height:2em;
		width:100%;
		background-color:#000;
		background-position:center top;
		background-repeat:no-repeat;
	}
	#page-hero-index{
		background-image:url(graphics/hero-index.jpg);
	}
	#page-hero-about{
		background-image:url(graphics/hero-about.jpg);
	}
	#page-hero-sponsor{
		background-image:url(graphics/hero-sponsor.jpg);
	}
	#page-hero-speakers{
		background-image:url(graphics/hero-speakers.jpg);
	}
	#page-hero-tickets{
		background-image:url(graphics/hero-tickets.jpg);
	}
	#page-hero-submit{
		background-image:url(graphics/hero-submit.jpg);
	}
	#page-hero-volunteer{
		background-image:url(graphics/hero-volunteer.jpg);
	}
	#page-hero-il1{
		background-image:url(graphics/hero-il1.jpg);
	}
	#page-hero-il2{
		background-image:url(graphics/hero-il2.jpg);
	}
	.hero{
		margin:20px auto 180px auto; width:914px;

		/*background-image:url(graphics/bokeh-banner.jpg);*/
	}

	.about{
		border:1px solid #000;
		-moz-border-radius:10px;
		border-radius:10px;
		margin-left:122px; width:268px;

		background-color:#fff;
		background-color:hsla(0,0%,100%,.95);
		clear:both; line-height:1.53846;
	}
	.about .sidebar{margin:20px 12px;}
	.about p{margin-top:0;}

	/****************/
	/***** MAIN *****/
	/****************/
	.main-body{
		background-image: -webkit-gradient(	/*Current Safari implementation*/
			linear,
			left top,
			left bottom,
			color-stop(0, hsla(58, 100%, 50%, .33)),
			color-stop(.1, hsla(58, 100%, 100%, 0))
		);
		background-image: -webkit-linear-gradient(	/*Future Safari implementation*/
			center top,
			hsla(58, 100%, 50%, 0.33) 0px,
			hsla(58, 100%, 100%, 0) 150px
		);
		background-image: -moz-linear-gradient(
			center top,
			hsla(58, 100%,50%,0.33) 0px,
			hsla(58, 100%,100%,0) 150px
		);		
	}
	.main-inner{
		border-top:1px solid #fff600;
		background-color:#fff;
		background-color:hsla(0,0%,100%,.95);
		position:relative; top:-120px;
	}
	#blog{
		margin:0 10px 1em 10px;
		width:700px;
		float:left;
	}
	/*.tumblr{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.post-date-container{
		font-size:.5em;
		line-height:3;
	}*/

	.supplement{
		border-left:3px solid #fffcb2; border-color:hsla(58,100%,100%,.66); -moz-border-radius:0 0 20px 0; border-radius:0 0 20px 0; width:265px;
		background-color:#fff600;
		background-color:hsla(58,100%,50%,.25);
		float:left;
	}
	.details{}
	.hmedia .fn,
	.media-title{	/*deprecated, use .hmedia .fn*/
		font-style:oblique;
	}


	/************************/
	/***** POST-ARTICLE *****/
	/************************/
	.twitter ul{padding:0; list-style-type:none;}
	
	.sponsors{}
	.sponsor-list{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	.sponsor-list li{
		float:left;
		margin-left:20px;
	}
	.sponsor-list li:first-child{margin-left:0;}

	.as-text{vertical-align:middle;}

	/********************/
	/***** FOOTER *****/
	/********************/
	.global-footer{margin-top:1em;background-color:#000; color:#fff600; overflow:auto;}
	.foot{margin:0 auto; width:960px; text-align:left;}
	.foot h1{color:#fff;}
	.planning-committee{margin:0 10px; width:700px; display:inline; float:left;}
	.committee-list{margin:0; padding:0; font-size:.5em;}
	.committee-list li{padding:0 .5em; width:960px; display:inline; border-left:1px solid #615070;}
	.committee-list li:first-child{border-width:0; padding-left:0;}
	.web-design{margin:0 10px; width:220px; display:inline; float:right;}
	.web-design div{font-size:.5em;}
	

	
	/*****************/
	/***** LINKS *****/
	/*****************/
	a{
		/*border-bottom:1px solid #615070;
		color:#ffeeeb;
		color:#615070;*/
		border-bottom:1px solid #00a2ff;
		color:#00a2ff;
		text-decoration:none;
	}
	a:visited{
	}
	a:hover{
		border-bottom-color:#8700ff;
		background-color:#fff600;
		color:#00a2ff;
		/*color:#8700ff;*/
	}
	a:focus{
	}
	a:active{
	}

	/*****************/
	/***** FORMS *****/
	/*****************/
	#error-msg{border:3px solid #f00; margin-bottom:1em; padding:1em;}
	#error-msg ol{margin-bottom:0;}
	.text-input{width:200px;}
	.textarea{height:8em; width:420px;}
}