/*

Site: SchipulCon 2009
Design: David Stagg for Schipul
Build: David Stagg for Schipul
URI: http://www.schipulcon.com

*/

* { font-size: 100%; margin: 0; padding: 0; }
a img { border: none; }
a { outline: none; }

body {
	font: 12px/1.4em Verdana, Geneva, sans-serif;
	color: #000;
	background: #fff url(/images/body-bg.jpg) repeat-x top left;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #CE7A2E; margin-bottom: 8px; } 
h1 { font-size: 26px; font-weight: bold; margin-bottom: 15px; line-height: 26px; letter-spacing: -.01em; }
h2 { font-size: 20px; padding-bottom: 3px !important; font-weight: bold; line-height: 22px; }
h3 { font-size: 16px; font-weight: bold; line-height: 18px; }

p { margin-bottom: 8px; }

a { color: #135D22; }
a:hover { text-decoration: none; }
a:active { }
a:visited { }

/* STRUCTURE */

#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	}
	a#date-banner {
		display: block;
		width: 120px;
		height: 185px;
		background: transparent url(/images/date-banner.png) no-repeat top left;
		position: absolute;
		right: 30px;
		top: 0;
		text-indent: -9999px;
		}

#header {
	display: block;
	height: 150px;
	width: 900px;
	background: #fff url(/images/header-bg.jpg) repeat-x bottom left;
	}
	#header-content {
		display: block;
		width: 900px;
		height: 483px;
		margin: 0 auto;
		position: relative;
		}
	
	#logo {
		display: block;
		width: 900px;
		height: 117px;
		background: transparent url(/images/logo-header.jpg) no-repeat top center;
		text-indent: -9999px;
		}

#main-content {
	width: 900px;
	background: transparent url(/images/content-bg.jpg) no-repeat top center;
	padding-top: 20px; 
	}
	
#main-content #left-col {
	float: left;
	width: 650px;
	margin-left: 20px; 
	}
	
	/* AGENDA PAGES */
	.agenda #main-content #left-col {
		width: 100%;
		font-size: 11px;
		}
	.agenda table { font-size: 11px; }
	.agenda table th { background-color: #FF9; padding: 10px; }
	.agenda table td { padding: 10px; border-bottom: 1px solid #d7d7d7; }
	.agenda table tr:hover { background: #ebebeb; }
	.agenda .speaking-title { font-size: 12px; color: #060; font-weight: bold; }	
	.agenda .speaking-author { font-style: oblique; }
	.agenda .lunch { background: #FFC; }
		
	.cycler { width: 620px; height: 330px; background:#ce7a2e; padding: 10px; position: relative; }
		
		#rotator-nav {padding: 2px 0 6px 0; margin:0 0 4px 0}
		#rotator-nav a { font: normal 10px verdana,arial; background: none; text-decoration: none; margin: 0 4px 0 0; padding: 2px 8px; color:#fff; height:18px; }
		#rotator-nav a.activeSlide { background: url(/images/rotator-arrow.png) bottom center #ddedbe no-repeat; color:#135d22; padding-bottom: 7px; font-weight: bold; }
		#rotator-nav a:focus {outline: none}
		
		#rotator { width: 620px; height: 302px; position:relative; overflow: hidden; }
		#rotator span {position:absolute; left:0; top:0; display:none}
		#rotator span:first-child {display:block} 
		#rotator span p {margin: 8px 0}
		#rotator p { margin: 0; padding: 0; }
		
		#rotator div, #rotator h1 a { color: #fff; }
		#rotator h1 { margin-bottom: 4px; padding: 0; }
		#rotator h1 a { font-size: 26px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
		#rotator h1 a:hover { text-decoration: underline; }
		#rotator div img { border: 1px solid #e3b388; }
		
		#rotator a.link-wrap { display: block; width: 109px; height: 18px; background: transparent url(/images/find-out-more.gif) no-repeat top right; text-indent: -9999px; margin-top: 8px; }
		#rotator a.link-wrap:hover { background: transparent url(/images/find-out-more.gif) no-repeat bottom right; }
		
		#rotator .rotator-desc {
			background-image: url(/images/rotator-bg.png);
			background-repeat: repeat;
			position: absolute;
			bottom: 1px;
			left: 1px;
			z-index: 99;
			width: 615px;
			height: auto;
			margin: 0 auto;
			}
			#rotator .rotator-content {
				width: 590px;
				padding: 10px 0;
				margin: 0 auto;
				}
	#news {
		display: block;
		width: 640px;
		height: 100px;
		position: relative;
		background: transparent url(/images/news-bg.jpg) no-repeat bottom center;
		overflow: hidden;
		}
		#news #news-left {
			position: absolute;
			width: 350px;
			left: 30px;
			top: 15px;
			}
			#news #news-left h2 {
				margin-bottom: 0;
				font-size: 14px;
				line-height: 16px;
				}
			#news #news-left p {
				margin-bottom: 0;
				font-size: 11px;
				line-height: 14px;
				}
		#news #news-right {
			position: absolute;
			width: 230px;
			right: 0;
			top: 12px;
			}
			#news #news-right ul { list-style: none; margin: 0; padding: 0; width: 195px; }
			#news #news-right ul li a { display: block; width: 195px; height: 22px; text-indent: -9999px; margin-bottom: 4px; }
				#news-right ul li a.register { background: transparent url(/images/sub-menu/register-today.jpg) no-repeat top left; }
				#news-right ul li a.register:hover { background: transparent url(/images/sub-menu/register-today.jpg) no-repeat bottom left; }
				#news-right ul li a.maps { background: transparent url(/images/sub-menu/maps-directions.jpg) no-repeat top left; }
				#news-right ul li a.maps:hover { background: transparent url(/images/sub-menu/maps-directions.jpg) no-repeat bottom left; }
				#news-right ul li a.meet { background: transparent url(/images/sub-menu/meet-the-speakers.jpg) no-repeat top left; }
				#news-right ul li a.meet:hover { background: transparent url(/images/sub-menu/meet-the-speakers.jpg) no-repeat bottom left; }
				
		#our-sponsors { width: 600px; margin: 0 auto; }
		#our-sponsors img { margin-bottom: 0; }
		#our-sponsors a img { border: none; }
			
	
