@charset "UTF-8";

@font-face {
    font-family: 'alternategothic2_btregular';
    src: url('alternate_gothic_no2_bt-webfont.eot');
    src: url('alternate_gothic_no2_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('alternate_gothic_no2_bt-webfont.woff') format('woff'),
         url('alternate_gothic_no2_bt-webfont.ttf') format('truetype'),
         url('alternate_gothic_no2_bt-webfont.svg#alternategothic2_btregular') format('svg');
		 font-weight: normal;
    	 font-style: normal;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


input[type=text], input[type=password], textarea, select { border: 0; color: #3b3b3b; width: 100%; }
input[type=image] {border: 0;}
input[type=text], textarea {width: 100%;}
input.helper, textfield.helper {color: #aaaaaa; font-style: italic;}

div.wrapper {width: 960px; height: 90-px; margin: 0px auto}

div#bar {width: 100%; height: 168px; background: black; position: relative}

.nav span, span {
	margin: 0 2px;
	padding: 0;
	}

a:link, a:visited, a:hover, a:active {
	color: #ff5b00;
	text-decoration: none;
	}
	
#header {
		color:#000;
		width: 10000 px;
		height: 1000 px;
		padding: 20 px;
font-family: "alternate gothic no2 bt";}

#logo {
	height: 78px;
	padding: 90px 0px 0px 0px;
	border: 0;
	line-height: 0;
	background: black;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

#hello {
	width: 470px;
	float: right;
	margin: 16px 0px 0px 2px;
	padding: 0px 0px 10px 0px;
	border: 3px;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	text-transform: uppercase;
	text-align: justify;
 	webkit-text-size-adjust: none;
	height: 36px;
}


#hello a:link, #hello a:visited, #hello a:hover, #hello a:active {
	color: #fff;
	text-decoration: none;
	}

#bar {
	width: 960px;
	height: 24px;
	margin: 0 0 17px 0;
	padding: 0;
	line-height: normal;
	font-family: "alternategothic2_btregular";
	text-align: justify;
}



.nav {
	width: 960px;
	height: 24px;
	float: left;
	margin: 0 0 17px 0;
	padding: 0;
	line-height: 0;
	text-justify:distribute;
	font-family: 'alternategothic2_btregular';
	
	}

.navleft {
	width: 960px;
	float: left;
	margin: 10px 0px 1px 0px;
	padding: 0;
	color: #000;
	font-size: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-family: 'alternategothic2_btregular';	
	display: inline-table;
	webkit-text-size-adjust: none;

}
	
.navright {
	float: right;
font-family: 'alternategothic2_btregular';
	padding: 0;
	margin: 0;

}
	
#divider {
	width: 960px;
	height: 6px;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 6px;
	float: left;
	clear: both;
}


.nav span, span {
	margin: 0 2px;
	padding: 0;
}



.navleft a:link, .navleft a:visited, .navleft a:hover, .navleft a:active {
	color: #000;
	}

.navright a:link, .navright a:visited, .navright a:hover, .navright a:active {
	color: #666;
	text-decoration: none;
	}
	
.home-stage .details {
	display: none;
	position: absolute;
	bottom: 3px;
	left: 0;
	color: #000;
	background-color:rgba(255,255,255,0.9);
	width:100%;
}

