#colorbox{position:absolute; z-index:999; background-color:#6B6E67; padding-bottom: 80px!important;}
#cboxNext,#cboxPrevious{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding:5px;
}
#cboxTitle{padding-top:5px;}
#cboxClose{cursor:pointer;}
body {
    margin: 0;
    color: white;
    background: #000;
    font-family: Verdana;
    font-size: 10pt;
    text-align: center;
}
h1 {
    font-size: 14pt;
    font-weight: bold;
    font-family: Verdana;
    margin: 0;
    line-height: 1;
}
ul, li{
    list-style-image: none;
    margin: 0;
    padding: 0;
}
img{
    border: 0;
}
#debug {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: center;    
}
img, div, input { behavior: url('/css/iepngfix.htc') }
 

/* SITE LAYOUT
---------------------------------------------*/
#navigation{
    background: #6B6E67;
    height: 65px;

}
#nav{
    width: 980px;
    margin: auto;
    text-align: left;
    
}
#nav ul{
    display:table;
    width:100%;
    box-sizing:border-box;
    /*table-layout: fixed;*/    
}
#nav li{
    text-align:center;
    list-style-type: none;
    display:table-cell;     
    height:65px;
    vertical-align:middle;    
} 

#nav li a {
    /*background:url("/images/new_2013/nav.gif") no-repeat scroll 0 0 transparent;*/
    color:#FFF;
    text-transform:uppercase;
    left:0;
    margin:0;
    overflow:hidden;
    padding:0;
    text-decoration:none;
    text-indent:-9999px;
    top:0;
    font-family: 'centaurregular';
    font-size: 1.4em;
    
}
#nav li a:hover{
    color: #000;
}
li#menu_news{
    background-position: 0 0;
    left: 0;
    /*width: 80px; */
}
li#menu_news a:hover{
    background-position: 0 -65px;
}
li#menu_bio a{
    background-position: -75px 0px;
    left: 0px;
    width: 45px;
}
li#menu_bio a:hover{
    background-position: -75px -65px;
}
li#menu_shows a{
    background-position: -135px -0px;
    left: 0px;
    width: 90px;
}
li#menu_shows a:hover{
    background-position: -135px -65px;
}
li#menu_music a{
    background-position: -230px 0px;
    left: 0px;
    width: 80px;
}
li#menu_music a:hover{
    background-position: -230px -65px;
}
li#menu_video a{
    background-position: -310px 0px;
    left: 0px;
    width: 80px;
}
li#menu_video a:hover{
    background-position: -310px -65px;
}
li#menu_photos a{
    background-position: -385px -0px;
    left: 0px;
    width: 95px;
}
li#menu_photos a:hover{
    background-position: -385px -65px;
}
li#menu_dls a{
    background-position: -480px -0px;
    left: 0px;
    width: 135px;
}
li#menu_dls a:hover{
    background-position: -480px -65px;
}
li#menu_shop a{
    background-position: -625px 0px;
    left: 0px;
    width: 85px;
}
li#menu_shop a:hover{
    background-position: -625px -65px;
}
li#menu_board a{
    background-position: -700px 0px;
    left: 0px;
    width: 100px;
}
li#menu_board a:hover{
    background-position: -700px -65px;
}
li#menu_press a{
    background-position: -805px 0px;
    left: 0px;
    width: 70px;
}
li#menu_press a:hover{
    background-position: -805px -65px;
}
li#menu_contact a{
    background-position: -875px 0px;
    left: 0px;
    width: 145px;
}
li#menu_contact a:hover{
    background-position: -875px -65px;
}

/*li#menu_news, li#menu_news a:hover{
    background-position: 0 0;
    left: 0;
    width: 60px;
}
li#menu_news a:hover{
    background-position: 0 -65px;
}
li#menu_bio a, li#menu_bio a:hover{
    background-position: -60px 0px;
    left: 0px;
    width: 61px;
}
li#menu_bio a:hover{
    background-position: -60px -65px;
}
li#menu_shows a, li#menu_shows a:hover{
    background-position: -121px -0px;
    left: 0px;
    width: 82px;
}
li#menu_shows a:hover{
    background-position: -121px -65px;
}
li#menu_music a, li#menu_music a:hover{
    background-position: -203px 0px;
    left: 0px;
    width: 76px;
}
li#menu_music a:hover{
    background-position: -203px -65px;
}
li#menu_video a, li#menu_video a:hover{
    background-position: -279px 0px;
    left: 0px;
    width: 78px;
}
li#menu_video a:hover{
    background-position: -279px -65px;
}
li#menu_photos a, li#menu_photos a:hover{
    background-position: -357px -0px;
    left: 0px;
    width: 93px;
}
li#menu_photos a:hover{
    background-position: -357px -65px;
}
li#menu_shop a, li#menu_shop a:hover{
    background-position: -450px 0px;
    left: 0px;
    width: 77px;
}
li#menu_shop a:hover{
    background-position: -450px -65px;
}
li#menu_board a, li#menu_board a:hover{
    background-position: -527px 0px;
    left: 0px;
    width: 99px;
}
li#menu_board a:hover{
    background-position: -527px -65px;
}
li#menu_backstage a, li#menu_backstage a:hover{
    background-position: -626px 0px;
    left: 0px;
    width: 186px;
}
li#menu_backstage a:hover{
    background-position: -626px -65px;
}
li#menu_press a, li#menu_press a:hover{
    background-position: -812px 0px;
    left: 0px;
    width: 72px;
}
li#menu_press a:hover{
    background-position: -812px -65px;
}
li#menu_contact a, li#menu_contact a:hover{
    background-position: -884px 0px;
    left: 0px;
    width: 96px;
}
li#menu_contact a:hover{
    background-position: -884px -65px;
}*/

#topSection{
    height: 240px;    
}
#midSection{
    margin-left: 14px;
    margin-right: 12px;
}

#container-wrapper{
    /*height: 654px;*/
}
#container{
    width: 980px;
    margin: auto;
    text-align: left;
    /*padding-left: 23px;*/
}
div.willie_title{
    padding-top: 62px;
}


#connect{
    height: 59px;
    width: 617px;

    font-family: Rockwell, 'Arial', sans-serif;
    font-size: 11pt;
    text-transform: uppercase;
    color: white;
}                     

div.connectwwillie{
    padding-top: 17px;
    padding-left: 9px;
    font-size: 17pt;
}
div.socialnetwork{
    padding-top: 5px;
}
.audioplayer{
    border: 1px solid white;
    width: 370px;
    height: 21px;
    margin-left: 35px;
    margin-top: 10px;
}


.min-wrapper{
    width: 617px;
}

#mailinglist{
    width: 293px;
    height: 255px;
    margin-top: 9px;
}
#secMailinglist{
    width: 324px;
    height: 255px;
}
.sec-page-title{
    color: white;
    font-size: 14pt;
}
.news-body{
    margin: 0 5px;
}
#contentArea{
    width: 564px;
    min-height: 526px;
    height: auto !important;
    height: 526px;
    padding: 29px 30px 29px 21px; 
}
#contentArea a{
    color: white;
    text-decoration: none;
}
#contentArea h1{
    font-family: Rockwell, 'Arial', sans-serif;
    text-transform: uppercase;
    font-size: 22pt;
    letter-spacing: .004em;
    color: white;
}
.content{
    margin-top: 54px;
    padding-left: 6px;
}
div.events{
    cursor: pointer;
    padding: 2px;
    margin-top: 3px; 
    /*border: 1px dotted white;*/
    font-weight: bold;
}
div.events span{
    color: #dfdfdf;
}
div.hover, div.clicked, 
div.clicked span, div.hover span{
    background: #919191;
    color: black;
}
div.eventsSubs{
    display: none;
    font-size: 8pt;
    padding-left: 9px;
}
div.eventsSubs span{
    font-size: 9pt;
    font-weight: bold;
    color: white;
}

#photobox, #videobox{
    width: 616px;
    height: 327px;
    margin-top: 9px;
    padding: 14px;
    font-size: 8pt;
}
.imgDesc{
    padding-top: 5px;
}
.photoBy{
    font-style: italic;
}
.ordernow{
    margin-top: 205px;
    margin-right: 30px;
}
.secOrdernow{
    margin-top: 15px;
    text-align: center;
}
.secBackStage{
    margin-bottom: 15px;
    text-align: center;
}

#upcomingshows{
    width: 597px;
    min-height: 315px;
    height: auto !important;
    height: 315px;
    margin-top: 9px;
    padding: 10px; 
}
#upcomingshows a {
    color:white;
    text-decoration:none;
}

#upcomingshows h2{
    font-family: Rockwell, 'Arial', sans-serif;
    text-transform: uppercase;
    color: white;
    letter-spacing: .008em;
    padding: 0;
    margin: 0;
}
.newsForm{
    padding-left: 32px;
    padding-top: 25px;
}
.newsForm label{
    padding-top: 15px;
}
.newsForm .submit_btn{
    float: right;
}

/**
* make the box transparent.
*/
div.trasparent-box{
    background: transparent url('/images/new_2013/trans_bg.png');
}

/* Background Images
------------------------------------------------*/
.main{
    background: url('/images/new_2013/bg_main.jpg') top center no-repeat;
}
.shows{
    background: url('/images/new_2013/shows-background.jpg') top center no-repeat;
}
.bio{
    background: url('/images/new_2013/bio-background.jpg') top center no-repeat;
}
.music{
    background: url('/images/new_2013/music-background.jpg') top center no-repeat;
}
.boards{
    background: url('/images/new_2013/fantalk-background.jpg') top center no-repeat;
}
.news{
    background: url('/images/new_2013/news-background.jpg') top center no-repeat;
}
.photos{
    background: url('/images/new_2013/photos-background.jpg') top center no-repeat;
}
.press{
    background: url('/images/new_2013/press-background.jpg') top center no-repeat;
}
.shop{
    background: url('/images/new_2013/shop-background.jpg') top center no-repeat;
}
.video{
    background: url('/images/new_2013/video-background.jpg') top center no-repeat;
}
.contact{
    background: url('/images/new_2013/press-background.jpg') top center no-repeat;
}

