@import 'reset-min.css';
@import 'pmwiki.css';


#wikicmds {
	position: absolute;
	top: 0;
	left: 0;
}

.clear {
	/* Oh, like a clear div is somehow worse than a ton of CSS hacks. */
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;	
}

.hide {
	display: none;
}

#wikicmds {
	margin: 0 !important;
}


hr {
	border: none;
	border-top: 1px solid #DDD;
	background: none;
	margin: 18px 0;
	padding: 0;
}

body {
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6,
p, ul, ol, dl {
	margin: 18px 0;
}


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




a {
	color: #0274AB;
	font-weight: bold;
}
	a:hover {
		color: #81BAD6;
	}


h1 {
	font-size: 24px;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 24px;
}

h2 {
	margin-top: 36px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
	h3 {
		font-weight: bold;
		margin-bottom: -18px;
	}






body {
	background: #FFF url(../img/head_bg_top.png) repeat-x;
	text-align: center;
	
	color: #282828;
	
	margin: 0;
	padding: 0;
}
	#wrap {
		 width: 960px;
		 margin: 0 auto;
		 padding: 0;
		 text-align: left;
	}
	
		#head {
			position: relative;
			height: 236px;
			background: url(../img/head_bg_center_top.png) no-repeat center top;
		}
			#logo {}
				#logo a {
					position: absolute;
					left: 20px;
					top: 21px;
					background: url(../img/logo.gif) no-repeat;
					width: 195px;
					height: 66px;
					overflow: hidden;
					text-indent: -3000px;
					
				}
				
				#welcome {
					position: absolute;
					top: 140px;
					left: 20px;
					color: #FFF;
				}
					#welcome h1 {
						margin: 0;
					}
					#welcome h2 {
						color: #FFF;
						margin: 2px 0; 
					}
					#welcome p {
						margin: 0; 
					}
					
				#soldout {
					position: absolute;
					width: 184px;
					right: 20px;
					top: 129px;
					color: #FFF; 
					text-decoration: none;
					padding: 0 0 0 12px;
					text-decoration: underline; 
				}
					#soldout strong {
						background: url(../img/sold_out_button.gif) no-repeat;
						display: block;			
						font-size: 24px;
						font-weight: bold;
						line-height: 52px;
						letter-spacing: -1px;
						margin: 0 -12px 4px;
						padding: 0 12px;
						height: 52px; 
						color: #000;
						text-indent: -300px;
						overflow: hidden; 
					}
					#soldout .sugBr {
						display: block;
					}	
					#soldout:hover {
						text-decoration: none; 
					}			
					
	#subWrap {
		background: url(../img/dot_gray.gif) repeat-y 760px 0;
		padding-bottom: 36px;
	}


#nav {
	position: absolute;
	right: 20px;
	top: 79px;
	margin: 0;
}
	#nav li {
		float: left;
	}
	#nav a,
	#nav a span {
		background: url(../img/nav_button_bg.gif); 
		line-height: 28px;
		height: 28px;
		display: block;
		float: left;
		text-decoration: none;
		color: #FFF;
		font-size: 11px;
		font-weight: normal;
	}
		#nav a {
			padding-right: 12px;
			margin-left: 4px;
			cursor: pointer;
		}		
		#nav a span {
			padding-left: 12px;
		}
		#nav a { background-position: 100% 0; }		
		#nav a span { background-position: 0 0; }
			#nav a:hover { background-position: 100% -28px; }		
			#nav a:hover span { background-position: 0 -28px; }

	#cont,
	#side1,
	#side2 {
		float: left;
		padding: 0 20px;
	}
		#side2 p {
			margin: 8px 0;
		}
	
	
		#cont {
			width: 720px;
			padding: 0 20px;
		}

			#cont h1 {
				margin-top: 36px;	
			}
		#side1,
		#side2 {
			font-size: 11px;
			
		}
		#side1 {
			display: none;
			width: 240px;
		}
		#side2 {
			width: 160px;
		}
		
		#page_HomePage #cont {
			width: 440px;
		}
		#page_HomePage #side1 {
			display: block;
		}



.more {
	font-size: 11px;
}
	
	
#cont ul li {
	margin: 0;
	padding-left: 20px;
	background: url(../img/bullet_blue.gif) no-repeat 6px 6px;
}


#foot {
	background: url(../img/dot_gray.gif) repeat-x;
	padding: 36px 20px 36px;
	color: #808080;
	font-size: 11px;
}
	#foot a {
		color: #808080;
	}
		#foot a:hover {
			color: #C0C0C0;
		}
	#mosso_logo {
		background: url(../img/mosso_logo.gif) no-repeat 0 50%;
		padding-left: 18px;
	}
	
	
	
