/*
+-------------------------------------------------------------------------+
Title:		PWDD!
Version:	1.0
Copyright:	2008 - Refresh Pittsburgh!
Updated:	3/15/2009 - gjh
+-------------------------------------------------------------------------+
*/


/* 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;
	-webkit-text-size-adjust: none;}

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;}

.clear {clear: both;}

#skip, 
.hide {display: none;}

body {
	background: #ffffff url(../images/bg.gif) 0 0;
	position: relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #636363;
	font-size: 14px;}

#pwdd {
	width: 664px;
	height: 100%;
	padding: 0 35px 0 0;
	border-top: 5px solid #a5d83c;}
	
	#pwdd h1 {
		width: 461px;
		height: 100px;
		text-indent: -8000px;
		background: url(../images/pwwd.gif) 0 32px no-repeat;
		padding: 32px 0 0;
		margin: 0 0 0 41px;}
	
#when {
	position: absolute;
	top:30px;
	left: 722px;
	font-size: 16px;
	color: #ffffff;
	width: 225px;}
	
	#when h2 {
		font-size: 22px;
		font-weight: normal;}
		
		#when p.times {
			font-size: 22px;
			margin: 0 0 .7em;}
		
		#when a {color: #9ec3f7; text-decoration: none; font-size: .8em;}
			#when a:hover {text-decoration: underline;}
		

ul.description {
	width: 654px;
	background: #f3f4f7 url(../images/t.gif) 0 0 no-repeat;
	padding: 20px 0 0;
	margin: 20px 0 35px;}
	
	ul.description li {
		color: #202945;
		font-size: 20px;
		background: url(../images/b.gif) 0 7px no-repeat;;
		padding: 0 35px 15px 20px;
		margin: 0 0 0 40px;}
	
	ul.description strong {font-weight: bold; font-size: .8em; color: #990000;}
	

#info {margin: 20px 0 0 40px;}

#info a,
.description a {color: #4679cb; text-decoration: underline;}
	#info a:hover,
	.description a:hover {text-decoration: none;}
	
	#info p.intro {color: #202945;}
	#info p {margin-bottom: .8em;}
	
	#b-rfp {
		width: 204px;
		height: 22px;
		background: url(../images/rfp.gif) 0 0 no-repeat;
		text-indent: -8000px;
		margin: 30px 0 10px;}
		
	#b-spo {
		width: 127px;
		height: 22px;
		background: url(../images/s.gif) 0 0 no-repeat;
		text-indent: -8000px;
		margin: 30px 0 10px;}
		
	#info ul li {margin-bottom: 1em;}
		

#sponsors {
	clear: both;
	padding: 0 0 10px;
	border-bottom: 2px solid #6b738c;
	margin-bottom: 25px;}

#who {
	width: 220px;
	position: absolute;
	bottom: 20px;
	left: 722px;
	color: #ffffff;}

#who h3 {
	width: 139px;
	height: 26px;
	background: url(../images/org.gif) 0 0 no-repeat;
	text-indent: -8000px;
	margin: 30px 0 10px;}
	
	#who a {color: #9ec3f7; text-decoration: none;}
	#who a:hover {text-decoration: underline;}
	
#b-upd {font-weight: bold;
 margin-bottom: .5em;}
	
	
/* sponsors */
#left-field {
	position: absolute;
	width: 91px;
	top: 185px;
	left: 722px;}
	#left-field a {
		display: block;
		height: 96px;
		text-indent: -8000px;
		background: url(../images/lf.gif) 0 0 no-repeat;}
	
#smith-bros {
	position: absolute;
	width: 175px;
	top: 290px;
	left: 722px;}
	
	#smith-bros a {
		display: block;
		height: 45px;
		text-indent: -8000px;
		background: url(../images/smithbros.gif) 0 0 no-repeat;}
	
#ennect {
	position: absolute;
	width: 175px;
	top: 340px;
	left: 722px;}
	
	#ennect a {
		display: block;
		height: 45px;
		text-indent: -8000px;
		background: url(../images/ennect.gif) 0 0 no-repeat;}

#franktuary {
	position: absolute;
	width: 175px;
	top: 390px;
	left: 722px;}
	
	#franktuary a {
		display: block;
		height: 45px;
		text-indent: -8000px;
		background: url(../images/franktuary.gif) 0 0 no-repeat;}

#campaign-monitor  {
	position: absolute;
	width: 175px;
	top: 440px;
	left: 722px;}
	
	#campaign-monitor a {
		display: block;
		height: 45px;
		text-indent: -8000px;
		background: url(../images/cm.gif) 0 0 no-repeat;}

#alphalab  {
	position: absolute;
	width: 175px;
	top: 490px;
	left: 722px;}
	
	#alphalab a {
		display: block;
		height: 45px;
		text-indent: -8000px;
		background: url(../images/alphalab.gif) 0 0 no-repeat;}