.search label{
    font-weight: bold;
    width: 75px;
}
.searchBox{
    width: 230px;
}
.search .submit_btn{
    float: right;
    margin-top: 5px;
}
.inputBoxes{
    margin-top: 67px;
    margin-left: 5px;
}
.archived{
    margin-top: 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid white; 
}
.ui-datepicker-month, .ui-datepicker-year{
    color: black;
    border: 0px solid white;
}
.posts{ 
    min-height: 50px;
    height: auto !important;
    height: 50px;
    padding: 10px 10px 3px 10px;
    border-bottom: 1px solid white;
}
.message{
    display: block;
    margin-bottom: 10px;
}
.person{
    font-weight: bold;
    font-size: 10pt;
    display: block;
    margin-bottom: 5px;
}
.dateposted{
    float: right;
    color: #afafaf;
}
/**
* Form Coloring
*/
label{width: 150px;}
label, input, textarea, select{
    font-family: Arial, sans-serif;    
    padding: 2px;
    display: block;
    float: left;   
}
textarea, input, select {
    background: transparent;
    border: 1px solid white;
    color: white;
    margin-top: 2px;    
}
input.subButton {
    background: url('/images/new_2013/btn_submit.png');
    border: 0;
    text-indent: -9999px;
    width: 90px;
    height: 37px;
    cursor: pointer;
}
input.newsinput{
    width: 230px;
}

.input-error{
    border: 1px solid red;
}

/**
* Submit buttons Bounding box, if it's enabled.
*/
.submit_btn{ margin-right: 25px; margin-top: 10px; }
/**
* Submit button's styling/
*/
input.submit{
    border: 1px solid black;
    background: grey;
    width: 58px;
}

/**
* Basic float CSS so it is not needed in 100 different places.
*/
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }

/**
* This is for the designed by Danima Technologies.
*/
.designed{ width: 630px; margin: 10px 0 80px 15px; text-align: left; font-size: 8pt; } /* Surrounding Box */
.designed a{ color: white; text-decoration: none; } /* Link Color */



/* Notices and Errors */
._error_box {
    display: block;
    clear: both;
    background-color: #c73e14;
    padding: 0.4em;
    margin: 0 0 0.3em 0;
    font-family: Courier, monospace;
    font-size: 10pt;
    text-align: left;
    color: #FFF;
    border: 1px dashed #000;
}
._error_box pre, ._error_box span {
    font-family: Courier, monospace;
    font-size: 10pt;
    text-align: left; 
    color: #FFF;   
}
._error_box ._error_title{
    font-weight: bold;
}

#message { clear: both; margin-bottom: 0.5em; }

#message .success {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;    
    background: #E2F1D0 url(/images/icons/check.png) no-repeat left;
    background-position: 10px 7px;
    color: #061A5B; 
    border: 1px solid #ccc;
}
#message .success .text {
    padding-left: 3em;
    font-weight: bold;
}

#message .error {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;    
    background: #FFD9D9 url(/images/icons/exclamation.png) no-repeat left;
    background-position: 10px 7px;
    color: #800; 
    border: 1px solid #ccc;
}
#message .error .text {
    padding-left: 3em;
    font-weight: bold;
}

#message .info {
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto;    
    background: #F0F1FF url(/images/icons/information.png) no-repeat left;
    background-position: 10px 7px;
    color: #060C6A; 
    border: 1px solid #ccc;
}
#message .info .text {
    padding-left: 3em;
    font-weight: bold;
}

/**
* Fonts
*/
@font-face {
    font-family: 'Rockwell';
    src: url('/files/fonts/rockb.eot');
    src: local('☺'), url('/files/fonts/rockb.woff') format('woff'), url('/files/fonts/rockb.ttf') format('truetype'), url('/files/fonts/rockb.svg#webfontdJD8DG6O') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* BUTTON
----------------------------------------*/
.btn {
    background:url("/modules/store/webroot/images/btn_grey_left.gif") no-repeat scroll left top transparent;
    cursor:pointer;
    float:left;
    height:24px;
    margin: 3px;
    padding:0;
}
.btn span {
    background:url("/modules/store/webroot/images/btn_grey_right.gif") no-repeat scroll right top transparent;
    color:#FFFFFF;
    float:left;
    font: bold 11px/24px Arial,Helvetica,sans-serif;
    height:24px;
    padding:0px 10px;
}
.btn span a{
    text-decoration: none;
    color: white;
    display: block;
}