/************* GENERAL STYLES ***/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

:focus { outline: 0; }

body {
	font-size: 14px;
	font-family: 'ProximaNovaRgRegular';
	line-height: 1.5;
	color: #222;
	background: white; }
	
html, body { height: 100%; }
	
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td {
	text-align: left;
	font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }

blockquote, q { quotes: "" ""; }

textarea { resize: none; }

a.btn_link {
    padding: 10px;
    background-color: #2bc5a2;
    color: white !important;
    font-size: 14px;
    text-decoration: none;
}

a.btn_link:hover {
    color: white !important;
    background-color: #2bc5a2;
}

/*** FONT STYLES ***/
@font-face {
    font-family: 'ProximaNovaLtRegular';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#ProximaNovaLtRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'ProximaNovaRgRegular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#ProximaNovaRgRegular') format('svg');
    font-weight: normal;
    font-style: normal; }
    
@font-face {
    font-family: 'ProximaNovaRgBold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#ProximaNovaRgBold') format('svg');
    font-weight: normal;
    font-style: normal; }

h1, h2 { 
	font-size: 24px; 
	font-weight: normal;
	font-family: 'ProximaNovaLtRegular';
	color: #f47638;
	margin: 0 0 10px 0;
	line-height: normal; }
	
h2 { 
	color: #222;
	margin: 30px 0 10px; }

a:link, a:visited { 
	color: #f47638;
	text-decoration: none; }
	
a:hover { text-decoration: underline; }

p { margin-bottom: 16px; }

strong { font-family: 'ProximaNovaRgBold'; }

/************* STRUCTURE STYLES ***/
#page {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float: left;
	margin: 0 0 -44px; }

.fullWidth {
	width: 100%;
	float: left; }

