/* Yellow - #fff600
   Blue - #615070;  */
@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;
	}
	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 16pt/1.5 Avenir Next LT Pro, Avenir LT Std, Century Gothic, Helvetica, sans-serif;*/
		font:normal 16pt/1.5 Avenir Next LT Pro, Avenir LT Std, Helvetica, sans-serif;
		text-align:center;
	}
	p{
		margin-bottom:1.5em;
	}
	h1{
		border-bottom:1px solid #fff600;
		/*border-bottom:1px solid #615070;
		color:#fdcb48;
		color:#352b52;*/
		color:#00a2ff;
		font-weight:bold;
	}
	h2{
		font-size:.5em;
		font-weight:bold;
		letter-spacing:.1em;
		line-height:3;
		text-transform:uppercase;
	}
	h3{
		border-bottom:1px solid #ccc;
		font-weight:bold;
	}
	ul,
	ol{margin:0 0 20px 0; padding-left:1.2em; list-style-type:disc;}
	ol{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{
		margin:0 auto;
		width:960px;
		overflow:auto;
	}

	/* Cure double-margin float blues in IE6. */
	#site-title,
	#site-subheading,
	#nav,
	#nav li,
	#blog,
	#details,
	#social,
	#sponsors{display:inline;}

	/******************/
	/***** HEADER *****/
	/******************/
	#page-head{
		background-image:url(graphics/header-bg.jpg);
		background-position:center bottom;
		background-repeat:no-repeat;
		overflow:auto;
	}
	#head{
		overflow:auto;
	}
	#site-title{
		border-bottom-width:0;
		margin:0 40px 0 10px;
		width:200px;

		float:left;
	}
	/*#site-title a,*/
	#logo,
	#mission{border-width:0; height:92px; width:200px; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-9999px;}
	#logo{height:156px; background-image:url(graphics/logo.png);}
	#mission{background-image:url(graphics/mission.png);}
	#site-subheading{
		margin:3em 0;
		width:220px;
		float:left;
		/*font-size:1.5em;*/
		font-style:oblique;
		/*line-height:1.777em;*/
		/*line-height:1.5;*/
	}
	#nav{
		margin-right:10px;
		padding:0;
		width:480px;
		float:right;
		list-style-type:none;
	}
	#nav li{
		margin:0 0 0 20px;
		width:60px;

		float:left;
		font-size:.625em;
		line-height:1.6em;
		text-align:center;
	}
	#nav a{
		border-width:0; padding-top:30px; width:60px; background-image:url("graphics/nav-sprites.png"); background-repeat:no-repeat; display:block;
	}
	#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-volunteer{
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		margin-bottom:1em;
		min-height:16em;
		width:100%;
		background-color:#fff;
		background-position:left bottom;
	}
	#page-hero-index{
		background-image:url(graphics/hero-lights.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-volunteer{
		background-image:url(graphics/hero-volunteer.jpg);
	}
	#hero{
		margin-bottom:1em;
		padding:1em 0;
		width:940px;

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

	#about{
		border:1px solid #000;
		-moz-border-radius:7px;
		margin:4em 0 0 90px;
		padding:1em 10px 1em 20px;
		width:370px;

		background-color:#fff;
		clear:both;
	}
	#about p{
		margin:0;
	}

	/****************/
	/***** MAIN *****/
	/****************/
	#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;
	}

	#details{
		margin:0 10px 1em 10px;
		width:220px;
		float:right;
	}
	.media-title{
		font-style:oblique;
	}


	/********************/
	/***** PRE-FOOT *****/
	/********************/
	#pre-foot{clear:both;}
	
	#social{margin:0 250px 0 10px; width:460px; float:left;}
	#twitter{}
	#twitter ul{padding:0; list-style-type:none;}
	
	#sponsors{
		margin:0 10px;
		width:940px;
		float:left;
	}
	#sponsor-list{
		margin:0;
		padding:0;
		width:940px;
		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 *****/
	/********************/
	#footer{margin-top:1em; padding-top:1em; background-color:#000; color:#fff600; overflow:auto;}
	#footer-content{margin:0 auto; width:960px; text-align:left;}
	#footer-content h1{font-size:.5em;}
	#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;}
}