/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/*p {text-align:justify;}*/

nav, header, .content, .speakers, .sponsers, footer {
	width:100%;
}

nav {
	position:fixed;
	background-color:#fff;
	-moz-box-shadow: 0px 0px 30px #7f7f7f;
	-webkit-box-shadow: 0px 0px 30px #7f7f7f;
	box-shadow: 0px 0px 30px #7f7f7f;
	z-index:99;
}

nav div div {
	text-align:center;
	font-family: "Museo300";
	padding-top:15px;
	padding-bottom:15px;
}

nav div div a {
	text-decoration:none;
	font-size:16px;
	color:#1d1d1d;
}

nav div div a:hover {
	text-decoration:none;
	font-size:16px;
	color:#999;
}

#index, #register, #speaker {
	background-size:100%;
	background-repeat:no-repeat;
	padding-top:65px;
}

#index {
	background-image:url(../images/SparkWebsite_BannerImages.jpg);
}

#register {
	background-image:url(../images/SparkWebsite_BannerImages2.jpg);	
}

#speaker {
	background-image:url(../images/SparkWebsite_BannerImages3.jpg);	
}

#visualvoltage {
	background-image:url(../images/visualvoltage.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:100px;
	padding-bottom:65px;
	color:#fff;
}

.content {
	background-color:#1489CA;
	color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	-moz-box-shadow: inset 0px 10px 15px #10739E;
	-webkit-box-shadow: inset 0px 10px 15px #10739E;
	box-shadow: inset 0px 10px 15px #10739E;
	margin-top:-6px;
	overflow:auto;
}

.speakers {
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	-moz-box-shadow: inset 0px 10px 15px #ccc;
	-webkit-box-shadow: inset 0px 10px 15px #ccc;
	box-shadow: inset 0px 10px 15px #ccc;
	color:#939598;
}

.sponsers {
	background-color:#bababa;
	padding-top:20px;
	padding-bottom:20px;
	-moz-box-shadow: inset 0px 10px 15px #aaa;
	-webkit-box-shadow: inset 0px 10px 15px #aaa;
	box-shadow: inset 0px 10px 15px #999;
	color:#58595B;
}

footer {
	background-color:#1d1d1d;
	background-image:url(../images/footer_bkg.png);
	padding-top:40px;
	padding-bottom:10px;
	color:#fff;
	-moz-box-shadow: inset 0px 10px 15px #1A1A1A;
	-webkit-box-shadow: inset 0px 10px 15px #1A1A1A;
	box-shadow: inset 0px 10px 15px #1A1A1A;
}

footer a {
	color:#ccc;
	text-decoration:none;
}

footer a:hover {
	color:#fff;
	text-decoration:underline;
}

footer ul li {
	margin-bottom:0px;
}

#copy {
	padding-top: 80px;
	text-align: center;
}

.right {
	text-align:right;
}

.current {
	color:#F58220;
}

.embed-container {    
    position: relative;    
    padding-bottom: 56.25%; /* 16/9 ratio */   
    padding-top: 30px; /* IE6 workaround*/   
    height: 0;    
    overflow: hidden;
}
 
.embed-container iframe,
.embed-container object,
.embed-container embed {    
    position: absolute;    
    top: 0;    
    left: 0;    
    width: 100%;    
    height: 100%;
}

/* #Page Styles
================================================== */

.register {
	padding:5px 20px 5px 20px;
	background-color: #a1c13a;
	color:#000;
	font-family:"Museo300";
	font-size: 1.5em;
	text-decoration:none;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
}

.register:hover {
	color: #fff;
}

#speakers {
	margin-top:-6px;
}

#speakers a {
	color:#58595B;
	text-decoration:none;
}

#speakers a:hover {
	color:#999;
	text-decoration:underline;
}

.blue h2 {
	color:#1489CA;
}

.visvol {
	background-color:#fff;
	padding-top:50px;
	padding-bottom:20px;
	-moz-box-shadow: inset 0px 10px 15px #ccc;
	-webkit-box-shadow: inset 0px 10px 15px #ccc;
	box-shadow: inset 0px 10px 15px #ccc;
	color:#939598;
	}
	
.location {
	margin-top:50px;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		footer {
			text-align:center;
		}
		
		footer .right {
			text-align:center;
		}
		
		nav {
			position:relative;
		}
		
		#index, #register, #speaker {
			padding-top:0px;
		}
		#visualvoltage {
			padding-top:20px;
			padding-bottom:20px;
		}
		
		#copy {
			padding-top: 0px;
		}
		
		#social {
			padding-top: 20px;
		}
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */

@font-face {
    font-family: 'Museo300';
    src: url('museo300-regular.eot');
    src: url('museo300-regular.eot') format('embedded-opentype'),
         url('museo300-regular.woff') format('woff'),
         url('museo300-regular.ttf') format('truetype'),
         url('museo300-regular.svg#Museo300') format('svg');
}

@font-face {
    font-family: 'MuseoSans500';
    src: url('museosans_500.eot');
    src: url('museosans_500.eot') format('embedded-opentype'),
         url('museosans_500.woff') format('woff'),
         url('museosans_500.ttf') format('truetype'),
         url('museosans_500.svg#MuseoSans500') format('svg');
}

@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('museosans_500_italic.eot');
    src: url('museosans_500_italic.eot') format('embedded-opentype'),
         url('museosans_500_italic.woff') format('woff'),
         url('museosans_500_italic.ttf') format('truetype'),
         url('museosans_500_italic.svg#MuseoSans500Italic') format('svg');
}