/* ----------------------------------------------------------------------------------------- 
Index:
- Reset Styles
- General Structure
- Main Navigation
- Typography
- Tools

----------------------------------------------------------------------------------------- */


/* @group 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, b, u, i, center, dl, dt, dd, ol, ul, li, 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; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* @end */

/* @group Fonts */

@font-face {
    font-family: 'Cantarell';
    src: url('../fonts/cantarell-regular-webfont.eot');
    src: url('../fonts/cantarell-regular-webfont.eot?iefix') format('eot'),
         url('../fonts/cantarell-regular-webfont.woff') format('woff'),
         url('../fonts/cantarell-regular-webfont.ttf') format('truetype'),
         url('../fonts/cantarell-regular-webfont.svg#webfontEX82uJ5Y') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @end */	


/* @group General Structure */

body{
	height: 100%;
	background-image: -moz-linear-gradient(top, #2a4056, #426486);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#2a4056), to(#426486));
	background-image: -o-linear-gradient(top, #2a4056, #426486);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4056', endColorstr='#426486');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a4056', endColorstr='#426486')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: linear-gradient(top, #2a4056, #426486);
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
	color: rgb(26,26,26); 	
	-webkit-user-select:none;
    -webkit-text-size-adjust:none;	
    text-shadow: 1px 1px 0 #fff;
    }

#container{
	margin: 30px auto;
	position: relative;
	width: 960px;
	background: #fff url('../siteimages/bg.png') no-repeat 100% 20%;
}
#content {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
	overflow: hidden;
}
#branding{
	position: relative;	
	top: 0;
	height: 280px;
}

h1#logo{
	text-align: center;
}

h1#logo a{
	position: absolute;
	top: 100px;
	width: 600px;
	border: none;
	font-size: 64px;
	line-height: 1;
	text-align: right;
	color: rgb(26,26,26);
	text-transform: uppercase;
}
h1#logo a span{
	color: #94c15c;
}
h1#logo a:hover{
	border: none;
}

#branding h2 {
	position: absolute;
	top: 230px;
	left: 340px;
	z-index: 100;
	height: 40px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	color: #909090;
	text-align: right;
	}

#main{
	width: 600px;
	margin: 0 0 0 32px;
}
#sidebar{
	float:right;
	position: relative;
	width: 250px;
	margin: 0 32px;

}

#site-info{
	clear: both;
	height: 40px;
	margin-top: 44px;
	background-color: #f8d152;
	line-height: 40px;
}

#lead{
	float: left;
	width: 896px;
	margin: 16px 32px 32px;
}
/* @end */

/* @group main navigation */

#main-nav{
	position: relative;
	float: left;
	top: 0;
	right: 0;
	width: 100%;
	height: 54px;
	background-color: #f8d152;
	border-bottom: 1px solid #af8609;
}

#main-nav li{
	float: left;
	height: 100%;
	font: bold 15px/54px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
}
#main-nav li a{
	float: left;
	display: block;
	padding: 0 18px;
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	-webkit-transition: color .2s ease-in;
	text-shadow: 0	1px #af8609;
}
#main-nav li a:hover{
	color:#4b821a;
}
#main-nav li a.active, #main-nav li a.active:hover{
	color:#94c15c;
	cursor: default;}

#main-nav li.register{
	position: absolute;
	top: 12px;
	right: 10px;
	height: 32px;	
}	

#main-nav li.register a{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #4b821a ;
	background-color: #94c15c;
	line-height: 32px;
	text-shadow: 0 1px #4b821a;
	-webkit-transition: background .2s ease-in;
}
#main-nav li.register a:hover{
	color: #fff;
	background-color: #4b821a;
}

/* @end */


/* @group Typography */
	
/*-- =h# --*/
h1{
	margin-bottom:24px;
	font: 36px "Cantarell", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: #4b821a;
	   text-shadow: 1px 1px 0 #fff;

}
h1.sep{
	clear: both;
	margin-top: 24px;
}
h2, h2 a{
	clear: both;
	padding:0;
	margin:25px 0 10px 0;
	color: #4b821a;
	font: 24px "Cantarell", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}	
h2 a:hover{
	color: #94c15c;
}	
	#sidebar h2 {
	clear: both;
	padding:  0;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1;
	color: #4b821a;
}

	.page h2 {
	font-size: 18px;}
	
h3, h4, h5, h6 {
	margin: 0 0 6px 0;
	font: 13px "Cantarell", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #545454;
}
	h3.time {
	padding: 5px 5px 6px;
	margin: 0 0 18px 0;
	border: 1px solid #909090;
	border-width: 1px 0;
	background-color: #f1f1f1;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	h4.meta {
	font-size: 9px;
	color: #909090;
	text-transform: uppercase;
}
h6 {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;}

/*-- =p --*/
p{
	margin: 0 0 24px 0;
	font-size: 16px;
	line-height: 24px;
}
	#lead p{
	height: 100px;
	margin: 0;
	color: #5f5f5f;
	font: 32px/36px "Cantarell", "Lucida Grande", Lucida, Verdana, sans-serif;
	overflow: visible;
}
	#sidebar p{
	margin-bottom: 9px;
	font-size: 11px;
	line-height: 18px;
	color: #545454;
}
	#site-info p {
	margin-bottom: 0;
	padding-left: 32px;
	width: 750px;
	border-right: 4px solid #fff;
	font: 11px/40px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #545454;
	background-color: #94c15c;
	text-shadow: none;
	}
/*-- =ul --*/
ul#schedule {
	padding: 8px;
	border: 6px solid #f1f1f1;
	}
ul#schedule li {
	padding: 9px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	align: center;
	}
ul#news-feed li{margin-bottom: 24px;}

/*-- =dl --*/

/*-- =a --*/
a {
	color: #F7941E;
	text-decoration:none;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}
a:hover {
	color: #4b821a;
}

/* @end */

img{position: relative; float: left; padding: 5px; margin: 0 20px 0 0;background-color: #fff;border: 1px solid #fff; 
-moz-box-shadow:0px 1px 2px #433505;
-webkit-box-shadow:0px 1px 2px #433505;
box-shadow:0px 1px 2px #433505;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#433505');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=1, Direction=180, Color='#433505')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

object {padding: 5px; margin: 0 20px 0 0;background-color: #fff;border: 1px solid #fff; -moz-box-shadow:0px 1px 2px #433505;
-webkit-box-shadow:0px 1px 2px #433505;
box-shadow:0px 1px 2px #433505;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=180, color='#433505');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=1, Direction=180, Color='#433505')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

/* @group Tools */
.hide {display: none;}

.ir {text-indent: -1000em; overflow: hidden;}

.col { float: left;}

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

.clearfix {display:inline-block;}

html[xmlns] .clearfix {display:block;}

* html .clearfix {height:1%;}



/* @end */