#main-content #right-col {
	float: right;
	width: 200px;
	margin-right: 20px;
	}
	.sidebar-container {
		margin-bottom: 20px;
		}
	.sidebar-container p { font-size: 11px; }
	
	.sidebar-container ul { list-style: none; margin: 0; padding: 0; }
	.sidebar-container ul li {  }
	.sidebar-container ul li p { display: none; }
	.sidebar-container ul li a { padding: 4px 6px; display: block; font-size: 11px; }
	
/* SUB SPECIFIC */
.sub #main-content #left-col {
	width: 610px;
	}
.sub #main-content #right-col {
	background: transparent url(/images/sidebar-cutoff.jpg) repeat-y left top;
	width: 225px;
	margin-right: 20px;
	}
	.sub .sidebar-container {
		margin-bottom: 15px;
		padding-left: 25px;
		}
	#right-col #sidebar-top { display: block; width: 220px; height: 40px; background: transparent url(/images/sidebar-top.jpg) no-repeat top left; }
	#right-col #sidebar-bottom { display: block; width: 220px; height: 40px; background: transparent url(/images/sidebar-bottom.jpg) no-repeat top left;}

/* SPECIFIC TO CALENDAR REGISTRATION PAGE */

h1.summary a.url { text-decoration: none !important; }
.vevent h2 { font-weight: normal !important; }
.vevent h3 { border-bottom: 1px solid #9cc0d9; padding-bottom: 15px; margin-bottom: 15px; }

/* END */


/* AGENDA PAGE */
.agenda #main-content #left-col { width: 800px; }


/* MAPS */

#map {
	width: 610px;
	height: 400px;
	}


#images { height: 185px; width: 240px; padding:0; margin:0; overflow: hidden;}
#images img { border:none;}


#footer { position: relative; width: 900px; height: 105px; margin: -30px auto 20px auto; background: #fff url(/images/footer-bg.jpg) no-repeat top left; z-index: 1; }
#footer #text { width: 450px; font-size: 11px; position: absolute; right: 20px; bottom: 10px; text-align: right; }

hr { border-top: 1px solid #9cc0d9; border-bottom: 1px solid #e1f1fb; margin-bottom: 8px; }

#secondary { width: 600px !important; }
#showh { margin-bottom: 10px !important; }

.code { font: 12px/1.4em "Courier New", Courier, monospace; }

.clear { clear: both; }