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

/* ---------------- COLORS
ORANGE - FF9700
light orange - FFCF06
BLUE - 00DBFF
BG - 262621
light bg - 8C6D44
*/

/* ---------------- common */
*{padding:0px;margin:0px;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
a img{border:none;}
.hideMe, .temphide{display:none;}
ul,li{list-style-type:none;}
ul{font-size:0px;}
.spaced{margin:0 0 20px;}
.smallsep{margin:0 0 10px;}
.highlight{color:#FFCF06;}
.upcase{text-transform:uppercase;}
fieldset{border:none;}

/* ---------------- general */
html, body, h1, h2, h3, h4, p, li{font-size:13px;font-family:Helvetica, Arial, sans-serif;font-style:normal;font-weight:normal;}
html{height:100%;margin-bottom:1px;}
body{color:#F0F5D8;background:#28261C;}
a:link, a:visited, a:active{color:#00DBFF;text-decoration:underline;}
a:hover{color:#FF9700;}
#mainwrap{position:relative;width:900px;margin:0 auto;}
#logohead{padding:30px 0;}
#logohead h1 a{display:block;background:url(../assets/main/logoh1.jpg) 0 0 no-repeat;width:150px;height:80px;text-indent:-9999px;}

/* ---------------- positioning */
#mainnav{position:absolute;top:150px;left:50px;}
#contentarea{position:absolute;top:150px;left:300px;width:670px;}

/* ---------------- main nav */
#mainnav{width:200px;}
#mainnav li{margin:0 0 5px;}
#mainnav a{display:block;background:url(../assets/main/hitfix.gif) no-repeat;}
#mainnav a.mainitem{width:156px;height:16px;background-position:0 0;text-indent:-9999px;}
#mainnav a:link, #mainnav a:visited, #mainnav a:active{color:#00DBFF;text-decoration:none;font-weight:lighter;}
#mainnav a:hover{color:#FF9700;}
#mainnav a:hover.mainitem{background-position:100% 0;}
#mainnav a:link.cursel, #mainnav a:visited.cursel, #mainnav a:active.cursel{color:#FF9700;background-position:100% 0;}
#mainnav a:hover.cursel{}
#mainnav .subnav{margin:5px 0 0 30px;}
#mainnav .subnav a:link, #mainnav .subnav a:visited, #mainnav .subnav a:active{}
#mainnav .subnav a:hover{}

#mainnav a#news{background-image: url(../assets/main/nav_news.gif);}
#mainnav a#media{background-image: url(../assets/main/nav_media.gif);}
#mainnav a#photos{background-image: url(../assets/main/nav_photos.gif);}
#mainnav a#gigs{background-image: url(../assets/main/nav_gigs.gif);}
#mainnav a#hntlyl{background-image: url(../assets/main/nav_hntlyl.gif);}
#mainnav a#bio{background-image: url(../assets/main/nav_bio.gif);}
#mainnav a#merchandise{background-image: url(../assets/main/nav_merchandise.gif);}
#mainnav a#mailinglist{background-image: url(../assets/main/nav_mailinglist.gif);}
/*#mainnav a#videos{background-image: url(../assets/main/nav_videos.gif);}*/

#mainnav #socials{margin:150px 0 0;}
#mainnav #socials li{position:relative;}
#mainnav #socials a{display:block;height:32px;}
#mainnav #socials a.icon{background-position:0 0;padding:0 0 0 37px;}
#mainnav #socials a.text{position:absolute;top:0px;left:35px;}
#mainnav #socials a:hover{background-position:0 100%;}
#mainnav #socials a.facebook{background-image:url(../assets/main/social_fb.gif);}
#mainnav #socials a.twitter{background-image:url(../assets/main/social_tw.gif);}
#mainnav #socials a.myspace{background-image:url(../assets/main/social_ms.gif);}

/* ---------------- page general */
.pagetitle{margin:0 0 20px;}
#bespokepage{width:600px;margin:0 0 150px;}
.itembar{margin:0 0 20px;}
#bespokepage p{margin:0 0 15px;}
#bespokepage h3{font-weight:bold;color:#00DBFF;}
#bespokepage h4{}
#bespokepage .header{margin:0 0 10px;clear:both;}
#bespokepage .imgBlock{}
#bespokepage .imgBlock .imgItem{}
#bespokepage .imgBlock .imgDesc{margin:8px 0;color:#FFCF06;}
#bespokepage .lefty{float:left;margin:0px 15px 5px 0;}
#bespokepage .righty{float:right;margin:0px 0 5px 15px;}
.subhead{color:#00DBFF;clear:both;}
.clearMe{clear:both;}

/* ---------------- page specific */
/* -------- lists */
#contentList{margin:0 0 200px;width:550px;}
#contentList li.item{margin:0 0 20px;}
#contentList li.item .highlight{color:#FFCF06;}
#contentList .itemtitle{font-weight:bold;font-size:16px;margin:0 0 0px;}
#contentList .itemtitle a{text-decoration:none;}
#contentList .itemdateadded{color:#88F4FF;margin:0 0 15px;font-size:12px;}
#contentList .itemimage{margin:0 0 10px;}
#contentList .itemvimeo{margin:0 0 10px;}
#contentList .itemaudio{margin:0 0 10px;}
#contentList .itemtext{margin:0 0 20px;}
#contentList .iteminfo{color:#8C6D44;}
#contentList .iteminfo span{color:#FFF;margin:0 0 0 8px;}
#contentList li.gigitem .itemtitle{margin:0 0 10px;}
#contentList li.gigitem .iteminfo{margin:0 0 5px;}
#contentList li.gigitem .itemtext{margin:15px 0 20px;}
#contentList li.linkitem{margin:0 0 10px;}
#contentList li.linkitem .itemlink{margin:0 0 5px;}
#contentList li.linkitem .itemtext{margin:0 0 10px;}

/* -------- photos */
#photolist li.picThumb{font-size:0px;float:left;width:210px;height:210px;}
#photolist li.picThumb a:hover{border-bottom:solid 3px #FF9700;}

/* -------- hntlyl */
#hntlyl360{margin:0 0 10px;}
#hntlyl360 #slideFrame{position:relative;width:600px;height:350px;overflow:hidden;}
#hntlyl360 #slideBox{position:absolute;top:0px;left:0px;width:1316px;height:350px;}
#slideSlider{}
#slideArea{background:#353227;height:22px;width:600px;}
#slideHandle{height:22px;width:80px;background:#00DBFF url(../assets/main/slideHandle.gif) 0 0 no-repeat;cursor:pointer;}
/*#upPage, #downPage{width:22px;height:22px;cursor:pointer;}
#upPage{background:#B8252E url(../assets/newsUpBT.gif) 0 0 no-repeat;position:absolute;top:-22px;left:0px;}
#downPage{background:#B8252E url(../assets/newsDownBT.gif) 0 0 no-repeat;position:absolute;top:490px;left:0px;}
#slideHandle:hover, #upPage:hover, #downPage:hover{background-position:100% 0;}*/

/* -------- links */
#linkslist{margin:20px 0 0;}
#linkslist li{}
.linkpart{}
.descpart{}


/* ---------- forms */
#adminform{margin:0 0 20px;}
#forminputlist{}
#forminputlist li{padding:0 0 10px;clear:both;}
#forminputlist label{width:135px;float:left;text-align:left;margin-right:5px;display:block;}
#forminputlist .formitem input.textfield, #forminputlist .formitem textarea{border:solid 1px #282265;width:400px !important;padding:2px;}
#forminputlist .formitem input.checkbox{background:#000;}
#forminputlist .formitem textarea{height:100px;}
#forminputlist .formitem option{margin:0 6px 0 0;}
#forminputlist .formitem textarea#description{height:50px;}
#forminputlist .formitem textarea#text{height:160px;}
#forminputlist .inputalign{margin-left:140px;}
#forminputlist .submit input{margin-left:140px;}
#forminputlist .datedivider{margin:0 5px;}
#forminputlist #testcolor{width:104px;height:20px;}