/*
+-------------------------------------------------------------------------+
Title:		FlashPitt Styles
Author:		G. Jason Head, northmaplemedia.com
Version:	1.3
Copyright:	2009 - north maple media
Updated:	5/10/2009 
+-------------------------------------------------------------------------+
*/

/* 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
	font-style:normal; 
	font-weight:normal;} 
	
caption, th {text-align:left;}

table {
	border-collapse: collapse;
	border-spacing: 0;}

ul {list-style: none;}

blockquote, q {quotes: none;}
	
/* Additional */
form label {cursor: pointer;}
fieldset {border: none;}
abbr, acronymn {text-decoration: none; border:0;	speak: spell-out;}
.clear {clear: both;}
#skip, 
.hide, 
hr, 
#print-logo {display: none;}


/* body styles ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */
body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff url(../images/bg-page.gif) top left repeat-x;
	color: #797979;
	margin: 0; padding: 0;	
	text-align: center;}

#flashpitt {
	width: 947px;
	padding: 0;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: none;
	overflow: hidden;}
	
		
/* -- Header ----- */

#header {
	height: 268px;
	position: relative;
	background: transparent url(../images/header-back.jpg) no-repeat top center;}
	
#header h1 a {
	display: block;
	height: 121px;
	width: 342px;
	text-indent: -5000px;
	background: url(../images/logo-09.png) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 13px;}

/* main-nav ----- */

#nav {
	width: 880px;
	height: 43px;
	position: absolute;
	left:0;
	bottom:0;
	padding: 0 0 0 67px;
	background: url(../images/nav-bg.png);}
	
	#nav li {float: left;}
	
#nav li a {
	display: block;
	height: 43px;
	text-indent: -5000px;
	float: left;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;}


#nav-abo a {
	width: 87px;
	background-position: 0 0;}
	
	#nav-abo a:hover,
	#nav-abo a.on {background-position: 0 -43px;}
	
#nav-spe a {
	width: 106px;
	background-position: -87px 0;}
	
	#nav-spe a:hover,
	#nav-spe a.on {background-position: -87px -43px;}
	
#nav-ses a {
	width: 202px;
	background-position: -186px 0;}
	
	#nav-ses a:hover,
	#nav-ses a.on {background-position: -186px -43px;}
	
#nav-sch a {
	width: 112px;
	background-position: -388px 0;}
	
	#nav-sch a:hover,
	#nav-sch a.on {background-position: -388px -43px;}
	
	
#nav-tra a {
	width: 104px;
	background-position: -500px 0;}
	
	#nav-tra a:hover,
	#nav-tra a.on {background-position: -500px -43px;}
	
#nav-spo a {
	width: 114px;
	background-position: -604px 0;}
	
	#nav-spo a:hover,
	#nav-spo a.on {background-position: -604px -43px;}
	

#nav-reg a {
	width: 107px;
	background-position: -711px 0;}
	
	#nav-reg a:hover,
	#nav-reg a.on {background-position: -711px -43px;}	
	



#tickets a {
	width: 67px;
	height: 65px;
	background: url(../images/buy-tickets.jpg) top left no-repeat;
	text-indent: -5000px;
	position: absolute;
	top: 226px;
	left: 813px;}
	
	
/* utility-nav -----*/
	
#utility-nav {
	position:absolute;
	right:0;
	top:0px;
	width: 300px;
	height:12px;
	background: url(../images/nav-bg.png);
	padding:8px 10px 10px 10px;
	}
	
	#utility-nav li {
		float: left;
		padding:0 4px;
	}
	#utility-nav a {
		/*display: block;
		height: 19px;
		width: 19px;
		text-indent: -5000px;
		background-repeat: no-repeat;
		background-position: 0 0;*/
		color:#ffffff;
		margin-right:2px;
		text-decoration:none;
	}
	
		#utility-nav a:hover {
		text-decoration:underline;
	}
		
		/*#utility-nav a:hover {background-position: 0 -20px;}
		
	#ut-tw a{background-image: url(../images/icon-tw.gif);}
	#ut-fr a {background-image: url(../images/icon-fr.gif);}
	#ut-fb a {background-image: url(../images/icon-fb.gif);}
	#ut-yt a {background-image: url(../images/icon-yt.gif);}
	#ut-li a {background-image: url(../images/icon-li.gif);}
	#ut-rss a {background-image: url(../images/icon-rss.gif);}*/


/* content */

#flashpitt-content {
	width: 856px;
	min-height: 440px;
	margin-top: 20px;
	padding:0 0 0 67px;
	/*background:url(../images/bg-content.gif) top left repeat-y;}	*/
}	
	

#content {
	width: 566px;
	float: left;}
	
#content h1 {
	font-size: 30px;
	padding-top: 15px;
	margin-bottom: .3em;
	color: #3d3063;
}
	
#content h2 {
	font-size: 22px;
	margin-top: 1em;
	margin-bottom: .5em;
	color: #988c37;	}

