/* 3-Column Positioning */
/*body { margin: 0; padding: 0 220px; min-width: 400px;}*/
body {margin:0; padding:0; min-height:100%;}
h1 { height: 130px; margin:0 0 2em -210px; text-align:center; padding-top:0; background:#D5A46B; border-top:2px solid #663300; position:relative; font-family:Tahoma,Verdana,Helvetica,sans-serif,Geneva,Arial; font-weight:normal}
img {border:0;}
.extra { margin-left: -220px; width: 220px; position:relative; float: left; }
.content {float: left; width:100%; margin:0 -2px;}
.service {margin:0 0 0 -210px; width: 200px; position: relative; float: left;}
.footer {padding: 10px 0; margin:1.2em 0 0; clear: both;}

/* Global Layout */
body { background: transparent; font: 12px Verdana;}
h2 { color: #fff; background: #333; font-size: 1em; padding: 2px 10px; margin: 0 10px;}
h3 { clear: both; /*border-top: 1px solid #999;*/ margin: 10px 0 5px; padding: 5px 10px 0;}
h3#first {border: none; margin-top: 0; padding-top: 0;}
.content h2 a { color: #fff; display: inline;}
a { color: #663300; text-decoration: none; }
a:hover { text-decoration: underline; color:#D98A5B }
a.artist { font-weight: bold; display: block; color: #666;}
a.album { display: block; }
p#cleaner {margin: 0; font-size: 0; clear: both;}
.cover { float: left; margin: 0 5px 5px 0;} /* ?????? */
a.cover img { border: none; }
.even { background: #eee; }
.footer {margin:0; padding:0.2em 10px 0; color: #663300; text-align: right; height:33px; position:absolute; bottom:0; left:0; width:730px; background:#D5A46B; border:2px solid #663300; border-left:0; border-right:0; z-index:20;}
.footer p {margin:0; padding:0;}
.content div, .sidebar div, .sidebar ol, .sidebar ul, .sidebar form { background: #fff; }

/* main content */
.content div { margin: 0 10px; padding: 10px;}
.content ul { list-style: none; margin: 0; padding: 0; }
.content ul.artists li {margin-bottom:0.75em}
p.arrows { text-align: right; clear: both; }
img.photo { float: left; margin: 0 10px 10px 0;}
p#letters { text-align: center; position: relative; z-index: 2; }
.albums li { width: 49%; margin: 0 1% 15px 0; float: left; }
.albums li.li_clear {width:100%; height:1px; font-size:1px; margin:0; padding:0;}
.artists { width: 49%; margin-right: 1%; float: left;}
.tracks { clear: both; width: 100%; margin: 1em 0 5px; border-collapse: collapse; font-size: 0.9em;}
.tracks thead {background: #ccc;}
.tracks td { padding: 2px 4px; vertical-align: top;}
.tracks th {text-align:center; font-weight:bold; background:transparent;}
.tracks .divider { border-bottom: 1px solid #EFDBBD; padding: 5px 20px; font-weight: bold; color: #333;}
.tracks .title {font-size:100%;}
.tracks .number { width: 20px; text-align: center; }
.tracks .check { width: 25px; text-align: center; }
.tracks .preview { width: 15px; text-align: center;}
.tracks .preview img {cursor:pointer;}
.tracks .duration { width: 40px; text-align: right; border-left: 1px solid #EFDBBD;}
.tracks .price { width: 40px; text-align: right; border-left: 1px solid #EFDBBD;}
.tracks .date { width: 130px; text-align: center; border-right: 1px solid #EFDBBD; }
.tracks .link { width: 60px; text-align: center; border-left: 1px solid #EFDBBD;}

.content label { text-align: right; width: 320px; margin: 0 auto 2px; display: block;}
.content div.btns { width: 320px; padding: 2px 20px 0 0; margin: 2px auto; /*border-top: 1px solid #999;*/ text-align: right;}
.content select, .content label input { width: 150px; }
.content div.trackinfo { background: none; margin: 0; padding: 0; }
.content div.trackinfo p { margin: 0; }

/* sidebars */
.sidebar { font-size: 1em;}
.sidebar ul { padding:10px; margin: 0 0 10px; /*list-style:url('gfx/bullet.gif');*/list-style:disc; color:#EFDBB8; background-color:transparent}
.sidebar ol { padding: 10px 0 10px 31px; margin: 0 0 10px; list-style-position: outside; background-color:transparent}
.sidebar ul li { margin: 0 0 5px 30px; padding: 0; background-color: transparent}
.sidebar ol li { margin: 0 0 5px 7px; padding: 0; background-color: transparent}
.sidebar form, .sidebar div.userblock div { padding: 10px; margin: 0 0 10px; background-color:transparent}
.sidebar li.nobullet { list-style: none; margin-left: 15px; background-color:transparent}
#search { text-align: center; }
.sidebar #login { text-align: right; margin:0; padding:1em 3px 1.5em}
.sidebar #login a {margin-bottom:10px;}
.sidebar #login label { display: block; margin-bottom: 3px; }
.sidebar #login input { width: 110px; }
.sidebar div.userblock form a, .sidebar div.userblock div a { display: block; }

.sidebar div {margin:0 10px; padding:0;}


/* IE6 Stuff */
* html .service {left: 210px;}
*body .sidebar ul li {margin-left:15px; padding-left:13px;}


body#help {font-size:12px; font-family: Arial, sans-serif; margin: 0; padding: 0 10px 0 220px; line-height: 1.5em; background:#fff; color:#663300;}
#help #contents {position: fixed; list-style: none; background: #A56D52; top: 0; left: 0; width: 190px; padding: 10px; height: 449px; margin: 0; color: #fff; border-right: 2px solid #663300;}
#help #contents li {cursor: pointer; margin: 0 0 5px; line-height: 1.2em; text-align: left; }
#help #contents li:hover { text-decoration: underline;}
#help #contents span {color:#efdbb8}
#help li {text-align: justify; }
#help h2 {font-size:150%}
#help h2, #help h3, #help h4 {color: #D6A66B; background:none; margin:10px 0 5px 0; border:0}
#help p {text-align: justify; text-indent: 2em; margin: 0;}
/*#help a {color: #666; text-decoration:underline}*/
* html #help ul#contents { border-bottom: 1px solid #B9CAE5; position: absolute; }


.pngfix {filter:expression(fixPNG(this));}


#moneystuff {margin-top:0; background:#fff; clear:both;}
#moneystuff form {clear:both; margin:0; padding:0; width:100%;}
#moneystuff fieldset {border:0; margin:0 0 0.5em; padding:0; clear:both; width:100%;}
#moneystuff label {float:left; width:100px; height:3em; clear:left; margin:-2px 5px 5px 0}
#moneystuff input, #moneystuff select {float:left; clear:right;}
#moneystuff input#submit {clear:both; margin-left:105px; float:none; display:block;}
#moneystuff div.clear {width:100%; margin:0; padding:0; height:1px; font-size:1px; clear:both;}
#moneystuff #ps, #moneystuff #url, #moneystuff #phone {width:250px;}

#register, #login_form, #lostpassword {width:320px; margin:0 auto; padding:0;}
#register p, #login_form p, #lostpassword p {margin:10px auto; text-align:right;}


.content .drm {float:right; width:50px; text-align:right; margin:0 5px 0 0; padding:0; background:transparent;}
.td_drm {width:19px; text-align:center;}
.td_drm div, .td_drm iframe {margin:0; padding:0; background:transparent}
.td_drm img {width:15px; height:15px; border:0}


ul#topalbums {list-style:none; margin:1em 5px 1em; padding:0}
#topalbums li {clear:both; display:block; margin:0 10px; padding:0.8em 0 0;}
.service ul li {list-style:none; margin-left:2em; background:none}
.service ul span {color:#EFDBB8; padding-right:3px;}
h2 span {color:#EFDBB8; padding:0 4px;}


#h1_foot {margin:0; padding:0; position:absolute; bottom:0; left:0; font-weight:normal;}
#h1_foot table {font-size:17px; height:40px; text-align:center; margin:0; border-collapse:collapse;}
#h1_foot p {padding:0; margin:0}
a.menu:hover, a.menu:active {color:#666666; text-decoration:none;}

#h1_head_img {height:90px; width:147px; float:left;}
.pagetitle {margin:20px 12px;}
.pagetitle small {color:#efdbb8; font-size:10pt; display:block;}


.cover-full {margin:0 0 5px; padding:0; font-weight:bold; text-align:center;}
.cover-full p {text-align:left; margin:0 0 9px; padding:5px 10px 3px; font-size:12px; line-height:16px;}
.cover-full img {padding:3px; margin:0;}