/* structure *******************/
html {
        margin: 0;
        border: 0;
        padding:0;
}
body {
        margin: 0;
        border: 0;
        padding:0;
        font-size: 85%;
        font-family:Arial, Helvetica, sans-serif;
        background:url(images/body_corner.jpg) no-repeat #FFF;
        color:#333;
}

/* PIE clearing */
.clearer:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
/* visibility: hidden; */
}

/* Hides from IE-mac \*/
* html .clearer {height: 1%;} /*has layout*/
.clearer {display: block;}
/* End hide from IE-mac */


/* home ************************************************/
#home #toppanel{height:230px; overflow:hidden;}
#home #toppanel #toppanel-inner{background:url(images/header_home0.jpg) no-repeat #362118;height:230px;}
#featured-release{
        position:relative;
        width:295px;
        padding:10px;
}
#featured-release-bg {
        filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;-khtml-opacity: .6;
        background-color:#000;
        height:100%;
        width:100%;
        margin:-10px;
        position:absolute;
}
* html #featured-release{overflow:hidden;width:315px;}
* html #featured-release-bg{height:200px;}
#home #toppanel .imageborder {margin-right:10px;}
#home #featured-release .content{position:relative;color:#fff;width:295px;float:none;border:0;padding:0;}

#home .col1{
        background:url(images/home_welcometop.jpg) no-repeat #E8DABF;
        width:175px;
        padding-top:20px;
}
#welcomepanel{
        background:url(images/home_welcomebtm.jpg) bottom right no-repeat;
        padding-bottom:20px;
}
#welcomepanel h1{
        padding:0 20px;
        color:#362118;
        font-size:110%;
        line-height:1.8;/*1.4*/
}
#home .col2{
        width:485px;
        font-size:100%;
}

#home #container .content{min-height:25em;}

.narrower{padding-right:150px;}

.release-wrapper,.artist-wrapper{
        float:left;
        width:315px;
        height:10em;
        padding:5px;
        border:1px dotted #CE9D59;
        margin:0 15px 15px 0;
        background-color:#fff;
}
.artist-wrapper{width:655px;height:auto;}
/* IE6 hacks */
* html .release-wrapper{width:315px;display:inline;margin-right:15px;}
* html .artist-wrapper{width:655px;display:inline;}

.release-wrapper img,.artist-wrapper img{float:left;}
.release-wrapper h4,.release-wrapper h5,.release-wrapper p,.artist-wrapper h4,.artist-wrapper h5,.artist-wrapper p{padding:0 0 0 115px;line-height:normal;font-size:100%;}
.artist-wrapper h5{font-weight:bold;font-style:normal;}
.release-wrapper h5,.release-wrapper p{font-size:90%}
.release-wrapper p a, .artist-wrapper p a{text-decoration:none;}
.release-wrapper p a:hover, .release-wrapper p a:visited:hover,.artist-wrapper p a:hover, .artist-wrapper p a:visited:hover{text-decoration:underline;}

.tag{height:5px;margin-bottom:5px;font-size:0;}
.classical{background-color:#C65600;}
.organicbeats{background-color:#609D7E;}
.electronica{background-color:#A77898;}

/* internals ***************************************/
#header{
        margin-left:35px;
        position:relative;
        height:100px;
}
#petals{
        position:absolute;
        left:870px;
        top:0;
}

#logo{
        padding-top:38px;
}
#logo p{font-family:Georgia, serif;color:#640000;font-size:87%;padding-top:.4em;}

#toppanel{margin-left:35px;height:auto;background-image:url(images/grid_dbrown-lbrown.gif);}
#toppanel #toppanel-inner{width:840px; height:110px;padding:15px;color:#fff;font-size:90%;background-color:#362118}
* html #toppanel #toppanel-inner{width:840px;height:140px}/* ie6 */
#toppanel-inner h1,#toppanel-inner h2,#toppanel-inner h3{color:#D07E00;padding:0;}
#toppanel-inner a{color:#D07E00;}
#toppanel-inner .header-image{margin:-15px;}
#toppanel .imageborder {border:4px solid #fff;float:left;margin:0 20px 10px 0;}

#release #toppanel{background-image:url(images/grid_honey-lbrown.gif);height:auto;}
#release #toppanel-inner{background:url(images/toppanel_corner-dbrown.gif) bottom left no-repeat #362118;height:200px;}
* html #release #toppanel #toppanel-inner{width:870px;height:230px}/* ie6 */
#release #toppanel-inner h3,#artist #toppanel-inner h3{color:#fff;padding-bottom:.5em}

#artist #toppanel-inner{background:url(images/toppanel_corner-lbrown.gif) bottom left no-repeat #935C35;}
#artist #toppanel-inner h1{color:#640000;}



