body{background:#F2BEA2 url('/media/images/bg.jpg') no-repeat center 0;font-family: 'Adobe Garamond Pro', Garamond, 'sans serif'; font-size:16px; font-style:normal;}

.container{text-align:center;background-image:url('/media/images/container-trans.png');padding:40px 5px 0; position:relative; top:0; left:0;}
h1,h2,h3, .widget .title, #main legend{font-style:italic;color:#006630;font-family:'Adobe Garamond Pro', Garamond,'sans serif'; text-shadow: #666 -1px 2px 6px}
a:link, a:visited{color:#006630;}
a:hover, a:active{color:#D4145A;}
#header{background-image:url('/media/images/header.jpg');width:100%;height:200px;position:relative;}
#header h1{height:100%; width:100%; margin:0;}
#header h1 a{display:block; height:100%; width:100%; overflow:hidden; text-indent:-9000px;}
#headerimg {position:absolute;left:520px;top:114px;}
.sidebar, #main{position:relative; left:-30px; top: 0px;}
.sidebar{float:left; width:330px; margin-right:45px; font-family:'Myriad Pro', Myriad, Verdana, 'sans serif';}
.widget{width:300px; height:270px; margin:0 0 30px 0; padding:15px 15px; background-image:url('/media/images/block-trans.png');color:#006630;}
.widget h3{margin-bottom:5px;}
.widget .item{margin-left:25px; font-size:.9em; text-align:left;}
.widget .title{font-size:2em; font-weight:normal; text-align:center; margin-bottom: .5em}
.widget li{list-style:none;}
.widget .icon{float:left; margin:5px 5px 5px 0;}
.widget .quote{margin:30px 0;}
.twitter li{float:left;}
.tweet{width:230px;}
.artistdata-small{float:left;width:230px;}
.artistdata{margin-left:60px;}
.more{text-align:right;}
.box {margin-bottom: 1.5em;}
.info {font-size:0.9em; font-style:italic; margin-top:-1.75em;}
#main{float:left; width:480px;padding:0 45px;text-align:left;margin-top:15px; margin-bottom:15px;}
#main img{border: 3px solid #332618;}

#banner{position:absolute; display:block; top:-25px; right:-25px; z-index:20;}
#banner a {display:block; height:121px; width:360px;}
#banner a .hover{display:none;}
#banner a:hover .hover{display:inline;}
#banner a:hover .normal{display:none;}

.errors{font-size:.9em;}
.errors label.error{width:100%;font-size:.9em;padding:0; margin:0; text-align:center; float:none;}

#signup{position:relative;width:300px;position:absolute;right:15px;top:-200px;font-family:'Myriad Pro', Myriad, Verdana, 'sans serif';z-index:10;background:transparent url('/media/images/signup-bg.jpg') repeat-y 0 0;border-left:1px solid #332618;border-right:1px solid #332618;border-bottom:1px solid #332618;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-moz-box-shadow: #666 -1px 2px 10px;-webkit-box-shadow: -1px 2px 10px #666;}
#signup .message{position:absolute; left:10px; top:60px; font-size:.9em; width:280px;}
#signup .close{margin:0 1em .5em; float:right; font-size:.8em;}
#signup form{margin-top:100px;}
#signup label.email{width:50px;font-size:.9em;}
#signup input{width: 10em; font-size: .8em; margin:.5em 0;font-family:'Myriad Pro', Myriad, Verdana, 'sans serif';}
#signup button{font-size: .8em; margin:0 0 0 .25em; padding: .25em; font-family:'Myriad Pro', Myriad, Verdana, 'sans serif';}
#signup .errors{padding:0;width:220px;margin-left:6px;}
#signupform input, #signupform button, #signupform label{font-size:.8em;}
#signupform label{width:5.5em;}
#signupform input{width: 18em;}
body.contact #main form {font-size:1.25em;}
#main legend{font-weight:normal;font-size:36px;}
#main fieldset{border:1px solid #006630;}
#main .errors{clear:both;}

#footer{background:#998B84 url('/media/images/footer.jpg') repeat-x 0 0; width:100%;padding:6px 0;clear:both; border-top:1px solid #3c7557;border-bottom:1px solid #3c7557;}
#footer p{margin:0;}

#nav{background:transparent url('/media/images/nav.jpg') no-repeat center 0; width:100%;height:40px;margin:10px 0;position:relative; padding:0;}
#nav div{height:40px; position:absolute; top:0;}
#nav li{float:left; padding: 0;}
#nav a{position:absolute; height:0; overflow:hidden; padding-top:40px; line-height:18px;}
#nav, .widget{list-style:none;}

#nav a, #nav div{background:transparent url('/media/images/nav.jpg') no-repeat;}

#nav .home a{left:7px; width:95px; background-position:-7px 0;}
    #nav .home a:hover, .nav-home{background-position:-7px -40px}
    #nav div.nav-home{left:7px; width:95px; background-position:-7px -40px;}
    body.home #nav .home a{background-position:-7px -80px}

#nav .blog a{left:120px; width:80px; background-position:-120px 0;}
    #nav .blog a:hover{background-position:-120px -40px}
    #nav div.nav-blog{left:120px; width:80px; background-position:-120px -40px;}
    body.blog #nav .blog a{background-position:-120px -80px}
    

#nav .studio a{left:218px; width:112px; background-position:-218px 0;}
    #nav div.nav-studio{left:218px; width:112px; background-position:-218px -40px;}
    #nav .studio a:hover{background-position:-218px -40px}
    body.studio #nav .studio a{background-position:-218px -80px}


#nav .tour a{left:345px; width:90px; background-position:-345px 0;}
    #nav div.nav-tour{left:345px; width:90px; background-position:-345px -40px;}
    #nav .tour a:hover{background-position:-345px -40px}
    body.tour #nav .tour a{background-position:-345px -80px}


#nav .music a{left:445px; width:105px; background-position:-445px 0;}
    #nav div.nav-music{left:445px; width:105px; background-position:-445px -40px;}
    #nav .music a:hover{background-position:-445px -40px}
    body.music #nav .music a{background-position:-445px -80px}
    
    
#nav .about a{left:558px; width:105px; background-position:-558px 0;}
    #nav div.nav-about{left:558px; width:105px; background-position:-558px -40px;}
    #nav .about a:hover{background-position:-558px -40px}
    body.about #nav .about a{background-position:-558px -80px}
    
    
#nav .and-friend a{left:675px; width:130px; background-position:-675px 0;}
    #nav div.nav-and-friend{left:675px; width:130px; background-position:-675px -40px;}
    #nav .and-friend a:hover{background-position:-675px -40px}
    body.and-friend #nav .and-friend a{background-position:-675px -80px}
    
    
#nav .contact a{left:820px; width:140px; background-position:-820px 0;}
    #nav div.nav-contact{left:820px; width:140px; background-position:-820px -40px;}
    #nav .contact a:hover{background-position:-820px -40px}
    body.contact #nav .contact a{background-position:-820px -80px}


/* Forms */
label{font-size: 1em;display:block;float:left;margin:.25em 0;padding:.25em .5em;text-align:right;width:7.5em;clear:left;} 
textarea{height:20em;} input,textarea,select{width:20em;margin:0.25em 0;padding:.25em;border:1px solid 
rgb(160,160,160);font-size:1em;background-color:white;background-color:rgba(255,255,255,.9);} 
input:focus,textarea:focus,select:focus{border:1px solid rgb(246,160,62);background-color:white;} 
button{padding:.25em 1em;font-size:1em;margin:.25em 1em 0 0;} button::-moz-focus-inner{border:0;} .error 
label,.errorlist{color:rgb(255,0,0);} .error input,.error select,.error textarea{border:1px solid rgb(255,192,192);} 
.error input:focus,.error textarea:focus,.error select:focus{border:1px solid rgb(255,64,64);}
.errorlist{margin-left:9em;list-style:none;}