/*
------------------------------
nclud'ed screen styles
Design & Dev by nclud
http://www.nclud.com
------------------------------
*/

/*------ Yahoo! Reset CSS ------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;}

body {opacity:0.99;/*force low-contrast rendering mode in ff2*/width: 100%; font: normal 62.5% Arial, Helvetica, sans-serif; color: #f6f6f6; background: #000 url(../img/bg_body.jpg) repeat-x  left top; background-attachment:fixed;}

/*------ Top Hat Styles ------*/
#tophat {background:#26160d url(../img/bg_tophat_left.png) no-repeat 0 0; border:1px solid #3d291e; border-left:0; border-right:0; height:34px;}
	#tophat .presentedby {width:114px; height:18px; background:transparent url(../img/bg_presentedby.png) no-repeat 0 0; float:left; margin-top:5px;}
	#tophat .presentedby a {width:114px; height:18px; display:block;}
	#tophat .frame {background:transparent url(../img/bg_tophat_right.png) no-repeat right top; height:34px; }
	#tophat #navigation {float:right;}
	#tophat #navigation li {margin:12px 0 0 30px; text-transform:uppercase; font-size:1.2em;}

#container {background:transparent url(../img/bg_container.png) no-repeat 0 0; text-align:center;}
#subcontainer {background:transparent url(../img/bg_subcontainer.png) no-repeat right top; padding-top:30px;}
#contentcontainer {padding-top:60px; clear:both;}
.container {width:770px; margin:0 auto; text-align:left; padding:0 20px;}

/*------ Header Styles ------*/
#header {position:relative; height:138px;}
  #header .brand {width:228px; height:138px; display:block; background:transparent url(../img/bg_logo.png) no-repeat 0 0; position:absolute; margin-left:-50px;/*top:0; left:-30px; breaks opera*/}
	#header .brand a {width:228px; height:138px; display:block;}
	#header .venue {margin-top:35px; text-align:right; float:right; color:#858585;}
	#header .venue a {color:#858585;} #header .venue a:hover {color:#b6914b;}
	#header .venue .date {color:#fff; margin-bottom:4px;} #header .venue .date sup {text-transform:uppercase; font-size:0.7em;}

/*------ Content Styles ------*/
#content {width:500px; float:left;}
	#content p, #content ol, #content blockquote {font-size: 1.2em; line-height:1.6em; margin:10px 0 14px 0;}
	#content ol {margin:1.0em; padding-left:1.0em;} #content ol li {list-style:decimal; margin:2.0em 0; padding-left:0.2em;}
	#content li p {font-size:1.0em; margin:0;}
	#content h2 {color:#ffcc66;}
	#content h3 {color:#be5f30; margin-top:15px;}
	
	#content .slideshow {margin-bottom:30px; border:5px solid #fff;}
	#content .slideshow a {display:block;}
	
	#content #comments {margin-top: 50px;}
	#content #comments .commentlist {margin-bottom:40px;}
	#content #comments .commentlist li {padding-top:20px; border-top:1px solid #673e23;}
	#content #comments .commentlist li .eg-image {border:1px solid #673e23; padding: 2px; float:right; margin-left:10px; display:block;}
	#content #comments #respond {margin-top:50px;}
	
	#register select {margin: 10px 0; padding: 3px 2px; font-size:1.2em; font-family:Arial, Helvetica, sans-serif; background:#1e252f; border:1px solid #282f3f; padding:4px; color:#b3c2d9;}

/*------ Content Styles ------*/
#sidebar {width:235px; float:right; border-left:1px solid #3f291b; padding-left:19px;}
	
	#sidebar #register {margin-bottom:20px;}
	#sidebar #register h2 {color:#e77c3c; margin-bottom: 12px;}
	#sidebar #register label {font-size:1.2em; display:block; margin-bottom:8px;}
	#sidebar #register .reg_team {margin-bottom:10px;}
	#sidebar #register .reg_team label {margin:10px 0 4px 0;}
	#sidebar #register .reg_team .textfield {width:150px; font-weight:normal; margin-bottom:3px; color:#343d4d;}
	#sidebar #register #team_name {float:left;}
	#sidebar #register .continue {display:block; width:106px; height:23px; background:transparent url(../img/btn_submit_continue.png) no-repeat 0 0; float:left; margin-left: 8px;}
  #sidebar #register #slideout {/*display:none;*/ overflow:hidden;}
  #sidebar #register .reg_later {position:relative;top:-6px;left:6px;}
	#sidebar .solo {margin:5px; color:#79675c; clear:left;}
	
	#sidebar .booked {font-size: 1.2em; line-height: 1.5;}
	
	#sidebar .sponsors {padding:18px 10px; }
	#sidebar .sponsors[class] {background: transparent url(../img/bg_transparent.png) repeat-y  0 0;}
	#sidebar .sponsors h2 {color:#cd9866; border-bottom:1px solid #2f1d11; padding-bottom:6px;  margin: 0 10px 10px;}
	#sidebar .sponsors li {margin:10px 20px 0 20px;}
	#sidebar .sponsors .ngen {width: 80%;}
	#sidebar .sponsors .beasponsor a {margin:30px 10px 0 0; display:block; height:23px;  background:transparent url(../img/btn_becomesponsor.png) no-repeat right top;}