#registerBox {}
	#registerBox,
	#registerBox .inner {
		background: url(../img/register_box_bg.gif);
	}
	#registerBox {
		margin: 36px 0;
		padding-top: 18px;
	}
	#registerBox .inner {
		padding: 0 20px 18px;
		background-position: 0 100%;
	}
	#registerBox .button {}	
		#registerBox .button,
		#registerBox .button strong {
			float: left;
			height: 42px;
			line-height: 42px;
			background: url(../img/register_box_button_bg.gif);
			font-size: 14px;
			color: #FFF;
			padding-left: 16px;
			text-decoration: none;
		}
		#registerBox .button strong {
			padding: 0 40px 0 0;
			background-position: 100% 0;
		}
	
	#registerBox p {
		margin: 0;
		clear: both; 
	}

	
#subscribe ul li {
	background: url(../img/icons/feed.gif) no-repeat 0 5px;
	padding-left: 20px;
	padding: 3px 0 3px 20px;
}
	#subscribe ul li.facebook { background-image: url(../img/icons/facebook.gif); }
	#subscribe ul li.twitter { background-image: url(../img/icons/twitter.gif); }
	#subscribe ul li.flickr { background-image: url(../img/icons/flickr.gif); }
	#subscribe ul li.lexy { background-image: url(../img/icons/lexy.gif); }
	#subscribe ul li.zannel { background-image: url(../img/icons/zannel.gif); }
	#subscribe ul li.ventana { background-image: url(../img/icons/ventana.gif); }
	#subscribe ul li.linkedin { background-image: url(../img/icons/linkedin.gif); }
	#subscribe ul li.wattzon { background-image: url(../img/icons/wattzon.gif); }



#cont img {
	float: left;
	margin: 4px 20px 16px 0;
}

#cont .right img {
	float: right;
	margin: 4px 0 16px 20px;
}
	
	
#page_Speakers #cont .speaker img ,
.headlines {}
	.headlines dt {
		margin-top: 18px;
	}
	.headlines dd.meta {
		margin-bottom: 18px;
		font-size: 11px;
		color: #787878;
	}

#subscribe .text {
	width: 120px;
}

#page_Advisers #cont .speaker img {
	float: left;
	margin: 4px 20px 16px 0;
}

#cont form p {
	margin: 20px 0;
}

	

table tr, table th, table td {
	text-align: left;
	vertical-align: top;
}

form table {
	width: 80%;
	border-collapse: collapse;
}
	form table input {
		width: 100%;
	}
	form table tr {}
	form table th, form table td {
		text-align: left;
		padding: 8px 16px 8px 0;
		margin: 0;
		vertical-align: top;
	}
		form table th {
			padding-bottom: 0 ! important;
		}
	form table .submit input {
		width: auto;
	}
	


form {}
	form h2 {
		margin-top: 20px;
		padding-top: 19px;
		border-top: 1px solid #CFE8F6;
	}
	form .row {
		position: relative;
		border-top: 1px dotted #CFE8F6;
		padding-left: 220px;
		margin: 0;
		padding: 9px 0 9px 220px;
	}
	form .row label {
		display: block;
		width: 200px;
		position: absolute;
		left: 0;
		top: 9px;
	}
	form .row .text,
	form .row textarea {
		width: 440px;
	}
		form .row textarea {
			height: 200px; 
		}
	
	form p.note, form div.note, form .note_error {
		font-size: 11px;
		font-style: italic;
		margin: 0 0 9px 220px;
		padding: 0;
	}
	form .error, form .note_error {
		color: #C00;
		font-weight: bold;
	}

.errors {
	color: #C00;
}

form dl {}
	form dl,
	form dt,
	form dd {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	form dl {
		margin-top: 30px;
	}
	
	form dt {
		margin-top: 10px;
		padding: 9px 20px 0;
		border-top: 1px solid #ccc;
	}
	form dd {
		margin: 10px 0;
		padding: 0 20px;
	}
	
	form dd.note {
		font-size: 11px;
		line-height: 20px;
	}
	
	form dd input.text,
	form dd textarea {
		width: 80%;
	}
		form dd textarea {
			height: 160px;
		}
		



#keynotes {
	padding-left: 68px;
}
	#keynotes dt {
		margin-top: 18px;
		padding-top: 0;
		font-size: 14px;
		position: relative;
	}
		#keynotes dt img {
			position: absolute;
			left: -68px;
			top: 2px;
		}
	#keynotes dd {
		padding-bottom: 6px;
		margin-bottom: 18px;
	}
	


