/*	The following unique combination of positioning, typography, colour, images, sizing ('The Style') is copyright 2009 Joseph Russell. */
/*	This Style has been licensed for use by Hodgetastic. */
/*	This means you may NOT reuse this Style for another web site. */

/*	ACKNOWLEDGEMENTS */
/*	Modular Layout System inspired by Jason Santa Maria (http://24ways.org/2008/making-modular-layout-systems). */
/*	Grid Layout System inspired by The 960 Grid System (http://960.gs/) and The 1Kb CSS Grid (http://www.usabilitypost.com/2009/05/29/the-1kb-css-grid-part-1/) */
/*	Clear Fix solution by Jeff Starr (http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack) */

/*========================================*/
/*	COLOUR PALETTE */
/*========================================*/

/*========================================*/
/*	DOCUMENT REBOOT */
/*========================================*/

@import url(reset.css);
@import url(reboot.css);
@import url(debug.css);

#grid span{margin:0;}

html{
}

body {
	background:#1472AF url(../img/back.gif) repeat-y -160px 0;
	color:#fff;
	font-family: Calibri, Arial, "Helvetica Neue", Helvetica, Geneva, Verdana, sans-serif;	
	/*font-size:22px;*/
}

h1, h2, h3, h4, h5, h6{
	color:#fff;
	font-family:Corbel,Tahoma,Geneva,Verdana,sans-serif;	
	font-weight:bold;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
}

h1{
	margin-bottom:20px;
	padding-top:40px;
	font-size:4.8em;
	line-height:1.042em;
}

h2{
	font-size:2.4em;
	line-height:1.5em;
}

h3{
	font-size:2.1em;
	line-height:1.5em;
}

p{
	font-size:1.8em;
	line-height:1.5em;
}

/*===== TABLES =====*/

/*
table{
	margin-bottom:10px;
	width:100%;
	font-size:1.2em;
}
*/

	th, td, caption{
		padding:3px 10px 8px 5px;
		vertical-align:top;
	}
/*
	caption{
		font-weight:bold;
	}
	
	th, td{
		text-align:left;
	}
*/	
	thead th{
		border-top:none;
		border-bottom:2px solid #fff;
	}
	
	tbody tr th,
	tbody tr td{
		border-bottom:1px dotted #fff;
	}

/*===== LINKS =====*/

a{
	border-bottom:none;
	color:#ef0;
	text-decoration:none;
	cursor:pointer;
}

a:hover, a:focus, a:active{
	border-bottom:1px solid #ef0;
	color:#ef0;
}

/*===== MISC =====*/

abbr{
	border-bottom:1px dotted #ccc;
	cursor: help;
}

.dtstart, .dtend{
	border:none;
}

hr{
	margin-bottom:18px;
	border-bottom:2px dotted #fff;
}

/*========================================*/
/*	UNIVERSAL & MODULAR LAYOUT */
/*========================================*/

/*===== BUILDING BLOCKS =====*/

.container{
	/*position:relative;*/
	margin:0 auto;
	width: 960px;
	/*overflow:auto;*/
}

	.section, .article, .aside{
		/*position:relative;*/
		display: inline;
		float: left;
		margin:0 10px;
		/*overflow:auto;*/
	}
	
		.header{
			margin:0;
			padding:0;
		}
		
		.content{
			margin:0;
			padding:0;
		}
		
		.footer{
			margin:0;
			padding:0;
		}

/*====== GRID SIZING =====*/

/*	960px Grid: 60px Columns + 20px Gutters */

.g1{width:60px;}
.g2{width:140px;}
.g3{width:220px;}
.g4{width:300px;}
.g5{width:380px;}
.g6{width:460px;}
.g7{width:540px;}
.g8{width:620px;}
.g9{width:700px;}
.g10{width:780px;}
.g11{width:860px;}
.g12{width:940px;}

.l1{padding-left:80px;}
.l2{padding-left:160px;}
.l3{padding-left:240px;}
.l4{padding-left:320px;}
.l5{padding-left:400px;}
.l6{padding-left:480px;}
.l7{padding-left:560px;}
.l8{padding-left:640px;}
.l9{padding-left:720px;}
.l10{padding-left:800px;}
.l11{padding-left:880px;}

