@import url(https://fonts.googleapis.com/css?family=Jura:600|Roboto:400,700,900);


/* ------------------------------------------------ GLOBAL HTML ------------------------------------------------ */

BODY, HTML {
	background: #46461b; color: #000; font-family: Roboto, sans-serif; font-size: 16px; font-weight: normal;
	height: 100%; letter-spacing: 0; line-height: 1.375; margin: 0;
	text-align: center; text-shadow: 0 0 .0625em rgba(0,0,0,.5); width: 100%;
	}
HTML { overflow-y:scroll; }


A, A:active, A:hover, A:link, A:visited {
	color: #007ecc; text-shadow: 0 0 .0625em rgba(0,126,204,.5); text-decoration: none;
	-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease;
	}
A:active, A:hover { color: #6b9336; text-shadow: 0 0 .0625em rgba(107,147,54,.5); }


H1 { z-index:-1; display:block;
	color: #b5b5a4; font-family: Jura, sans-serif; font-size: 4em; font-weight: 600;
	line-height: .75; margin: 0 0 .75em 0;
	text-align: center; text-shadow:0 0 .0625em rgba(181,181,164,.5), 0 0 .25em rgba(0,0,0,.5), 0 0 .25em rgba(70,70,27,1); text-transform: uppercase;
	}
H1.news::before { content: 'Latest News'; }
H1.news IMG { display: none; }
H1.music::before { content: 'Discography'; }
H1.music IMG { display: none; }
H1.tour::before { content: 'Tour Dates'; }
H1.tour IMG { display: none; }
H1.about::before { content: 'Band History'; }
H1.about IMG { display: none; }
H1.contact::before { content: 'Contact Info'; }
H1.contact IMG { display: none; }
H2 {
	color: #f08353; font-family: Roboto, sans-serif; font-size: 1.5em; font-weight: 900;
	letter-spacing: .0625em; line-height: 1.25; margin: .5em auto 1em auto; padding: 0; text-shadow: 0 0 1px rgba(240,131,83,.5), -1px 0 1px #4c2b16;
}
H2 SPAN {
	color: #85563a; font-size: 16px; font-weight: 700; letter-spacing: 0; padding-left: .25em; text-shadow: 0 0 1px #c57542;
}
H3 {
	background: #1e0600; color: #85563a; font-family: Jura, sans-serif; font-size: 1.5em; font-weight: 600;
	letter-spacing: 1px; line-height: .75; margin: 0; padding: .75em 0 !important;
	text-align: center; text-shadow: 0 0 1px #c57542, 0 0 .25em #623a21; text-transform: uppercase;
}
H3.about::before { content: 'Meet the Guys'; }
H3.about IMG { display: none; }
H3.tour-side::before { content: 'Upcoming Shows'; }
H3.tour-side IMG { display: none; }
H3.twitter::before { content: 'Twitter Stream'; }
H3.twitter IMG { display: none; }
H4 {
	margin:0 0 0 0; padding:0;
	font-size:24px; line-height:24px; text-shadow: 1px 1px 2px #805508;
	}

IMG { border:0; }

INPUT {
	display:inline-block; margin:0; padding:0;
	height:20px; vertical-align:middle;
	font-family:'Trebuchet MS';
 }
 
OBJECT { display:inline-block; margin:0; padding:0; line-height:0; vertical-align:top; }

P { margin: 1.375em auto; padding: 0; }
P A:active, P A:hover { text-decoration: underline; }
P I { padding-right: .125em; }

TABLE, TR, TD { border: 0; margin: 0; padding: 0; }

UL { margin-top:4px; margin-bottom:18px; }




/* ------------------------------------------------ GLOBAL CLASSES & ELEMENTS ------------------------------------------------ */

.fb_iframe_widget { position:absolute !important; top:0 !important; right:0 !important; margin-top:0; !important; }


A.fader { opacity:.6; }
A:hover.fader { opacity: 1; }

A.button {
	display:inline-block; margin:0; padding:5px 10px;
	background:#f6e28c; color:#5d3a1c; -moz-border-radius:11px; border-radius:11px; box-shadow:1px 1px 1px #ab662c;
	font-family: Roboto, sans-serif; font-size:14px; font-weight:bold; line-height:20px;
	text-align:center; text-shadow:none; text-transform:uppercase;
	}
A:hover.button { background:#fff; color:#995836; text-shadow:none; }

A.clean { color:inherit; cursor:pointer; }


.border1 { border:1px solid #9f8758; }
.border2 { border:1px solid #1e0600; }
.border3 { border:2px solid white; box-shadow:3px 3px 10px #ae710b; }
A:hover .border1 { border-color:#e08f0f; }
A:hover .border2 { border-color:#1e0600; }

.corner { 
	background:url(images/corner.png) left top no-repeat; height: 9px; margin: -15px 0 5px -24px; width: 9px;
}

P.feature { margin:auto; width:700px; font-size:24px; line-height:30px; text-align:center; }

.label { color:#995836; text-shadow: 0 0 1px rgba(153,88,54,.3); font-weight:bold; }
.label2 { padding:0 4px 0 2px; color:#f68c1f; font-weight:bold; letter-spacing:-2px; }

#spacer { margin:0; height:20px; }

#banner {
	background: #4c2b16; border-radius: 0 1em 1em 0; box-shadow: 1px 1px 0 #1e0600; color: #f8e4c0;
	display: inline-block; font-family: Jura, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 1px; line-height: 2;
	margin-left: -25px; position: relative; top: -1em; padding: 0 1.5em; text-shadow: 0 0 .0625em rgba(248,228,192,.5);
	}
#banner SPAN { color:#e08f0f; }




/* ------------------------------------------------ TEMPLATE LAYOUT ------------------------------------------------ */

#bkgrnd { z-index: 2;
	height: 100%; left: 0; position: fixed; top: 0; width: 100%;
	background-image: url('/images/bird-left.png'), url('/images/bird-right.png');
	background-position: top left, top right;
	background-repeat: no-repeat, no-repeat;
}

#bkgrnd2 { z-index: 1;
	height: 100%; left: 0; position: fixed; top: 0; width: 100%;
	background: url('/images/bkgrnd-oregon.jpg') no-repeat;
	background-position: center center;  background-size: cover;
}

#bkgrnd3 { z-index: 3;
	height: 100%; left: 0; position: fixed; top: 0; width: 100%;
	background: url('/images/figure.jpg') bottom left no-repeat;
}


#header { z-index: 7;
	background: url('images/assembly-of-dust.png') no-repeat center center; background-size: contain;
	height: 100px; margin: 20px 0; position: relative; text-align: center; width: 100%;
	}


#subscribe { display: none;
	z-index:11; position:absolute; top:-4px; right:216px; width:206px; height:88px;
	color:#fefbf1; letter-spacing:1px; text-shadow:0 1px 2px #1e0600;
	}
#subscribe:hover { color:#78d4eb; }
#subscribe SPAN { display:block; padding:33px 2px 0 0; font-size:24px; letter-spacing:0; }
#subscribe B { letter-spacing:0; }


#navbar {
	z-index: 10; position: relative; top: 2px; left: 0; width: 100%;
	font-family: Roboto, sans-serif; font-size: 1em; font-weight: 900; letter-spacing: 2px; line-height: 2;
	text-align: center; text-transform: uppercase;
	}
#navbar A, #navbar A:link, #navbar A:visited {
	border: 1px dotted transparent; color: #1e0600; display: inline-block; margin: 0; padding: 0 1.5em;
	position: relative; text-decoration: none; text-shadow: 0 0 .0625em rgba(30,6,0,.5);
	}
#navbar A:active, #navbar A:hover { color: transparent; text-shadow: 0 0 .0625em rgba(255,255,255,1); }
#navbar A.focus { color: #ffc756; overflow: visible; text-shadow: 0 0 .0625em rgba(255,199,86,.5), -1px -1px 1px #624f2a; }
#navbar A.focus::before {
	background: url('/images/antenna-sm.png') center top no-repeat;
	content: ""; display: inline-block; float: left; height: 28px; left: .75em; position: absolute; top: -19px; width: 26px;
}

#social {
	z-index:11; position:absolute; top:2px; right:0; padding:0; height:40px; overflow:hidden;
}
#social A, #social A:link, #social A:visited {
	border: none; border-radius: 6px;
	-webkit-filter: grayscale(85%); filter: grayscale(85%);
	margin: 0 4px; overflow: hidden; padding: 0;
}
#social A:last-of-type { margin-right: 0; }
#social A:active, #social A:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
#social A IMG { display: block; height: 2em; }


#wrapper { display:inline-block; position:relative; width:1000px; }
#content { position:relative; width:1000px; height:auto; background:#e08f0f; }
.wrapper { display:inline-block; position:relative; width:1000px; }

#main-full, #main-left, #main-right, #side-left, #side-right {
	z-index:3; display:block; position:absolute; top:0;
	width:320px; padding: 40px 0; text-align:left;
	}
#main-full { width:1000px; text-align:center; }
#main-left, #main-right { width:640px; }
#main-left, #side-left { left:0; }
#main-right, #side-right { right:0; }
#side-left, #side-right { padding-bottom:0; }
#side-left .more, #side-right .more {
	background: #360800; 
	display: block; font-weight: 700; margin: 0; padding: 10px 0;
	text-align: center; text-transform: uppercase;
	}
#side-left A, #side-right A, .twtr-join-conv A { color: #27badf; text-shadow: 0 0 .0625em rgba(39,186,223,.5); }
#side-left A:hover.more, #side-right A:hover.more { background: #fdba12; color: #000e00; text-shadow: 0 0 .0625em rgba(0,14,0,.5); }


#main-left .module, #main-right .module {	
	background: rgba(255,255,255,.8); border-radius: 5px;
	margin: 60px 0; padding:0 15px 10px 15px;
	}

#side-left .module, #side-right .module {
	background: #4c2b16; border: 1px solid #1e0600; border-radius: 5px; color: #efe5e0;
	margin-bottom:30px; overflow: hidden;
	}
	
#side-left .module #row, #side-right .module #row { padding:6px 9px 9px 9px; border-bottom:1px solid #1e0600; }
	
#stop { left:0; }


.twitterz { margin-bottom:-5px; height:30px; background:#1e0600; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
.twtr-widget .twtr-tweets P, .twtr-ft SPAN A { font-family: Roboto, sans-serif !important; }
.twtr-ft DIV { margin:0 !important; padding:0 !important; }
.twtr-ft SPAN {
	display:block; float:none !important; margin:0; padding:1px 0 0 0; 
	text-align:center !important;
	}
.twtr-ft SPAN A {
	display:block; float:none !important; margin:0; padding:10px 0; 
	background:#1e0600; font-size:16px; line-height:18px;
	text-shadow:0 1px 0 #000; text-transform:uppercase;
	}
.twtr-ft SPAN A:hover { background:#5a5643; text-decoration:none !important; }




/* ------------------------------------------------ HOME: News & Updates ------------------------------------------------ */

#news .border, #news .top-left { outline: 1px solid #fff; }
#news .top-left { float: left; margin: 0 .75em 0 0; }

#news .lead { float:left; margin:3px 12px 0 0; }

#news .special { color:#8c0017; font-size:12px; }

#promo IMG { margin-bottom:26px; }




/* ------------------------------------------------ CONTENT: About ------------------------------------------------ */

#about.module { background: rgba(255,255,255,.8) url(images/about-bkgrnd.jpg) no-repeat center top; padding-top: 220px; }

#about .quote { font-size:12px; }
#about .author { display:block; padding-top:2px; color:#878a87; font-style:italic; font-weight:bold; }

#band { padding:9px 15px; min-height:234px; }
#band IMG {
	-webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease;
	float:left; border:1px solid #995836;
	}
#band IMG:hover { border:1px solid #e08f0f; }

#lineup { padding-bottom:9px; text-align:center; }

.highslide-caption { padding:10px 0 0 0; font-weight:bold; text-align:center; text-shadow:1px 1px 2px #8f8d80; }
.credits { display:block; margin:8px 3px 0 0; color:#995836; font-size:12px; line-height:14px; text-align:right; text-shadow:none; }
.credits A { color:#006e99; font-style:normal; font-weight:normal; }
.credits A:hover { color:#4294b3; }




/* ------------------------------------------------ CONTENT: MUSIC ------------------------------------------------ */

#album.module { padding-top:15px; padding-bottom:15px; }

#album .cover {
	border: 1px solid rgba(255,255,255,.6); box-shadow: 2px 2px 15px rgba(0,0,0,.2); display: inline-block;
	height: 240px; margin: 0 15px 5px 0; padding: 1px; vertical-align: top; width: 240px;
}
#album .cover:active, #album .cover:hover { border-color: #007ecc; }

.year { padding:0 0 0 15px; color:#9f8758; font-size:18px; }

.tracks { display: inline-block; line-height: 1.5; }
.tracks B { letter-spacing: .5px; }
.tracks SPAN { color: #85563a; font-size: .75em; padding-left: .75em; text-shadow: 0 0 1px #c57542; }

.player { margin:0; padding:0 5px 0 0; width:19px; height:19px; line-height:0; }


/* ---- AUDIO PLAYER ---- */
.cp-container {
	position:relative; display:inline-block; top:0; padding:0; width:19px; height:19px;
	background:url(media/_skin/button.png) 0 0 no-repeat;
	}
.cp-container :focus { border:none; outline:0; }
.cp-controls { margin:0; padding:0; }
.cp-controls LI { display:block; list-style-type:none; position:absolute; }
.cp-controls LI A {
	z-index:1; display:block; position:relative;
	width:21px; height:21px; text-indent:-9999px;
	}
.cp-controls .cp-play { background:url(media/_skin/play.png) no-repeat; }
.cp-controls .cp-play:hover { background:url(media/_skin/play_ovr.png) no-repeat; }
.cp-controls .cp-pause { background:url(media/_skin/pause.png) no-repeat; }
.cp-controls .cp-pause:hover { background:url(media/_skin/pause_ovr.png) no-repeat; }
.cp-jplayer { width:0; height:0; }




/* ------------------------------------------------ CONTENT: Videos ------------------------------------------------ */

#videos IFRAME { margin-bottom:26px; }




/* ------------------------------------------------ CONTENT: Tour Calendar ------------------------------------------------ */

#tour { padding:0; }

#tour #vitals a:link, #tour #vitals a:visited { color:#1e0600; text-shadow: inherit; }
#tour #vitals a:hover { color: #6b9336; text-shadow: 0 0 .0625em rgba(107,147,54,.5); }

#tour #spacer { display: none; }

#show { position: relative; text-align: left; }

#main-right #show { background: rgba(255,255,255,.8); margin: 1.375em 0; padding: 1em 0; }

#side-left #show { padding: 9px 0 7px 0; border-bottom: 1px solid #757475; }

#show .hover { cursor:default; text-transform:uppercase; }

#show #date {
	z-index:6; position:relative; display:inline-block; cursor:help;
	width:50px; height:40px; margin:0 0 0 16px; padding:5px 0;
	background:#1e0600; border:0 dotted #e1bb24; border-radius:3px;
	color:#fff; font-size:12px; font-style:normal; line-height:16px;
	text-align:center; text-shadow:none; vertical-align:top;
	}
#show #date SPAN { font-size:24px; line-height:24px; }

#show #vitals {
	z-index:6; position:relative; display:inline-block;
	left:10px; height:52px; margin:0 0 0 0; padding:0;
	font-size:30px; font-weight:bold; line-height:26px;
	text-align:left; text-shadow:1px 1px 2px rgba(128,85,8,.3); vertical-align:top;
	}
#show #vitals i { font-size: 18px; font-weight: bold; letter-spacing: .5px; }

#show #external { z-index:7; position:absolute; display:inline-block; right:220px; width:24px; line-height:0; }		
#show #external IMG { margin:0 0 5px 0; }		

#show #info {
	z-index:7; position:absolute; color: #000; display:inline-block; right:112px; margin:-5px 0 0 0;
	font-size:14px; line-height:20px; text-align:right;
	}		
#show #info DIV { display:inline-block; text-align:left; }
#show #info SPAN {  }

#show #ages {
	z-index:7; position:absolute; display:inline-block; top:2px; right:16px; width:80px; padding-top:9px;
	color:#1e0600; font-size:18px; font-weight:bold; line-height:20px;
	text-align:center; vertical-align:top;
	}
#show #ages.double { padding-top:2px; line-height:16px; }

#tickets {
	z-index:8; position:absolute; display:inline-block; top:37px; right:16px; width: 80px;
	font-family: Roboto, sans-serif; font-size: 15px; font-weight: 900; letter-spacing: .5px; line-height: 18px; text-align:center;
	}
#tickets a {
	background: #007ecc; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,.2); color: #1e0600;
	display: inline-block; margin-top: 1px; padding: 6px 0 5px 0; text-align: center; width: 80px;
	}
#tickets A:active, #tickets A:hover { background: #8a8a00; color:#1e0600 !important; text-decoration: none; }

#show #details {
	z-index:5; position:relative; top:10px; left:80px;
	margin-bottom:10px; padding:10px 15px 11px 15px; width:515px;
	background: rgba(0,0,0,.2); border-radius: 3px;
	font-size:12px; text-align:left; line-height:16px;
	}		

#show #tour-btns { display:none !important;
	position:absolute; display:inline-block;
	right:-88px; width:80px; padding:0;
	vertical-align:top;
	}
#show #tour-btns A, #tour-side-btns A { display:block; margin:0; padding:0; }
#show #tour-btns A { display:inline-block; margin:0 4px 4px 0; padding:0; }


#side-left #show #date, #side-right #show #date { background:#e08f0f; color:#000; }

#side-left #show #vitals, #side-right #show #vitals { color: rgba(255,255,255,.6); font-size: 1.5em; text-shadow: none; }
#side-left #show #vitals I, #side-right #show #vitals I { font-size: 16px; }

#feature, #where {
	display:block; margin-bottom:30px; padding:3px;
	border-radius:9px; border:2px solid #995836;
	}
#feature:hover, #where:hover { border-color:#e08f0f; }
#feature DIV {
	background:#000; background-position:9px 9px;
	-moz-border-radius:5px; border-radius:5px; overflow:hidden; text-align:center;
	}
#where H3 { padding:10px 0 0 42px; background:none; }
#where DIV {
	background:#4c2b16 url(images/where_bkgrnd.jpg) no-repeat; background-position:9px 9px;
	-moz-border-radius:5px; border-radius:5px; border:1px solid #1e0600;
	}
#where DIV P { padding-bottom:10px; color:#efe5e0; font-size:14px; text-align:center; }




/* ---------------------------------------------------- CONTENT: Community ---------------------------------------------------- */

#community {  }

#community H2 { padding-top:25px; }

.fb-like-box { }
.fb-like-box IFRAME { background:#fff; -moz-border-radius:7px; border-radius:7px; }




/* ---------------------------------------------------- CONTENT: Contact ---------------------------------------------------- */

#contact { padding-bottom:25px !important; background:#e08f0f url(images/accent_corner.png) no-repeat bottom right; line-height:22px; }

#contact H2 { margin-top: 1.5em; }

#contact TD { padding-right:10px; }