.wrapper {
	width: 960px;
	padding: 0 20px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	header {
		height: 131px;
		background: #757575; }
		
		#header {
			width: 960px;
			height: 131px;
			float: left;
			background: url(../images/header_bg.png) top right no-repeat; }
		
		header img.logo {
			width: 449px;
			height: 41px;
			float: left;
			margin: 30px 0 0; }
			
		/*** NAV ***/
		nav { 
			float: right;
			margin: 10px 0 0; }
		
			nav ul { 
				line-break: none;
				float: right;
				font-size: 18px; }
				
				nav ul li { 
					display: inline;
					margin: 0 0 0 18px; }
				
				nav ul a:link, nav ul a:visited { color: #d0cfcf; }
				
				nav ul a:hover, nav ul a.active {
					color: #fff;
					text-decoration: none; }
					
	/*** SECTION ***/
	section {
		width: 960px;
		float: left;
		padding: 25px 0 69px; }
		
		/*** SLIDESHOW ***/
		#slideshow {
			width: 960px;
			height: 502px;
			float: left;
			position: relative; }
			
			#slider {
				width: 960px;
				height: 502px;
				float: left;
				position: relative; }
			
			#navBlocks {
				width: 498px;
				height: 498px;
				position: absolute;
				top: 2px;
				right: 2px;
				z-index: 100;
				background: url(../images/navBlocks_bg.png) top no-repeat; }
				
				#navBlocks a {
					width: 98px;
					height: 98px;
					display: none;
					position: absolute;
					text-indent: -9999em; }
					
					#navBlocks a.media {
						top: 0;
						left: 200px;
						background: url(../images/navBlock_media.png) top no-repeat; }
						
					#navBlocks a.bio {
						top: 0;
						right: 0;
						background: url(../images/navBlock_bio.png) top no-repeat; }
						
					#navBlocks a.schedule {
						top: 150px;
						right: 0;
						background: url(../images/navBlock_schedule.png) top no-repeat; }
						
					#navBlocks a.sponsors {
						bottom: 100px;
						right: 100px;
						background: url(../images/navBlock_sponsors.png) top no-repeat; }
						
					#navBlocks a.contact {
						bottom: 50px;
						left: 100px;
						background: url(../images/navBlock_contact.png) top no-repeat; }
						
					#navBlocks a.gallery {
						bottom: 0;
						left: 0;
						background: url(../images/navBlock_gallery.png) top no-repeat; }
						
					#navBlocks a.blog {
						bottom: 0;
						right: 0;
						background: url(../images/navBlock_blog.png) top no-repeat; }
						
					#navBlocks a:hover { background-position: bottom; }
					
		/*** ARTICLE ***/
		article {
			width: 960px;
			min-height: 400px;
			float: left;
			margin: 0 0 15px; }
			
			/*** BIO ***/
			#stats { float: left; }
			
				#stats li { margin: 0 0 5px; }
				
			img.profile { float: right; }
			
			#bioContent {
				width: 960px;
				float: left;
				margin: 20px 0 0; }
				
			/*** SPONSORS PAGE ***/
			.sponsorBlock {
				width: 960px;
				float: left;
				margin: 0 0 30px; }
			
			img.sponsor {
				width: 200px;
				float: left; }
				
			.sponsorContent {
				width: 740px;
				float: right; }
				
			/*** GALLERY ***/
			.gallery{
				width: 960px;
				float: left; }
		
				.gallery a {
					width: 223px;
					height: 148px;
					float: left;
					position: relative;
					margin: 0 20px 20px 0;
					border: 1px solid #757575; }
			
				.gallery a img { 
					width: 223px;
					height: 148px;
					display: block; }
					
				.gallery a .overlay {
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					background: url(../images/gallery_overlay.png) center center no-repeat #000;
					zoom: 1;
					filter: alpha(opacity=50);
					opacity: 0.5;
					display: none; }
					
					.gallery a:hover .overlay { display: block; }
					
				.gallery a.end { margin: 0 0 20px; }
				
			/*** SCHEDULE ***/
			table tr.odd { background: #f5f5f5; }
			
			table thead {
				font-size: 16px;
				font-family: 'ProximaNovaRgBold'; }
				
			table td, table th { padding: 5px; }
			
			/*** BLOG ***/
			.blogPost {
				width: 640px;
				float: left;
				margin: 0 0 20px; }
				
				.blogPost .date {
					width: 100px;
					height: 85px;
					float: left;
					padding: 15px 0 0;
					background: #15b895;
					font-size: 48px;
					color: #fff;
					font-family: 'ProximaNovaLtRegular';
					text-align: center;
					line-height: 40px;
					text-transform: uppercase; }
					
					.blogPost .date span {
						display: block;
						font-size: 30px; }
						
				.blogPost .blogContent {
					width: 530px;
					float: right; }
					
					.blogPost .blogContent h2 {
						margin-top: 0;
						color: #f47638; }
						
			/*** CONTACT ***/
			span.contact {
				display: block;
				margin: 0 0 7px; }
				
				span.contact a { 
					height: 32px;
					display: block;
					padding: 0 0 0 37px;
					color: #222;
					line-height: 32px; }
					
					span.contact a.instagram { background: url(../images/icon_instagram.png) top left no-repeat; }
					span.contact a.facebook { background: url(../images/icon_facebook.png) top left no-repeat; }
					span.contact a.twitter { background: url(../images/icon_twitter.png) top left no-repeat; }
				
			form#contact {
				width: 630px;
				float: left;
				margin: 10px 0 0; }
				 
				form#contact ul { 
					float: left;
					list-style: none; }
				 
				form#contact ul li { 
					float: left;
					margin: 0 0 15px 0; }
				 	
					form#contact ul li.right { float: right; }
				 
				form#contact label { 
					display: block;
					margin: 0 0 3px; }
				 
				form#contact input.text, form#admin_form input.text {
					width: 288px;
					height: 28px;
					padding: 5px;
					border: 1px solid #aaa;
					background: #f5f5f5;
					font-family: inherit;
					font-size: inherit;
					line-height: 28px; }
				 	
					form#contact input.text:hover,
					form#contact input.text:focus, form#admin_form input.text:hover,
					form#admin_form input.text:focus { border-color: #595959; }
				 	
					form#contact input.fullWidth { width: 618px; }
				 	
				form#contact textarea {
					width: 618px;
					min-height: 150px;
					padding: 7px 5px;
					border: 1px solid #aaa;
					background: #f5f5f5;
					font-family: inherit;
					font-size: inherit;
					overflow: auto; }
				 	
					form#contact textarea:hover,
					form#contact textarea:focus { border-color: #595959; }
				 	
					form#contact input.submit {
						width: 145px;
						height: 40px;
						float: right;
						cursor: pointer;
						background: url(../images/btn_send.png) top no-repeat;
						border: none; }
				 		
				 		form#contact input.submit:hover { background-position: bottom; }
			
		/*** SPONSORS ***/
		#sponsors {
			width: 960px;
			float: left;
			padding: 25px 0 0;
			text-align: center;
			background: url(../images/sponsors_bg.png) top center no-repeat; }
		
			#sponsors img {
				height: 53px;
				display: inline;
				margin: 0 10px; }
				
		/*** ASIDE ***/
		aside {
			width: 300px;
			float: right;
			margin: 33px 0 0; }
			
			aside .head {
					width: 250px;
					height: 40px;
					float: left;
					background: #26b795;
					line-height: 40px;
					color: #fff; }
					
					aside .head span {
					    float: left;
					    font-size: 20px;
					    margin: 0 0 0 12px;
					    text-transform: uppercase; }
					    
					aside .newsBtns {
					    width: 9px;
					    height: 15px;
					    float: right;
					    display:block;
					    margin: 12px 10px 0 0; }
					    
					    aside .newsBtns a {
					    	width: 9px;
					    	height: 15px;
					    	display:block;
					    	float: right; }
					    
					    aside #newsNext { background: url(../images/icon_next2bg.png) top no-repeat; }
					    aside #newsNext a { background: url(../images/icon_next2.png) top no-repeat; }
					    
					    aside #newsPrev { background: url(../images/icon_prev2bg.png) top no-repeat; }
					    aside #newsPrev a { background: url(../images/icon_prev2.png) top no-repeat; }
					    
					    aside #newsCycle {
						    width: 250px;
						    float: left;
						    margin: 5px 0 0; }
						
						aside .newsItem {
						    width: 250px;
						    float: left;
						    padding: 12px 0;
						    border-bottom: 1px solid #b9c5cf; }
						    
						    aside .newsItem a { display: block; }
				
	/*** FOOTER ***/
	footer {
		height: 44px;
		background: #e0e0e0; }
		
		footer a.contactBtn {
			width: 172px;
			height: 32px;
			float: left;
			margin: 6px 0 6px 20px;
			background: url(../images/btn_contact.jpg) bottom no-repeat; }
			
			footer a.contactBtn:hover { background-position: top; }
			
		footer #social { 
			height: 32px;
			float: right;
			margin: 6px 20px 6px 0; }
			
			footer #social a {
				width: 32px;
				height: 32px;
				float: right;
				margin: 0 0 0 5px; }
				
				footer #social a.facebook { background: url(../images/icon_facebook.png) bottom no-repeat; }
				footer #social a.instagram { background: url(../images/icon_instagram.png) bottom no-repeat; }
				footer #social a.twitter { background: url(../images/icon_twitter.png) bottom no-repeat; }
				footer #social a.linkedin { background: url(../images/icon_linkedin.png) bottom no-repeat; }
				footer #social a.youtube { background: url(../images/icon_youtube.png) bottom no-repeat; }
				
				footer #social a:hover { background-position: top; }