/* == Main Structure
------------------------------------------------------------------------------------------------------------------------ */
#wrap{width: 930px;margin: 0 auto; background: transparent; height:1%; }
#wrap #overlay {width: 930px;text-align: left; height:1%; position:relative; z-index:10; margin-top:30px; float:left;}
#footer ul{margin: 10px 0;}
#footer ul li{display: inline;padding-right: 20px;}

/* == Tabs
----------------------------------------------------------------------------------------------------------------------*/
ul.tabs{margin: 15px 0;}
ul.tabs li{display: inline;}
ul.tabs li a{background:url(../_img/btn.gif) no-repeat; height:26px; display:block; float:left; padding:2px 7px 0 7px; text-decoration:none; border:1px solid #aea699; margin-right:5px; }
ul.filterTabs {margin-bottom:10px; float:left;}

/* = HomePage
--------------------------------------------------------------------------------------------------------------------*/
#templateHome {}
#templateHome .zoneOne {}
#templateHome .zoneOne .mainHolder {float:left;}
#templateHome .zoneOne .mainHolder .splitLeft {float:left; margin-left:45px; margin-right:20px; width:440px;}
#templateHome .zoneOne .mainHolder .splitRight {float:left; width:410px;}
#templateHome .zoneOne .mainVideo {margin:50px; height:265px; float:left;}
#templateHome .zoneOne .mainVideo .videoFrame {float:left;}
#templateHome .zoneOne .mainVideo .videoFrame .videoPlaceHolder{float:left;}
#templateHome .zoneOne .section {border-top:3px #FFF solid; padding-top:10px;}
#templateHome .zoneOne .section .content {float:left;}
#templateHome .zoneOne .section .content .clrz {display:none;}
#templateHome .zoneOne .listingAll  {padding-top:10px; width:440px; float:left;}
#templateHome .zoneOne .compactList {float:left; width:410px}

/* = HomePage - News Module
--------------------------------------------------------------------------------------------------------------------*/
#templateHome .zoneOne .splitLeft .section .genList{ margin:0;}
#templateHome .zoneOne .splitLeft .section .genList li { border-bottom:1px dotted #FFF; padding:0 0 15px 0; margin:0 0 10px 0;}
#templateHome .zoneOne .splitLeft .section .genList li .itemDetails {color:#FFF; margin-bottom:10px;}
#templateHome .zoneOne .splitLeft .section .genList li .itemDetails span {margin:2px 10px 0 0;}
#templateHome .zoneOne .splitLeft .section .genList li p img {display:inline; float:left; margin:7px 15px 5px 0;}
#templateHome .zoneOne .splitLeft .section .genList li a.linkBtn { font-style:italic}

/* = HomePage - Gigs Module
--------------------------------------------------------------------------------------------------------------------*/
#templateHome .zoneOne .splitRight ul {margin:0 0 0 0; border-bottom:1px dotted #FFF; padding:10px 0 15px 0; float:left;} 
#templateHome .zoneOne .splitRight ul li{ float:left; width:410px; margin:0 0 5px 0; line-height:normal;}
#templateHome .zoneOne .splitRight ul li p {line-height:normal;}
#templateHome .zoneOne .splitRight ul li a.linkBtn{font-style:italic; }
#templateHome .zoneOne .splitRight .homeBanner {float:left; margin-top:30px;}
#templateHome .zoneOne .splitRight .homeBanner a {float:left; display:block;}

#templateHome .zoneOne .splitRight .section {float:left;width:410px;}
#templateHome .zoneOne .splitRight .sideGigs {float:left;}

/* = Logo
--------------------------------------------------------------------------------------------------------------------*/
#wrap #logo {float:left; display:block; height:80px; width:800px; background-position: 0 0; margin:35px 0 0 80px;}

/* = Main Nav
--------------------------------------------------------------------------------------------------------------------*/
#wrap #head {}
#wrap #head ul {margin:20px 0 0 20px; float:left;}
#wrap #head ul li {float:left; margin:0 22px 0 0; cursor:pointer;}
#wrap #head ul li a {border-bottom:3px solid #FFF; display:block; font-family:"Myriad Pro","Myriad Web Pro"; background-color:transparent; text-transform:uppercase; font-size:120%; padding:2px 0; color:#ded1bf; letter-spacing:2px;  line-height:normal;  margin-bottom:4px; text-decoration:none; cursor:pointer !important;}
#wrap #head ul li.news a span { width:141px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.music a span { width:62px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.film a span { width:62px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.photos a span { width:74px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.shows a span { width:62px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.youth a span { width:150px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.signup a span { width:90px !important; overflow:hidden !important; display:block;}
#wrap #head ul li.contact a span { width:88px !important; overflow:hidden !important; display:block;}







/*
#wrap #head ul li.news a {background:transparent url(../_img/sprite/nav.gif) no-repeat 0px 0px; width:135px; height:30px;}
#wrap #head ul li.music a {background:transparent url(../_img/sprite/nav.gif) no-repeat -155px 0px; width:70px; height:30px;}
#wrap #head ul li.film a {background:transparent url(../_img/sprite/nav.gif) no-repeat -245px 0px; width:60px; height:30px;}
#wrap #head ul li.photos a {background:transparent url(../_img/sprite/nav.gif) no-repeat -330px 0px; width:83px; height:30px;}
#wrap #head ul li.gigs a {background:transparent url(../_img/sprite/nav.gif) no-repeat -434px 0px; width:75px; height:30px;}
#wrap #head ul li.youth a {background:transparent url(../_img/sprite/nav.gif) no-repeat -527px 0px; width:160px; height:30px;}
#wrap #head ul li.signup a {background:transparent url(../_img/sprite/nav.gif) no-repeat -708px 0px; width:82px; height:30px;}
#wrap #head ul li.contact a {background:transparent url(../_img/sprite/nav.gif) no-repeat -810px 0px; width:100px; height:30px;}
*/


/* = Opacity Layer
--------------------------------------------------------------------------------------------------------------------*/
#wrap .opacityLayer{background:#070605 none repeat scroll 0 0;bottom:0;left:0;filter:alpha(opacity=50);opacity: .50;position:absolute;right:0;top:0;z-index:-1;}
/*#wrap .opacityLayer{background:#070605 none repeat scroll 0 0;bottom:0;left:0;filter:alpha(opacity=100);opacity: 1.0;;position:absolute;right:0;top:0;z-index:-1;} */

/* = Template One
--------------------------------------------------------------------------------------------------------------------*/
#wrap .templateOne .zoneOne {margin:280px 20px 0 45px; position:relative;}
#wrap .templateOne .zoneOne .splitLeft {float:left; margin-left:25px; margin-right:20px; width:415px;}
#wrap .templateOne .zoneOne .splitRight {float:left; width:405px;}
#wrap .templateOne .zoneOne .section {border-top:3px #FFF solid; padding:20px 0 0 0;}

/* = News
--------------------------------------------------------------------------------------------------------------------*/
#news ul.blogListing li {border-bottom:1px dotted #FFF; padding:0; margin:0 0 10px 0; float:left; width:834px;}
#news ul.blogListing li p {margin-bottom:0px;}
.blogView .info img { margin:8px 15px 15px 0;}

/* = Footer
--------------------------------------------------------------------------------------------------------------------*/
#footer {float:left; margin:25px 0 0 45px;}
#footer a {float:left; display:block; margin-right:5px;}
#footer a.myspace{background:url(../_img/sprite/social.png) no-repeat -10px 0px; width:70px; height:20px;}
#footer a.youtube{background:url(../_img/sprite/social.png) no-repeat -85px 0px; width:44px; height:20px;}
#footer a.facebook{background:url(../_img/sprite/social.png) no-repeat -137px 0px; width:54px; height:20px;}

/* = templateTwo
--------------------------------------------------------------------------------------------------------------------*/
#templateOne .zoneOne .section {border-top:3px #FFF solid;}

/* = Photos 
--------------------------------------------------------------------------------------------------------------------*/
#wrap .templateOne .zoneOne ul.latestGallery {float:left; margin-top:15px; border-bottom:1px dotted #FFF; padding-bottom:10px;}
#wrap .templateOne .zoneOne ul.latestGallery li {float:left; margin:0 5px 5px 0; width:100px; height:100px;}
#wrap .templateOne .zoneOne ul.latestGallery li a {float:left; cursor:pointer; width:100px; height:100px; }
#wrap .templateOne .zoneOne ul.latestGallery li a img {cursor:pointer;}

#wrap .templateOne .zoneOne .gallery {overflow:hidden;}
#wrap .templateOne .zoneOne .gallery .window { width:630px; overflow:hidden;}
#wrap .templateOne .zoneOne .gallery .window .main {}
#wrap .templateOne .zoneOne .gallery .window .main .int { width:50000px; height:385px;}

/* == Contact Form
----------------------------------------------------------------------------------------------------------------------*/
#formOuter { position:relative; height:1%; z-index:10; margin-top:-10px;}
#formOuter .opacityLayer { filter:alpha(opacity=70);opacity: .70;}

#formOuter .formHolder {margin:10px 0 0 0; padding:10px; float:left;  }
#formOuter .formHolder label{ width:60px; text-align:right; margin-right:10px;}
#formOuter .formHolder .input{ margin:0 5px 5px 0; padding:5px; border:2px solid #aea699; width:515px;}
#formOuter .formHolder p {margin:10px 0 10px 0; padding:10px; background:#aea699; filter:alpha(opacity=70) ;opacity: .70; }
#formOuter .formHolder select.input {width:530px; order:2px solid #aea699;}
#formOuter .formHolder .clr {clear:both;height:1px;line-height:1px;}

/* == Shows
----------------------------------------------------------------------------------------------------------------------*/
.showsListing {} 
.showsListing li {border-bottom: 1px dotted #FFF; padding:5px 0 5px 0; margin-bottom:10px;} 

/* == Gallery
----------------------------------------------------------------------------------------------------------------------*/
.viewPhoto .main{float:left;margin:5px 0 5px 3px;display: inline;border:solid 1px #333;background:#000;padding:10px;text-align:center;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:640px;}
.viewPhoto .main .int{margin:0;overflow:hidden;text-align:center;width:630px;}

#photos #wrap .templateOne .gallery .window .main { margin-left:0px; height:475px; float:left; width:630px; display:block;}
.gallery .window .main .int ul li { float:left; width:630px;}

.controls{float: left;width: 98%;margin: 0px 0 5px 3px;display: inline; position: relative; z-index: 20;}
.controls .scroll{margin-top:1px; float: left;width: 18px;border: solid 1px #444;background: #000;color: #878787;height:48px;line-height: 48px;font-weight: bold;font-size: 150%;text-decoration: none;text-align: center;}
.controls .scroll img {margin-top:17px;}
.controls .scroll:hover {color:#EEEEEE; border:1px solid #EEEEEE;}
.controls .thumbs{float: left;width: 612px;overflow:hidden;margin:0;}
.controls ul, .controls ul li{float: left;margin:0;padding:0;list-style:none;}
.controls ul{padding:1px 0 2px 4px;width:20000px;}
.controls ul li{width: 51px;padding-left:0;}
.controls ul li .inlineImg{margin:0;background-color:#000;}
.controls ul li a.thumb:hover img{opacity:0.8; filter:alpha(opacity=80); }
.controls ul li a.thumb span{}
.controls .scrollInd{float:left;width: 652px;border: solid 1px #c8c8c8;margin-top:5px;filter:alpha(opacity=10);-moz-opacity:.10;opacity:.10;height:8px;line-height:8px;overflow:hidden;}
.controls .scrollInd .current{position:absolute;background-color:#c8c8c8;height:8px;line-height:8px;cursor:move;font-size:1px;}
.controls p{text-align:right;margin-right:15px;}
.controls .linkOff, .controls .linkOff a.current{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;cursor:default;}
.controls .linkOff .current{cursor:default;}

/* = PAGE OVERIDES
--------------------------------------------------------------------------------------------------------------------*/
/* = PHOTOS */
#photos #wrap .templateOne .zoneOne {margin:10px 20px 10px 45px; }
#photos #wrap .templateOne .zoneOne  .mainH1 {display:none; }
#photos #wrap .templateOne .zoneOne  .mainHr {display:none; }
#photos #wrap .templateOne .zoneOne  h1.photosTitle {display:block; }
#photos #wrap .templateOne .zoneOne  {margin:10px 20px 10px 45px; }
#photos #wrap .templateOne .splitLeft {margin-left:0px; width:425px;}
#photos #wrap .templateOne .main {margin-bottom:15px; margin-left:95px;}


/* = NOVELS*/
#novels #wrap .templateOne .zoneOne { margin:10px 0 0 22px;}
#novels #wrap .templateOne .zoneOne h1 { display:none;}
#novels #wrap .templateOne .zoneOne  .hr {display:none; }

/* = FILMS */
#film #wrap .templateOne .zoneOne .gallery {position:static; float:left;} 
#film #wrap .templateOne .zoneOne  {margin:10px 20px 10px 45px; }
#film #wrap .templateOne .zoneOne  .mainH1 {display:none;}
#film #wrap .templateOne .zoneOne  .mainHr {display:none;}
#film #wrap .templateOne .zoneOne  h5 {margin-top:10px;}
#film #wrap .templateOne .zoneOne  h4 {margin:10px 0;}
#film #wrap .templateOne .zoneOne .tabs .Home {display:none;}
#film #wrap .templateOne .zoneOne .tabs .Latest {display:none;}


#film #wrap .templateOne .zoneOne .landingVideo ul.tabs{float:left; margin:0 0 10px 0;}
#film #wrap .templateOne .zoneOne .landingVideo ul.latestGallery{margin-top:0;}
#film #wrap .templateOne .splitLeft {margin-left:0px; width:425px;}
#film #wrap .templateOne .zoneOne .videos { margin-bottom:10px; float:left; display:block; }
#film #wrap .templateOne .zoneOne .videos .videoHolder { height:490px; margin-bottom:10px; float:left; display:block;}
#film #wrap .templateOne .zoneOne .box .videos { height:490px;}

/* = MUSIC */
#music #wrap .templateOne .zoneOne {margin-top:180px;}
#music #wrap .templateOne .zoneOne .mainH1 {display:none;}
#music #wrap .templateOne .zoneOne .mainHr {display:none;}
#music #wrap .templateOne .splitLeft {margin-left:0px; width:425px;}
#music #wrap .templateOne .top{float:left; margin-bottom:20px}
#music #wrap .templateOne .loadAudioClip {  font-style:italic;}

/* = SHOWS */
#shows #wrap .templateOne .zoneOne {margin:0px 20px 0 45px;}
#shows #wrap .templateOne .zoneOne .mainH1 {display:none;}
#shows #wrap .templateOne .zoneOne .mainHr {display:none;}

#shows #wrap .templateOne .zoneOne .mainVideo{height:265px;margin:50px 50px 50px 5px;}
/* == Info Box 
----------------------------------------------------------------------------------------------------------------------*/
#infobox{background: transparent;padding: 0px;float: left;width: 930px;position:absolute;top: 8%; left:20%; z-index: 100;color: #666;}
#loginbox .inner{padding: 5px;background: #070605;color: #fff;}
##infobox .input{background: #fff !important;border: solid 1px #ccc;color: #111;font-size: 105%;margin: 0 0 2px 0;width: 142px;padding: 0 2px;}
#infobox a{color: #fff;}
#infobox .closeInfoBox{position: absolute; top: -10px; right: -10px;}
#infobox #infoVid {border: 1px solid #49433c; width:760px; height:365px; display:block; float:left; margin:12px 0; background:#000;}
#infobox #splashText{width:445px; height:215px; float:left; position:relative; z-index:10;}
#infobox #splashText span{ background:url(../_img/splash-text.png) no-repeat 5px 10px; display:block; width:445px; height:200px;}
#infobox #splashText .opacityLayer{background:#b0a494 none repeat scroll 0 0;bottom:0;left:0;filter:alpha(opacity=23);opacity: .23;position:absolute;right:0;top:0;z-index:-1;}
#infobox #splashForm{width:285px; float:right; position:relative; z-index:10; margin-right:170px;}
#infobox #splashForm span{ background:url(../_img/splash-form.png) no-repeat 5px 10px; display:block; width:445px;  padding:50px  0 0 130px;}
#infobox #splashForm .opacityLayer{background:#070605 none repeat scroll 0 0;bottom:0;left:0;filter:alpha(opacity=50);opacity: .50;position:absolute;right:0;top:0;z-index:-1;}
#infobox .tSmall {background:#000; border:1px solid #83786e; padding:2px; height:17px; margin-bottom:8px; color:#FFF; width:130px;}
#infobox .ddlSmall {background:#000 !important; border:1px solid #83786e; font-size:80%; padding:2px; height:22px; margin-bottom:8px; color:#FFF; width:136px;}
#infobox .error {padding:20px 20px 0 20px; color:#FFF;}
#infobox .info { padding:20px; color:#FFF; width:280px;}
#infobox .btn{margin-bottom:12px; float:left;}
#infobox #logo {float:left; display:block; height:80px; width:800px; background-position: 0 0; margin:0 0 0 0;}
#infobox #splashNote{width:760px; height:80px; float:left; position:relative; z-index:10; margin-top:15px;}
#infobox #splashNote span{ background:url(../_img/splash-note.png) no-repeat; display:block; width:760px; height:80px;  padding:0px;}
#infobox #splashNote .opacityLayer{background:#070605 none repeat scroll 0 0;bottom:0;left:0;filter:alpha(opacity=50);opacity: .50;position:absolute;right:0;top:0;z-index:-1;}


/* == Login Box
----------------------------------------------------------------------------------------------------------------------*/
#fadeWrap{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;display: none;}
#fade{background: #000;position: fixed;width: 100%;height: 100%;filter:alpha(opacity=70);opacity: .70;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/left: 0;z-index: 15;}
#loginbox{background: #070605; border: 3px solid #4B4640;padding: 0px;float: left;width: 550px;position: fixed;top: 10%;left: 50%;margin: 0 0 0 -296px;z-index: 100;color: #666; text-align:left;}
#loginbox .inner{padding: 5px;background: #070605;color: #fff;}
#loginbox .input{background: #fff !important;border: solid 1px #ccc;color: #111;font-size: 105%;margin: 0 0 2px 0;width: 192px;padding: 0 2px; float:left; margin:0 5px 5px 10px;}
#loginbox label{color: #fff;font-weight: normal;width: 26%; text-align:right;}
#loginbox select.input{width: 198px;font-size: 90%;margin-right: 5px;color:#000;}
#loginbox select.input option{background-color:#fff;}
#loginbox a{color: #fff;}
#loginbox .closeLoginBox{position: absolute; top: -19px; right: -15px; border:2px solid #4B4640;}
#loginbox p {margin-left:5px; margin-top:10px;}
#loginbox .options {margin-left:145px;}
#loginbox h1 {border-bottom: 3px solid #FFF; margin: 5px 5px 0 5px; padding:0 0 3px 0;font-family:"Myriad Pro","Myriad Web Pro"; background-color:transparent; text-transform:uppercase; font-size:100%; color:#ded1bf; letter-spacing:2px;  line-height:normal;  text-align:left;}
#loginbox .btn {width:100px; height:30px; line-height:normal; text-align:center; margin:10px 0 0 5px;} 
#loginbox select {width:198px; float:left;font-size:90%;margin:0 5px 5px 10px;padding:0 2px;}
#loginbox a.small {display:none;}   
#loginbox h5{margin:0 0 0 15px;}