.r1{padding-right:80px;}
.r2{padding-right:160px;}
.r3{padding-right:240px;}
.r4{padding-right:320px;}
.r5{padding-right:400px;}
.r6{padding-right:480px;}
.r7{padding-right:560px;}
.r8{padding-right:640px;}
.r9{padding-right:720px;}
.r10{padding-right:800px;}
.r11{padding-right:880px;}

/*===== AUXILIARY MODIFIERS =====*/

.alfa{margin-left:0;}
.zulu{margin-right:0;}

/*===== EXTRA POSITIONING =====*/

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}

.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}

.clr{
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

.cfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.cfix {display: inline-block;}

* html .cfix{height: 1%;}

.cfix{display: block;}

/*===== AUXILIARY STYLING =====*/

.nm{margin:0;}
.nb{border:0;}
.np{padding:0;}
.first{}
.last{margin-bottom:0;}

/*========================================*/
/*	LAYOUT */
/*========================================*/

#menu {
	float:left;
	position:absolute;	
	padding:20px 0;
	width:310px;
	text-align:right;
	z-index:5;
}

	#logo {
		border:none;	
		float:right;
		display:block;
		margin-bottom:40px;
		padding-top:100px;
		height:0;
		width:310px;
		background:url(../img/logo.gif) no-repeat 5px 20px;
		overflow:hidden;
	}

	#menu ul{
		float:right;
		padding:0;		
		width:310px;	
		list-style:none;
		font-size:1.8em;
	}
	
	#nav{
		margin-bottom:20px;
	}
	
	#aux{
	}

		#menu li{
			float:right;
			width:390px;
		}

			#menu li a{
				display:block;
				float:right;
				border:none;
				padding:10px 15px;
				background:#0F5380;
				color:white;
			}

			#menu li a:hover, #menu li a:focus, 
			#menu li a:active{
				color:#ef0;
			}
			
			#menu ul #olive a {background:#666633;}
			#menu ul #yellow a   {background:#CC9900;}
			#menu ul #purple a   {background-color:#660066;}
			#menu ul #green a   {background:#006633;}
			#menu ul #darkgreen a   {background:rgb(0,64,0);}
			#menu ul #red a   {background-color:#990000;}
			#menu ul .navi a { background-color:white;color:black;}
			#menu ul #gray a   {background-color:rgb(85,85,85);}
			
			#menu li.current a{
				background: #0099CC;
			}
			


#content {
	float:left;
	width:620px;
	padding:20px 10px 20px 330px;
}

	#content h1 + p{
		margin-bottom:20px;
		font-size:2.4em;
		line-height:1.25em;
	}
	
	/*===== SCHEDULE ======*/
	
	.vcalendar{
		font-size:1.4em;
	}
	
		col{
			width:25%;
		}
	
		.vcalendar .category{
			display:block;
			text-transform:uppercase;
		}
		
		.vcalendar .summary{
			font-size:1.286em;
			font-weight:bold;
		}
		
		.vcalendar a.speaker{
		}
		
	.pres{
		display:none;
	}
	
	#pres{
		padding:20px;	
		background:#84A017;
		-moz-box-shadow:0 1px 1px rgba(0,0,0,0.25);
		-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.25);
		box-shadow:0 1px 1px rgba(0,0,0,0.25);		
	}
	
	/*===== SPEAKERS ======*/
	
	.speaker{
		float:left;
		display:inline;
		margin:0 20px 20px 0;
		width:140px;
	}
	
		.photo{
			float:left;
			margin:0 20px 10px 0;
			border:2px solid #fff;
			-moz-box-shadow:0 1px 1px rgba(0,0,0,0.25);
			-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.25);
			box-shadow:0 1px 1px rgba(0,0,0,0.25);
			width:136px;
		}
		
		a:hover .photo, a:focus .photo{
			border-color:#ef0;
		}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
a#logo:visited {
color: white;
}