.home-stage a, .home-stage a:hover {color: #000;}
.home-stage h1 {position: absolute; padding: 5px; text-transform: uppercase; font-size: 13px; width: 75%; overflow: hidden; white-space: nowrap;}
.home-stage h2 {position: absolute; padding: 5px; top: 20px; color: #666}
.home-stage h3 {position: absolute; padding: 5px; right: 5px; font-size: 13px;}
.home-stage h4 {position: absolute; padding: 5px; top: 20px; right: 5px;}
.home-stage h4 span {padding: 0 0 0 17px; background-position: left;}
.home-stage h4 .promoted {color: #ee008a;background-image: url(/images/icons/promo-16_2.png); }

.body {
	margin: 0;
	padding: 0;
	background: #fff url(/i/black.gif) repeat-x  top;
	font-family: "Georgia, serif";
	font-size: 15px;
	text-align: left;
	line-height: 1;
	}
	
.p {
	margin: 0 0 16px 10px;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	}
	
a:link, a:visited, a:hover, a:active {
	color: #ff5b00;
	text-decoration: none;
	}
	
.selection {
  background: #ff5b00;
  color: #fff;
  text-shadow: none;
}

img::selection {
  background: transparent;
}


a:link, a:visited, a:hover, a:active {
	color: #ff5b00;
	text-decoration: none;
	}


h1 {
	width: 420px;
	margin: -6px 0 0 0;
	padding: 0;
	font-size: 48px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	line-height: 35px;
	}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color: #000;
	text-decoration: none;
	}

h2 {
	margin: 0 0 25px 0;
	padding: 0 0 0 0;
	font-size: 10px;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #000;
	text-decoration: none;
	}
	
	h3 { 
	font-family: 'alternategothic2_btregular';
	padding: 0 0 10px;
	margin: 0;
	font-size: 32px;
	text-transform: uppercase;
		text-align:center
	}
	
	h4 { 
	padding: 0;
	margin: 0;
	font-size:18px;
	text-transform: uppercase;
	text-align:center
	}
	
	h5 { 
	font-family: 'alternategothic2_btregular';
	padding: 0 10px;
	margin: 0;
	font-size: 60px;
	text-transform: uppercase;
		text-align:center;
	color: #ff5b00;
	}
.addendum{
	font-family: "Georgia" serif;
	font-weight: 400;
	font-size:22px;
	line-height:19px;
	margin-top:15px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
	margin: 10 0 200px 0 ;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

p.photo-credit{
	font-size:10px;
	margin-bottom:0px;
	margin-top:-20px;
	color:#FFF
}

#bio-top p.photo-credit{
	position:relative;
	top: 1px;
	left: 15px;
	font-style: italic;
	color: white;
}

p.intro{
	max-width: none;
	font-size: 48px;
	line-height: 60px;
	margin-bottom: 15px;
	border-bottom: 4px double #000;
	padding-bottom: 12px;
	text-indent: 0px;
	font-family: 'alternategothic2_btregular', Verdana, sans-serif;
	font-weight: 100;
	margin-top: 20px;
}



.navleft a:link, a:visited, a:active {font-family: 'alternategothic2_btregular';}

span#bar a {padding-right: 65px; padding-top:6px; padding-bottom:6px}

body {
	line-height: 14em;
	border: 0;
	margin: 0;
	padding: 0;
	color: #333;
	background: #ffffff;
	background: transparent url(http://www.wildbunch.info/temp/back.jpg);
	background-size: contain;
	background-attachment: fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

a { color: #2786c2; text-decoration: none; outline: none; cursor:pointer; }
a:hover { color: #009aff; text-decoration: none; }
em { font-family: Georgia, Times, serif; font-style: italic; color: #888888; }
input[type=text], input[type=password], textarea, select { border: 0; color: #3b3b3b; width: 100%; }
input[type=radio] { margin-right: 5px; }

.i1 {left: 0; top: 0;}
.i2 {left: 250px; top: 0;}
.i3 {left: 490px; top: 0;}
.i4 {left: 730px; top: 0;}
.i5 {left: 0; top: 280px;}
.i6 {left: 250px; top: 280px;}
.i7 {left: 490px; top: 280px;}
.i8 {left: 730px; top: 280px;}
.i9 {left: 0; top: 560px;}
.i10 {left: 250px; top: 560px;}
.i11 {left: 490px; top: 560px;}
.i12 {left: 740px; top: 560px;}
.i13 {left: 0; top: 0;}

.p1 {left: 0; top: 0;}
.p2 {left: 325px; top: 0;}
.p3 {left: 650px; top: 0;}

.il1 {left: 0; top: 0;}
.il2 {left: 0; top: 432px;}

.b1 {left: 0; top: 0;}
.b2 {left: 324px; top: 0;}
.b3 {left: 0px; top: 433px;}
.b4 {left: 322px; top: 433px;}
.b5 {left: 645px; top: 433px;}

.a1 {left: 0; top: 0;}
.a2 {left: 245px; top: 0;}
.a3 {left: 490px; top: 0;}
.a4 {left: 735px; top: 0;}
.a5 {left: 0; top: 262px;}
.a6 {left: 245px; top: 262px;}
.a7 {left: 490px; top: 262px;}
.a8 {left: 735px; top: 262px;}
.a9 {left: 0; top: 524px;}
.a10 {left: 245px; top: 524px;}
.a11 {left: 490px; top: 524px;}
.a12 {left: 735px; top: 524px;}

::selection {
  background: #ff5b00;
  color: #fff;
  text-shadow: none;
}

img::selection {
  background: transparent;
}

.home-stage {position: relative; width: 970px; height: 855px; top: 80px; padding: 5px 0 5px 0;}
.home-stage div {position: absolute;}
.home-stage img {padding: 0; border: 0; background: none;}

.home-stage .details {
	display: none;
	position: absolute;
	bottom: 4px;
	left: 0;
	color: #000;
	background-color:rgba(255,255,255,0.9);
	width:100%;
	height: 45px;
}
.home-stage a, .home-stage a:hover {color: #000;}
.home-stage h1 {
	position: absolute;
	padding: 5px;
	text-transform: uppercase;
	font-size: 13px;
	width: 75%;
	overflow: hidden;
	white-space: nowrap;
}
.home-stage h2 {
	position: absolute;
	padding: 5px;
	top: 19px;
	color: #666
}
.home-stage h3 {position: absolute; padding: 5px; right: 5px; font-size: 13px;}
.home-stage h4 {position: absolute; padding: 5px; top: 20px; right: 5px;}
.home-stage h4 span {padding: 0 0 0 17px; background-position: left;}
.home-stage h4 .promoted {color: #ee008a;background-image: url(/images/icons/promo-16_2.png); }


#col-content .item {margin-bottom: 10px;}
.sty a.user, .sty .title a, .sty .comments a {color: #222;}
.sty a.user:hover, .sty .title a:hover, .sty .comments a:hover {color: #000;}
.sty {color: #666;}
.sty td {vertical-align: top;}
.sty .mugshot {float:left;}
.sty .item-body {background: url("/images/activity-arrow.gif") no-repeat scroll 0 10px transparent; margin-left: 60px;}
.sty .item-body-wrap {background: #f4f4f4; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.sty .author {color: #777; font-size: 0.9em;}
.sty .posts .cover {width: 210px;}
.sty .posts .cover img {background: #fff; padding: 10px; border: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.sty .title {font-size: 1.2em; line-height: 1.2em; margin-top: 0.3em; margin-bottom: 0.2em;}
.sty .comments {vertical-align: bottom;}
.sty .comments ul {margin-top: 10px; border-top: 1px dotted #ccc;}
.sty .comments li {padding-top: 10px; display: block;}
.sty .comments li span {display: block; margin-left: 21px; margin-top: 2px;}

.sty .cards li {margin-bottom: 5px; color: #777;}
.sty .cards .item {margin-left: 20px; background: url("/images/activity-arrow.gif") no-repeat scroll 0 1px transparent;}
.sty .cards .item-wrap { background: #f4f4f4; padding: 2px; margin-left: 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.sty .type-2 .item-wrap {background: #f4f4f4 url("/images/icons/promo-16_1.png") no-repeat top right;}
.sty .promoted .item-wrap {background-image: url("/images/icons/promo-16_2.png")}
.sty .type-4 .item-wrap {background: #f4f4f4 url("/images/icons/follow-0.png") no-repeat top right;}
.sty .following .item-wrap {background-image: url("/images/icons/follow-1.png")}
.sty .cards img {border: 0; padding: 0;}
.sty .actor {font-size: 0.9em; }
.sty .actor .uname {max-width: 82px; overflow: hidden; white-space: nowrap; float: left;}
.sty .actor span {padding-left: 3px;}
.sty .item-wrap img {display: block;}
.sty .cards h1, .sty .cards h2 {display: none;}

#promo-zoom {font-size: 0.9em; display: none; background: #fff; position: absolute; z-index: 3000; padding: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); width: 150px;}
#promo-zoom h1 {color: #444; text-transform: uppercase;}
#promo-zoom h2 {color: #888;}


.comment-attach {margin-top: 5px; font-size: 1.1em; color: #555;}
.comment-highlight {background-color: #edf3fb;}
.ticket textarea {height: 350px;}
.ticket .tools {float: right;}
.ticket .meta {margin-top: 8px;}
.ticket .meta li {float: left; margin-right: 20px;}
.ticket #qrcode {width: 250px; border: 1px solid #ccc; padding: 1px;}
.ui-autocomplete {width: 250px; }
.ui-autocomplete a {color: #fff; display: block; background: #aaa; padding: 5px;}
.ui-autocomplete a:hover {background: #333;}
.ui-autocomplete li {border-bottom: 1px solid #fff;}
.ui-autocomplete .title {font-size: 16px; padding: 5px;}
.ui-autocomplete .desc {color: #eee; padding: 5px;}

* FOOTER
----------------------------------------------------------------- */

#dividerbottom {
	width: 960px;
	height: 6px;
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 6px;
	background: url(divider.png) repeat-x;
	clear: both;
	}

#footer {
	width: 1000px;
	margin: 0 0 0 0;
	padding: 6px 0 6px 0;
	clear: both;
}

#copy {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: helvetica, arial, sans-serif;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	-webkit-text-size-adjust: none;
	}
	#fire {
    position: absolute;
	    
	
    margin: 130px 284px;
}
#sounds { position: absolute; bottom: 0; width: 100%; 
overflow: hidden;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }