/*// ALASKA THE BAND
     2011 Futuresite Beta
     written by tvdesign.ch
     CSS3 - no IE6 crap

/*** Simple Reset ***/
* { margin: 0; padding: 0; }
img { border: 0; }

/*** Global ***/
body { position: relative; background: black url(../img/bg-feat.png) top left repeat; color: #333; font-family: Georgia, serif; font-size: 16px; }

h3 { margin-bottom: 7px; color: #777; font-weight: normal; font-style: italic; }
p { margin-bottom: 24px; }
p.relatedtonext { margin-bottom: 7px; }

ol { list-style-position: inside; }

/*** Logo top left ***/
h1#logo { float: left; width: 81px; height: 56px; background: transparent url(../img/nav/title-alaska.png) top left no-repeat; }
h1#logo span { display: none; }

/*** Navigation ***/
#navstrip {
	position: fixed;
	z-index: 2001;
	top: 0; left: 0;
	width: 100%;
	background-color: black;
	
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.6);
	   -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.6);
	        box-shadow: 0 2px 5px rgba(0,0,0, 0.6);
}

#navhandle { position: absolute; bottom: 0; left: 50%; width: 10px; color: white; }
#topnav    { width: 900px; margin: 0 auto; background-color: black; }
#topnav ul { width: 466px; height: 56px; list-style: none; }
#topnav li { float: left; background-color: transparent; }

/* Socialnet links */
#topnav ul#ext { float: right; width: auto; }

#topnav a:link { display: block; height: 56px; background-color: transparent; background-position: top left; background-repeat: no-repeat; }
#topnav a span { display: none; }
/* Page links */
	#news      { background-image: url(../img/nav/nav-news.png);  width: 60px; }
	#shows     { background-image: url(../img/nav/nav-shows.png); width: 67px; }
	#music     { background-image: url(../img/nav/nav-music.png); width: 61px; }
	#band      { background-image: url(../img/nav/nav-band.png);  width: 57px; }
	#store     { background-image: url(../img/nav/nav-store.png); width: 60px; }
	#contact   { background-image: url(../img/nav/nav-contact.png); width: 80px; }

/* Socialnet links */
	#facebook  { background-image: url(../img/net/net-facebook.png);  width: 35px; }
	#twitter  { background-image: url(../img/net/net-twitter.png);  width: 35px; }
	#restorm  { background-image: url(../img/net/net-restorm.png);  width: 35px; }
	#myspace  { background-image: url(../img/net/net-myspace.png);  width: 35px; }
	#flickr  { background-image: url(../img/net/net-flickr.png);  width: 35px; }
	#youtube  { background-image: url(../img/net/net-youtube.png);  width: 35px; }
	#leech  { background-image: url(../img/net/net-leech.png);  width: 73px; }

#topnav a:hover, #topnav a.current { background-position: 0 -56px; }


/*** Featured Page content ***/
#featuredstrip {	
	position: relative;
	z-index: 999;
	margin-top: 56px;
	padding: 12px 0 10px;
	background: transparent url(../img/bg-feat.png) top left repeat;
	
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0, 0.4);
	   -moz-box-shadow: 0 3px 5px rgba(0,0,0, 0.4);
	        box-shadow: 0 3px 5px rgba(0,0,0, 0.4);
}

#featured { width: 900px; margin: 0 auto; overflow: hidden; font-size: 11px; }
#featscroll {}

#prevfeat { display: block; position: absolute; left: 36px; top: 202px; width: 22px; height: 82px; background: transparent url(../img/feat-arrowleft.png) top left no-repeat; }
#nextfeat { display: block; position: absolute; right: 36px; top: 202px; width: 22px; height: 82px; background: transparent url(../img/feat-arrowright.png) top left no-repeat; }
#prevfeat span,
#nextfeat span { display: none; }

#featured a { padding-right: 4px; }

a.discolink { display: block; width: 145px; float: left; color: #777; text-align: center; text-decoration: none; }
a.discolink:hover { color: white; }


/*** Notification mini "popups" **/
#notification { position: absolute; z-index: 100000; width: 100%; top: 56px; padding: 10px 0; text-align: center; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#notification.success { background-color: #006622; color: white; font-style: italic; }
#notification.error { background-color: red; color: white; }

#notification a { color: white; }


/*** Main Page content ***/
#contentstrip { position: relative; z-index: 1;	background: white url(../img/bg-content.jpg) top center no-repeat; }
#content { width: 900px; margin: 0 auto; padding: 0 0 28px; overflow: hidden; line-height: 160%; }

#content a { color: #6666cc; text-decoration: none; border-bottom: 1px dotted #6666cc; }
#content a:visited { color: #63638d; }
#content a:hover { color: #8183d5; border-color: #69a; }

/* "More" Links */
.lead { font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; }

/* Content layout */
.leftcol { width: 435px; float: left; margin-right: 40px; }
.rightcol { width: 417px; float: left; }
.col3 { width: 33%; float: left; padding-top: 14px; }

.highlight {
	margin-bottom: 24px;
	padding: 14px;
	background-color: rgba(65, 120, 160, 0.4);
	
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}

.legend { font-size: 12px; color: #aaa; }

/* News articles */
article p { margin: 0; padding: 18px 0 24px 56px; border-bottom: 1px dotted #aaa;  }

time {
	float: left;
	width: 27px;
	margin: 0 0 0 4px;
	padding: 4px 7px 8px; 
	background-color: white;
	border: 1px solid #bbb;
	border-top: 0;
	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	
	text-align: center;
	line-height: 100%;
}

.month { color: #777; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.day { font-size: 24px; }

#friends a { margin-right: 6px; font-size: 18px; }
#friends a:nth-child(even) { font-style: italic; }


#shopcatsbottom { text-align: right; margin: 10px 0; }

/*** TABLES ***/
table { width: 100%; border-collapse: collapse; margin-bottom: 28px; }
td.date { width: 5em; }
td.town { width: 11em; }
td.venue { font-style: italic; }

#newsshows,
#allupshows {
	margin-top: -7px;
	border-top: 0;
	
	background-color: transparent;
	background-color: rgba(65, 120, 160, 0.4);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#664178A0,endColorstr=#664178A0); /* IE6–IE9 */
    zoom: 1;
	
	text-shadow: 0 1px rgba(255, 255, 255, 0.75);
}

#newsshows { font-size: 17px; }

#newsshows tr:nth-child(even),
#allupshows tr:nth-child(even) {
	background-color: transparent;
	background-color: rgba(65, 120, 160, 0.1);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#194178A0,endColorstr=#194178A0); /* IE6–IE9 */
    zoom: 1;
}

#newsshows td,
#allupshows td { padding: 6px 8px 6px 3px; border-bottom: 1px dotted white; }

#newsshows time,
#allupshows time {
	padding-top: 2px;
	border: 0;
	border-top: 1px dotted rgba(65, 120, 160, 0.4);
	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.pastshows { border-top: 1px dotted #aaa; color:#777; }
.pastshows td { padding: 7px 0; border-bottom: 1px dotted #aaa; }


/*** FEATURED FORM (CONTACT) ***/
#featured form { position: relative; }
fieldset { border: 0; }
#featured form legend { padding-bottom: 7px; color: white; font-weight: normal; font-size: 15px; }

#featured form div { float: left; width: 250px; margin-right: 20px; position: relative; }
#featured form div input[type=text],
#featured form div input[type=email] {
	width: 250px; 
	margin-bottom: 14px;
	padding: 3px;
	background-color: #404040;
	border: 1px solid #555;
	
	-webkit-box-shadow: inset 1px 1px 3px #222;
	   -moz-box-shadow: inset 1px 1px 3px #222;
	        box-shadow: inset 1px 1px 3px #222;
	
	color: white;
	font-size: 15px;
}
#featured form textarea {
	width: 616px;
	height: 158px;
	resize: vertical;
	min-height: 158px;
	
	margin-bottom: 5px;
	padding: 3px 3px 45px 3px;
	background-color: #404040;
	border: 1px solid #555;
	
	-webkit-box-shadow: inset 1px 1px 3px #222;
	   -moz-box-shadow: inset 1px 1px 3px #222;
	        box-shadow: inset 1px 1px 3px #222;
	
	color: white;
	font-size: 15px;
}

#featured form div input[type=text]:focus,
#featured form div input[type=email]:focus,
#featured form textarea:focus {
	background-color: #eee;
	color: black;
	
	-webkit-box-shadow: inset 1px 1px 2px #777;
	   -moz-box-shadow: inset 1px 1px 2px #777;
	        box-shadow: inset 1px 1px 2px #777;
}

#featured form input[type=submit] { width: 90px; position: absolute; bottom: 13px; right: 30px; font-size: 15px; }


/*** Footer Section ***/
footer {
	position: relative;
	z-index: 1000;
	padding: 16px 0 25px;
	background: transparent url(../img/bg-feat.png) top left repeat;
	
	-webkit-box-shadow: 0 -3px 5px rgba(0,0,0, 0.4);
	   -moz-box-shadow: 0 -3px 5px rgba(0,0,0, 0.4);
	        box-shadow: 0 -3px 5px rgba(0,0,0, 0.4);
}
footer #mailinglist { width: 900px; margin: 0 auto 25px; color: #bbb; font-size: 14px; }
footer #mailinglist legend { float: left; padding: 2px 15px 0 0; font-weight: normal; font-style: italic; font-size: 14px; }
footer em { padding-right: 10px; }

footer #mailinglist input[type=submit] { float: right; margin-top: 2px; }
footer #mailinglist input[type=text],
footer #mailinglist input[type=email] { width: 180px; padding: 3px; background-color: #404040; color: white; border: 1px solid #555; -webkit-box-shadow: inset 1px 1px 3px #222; -moz-box-shadow: inset 1px 1px 3px #222; box-shadow: inset 1px 1px 3px #222;}
footer #mailinglist input[type=text]:focus,
footer #mailinglist input[type=email]:focus { background-color: #eee; color: black; -webkit-box-shadow: inset 1px 1px 2px #777; -moz-box-shadow: inset 1px 1px 2px #777; box-shadow: inset 1px 1px 2px #777; }

footer p { width: 900px; margin: 0 auto; color: #444; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-transform: uppercase; line-height: 150%; }
footer a { color: #444; text-decoration: none; }
footer a:hover { color: white; }

footer a span { display: none; }
footer #logotv    { float: right; display: block; height: 39px; width: 41px; margin-left: 20px; background: transparent url(../img/footer/logo-tv.png) top left no-repeat; }
footer #logolb    { float: right; display: block; height: 39px; width: 41px; margin-left: 20px; background: transparent url(../img/footer/logo-lb.png) top left no-repeat; }
footer #logopek   { float: right; display: block; height: 39px; width: 91px; margin-left: 20px; background: transparent url(../img/footer/logo-pek.png) top left no-repeat; }
footer #logoleech { float: right; display: block; height: 39px; width: 71px; margin-left: 20px; background: transparent url(../img/footer/logo-leech.png) top left no-repeat; }

footer #logotv:hover    { background-image: url(../img/footer/logo-tv-hi.png); }
footer #logolb:hover    { background-image: url(../img/footer/logo-lb-hi.png); }
footer #logopek:hover   { background-image: url(../img/footer/logo-pek-hi.png); }
footer #logoleech:hover { background-image: url(../img/footer/logo-leech-hi.png); }


/*** iPHONE Only ***/
@media only screen and (max-device-width: 480px) {
	footer #mailinglist input[type=text],
	footer #mailinglist input[type=email] { width: 149px !important; }
}