#content h3 {
	font-size: 18px;
	margin: .9em 0 .2em 0;
	color:#000000;
	}

#content h3.sponsors {
	margin-top: 1em;
	margin-bottom: 1.5em;
	}


#content h4 {
	font-size: 14px;
	margin: .9em 0 .2em;
	color: #333333;
	}
	
#content h5 {}

#content p {margin-bottom: 1.2em; line-height: 1.7em;}

#content p.tight {line-height: 1.2em;}

#content p.sponsorList {
	width: 400px;
	padding: 0 0 1.5em 0;
	border-bottom: #cecece 1px solid;}

	#content a {}
	#content a:hover {}
	
	#content strong,
	#content b {font-weight: bold;}
	
	#content .soldout {
	color:#999999;}

	#content em,
	#content i {font-style:italic;}

#content blockquote {}

#content ul {margin-bottom: 1.2em;}
	#content ul li {line-height: 1.5em;}

#content ol {}
	#content ol li {}	
	
#content #ticketPrices {
	margin: 1em 0;
	border-bottom: #cecece 1px solid;}	

#content table {
	margin: 0 0 1.5em;
	
	border-bottom: 0;
	font-size: 13px;
	width: 100%;}

	#content td,
	#content th {padding: 4px; vertical-align: top;}
	
	#content th {
		 color:#000000;
		 border-bottom: 1px solid #999;
		 background: #e5e5e5;
		 font-size: 14px;
		 font-weight: bold;
		 padding: 9px 4px;}
	
	#content td {
		border-bottom: 1px solid #999;
		color: #000;
		padding: 9px 4px;}
		
	#content #schedule-table th{
		text-align:center;
		border-bottom: 1px solid #999;}
	
	#content #schedule-table td{
		border-bottom:1px solid #999;
		text-align:center;}
	
	#content #schedule-table td.break{
		/*background-color:#e5e5e5;*/
		color:#666;	
		height:20px;
		text-align:left;
		padding:5px;
		}
		
	#content #schedule-table td.session {
		height:60px;
		text-align:left;
		padding:10px;
		
	}
	
	#content #schedule-table td.sponsor {
		height:40px;
		text-align:left;
		padding:10px;
		
	}
	
	#content #schedule-table td p{
		margin:0 0 2px 0;
	}
	
	#content #schedule-table td p.topic a {
		color: #3d3063;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#content #schedule-table td p.topic a:hover{
		text-decoration:underline;
	}
	
	
	#content #schedule-table td p.speaker {
		
	}
	
	#content #schedule-table td p span {
		 font-size:11px;
		margin-top: 8px;
		margin-right: 3px;
		padding:1px;
	}
	
	#content #schedule-table td p span.technical {
		background-color:#daf1fb;
	}
	
	#content #schedule-table td p span.code {
		background-color:#f6e88d;
	}
	
	
	#content #schedule-table td p span.nontech {
		background-color:#fac795;
		
	}
	
	#content #schedule-table td p span.process {
		background-color:#e4c5f6;
		
	}
	
	#content #schedule-table td p span.creative {
		background-color:#fcceda;
	}
	
	#content #schedule-table td p span.inspiration {
		background-color:#c6fa8e;		
	}
	
	#content #schedule-table td p span.design {
		background-color:#feb4ac;
	}
	
/* gutter styles ---------- */
	
#gutter {
	width: 216px;
	float: right;}
	
	#gutter h3 {
		font-size: 22px;
		font-weight: normal;
		color: #3d3063;}
	
	#gutter h4 {
		font-size: 18px;
		font-weight: normal;
		color: #000000;
		margin-bottom: .2em;}
	
	#gutter p {margin-bottom: 1.2em; line-height: 1.3em;}
		
	#event-info {margin: 1.5em 0;}
	
	#mailing-list h3 {margin-bottom: .2em;}

/* sub form */

#sub-form {margin: 0 0 20px;}

#sub-form p {clear: both; margin-bottom: 1.2em;}

#sub-form p.txt label {
	width: 40px;
	float: left;
	clear:both;
	color: #404040;
	display: block;
	padding-top: 4px;}
	
	#sub-form input.text {
		border: 1px solid #8c8c8c;
		border-bottom: 1px solid #bababa;
		width: 170px;
		height: 16px;
		float: right;
		margin-bottom: 5px;}
		
	#sub-form p.radio input.radio-but {
		float: left;
		width: 15px;
		display: block;
		border: 1px solid #646464;}
		
		#sub-form p.radio label {
			float: right;
			width: 185px;
			font-size: .9em;
			display: block;}

#form-sponsors {margin-top: 35px;}
#sub-form p.radio {padding-bottom: 25px;}

#subscribe {
	clear: both;
	width: 78px;
	height: 37px;
	margin: 0;
	padding-top:37px;
	border: 0;
	background: transparent url(../images/but-signup.gif) no-repeat 0 0;
	cursor: pointer;
	float: right;
	margin-right: -5px;	
	}

/* footer styles ---------- */


#footer {
	width:100%;
	color: #666666;
	text-align: center;
}
	
#footer-content {
	width: 856px;
	text-align: left;
	margin: 40px auto;
	position: relative;
}
		
#footer-notice {
	margin-top: 20px;
	font-size:11px;
	width: 566px;
}
	
#footer-notice a {color: #cccccc; text-decoration: none;}
#footer-notice a:hover {text-decoration: underline;}
	
#countdown {
	position: absolute;
	right:0;
	top: 31px;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 160px
}

#countdown span {font-size: 24px;}



/* sponsor listing ---------- */
#sponsor-listing, #support-listing {
	background: url(../images/footerDivider.gif) no-repeat top left;
	padding-top: 10px;
	text-align:left;
	width:100%;
	margin-top:20px;
}

#sponsor-listing, #support-listing ul {
 	overflow:hidden;
	width:100%;
}

#sponsor-listing ul li, #support-listing ul li {
	float: left; 
	display:inline;
	margin-right: 20px;
	height: 100px;
}


#sponsor-listing h3, #support-listing h3 {
	color: #988c37;
	margin-bottom:10px;
	font-size:16px;
}

/*#sponsor-listing h3 {
	width: 156px;
	height:20px;
	text-indent: -5000px;
	overflow:hidden;
	background: url(../images/flashpittSponsors.gif) no-repeat top left;
	margin-bottom:10px;
}


#support-listing h3 {
	width: 171px;
	height:21px;
	text-indent: -5000px;
	overflow:hidden;
	background: url(../images/flashpittSupporters.gif) no-repeat top left;
	margin-bottom:10px;
	
}
*/
		
/* basic link styles ---------- */		
	a { color: #3d3063;
		text-decoration: underline;}
		
	a:hover, a:visited {color: #988c37;	}	
	
	
/* specific styles */

#map {
	width: 550px; 
	height: 350px;
	border: 1px solid #797979;
	margin-bottom: 15px;}
	
	
/*-----------------------------------------------
  =press page specific
-----------------------------------------------*/

dl.release {
	padding: 15px 0 20px 0;
	width: 450px;
	border-bottom: 1px solid gray;}

dl.release dt {
 float: left;
 margin: 0 10px 0 0;
 width: 250px; }


dl.release dd {
	float:left;
	 margin: 0 10px 0 0;}

dl.release dd  a{
	padding: 0 5px;}

#releases {
	margin: 0 0 20px 0;}

#banner_disp img {
	margin: 0 0 25px 0;
	border: 1px solid #999;}

#banner_disp p {
	padding:0px;}


/*-----------------------------------------------
  =speaker page layout specific
-----------------------------------------------*/

ul#speakersList {
	width:580px;
	overflow:hidden;}


ul#speakersList li {
	list-style: none;
	float: left;
	padding:5px;
	margin:15px 20px 10px 0;
	width: 250px;
	height: 120px;
	border-bottom: 1px solid #c48f1c;}

ul#speakersList li img {
	float:left;
	padding: 4px 8px 4px 4px;}

ul#speakersList p {
	margin:0;
	padding:0;}

.preso {
	 font-size: 13px;
	 font-weight: bold;
	 color:#c48f1c;}
	 
ul#speakersList li p.spName {
	font-size: 16px;
	font-weight: bold;
	color: #3d3063;
	margin: 0 0 5px 0;	}

dl.speaker {
	clear: both;
	margin:40px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #cecece;
	overflow: hidden;}

dl.speaker dt {
	font-size: 16px;
	color: #988c37;
	font-weight: bold;
	margin:0 0 10px 0;}

dl.speaker dd {
	float: left;
	width: 450px;}

dl.speaker dd.image {
	width: 110px;
	text-align:left;}



/*-----------------------------------------------
  =session listing specific
-----------------------------------------------*/

dl.session {
	margin-bottom: 5px;
	margin-top: 25px;
	border-top: 1px solid #cecece;
}

dl.session dt {
	color:#000;
	font-size: 16px;
	margin: 5px 0;
}
dl.session dd {
	margin:5px 0;
}

dl.session dd.speaker {
	font-size: 14px;
	color: #988c37; 
	margin-bottom:10px;
}

dl.session dd.speaker a {
	color: #988c37;
	text-decoration:none;
}

dl.session dd.speaker a {
	color: #988c37;
	text-decoration:underline;
}

span.speakerList {
	font-size: 20px;
	line-height: 22px;
	color: #988c37;	
}

/*-----------------------------------------------
  =overview calendar on sessions page
-----------------------------------------------*/
table#calendar_overview {
 	width: 475px;
	height: 150px;
}

#calendar_overview td {
	padding: 0 5px 10px 20px;
	width:162px;
	background-color:#dadada;
	border:0px;
}
#calendar_overview td.left_border {
	border-left: 6px solid white;
}


#calendar_overview td h2{
	color:#3d3063;
}

#calendar_overview td h2 a{
color:#3d3063;
text-decoration: none;
}