/*------ Footer Styles ------*/
#footer {clear:both; background: transparent url(../img/bg_marks.png) no-repeat  center top; margin-top:20px; margin-top:40px;padding-top:125px;}
	#footer ul {border-top:1px solid #673e23; margin-bottom:20px; padding-top:20px; color:#673e23;}

/*------ Team Styles ------*/
.team {margin-top:10px; width: 100%;}
	.team h3 {color:#ffcc66;}
	.team .member {clear:both; margin-top:10px;}
	.team .member ol {clear:both;}
	.team .member .avatar {float:left; margin-right:10px; display:block; border:1px solid #673f23; padding:1px; width:48px; height:48px;}
	.team .member .name {width: 140px;font-size:1.2em;}
	.team .member .url {width: 140px; overflow: hidden;}
	.team .member .url a {color:#824c2d; font-size:1.1em;} .team .member .url a:hover {text-decoration:underline; overflow: hidden;}
	.team .photo {display:none; visibility:hidden;}
	

/*------ Homepage Styles ------*/
#nav00 {}
	#nav00 #content {width:365px;}
	
	#nav00 #sidebar {width:325px; padding:0 20px 18px;}
	/*#nav00 #sidebar #register {display:block; visibility:visible;}*/
	#nav00 #sidebar .sponsors li {margin:15px 10px 0px 10px;}
	
	#nav00 .team {padding:20px; min-height: 340px;} 
	#nav00 .team[class]  {background: transparent url(../img/bg_transparent.png) repeat-y  0 0;}
	#nav00 .team .avatar {width:36px; height:36px;}
	#nav00 .team .avatar img {width:36px; height:36px;}	
	
	#nav00 .threecolumn {clear:both; width:795px; margin:20px auto 0 auto; padding-left:20px; text-align:center;}
	#nav00 .threecolumn h2 {color:#c63; text-align:left;}
	#nav00 .threecolumn .team {width:210px; float:left; margin-right:12px; text-align:left;}
	
/*------ Details Styles ------*/
#nav01 {}
	#nav01 #tophat #navigation li.nav01 a {color:#fff;}
	
/*------ Teams Styles ------*/
#nav02 {}
	#nav02 #tophat #navigation li.nav02 a {color:#fff;}
	
	#nav02 #content .team .avatar {width:28px; height:28px;}
	#nav02 #content .team .avatar img {width:28px; height:28px; float:left; margin-right:10px;}
	#nav02 #content .team[class] .entry {width:185px; padding: 0 20px; margin:20px 20px 0 0; float:left; min-height: 340px; background: transparent url(../img/bg_transparent.png) repeat-y  0 0;}
	
	#nav02 #content .post .team_homepage {position:relative;}
	#nav02 #content .post .team_homepage li {width: 100%;}
	#nav02 #content .post .team_homepage .avatar {width:48px; height:48px;}
	#nav02 #content .post .team_homepage .avatar img {width:48px; height:48px; float: left;}	
	#nav02 #content .post .team_homepage .photo {width:180px; height:120px; display:block; visibility:visible; position:absolute; top:0; right:0; border:1px solid #673f23; padding:6px;}
	#nav02 #content .post .team_homepage .member {margin-top:20px;}
	#nav02 #content .post .team_homepage .member .name {font-size:1.4em; font-weight:bold;}
	#nav02 #content .post .team_homepage .member {clear:both;}
	
/*------ Sponsors Styles ------*/
#nav03 {}
	#nav03 #tophat #navigation li.nav03 a {color:#fff;}
	
/*------ LiveStyles ------*/
#nav04 {}
	#nav04 #tophat #navigation li.nav04 a {color:#fff;}
			

/*------ General Styles ------*/
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}

a {color:#b6914b; text-decoration:none;}
a:hover {color:#fff;}

strong {font-weight:bold;}
em {font-style:italic;}

form {}
	form label {font-weight:bold;}
	form input {}
	form select {}
	form select option {}
	form textarea {font-size:1.1em; font-family:Arial, Helvetica, sans-serif; background:#1e252f; border:1px solid #282f3f; padding:4px; color:#b3c2d9;}
	form .textfield {width:200px; background:#1e252f; border:1px solid #282f3f; padding:4px; color:#b3c2d9;}
	form .submit {vertical-align: bottom;}		

/*------ Global Classes (Things I Use All The Time) ------*/
.alt em {position: absolute; left: -5000px; top: -5000px;}

.pos_left {float:left; margin-right: 0.5em;}
.pos_right {float:right; margin-left: 0.5em;}

.list_horizontal li {display: block; float: left;} .list_horizontal li a {display: block;}
.list_bull { margin: 1.0em 0;} .list_bull li {background: url(../img/icn_bulletWhite.gif) no-repeat 0px 2px; margin:0.5em 0; padding-left:1.2em;}
.list_num {margin:1.0em; padding-left:1.0em;} .list_num li {list-style:decimal; margin:0.5em 0; padding-left:0.2em;}

.clear {display:inline-block;}
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }