@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Londrina+Solid|Abril+Fatface);
/*			Custom Google Fonts 		//
headers:
font-family: 'Abril Fatface', serif;
font-family: 'Londrina Solid', serif;

*/

/* Clif The Drifter styles //

FONTS
headers, nav items 


body text


COLORS
red: #c6271c
lt. gray: #eaeaea
brown: #29211e
tan: #d1c4a4
dk. gray: #3c302b


*/


body {
	margin:0;
	padding:0;
	min-height:100%;
	padding-top:2em;
	background:url(img/bg.jpg) #f3e7cd center top;
	font-family: Helvetica, Arial, sans-serif;
}


.wrapper {
	max-width:950px;
	margin:0 auto;
	padding:30px 5px;	
	background-color:rgba(198,200,190,.18);
	border-left:1px solid rgba(198,200,190,.3);
	border-right:1px solid rgba(198,200,190,.3);
	/*
		-webkit-box-shadow: 20px 0px 15px -15px rgba(0,0,0,0.3), -20px 0px 15px -15px rgba(0,0,0,0.3);
		-moz-box-shadow: 20px 0px 15px -15px rgba(0,0,0,0.3), -20px 0px 15px -15px rgba(0,0,0,0.3);
	box-shadow: 20px 0px 15px -15px rgba(0,0,0,0.3), -20px 0px 15px -15px rgba(0,0,0,0.3);
	*/
}

.container {
	margin:0;
	padding:0;	
}

a {
  outline: none;
}


p {
	font-size:1.1em;	
	line-height:1.6em;
	padding:1em 5em;
}





h2 {
		
		font-size:2em;
		font-weight:normal;
		height:40px;
		padding:0;
		margin:0;
		margin-top:1.5em;
		padding-left:.5em;
		font-family: 'Abril Fatface', serif;
		color:#5e3203;
}

.clear {
	clear:both;	
}

.alignL {text-align:left;width:100%;}
.alignC {text-align:center;width:100%;}
.alignR {text-align:right;width:100%;}



#header {
	color:white;
	margin:0;
	text-align:center;
	background:#5e3203;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
		-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	
}

#header .columns {
	margin-left:0;	

}

#header .wrapper,
#nav .wrapper,
#footer .wrapper {
	padding:0;
	background-color:transparent;	
	border:none;
}

#header h1 {
	display:block;
	margin:auto;
	font-family: 'Abril Fatface', serif;

}

#header h1 a,
#header h1 a:hover {
	color:#fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);	
	}



#nav {
	
}

ul.icons {
	display:block;
	margin:0;
	margin-top:.32em;	
	
}

ul.icons li {
	list-style:none;
	display:inline-block;	
	margin:0;
	margin-left:.2em;
}

#header ul.icons li {
	height:32px;
	width:32px;	
}

#header ul.icons li img {
	width:100%;	
}


#nav .columns {
	t ext-align:center;	
}
#nav ul { list-style:none; margin:1em auto 0; padding:5px; }
#nav ul li { margin:0 .5em; padding:0; display:inline;text-align:center; }

#nav ul li a {
	color:#e5d5b3;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;	
	text-transform:uppercase;
	padding:5px;
	margin:0;
	font-size:1.25em;	
	font-weight:bold;
	font-weight:normal;
	white-space:nowrap;
}

#nav ul li a:hover {
	color:#f3e7cd;
}


a.prev {display:block;width:20px;height:40px;background:url(img/prev.png) left top no-repeat;position:absolute;top:80px;left:0px;cursor:pointer;}
a.next {display:block;width:20px;height:40px;background:url(img/next.png) left top no-repeat;position:absolute;top:80px;right:0px;cursor:pointer;}

a.disabled {visibility:hidden;}

ul.vidlist {
	width:100%;	
}
#hero {
	margin-top:30px;
}

#promo {
		background:url(img/header2L.jpg) #050402 left top no-repeat;
		color: #e5d5b3;	
		min-height:276px;
}

#promo h2 {
			color:#e5d5b3;
			margin-top:0;
}

#promo .mobile-hero {
		display:none;
	}

table#gcal-events {
	background-color:transparent;
	border:none;
	width:auto;
	margin:0;
	color: #e5d5b3;	
}
table#gcal-events tr {
	background-color:transparent;
}

table#gcal-events tr:first-child {
	display:none;
}

table#gcal-events tbody tr td {
	color: #e5d5b3;
	font-size:1em;
	padding-top:1px;
	padding-bottom:1px;
}


#calendar {
	width:auto;
	margin:0;
	color: #e5d5b3;	
	position:relative;
}

#calendar .event-container {
	position:relative;
	clear:both;
}

#calendar .eventDate {
	float:left;
	width:37.5%;
}

#calendar .eventBody {
	float:left;
	width:auto;
}


.album {
	text-align:center;	
	font-size:.88em;
	background-color:rgba(240,240,240,0.05);
	display:block;
	padding:1em 3em;
}

.album h4 {
	color:#333;
	font-size:1.3em;	
	/* font-family: "Roboto Condensed", Helvetica, Arial, sans-serif; */
	font-family: 'Londrina Solid', serif;
	margin:1em auto;	
	font-weight:normal;
}
.album .releasedate {display:none;}
.album .price {
	padding:0 1em;	
}

.album .credits,
.album .hits {
	display:block;
	text-align:left;
}

.album .moretext {
	text-align:left;
	display:none;
}

.itunes {
	text-align:right;
	display:none;
	font-size:.8em;
	padding-top:2em;
		
}

.vidlist a {
	display:block;
}

.vidlist a img {
	width:100%;
	height:auto;
	max-height:116px;
	max-width:155px;
	border:3px solid #c6271c;	
}

.vidlist a:hover img {
	border: 3px solid #eaeaea;	
}


.player {
	width:95%;
	margin:auto;
	height:0px;
	padding-bottom:56.25%;	 /* 16:9 ratio */
	padding-top:25px; /* youtube controls */
	max-width:700px;
	position:relative;
	overflow:hidden;
		-webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
		-moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
	box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.67);
	
}

.player iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}	

#photos .wrapper {
	border:none;
	background:transparent;
}

.photocredit {
	text-align:center;
	font-size:.88em;
}

.flex-direction-nav a {
	font-size:.8em;
	color:rgba(255,255,255,0.8);
}

.flex-direction-nav a:before {
	font-size:20px;
}

.more {
	color:black;
}

.moretext{
	display:none;
}

#footer {
	clear:both;
	margin-top:20px;
	width:100%;
	min-height:4em;
	padding-top:3em;
	font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;	
	font-size:1.125em;
	text-align:center;
}

#footer .wrapper {
	border-top:1px solid #444;	
	background-color:transparent;
	padding-top:2em;
}

#footer ul.icons {
	display:block;
	text-align:center;	
}

#footer ul.icons li {
	margin:1em;	
}

#footer .columns {
	margin-left:0;	
}

#footer p {
	color:#3c302b;	
}

#footer a {
	color:#b0b0b0;
	text-decoration:none;
	font-size:.8em;
	font-weight:400;
}


.ie6 {display:none;}

/* * * * * * ** * * * * * * * * * * * * * * * */
/* Media Queries for Retina Devices   
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

body.bg1 {background-image:url(img/bg/skewed_print_@2x.png);}
body.bg2 {background-image:url(img/bg/binding_dark_@2x.png);}
body.bg3 {background-image:url(img/bg/dirty_old_shirt_@2x.png);}
body.bg4 {background-image:url(img/bg/twinkle_twinkle_@2x.png);}
body.bg5 {background-image:url(img/bg/dark_wall_@2x.png);}
body.bg6 {background-image:url(img/bg/dark_tire_@2x.png);}
body.bg7 {background-image:url(img/bg/dark_leather_@2x.png);}
body.bg8 {background-image:url(img/bg/broken_noise_@2x.png);}

}
*/

/* * * * * * ** * * * * * * * * * * * * * */
/* Media Queries for Foundation  */

@media only screen and (max-width: 902px) { 
.p layer i frame {
	width:100%;	
}

}


@media only screen and (max-width: 767px) {
	
	.author {
		width:100%;	
	}
	
	.alignC,
	.alignR {
		text-align:left;
	}	
	
	/* video list fix */
		
	.vidlist li {
		float:left;
		width:28%;
		margin-right:15px;
	}
	
	.vidlist li img {
		width:100%;
		height:auto;
	}	
	
	
	#footer {
		height:auto;	
	}
	
	#header {
		position:absolute;
			
	}
	
	#hero,
	#promo {
		background-image:none;
		background-color:#050402;
		min-height:0px;
		padding:0;
	}
	
	#promo .mobile-hero {
		display:block;
	}
	
	body {
		padding-top:10em;
	}
	
	h2 {
		padding-left:0;
		font-size:1.8em;	
	}
	
	p {
		font-size:1.1em;
		padding:0;
	}
	
	.album {
	margin-bottom:2em;
	padding:2em;

}

.album img {
	max-width:300px;
}

#footer ul.icons li {
	margin:.5em;	
}
	
}

@media only screen and (max-width: 480px) {

	

	#calendar .event-container {
		margin-bottom:1em;
	}

	#calendar .eventDate {
		float:none;
		width:auto;
	}

	#calendar .eventBody {
		float:none;
	}
}