/* Part of this code Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.11.0 */
body {font:13px verdana,genova,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;margin:0;padding:0;}
body * {line-height:1.22em;}
h1, h2, h3, h4, h5, h6 {font-family: arial,helvetica,clean,sans-serif;margin:0;}
h1 {font-size: 182%;text-align: center;}
h2 {font-size: 152%;margin-top:1em;}
h3, h4 {font-size: 122%;clear:left;color: #900;}
h5 {font-size: 107%;}
h6 {font-size: 100%;}

p {
	text-align: justify;
}

.hidden {
	display: none;
}

.icon {
	position: relative;
	top: 4px;
	left: -2px;
}
#content {
	border-left: 10em solid #3B6E9A;
	padding: 1em;
	background-color: #FFF;
}

/* header */ 

#header {
	/* Original image by  */
	background-image: url(../images/Seattle_Skyline_by_Maelick@flickr_cc-by-sa.jpg);
	background-repeat: repeat-x;
	background-position: center 45%;
	background-size: cover;
	margin: 0;
	height: 110px;
	background-color: #3B6E9A;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#header h1 {
	font-style: italic;
	font-size: 300%;
	text-align: right;
	text-shadow: 0px 1px 0px black;
	padding-left: 128px;
	padding-right: 12px;
}
#header img {
	float: left;
	margin: 5px;
}
#header div {
	color: #FFFFFF;
	font-size: 90%;
	font-style: normal;
	position: absolute;
	right: 0.2em;
	top: 125px;
	margin-top: -3em;
	padding: 0.2em 0.4em;
	text-shadow: 0px 1px 0px black;
}

/* Program Committee */

#committee {
	border: 1px solid #E0E0E0;
	background-color: #E0E0E0;
	float: right;
	font-size: 86%;
	margin: -1em -1em 2em 1em; /* negative margins compensate #content's padding */
	padding: 0 1em 0 1.25em;
	width: 14em;
	z-index: 1;
}
#committee p {
	margin: 1em 0;
	text-align: left;
}
#committee h3 {
	color: #900;
	margin: 0.5em 0 -0.5em -0.5em;
}
#committee a {
	color: #3B6E9A;
	text-decoration: none;
}
#committee a:hover {
	text-decoration: underline;
}

/* Topics */

#topics {
	background-color: #E0EAF3;
	border: 1px solid #84ADD0;
	margin: 0 15em 2em 0; 
	*margin-right: 14em; /*MSIE*/ 
	padding: 0 1em 1em 1.5em;
	font-size: 95%;
	height: 1%;
	overflow: hidden;
}
#topics:after { /* clearfix (FF, Opera) */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topics h3 {
	margin: 0 0 0.5em -0.5em;
	padding-top: 1em;
	*padding-top: 0; /*MSIE*/ 
}
#topics ul {
	list-style-position: inside;
	list-style-type: square;
	margin: 0;
	padding: 0;
	width: 48%;
	*width: 22em;
	min-width: 24em;
	float: left;
}
#topics ul li {
	padding-right: 0.5em;
}
#topics ul ul {
	padding-left: 1.2em;
	list-style-type: disc;
	font-size: 86%;
	margin-bottom: 0.5em;
	width: 95%;
	float: none;
}
#topics ul ul li {
	padding-right: 0;
}

/* tpc */

#tpc, #ssc {
	margin: 0 -1em 0 1em;
	clear:left;
}
#tpc:after, #ssc:after { /* clearfix (FF, Opera) */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#tpc h2, #ssc h2 {
	margin: 1em 0 0.5em -0.6em;
}
#tpc ul, #ssc ul {
	font-size: 86%;
	list-style-position: inside;
	list-style-type: square;
	margin: 0 1% 0 0;
	padding: 0;
	width: 48%;
	min-width: 35.5em;
	float: left;
}

/* dates */

#dates h3 {
	color: black;
	margin: 1em 0 0 1em;
}
#dates ul, #dates_wip ul {
	list-style: none;
	margin-left: 2em;
	padding: 0;
}
#dates span, #dates_tut span {
	width: 30em;
	float: left;
}
#dates_wip span {
	width: 15em;
	float: left;
}
#dates strong, #dates_wip strong, #dates_tut strong {
	color: #900;
	display: inline-block;
	white-space: nowrap;
	width: 11em;
}

/* footer */

#footer {
	clear: both;
	margin: 2em -1em -0.5em -1em;
	padding: 0.5em 0.5em 0 0;
	*padding-top: 0.1em; /* MSIE */
	border-top: 2px solid #3B6E9A;
	text-align: right;
	font-size: 85%;
}

/* menu */

#menu {
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 90%;
}
@media screen and (min-width: 0px) { /* Opera 9.5 hack */
	#menu li {
		margin-left: -2px;
	}
}
#menu li.special {
	border-top: 1px solid #C2D6E7;
	border-bottom: 1px solid #C2D6E7;
	margin-top: 1em;
	padding: 0;
	text-align: center;
}
#menu li.special a {
	padding: 0.5em;
}
#menu li a {
	width: 10em;
	color: White;
	background-color: #3B6E9A;
	display: block;
	padding: 0.2em 0.5em;
	text-decoration: none;
}
#menu a:hover {
	color: black;
	background-color: #C2D6E7;
}

/* sponsors */

#sponsors {
	position: absolute;
	font-size: 85%;
	color: #FFF;
	top: 23em;
	left: 0.5em;
	width: 10.5em;
}
#sponsors em {
	font-style: normal;
	font-weight: bold;
	color: #FC0;
}
#sponsors a {
	color: #C2D6E7;
}
#sponsors a:hover {
	color: #FFF;
}
#sponsors a, #sponsors img {
	display: block;
	margin: 0.5em auto;
}
#sponsors p {
	text-align: center;
	margin: 0 0 1.5em 0;
}
.announce {
	color: #900;
	margin: 0.5em 14em 0.5em 0;
	padding: 0.5em;
	border: 1px solid #900;
	background-color: #FEE;
}
.announce a {
	font-weight: bold;
	color: #900;
}
div.announce h2 {
	text-align: center;
	margin: 0;
	font-size: 131%;
}
#location {
	color: #630;
	font-size: 131%;
	font-weight: bold;
	margin: 0.5em 0;
	text-align: center;
}
#location em {
	color: #C90;
	font-size: 117%;
	font-style: normal;
	display: block;
}
#portrait {
	text-align: center;
}
#title {
	color: #C90;
	text-align: center;
}
a {
	color: #3B6E9A;
}
a:hover {
	color: #5B8EBA;
}
#special h3 {
	margin: 0.5em 0;
}
#special div {
	width: 49%;
	float: left;
}
#cfp {
	clear: left;
}
#program h2 {
	margin-right: 9.5em;
}
#submission h3, #cftp h3 {
	color: black;
	margin: 1em 0 0 1em;
}
#submission p, #cftp p {
	margin-left: 1.33em;
}
#cftp ul {
	margin-left: 0.67em;
}

/* socialmedia */

#socialmedia {
	position: absolute;
	font-size: 85%;
	color: #FFF;
	top: 50em;
	left: 0.5em;
	width: 8.5em;
	margin: 0 1em;
	text-align: center;
}
#socialmedia em {
	font-style: normal;
	font-weight: bold;
	color: #FC0;
	display: block;
	margin-bottom: 1em;
}
#socialmedia a {
	-webkit-filter: opacity(0.75);
	filter: opacity(0.75);
}
#socialmedia a:hover {
	-webkit-filter: none;
	filter: none;
}