#container{        
        position:relative;
        padding:15px 0 15px 35px;
        width:870px;
        background:url(images/container_bg.gif) bottom repeat-x #FFF;
        font-size:90%;
}
* html #container{width:905px;}
* html #home #container{width:870px;}

#container-wrapper{
        background:url(images/wrapper_bg.png) repeat-x;
}

.mp3-player{padding-bottom:5px;}

/* alternative class='newsletter box' rendering *******************************/
/*.box{
        background:url(images/125box_top.png) no-repeat #6B4328;
        width:135px;
}
.box .base{height:5px;background:url(images/125box_base.png) no-repeat}
.newsletter h4{padding:4px 5px;color:#fff;}
.newsletter form{padding:0 5px;}
.newsletter input{width:100px;padding:0 2px;font-size:90%;border:1px solid #C4832A;background-color:#6E452A;color:#fff;}
.newsletter input.submit{width:auto;font-weight:bold;border:0;background-color:#C4832A;padding:0}
*/
.newsletter form{padding:0;margin:0;}
.newsletter{padding-bottom:10px;margin:0 5px 5px 0;border-bottom:1px dotted #CE9D59;}
.newsletter h4{padding:4px 0;color:#935C35; font-size:100%;font-weight:normal;}
.newsletter input{width:110px;padding:1px 2px;font-size:90%;border:1px solid #CE9D59;background-color:#F3E7D6;color:#000;}
.newsletter input.submit{width:auto;color:#fff;font-weight:bold;border:0;background-color:#CE9D59/*#6E452A*/;padding:1px}

.addthis{padding-top:25px;clear:both;}

.content{
        float:right;
        width:685px;
        padding:0 20px 15px 15px;
        border-left:1px dotted #CE9D59;
}
 
* html .content{width:720px;}
* html #home .content{width:685px;overflow:hidden;}


.col1{
        float:left;
        width:485px;
}

.col2{
        float:right;
        width:165px;
        font-size:90%;
}

#press .col1{width:355px}
#press .col2{width:295px}

.panel{border: 1px dotted #CE9D59;padding:5px;margin:5px 0;}
.panel h1,.panel h2,.panel h3,.panel h4,.panel h5{padding-top:0.2em;}

.clearer img{padding-right:5px;}

.contactform label{display:block;padding-top:10px;}
.contactform input, .contactform select,.contactform textarea{width:450px;padding:2px;font-size:100%;border:1px solid #CE9D59;background-color:#F3E7D6;font-family:Arial, Helvetica, sans-serif;}
.contactform input.submit,.contactform input.clear{width:auto;background-color:#E8DABF}

#footer{background-color:#fff;width:670px;padding:5px 0 0 35px;font-size:80%; color:#666666;border-bottom: 1px dotted #E3E4E0;}

/* nav *************************************/
/* toggler colors in js functions */
#nav-wrapper{
        width:145px;
        float:left;
}
ul#nav{
        padding:10px 0 0;
        margin:0;
        list-style:none;
        font-family:Georgia, serif;
        font-size:170%;
        font-style:italic;
}

#nav li{padding-bottom:.2em;}

#nav li a:link,#nav li a:visited{color:#935C35;text-decoration:none;}
#nav li a:hover,#nav li a:visited:hover{color:#362118;}
#nav li.down a:link,#nav li.down a:visited{color:#362118;} /* use class 'down' to indicate active page */
##nav li.down a:hover,#nav li.down a:visited:hover{color:#935C35}


/* basic text formatting *******************/
img{border:0;}
a:focus, a:active {border: 0;outline: 0;}
a:link,a:visited{color:#640000;text-decoration:underline;}
a:hover,a:visited:hover{color:inherit;text-decoration:none;}

h1,h2{color:#362118;}
h1{margin:0;padding:.2em 0 .2em;font-weight:normal;font-size:150%;font-family:Georgia, serif}
h2{margin:0;padding:0.2em 0 .4em;font-weight:normal;font-size:130%;font-family:Georgia, serif}
h3{margin:0;padding:0.5em 0 .2em;font-weight:normal;font-size:120%;font-family:Georgia, serif; color:#999;}
h4{margin:0;padding:.7em 0 0;font-size:110%;color:#640000;}
h5,h6{margin:0;padding:.7em 0 0;font-size:100%;font-weight:normal;font-style:italic;}
p{margin:0;padding:.2em 0 .7em;line-height:1.3;}

ul, ol{margin:0; padding:0 2em;}
li{margin:0; padding-bottom:0.5em;}

table{font-size:100%;padding:0;margin:.2em 0 .7em;border:0;}
td{padding:2px; background-color:#E3E4E0;border:1px solid #fff;}