h2.cufon {
	font-size: 20px;
	color: #001342;
	margin: 10px 0 .8em;}
	
/* speakers - index page */
#speakers li {
	width: 180px;
	padding: 8px;
	margin: 0 10px 0 0;
	height: 110px;
	background: #f3f4f7;
	border: 1px solid #c4c7d1;
	border-top: 3px solid #6b738c;
	position: relative;
	float: left;}
	
	#speakers li img {
		position: absolute;
		top: 8px;
		left: 8px;
		border: 3px solid #4a5060;}
	
	#speakers h4 {
		margin-left: 66px;
		font-size: .9em;
		margin-bottom: 3px;
		color: #6b738c;}
		
		#speakers a {text-decoration: none;}
			#speakers a:hover {text-decoration: underline;}
		
		#speakers li p {
			margin-left:66px;
			font-size: .8em}
			
		#speakers .org,
		#speakers .title {font-style:italic;}
	
	#speaker-info {
		width: 387px;
		padding: 15px 8px 8px;
		margin: 0 10px 0 0;
		height: 103px;
		background: #f3f4f7;
		line-height: 1.5em;
		border: 1px solid #c4c7d1;
		border-top: 3px solid #6b738c;
		float: right;
		font-size: .8em;}

/* speakers  page */
#our-speakers div {
	padding: 8px;
	margin: 0 0 20px;
	min-height: 50px;
	background: #f3f4f7;
	border: 1px solid #c4c7d1;
	border-top: 3px solid #6b738c;
	position: relative;}
	
	#our-speakers img {
		float: right;
		border: 3px solid #4a5060
		margin: 0 0 15px 20px;
		border: 3px solid #4a5060;}

#nav {
	width: 440px;
	height: 37px;
	background: #9ec3f7 url(../images/nav-top.gif) 0 0 no-repeat;
	position: absolute;
	top:126px;
	left:0;}
	
	#nav li {height: 31px; position: absolute; top:6px;}
	
		#nav li a {
			display: block; 
			height: 31px; 
			background-image: url(../images/nav.gif); 
			background-repeat: no-repeat;
			text-indent: -8000px;}
	
		#n-abo {left: 33px; width:63px;}
			#n-abo a {width:63px; background-position: -342px 0;}
			#n-abo a:hover,
			#n-abo a.on {width:81px; background-position: -342px -30px;}
			
		#n-spe {left: 96px; width:90px;}
			#n-spe a {width:90px; background-position: -81px 0;}
			#n-spe a:hover,
			#n-spe a.on {width:81px; background-position: -81px -30px;}
			
		#n-loc {left: 186px; width:81px;}
			#n-loc a {width:81px; background-position: 0 0;}
			#n-loc a:hover,
			#n-loc a.on {width:81px; background-position: 0 -30px;}
			
		#n-sch {left: 267px; width:88px;}
			#n-sch a {width:88px; background-position: -171px 0;}
			#n-sch a:hover,
			#n-sch a.on {width:81px; background-position: -171px -30px;}
			
		#n-reg {left: 355px; width:83px;}
			#n-reg a {width:83px; background-position: -259px 0;}
			#n-reg a:hover,
			#n-reg a.on {width:81px; background-position: -259px -30px;}
		

#content {
	line-height: 1.5em;
	padding-bottom: 25px;
	border-bottom: 2px solid #6b738c;
	position: relative;}
	
form {height: 50px; padding: 0 0 10px;}
form p {
	 width: 175px;
	 float: left;
	 height: 45px;}
	 #submit-but {margin-top: 15px;}

#our-speakers div {min-height: 100px; font-size: .8em;}	
#our-speakers h4 {font-size: 1.3em; font-weight: normal;}
#our-speakers a {text-decoration: none;}
	#our-speakers a:hover {text-decoration: underline;}	
	#our-speakers p.org {font-style: italic;}
	#our-speakers p.topic {margin-top: -13px; color:#333333;}
		
#left-field-intro {
	height: 290px;
	padding: 15px 286px 0 0;}
	
	
#map {
	width: 271px;
	height: 276px;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 2px solid #9ec3f7;
	font-size: .8em;}
	
#schedule {
	margin: 0 0 2.5em;
	border: 1px solid #c4c7d1;
	border-bottom: 0;
	font-size: 11px;
	width: 100%;}

	#schedule td,
	#schedule th {padding: 4px; vertical-align: top;}
	
	#schedule th {	
		 color:#101641;
		 border-top: 4px solid #6b738c;
		 border-bottom: 2px solid #6b738c;
		 background: #e5e5e5;
		 font-size: 1.2em;
		 font-weight: bold;
		 padding: 5px 4px;}
	
	#schedule td {border-bottom: 1px solid #c4c7d1;}
	#schedule .time {width: 135px; color:#101641;}
	#schedule .summary {color:#101641; font-size: 1.1em;}