#speakerList {
	color: #4B4B4B;
	padding-left: 48px;
}
	#speakerList h2 {
		margin-top: 0;
	}
	#speakerList a {
		color: #4B4B4B;
	}
		#speakerList a:hover {
			color: #777;
		}
	#speakerList dt {
		margin-top: 12px;
		font-weight: bold;
		position: relative;
	}
		#speakerList dt img,
		#speakerList dt .imgWrap {
			position: absolute;
			left: -48px;
			top: 5px;
		}
			#speakerList dt .imgWrap {
				display: block;
				width: 32px;
				height: 32px;
				background: url(../img/img_border_32.gif);
			}
	#speakerList dd {
		margin-bottom: 12px;
	}

form p {
	margin: 0 0 3px; 
}


.sponsor {
	margin: 6px 0 0;	
	display: block;
	background: url(../img/sponsor_showtime_bg.gif) no-repeat;
	height: 48px;
	overflow: hidden;
	padding: 9px 0;
	text-align: center;
	overflow: hidden;
}
	.sponsor.sponsorBig {
		background-image: url(../img/sponsor_showtime_big_bg.gif);
		height: 96px;
	}
	.sponsor:hover {
		background-position: 0 100%;
	}
	.sponsor img {
		vertical-align: middle;
	} 
	
#primetimeSponsors .sponsor {
	height: 66px;
	padding: 18px 0;
	background-image: url(../img/sponsor_primetime_bg.gif);
}
	
#headlineSponsors .sponsor {
	height: 84px;
	padding: 18px 0;
	background-image: url(../img/sponsor_headline_bg.gif);
}

.mosso-powered {
	background: url(../img/mosso.gif) no-repeat 0 50%;
	padding-left: 16px;
}


#launchpadGrid {}
	#launchpadGrid th,  
	#launchpadGrid td {
		padding: 18px 0 18px 18px;
		border-top: 1px solid #EEE; 
	}
	#launchpadGrid th.first {
		padding-left: 0;
	}
	#launchpadGrid th img {
		margin: 5px 0 0; 
	}
	
#padleft {}

	 #padleft img {
		position: absolute;
		left: -180px;
		top: 0;
	 }
	 
	 #padleft p {
		margin-left: 180px;
		position: relative; 
	 }
a {
	color: #2EA039;
}
	a:hover {
		color: #72BF7A;
	}

body {
	background-image: url(../img/head_bg_top.gif);
}
	#head {
		background: none;
	}
	
	
	#logo {}
		#logo a {
			background-image: url(../img/logo.gif?2);
			width: 256px;
			height: 59px;
			left: 20px;
			top: 24px;
		}
			
	#nav a,
	#nav a span {
		background-image: url(../img/nav_button_bg.gif?3); 
	}

		#nav a:hover { background-position: 100% -60px; }
		#nav a:hover span { background-position: 0 -60px; }
	
		#nav .active a,
		#nav .active a span {
			height: 29px;
			line-height: 29px;
		}
			#nav .active a { background-position: 100% -120px; }
			#nav .active a span { background-position: 0 -120px; }
			
		#goMainSite {
			position: absolute;
			top: -79px;
			right: 0;
		}
			#goMainSite a, #goMainSite a span {
				background-image: url(../img/navhome_link_bg.gif);
			}
			#goMainSite a { background-position: 100% -32px; }
				#goMainSite a span { background-position: 0 -32px; }
			#goMainSite a:hover { background-position: 100% -92px; }
				#goMainSite a:hover span { background-position: 0 -92px; }
	
	#page_WhyAttend #cont ul {
		clear: both;
	}
	
	#cont ul li {
		background-image: url(../img/bullet_orange.gif); 
	}
	
	
#registerBox,
#registerBox .inner {
	background-repeat: no-repeat;
}	
	#registerBox .button,
	#registerBox .button strong {
		background-image: url(../img/register_box_button_bg.gif); 
	}

	

		#schedule2 thead th,
		#schedule2 thead td {
			background-color: #EEE;
		}
		
		#schedule2 th.alt,
		#schedule2 td.alt {
			background-color: #FAFAFA;
		}
		
		#schedule2 tr.section th,
		#schedule2 tr.section td {
			border-color: #EEE;
		}
		
		
#cont h2, #side1 h2 {
	font-size: 16px;
}

#side1 { padding-top: 36px; }
#side1 h2 {
	margin-top: 0;
}

.speaker {clear: both;}

#cont ul { clear: none; }

#speakerlist {
	clear: both;
}

.error {
	font-weight: bold;
	color: #c00;
}



h2 {
	clear: both; 
}

#cont ul.photo-thumbs {}
	#cont ul.photo-thumbs li {
		background: none;
		margin: 0;
		padding: 0 20px 0 0;
		float: left;
		width: 124px;
		height: 100px;
	}

