@charset "utf-8";
* {margin:0; padding:0}

/* BACKGROUND COLOURS
------------------------------------------ 
#container{background-color:#eeF8F9}
#content{background-color:#F2F6D1}*/

/* STRUCTURE
------------------------------------------ */
body {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
text-align:left;
color:#333;
line-height:18px;
width:960px;
}
#container{position:absolute; top:0; left:0}
#content{margin:18px 10px 120px 310px; width:640px}
#sidebar{width:260px; font-size:12px; line-height:20px}

#home_link{z-index:1; position:fixed; top:5px; left:12px; width:70px}
#granny_records{z-index:1; position:fixed; top:0; left:310px; background-color:#464D52; color:white; width:160px; height:30px; line-height:28px; text-align:center}
#logo{z-index:1; position:fixed; top:82px; left:70px; width:38px; height:56px}

/* GENERAL
------------------------------------------ */
h1{font-size:12px; margin:220px 0 0 0; width:290px; color:#BBA470; text-align:right; font-weight:normal}
h2{font-size:12px; color:#BBA470; text-align:right; font-weight:normal; width:100px; margin-left:-120px}
h3{font-size:14px; line-height:16px}
h4{font-size:14px; font-weight:normal; margin-bottom:16px}

hr{border:none; border-top:1px dotted #1A1A1A; margin:4px 0 7px 0}

#menu{z-index:1; position:fixed; top:82px; left:130px; list-style:none; line-height:20px; width:100px}
#menu2{position:absolute; top:253px; left:310px; list-style:none; font-size:14px; font-weight:bold; line-height:24px; width:160px}

.menulist a{text-decoration:none}
.menulist a:hover{text-decoration:line-through}
.menulist li.selected a{text-decoration:line-through}

a {color:#333; outline-color:-moz-use-text-color; outline-style:none; outline-width:0}
a:hover {text-decoration:none}
a img {border:none}
a.strikethrough{text-decoration:none}
a.strikethrough:hover{text-decoration:line-through}

.light_background{background-color:#FFF}
.grey_background{background-color:#E1E5E6} /* E5E6E5 D5D7D8 */
.bez_background{background-color:#FCEEC0}
.bez_background:hover{background-color:#FFF}

.grey{color:#808080}
.bold{font-weight:bold}
.hidden{display:none}
.clearfloat{clear:both; height:0; font-size:1px; line-height:0}
.flash_msg{margin:175px 0 0 330px; font-weight:bold; color:#D22; width:400px}

/* HOME & NEWS
------------------------------------------ */
#recent_releases{position:absolute; top:5px; left:730px; width:190px}
#twits{width:340px}
.twit{margin-bottom:25px}
.date{color:#808080; font-size:11px}
.news_text{font-size:14px; font-weight:bold; line-height:24px}

/* RELEASES
------------------------------------------ .cd img:hover{border:1px solid #464D52}*/
.cd{margin:0 20px 20px 0; width:187px; height:248px; float:left; overflow:hidden; position:relative; top:0; left:0}
.cd_shade{background-color:#808080; position:absolute; top:4px; left:4px; width:183px; height:163px; z-index:-1; display:none}
.cd-caption{width:183px; height:54px; margin-top:10px}
.cd a{text-decoration:none; float:left}
.cd a:hover{text-decoration:line-through}
.cd img{border:1px solid #CCC; line-height:100%}


/* RELEASE DETAILS
------------------------------------------ */
#back_to_releases{position:absolute; top:5px; right:10px}

#cdinfo{margin-top:85px}
#cd_cover{width:340px; height:303px; float:right; border:1px solid #CCC}
#cd_price{margin-bottom:25px}

#cd_notes{padding:35px 0; clear:both}

#audioplayer_title{padding:13px 0; width:150px; float:left}
#audioplayer{position:relative; top:0; left:0;  border-top:2px solid #464D52}

#reviews{padding:13px 0; border-top:2px solid #464D52; margin-bottom:13px}
#review{padding:18px 0; border-top:1px solid #464D52; margin-top:13px}

#bottom_options{padding:13px 0; border-top:2px solid #464D52}
#bottom_options a{margin-right:30px}

#topofpage{position:absolute; top:0; left:0}

/* ARTISTS
------------------------------------------ */

#artist_picture{background-color:#CCC; position:absolute; top:0; left:550px; line-height:0}
#artist_info{position:relative; top:0; left:240px; width:400px}

/* INFORMATION
------------------------------------------ */
#about{font-size:14px}
#contact{position:absolute; top:5px; left:790px}

.country{background-color:#000; color:#FFF; padding:1px 5px; margin:15px 0 10px 0; float: left; clear: right}
#distribution{width:280px; float:right; margin-top:50px}
#distribution ul{list-style-position:inside}
#online{width:280px; float:left; margin:50px 18px 0 0}

/* BLOG
------------------------------------------ */
#pager{position:fixed; top:0; left:520px; width:430px; height:30px; line-height:30px; text-align:center; background-color:#fff; }
#blog_content{width:430px; margin:-156px 0 120px 520px}
.blog_post{border-bottom:2px solid #464D52; padding-bottom:30px; margin-bottom:20px}
.blog_post_title{font-weight:bold; font-size:14px; margin:5px 0 16px 0}
#blog_viewall{position:absolute; top:185px; left:310px}
#blog_viewall a{color:#FF00FF; text-decoration:none}
#blog_viewall a:hover{text-decoration:line-through}