body {
	margin:0px;
	padding:0px;
	background-color:#000;
	font-size: 100%;
    line-height: 1.4em;
}

.headline {
	padding:6% 0 0% 10%;
	font-size:48pt;
}
.subhead {
	padding:1% 0 1% 10%;
	font-size:1.2em;
}

a {
	color:#ed1c24;
	text-decoration: none;
}
a:hover {
	color:#790000;
}
.colinBunn {
	display:inline;
	color:#ed1c24;
	margin-right:2%;
	cursor:pointer;
}

.music_zips {
	display:none;
}
.sectionHeader {
	font-weight:bold;
}

.colinBunn:hover {
	color:#fff;
}

.alignCenter {
	width:100%;
	text-align: center;
}


.main,.music,.design,.technology {
	position:absolute;
	width:50%;
	background-color: #fdfdfd;
	margin:0 0 0 10%;
	padding:30px;
}

.photoCredits {
	clear:both;
	margin:20px 0px 0px 0px;
	font-size:.8em;
}

.copy {
	color:#000;
	font-size:.14em;
	line-height:1.4em;
}

.oswald {
	font-family:'Oswald',verdana;
}
.chelsea {
	font-family:'Chelsea Market',cursive;
}

.e-entry-title {
	font-family:'Raleway',verdana;
}
.raleway {
	font-family:'Raleway',verdana;
}
.section {
	font-weight:bold;
	padding:10px 0px;
}

#dragThis {
	z-index:5;
	position:absolute;
	top:-20px;
	width:100%;
}

.dragMe {
    background: #ccc;
    padding:10px;
    border-radius: 15px;
    text-align:center;
    float:right;
 }

 .arrow-down {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 16px solid #ccc;
	position:relative;
	float:right;
	top:40px;
	left:43px;
}

.intro {
	background-image: url('../img/20130321_GOS_at_the Winery_92.jpg');
}
.fullscreenImg img {
	width:100%;
	z-index:1;
}

.navbar {
	position:fixed;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	color:#ffffff;
	background-color: #000;
	box-shadow: 0,0,0,.3;
}

.navigation, .navigation div { display:inline;cursor:pointer;}
.navigation div:hover { color:#ed1c24;}

.tweet {
	display:none;
}
.ontop {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	font-size:100pt;
	height:100%;
	width:100%;
	color:#ffffff;
}
.link {
	display:inline;
	padding:0px 10px;
	background-color:#336699;
}

.headline img {
	min-width:50%;
	max-width:60%;
}

@media only screen and (max-width: 320px) {
   body { font-size: 90%; }
   #dragThis { display:none;}
   .main,.music,.design,.technology {	width:70%; }
}

@media only screen and (max-width: 800px) {
   body { font-size:100%;}
   .main,.music,.design,.technology {	width:70%; }
   #dragThis { display:none;}
}  
 
@media only screen and (max-width: 1100px) {
   body { font-size:120%;}
}