#cont ul.video-thumbs {}
	#cont ul.video-thumbs li {
		background: none;
		margin: 0;
		padding: 0 20px 0 0;
		float: left;
		width: 124px;
		height: 200px;
	}
		#cont ul.video-thumbs a {
			font-size: 11px; 
			line-height: 16px;
			text-decoration: none;
			display: block;
			margin-top: 4px;
		}
		#cont ul.video-thumbs li img {
			float: none;
			margin: 0 0 4px;
			display: block;
		}

a.slides, a.video, a.videos, a.photos, a.program {
	padding-left: 21px;
	margin-right: 8px;
	background: url(../img/icon_slides.gif) no-repeat 0 60%;
	display: inline-block;  
}
	a.video, a.videos { background-image: url(../img/icon_videos.gif); }
	a.photos { background-image: url(../img/icon_photos.gif); }
	a.program { background-image: url(../img/icon_program.gif); }
	
#schedule2 a.video,
#schedule2 a.slides,
#cont ul.video-thumbs li a.slides {
	font-size: 10px;
}
	
	
#archive-box {}
	#archive-box,
	#archive-box .head,
	#archive-box .cont { 
		background: url(../img/archivebox_bgs.gif) no-repeat;
		margin: 0 -40px;
		padding: 0 40px;
	}
	#archive-box {
		background-repeat: repeat-y;
		margin: -20px -20px 0; 
	}
	#archive-box .head {
		background-position: -280px 0;
		padding: 36px 40px 0;
	}
	#archive-box .cont {
		background-position: -560px 100%;
		padding-bottom: 26px;
	}
	#archive-box p,
	#archive-box ul,
	#archive-box ul li {
		margin: 8px 0;
	}
		#archive-box p {
			margin-top: 6px;
		}

#schedule2 {}
	#schedule2,
	#schedule2 h2,
	#schedule2 h3,
	#schedule2 p {
		font: normal 13px/20px Verdana, Arial, sans-serif;
	}
		#schedule2 p {
			font-size: 11px;
		}
	#schedule2 h2 {
		margin: 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	#schedule2 h3 {
		margin: 0 0 0;
		text-transform: none;
		font-weight: bold;
	}
	#schedule2 p {
		margin: 0;
	}
	
	#schedule2 .name {
		display: block;
		font-weight: bold;
	}
		#schedule2 .title {
			font-size: 11px;
		}
	#schedule2 thead th,
	#schedule2 thead td {
		background: #E3FACC;
		text-transform: uppercase;
	}

	#schedule2 th,
	#schedule2 td {
		text-align: left;
		vertical-align: top;
		padding: 10px;
	}
			#schedule2 th.alt,
			#schedule2 td.alt {
				background: #F2FDE6;
			}
		#schedule2 tr.section th,
		#schedule2 tr.section td {
			border-top: 1px solid #CEF6A6;
			padding-top: 9px;
		}
		#schedule2 .time {
			width: 6em;
		}
		
		#page_Workshops {}
	#page_Workshops #cont th,
	#page_Workshops #cont td {
		border-top: 1px solid #EEE;
		padding: 20px 0;
	}
	#page_Workshops #cont th {
		font-weight: bold;
		width: 180px;
	}
	#page_Workshops #cont h2 { 
		margin-top: 2px;
		margin-bottom: 9px; 
	}
	#page_Workshops #cont h3 {
		margin: 0;
	}
	#page_Workshops #cont h4 {
		
	}
	#page_Workshops #cont p {
		margin: 9px 0; 
	}
	#page_Workshops #cont h4 {
		font-weight: bold;
		margin: 9px 0;
	}
	#page_Workshops #cont ul {
		margin: 0 0 9px;
	}
		#page_Workshops #cont ul li {
			margin: 0;
		}
	#page_Speakers,
#page_Advisors {}
	#page_Speakers .creds,
	#page_Advisors .creds {
		margin-top: -20px;
		font-weight: bold;		
	}
	
	
#page_Speakers .imgWrap {
	float: left;
	margin: 4px 20px 16px 0;
	width: 80px;
	height: 80px;
	position: relative;
}
	#page_Speakers .imgWrap img {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0 !important;
		padding: 0;
	}
	#page_Speakers .imgWrap .border {
		position: absolute;
		width: 80px;
		height: 80px;
		background: url(../img/img_border_80.gif);
	}
.mpwrap {
	position: relative;
	min-height: 90px;
	margin: 18px 0;
	padding-left: 178px;
}
	.mpwrap .sponsor {
		position: absolute;
		left: 0;
		top: 0;
		width: 160px;
	}
		.mpwrap .sponsor img {
			float: none !important;
			display: inline;
			margin: 0 !important;
		}
		 #feed {}	
	#feed td {
		width: 220px;
		padding-right: 20px;
		padding-bottom: 18px;
	}	
		#feed h3 {
			margin: 0;
		}
		#feed p {
			margin: 0;
		}
		#feed small {
			color: #888;
		}