body{background:url(/images/bg.jpg) fixed repeat-x #353D3C; margin:0 auto; text-align:center; font: 50% Verdana, Geneva, sans-serif; overflow-y:scroll}

p{margin:0 0 10px 0}
strong{font-weight:bold}
h6{font-weight:bold; font-size:15px; margin-bottom:10px}

#wrapper{margin:0 auto; width:984px; font-size: 1.6em}

#logo {margin:20px auto 5px auto; display:block; background:url(/images/logo-bg.png) no-repeat top; width:450px; }
#logo:hover {background-position:bottom}


#container { position:relative; background:#FAFAFA;  border-left:3px solid #999; border-right:3px solid #999; padding:0 7px; text-align:left; height:100%}

#top{ background:url(/images/container-top.gif) no-repeat; height:12px;}
#bottom{ background:url(/images/container-bottom.gif) no-repeat; height:12px;}


.item{background:url(/images/item-bg.jpg) no-repeat top; height:183px; width:211px; float:left; display:block; position:relative; overflow:hidden; text-decoration:none; padding:15px;}
.item:hover{background-position:bottom}
.item img{ height:185px; width:214px}
.item div{bottom:-66px; height:51px;  left:0; margin:0 6px; position:absolute; text-align:center;width:228px; background:url(/images/item-bg-hover.png) no-repeat; padding-top:15px}
.item div h2{ color:#E50087; font-weight:bold; font-size:15px;}
.item div h1{font-weight:normal; font-size:12px; color:#E50087; line-height:10px}

.musical .item{margin-right:12px}
.musical span.item:hover{background-position:top}
.musical #description{ padding: 12px 5px 0; float:left; width:380px; position:relative; height:195px}
.musical #description h2{margin:0 0 8px 0}
.musical #player{border: 1px solid #CCC; background:#eee; position:absolute; bottom:0; left:0; width:380px; height:70px}
.musical #player img{position:absolute; left:8px; bottom:8px}
.musical #player h6{color:#111; font-size:16px; font-weight:bold; position:absolute; top:6px; left:70px}
.musical #player embed{border-right:1px solid #BBBBBB;bottom:10px;height:25px;position:absolute;right:10px;width:300px;}
.musical #player p{bottom:10px;height:25px;position:absolute;right:10px;width:300px; font-size:11px}
.musical #player a{color:#E50087}

.musical #player #report-btn{position:absolute; top:10px; right:10px; font-size:9px; text-decoration:underline; cursor:pointer}
.musical #player #report-btn:hover{text-decoration:none}

.musical .column-left{width:660px; float:left}
.musical .column-right{width:300px; background:#eee; border:1px solid #CCC; float:left}
.musical .column-right h3{padding:8px 8px 0}

.musical #add_youtube_link{padding:10px; background:#eee; border:1px solid #CCC; display:none; margin:6px}
.musical #add_youtube_link #youtube_link{width:560px; float:left; margin-right:10px; font-size:14px; height:17px; padding:5px}
.musical #add_youtube_link #youtube_link_submit{cursor:pointer; display:block; background:#E50087; padding:7px 4px; text-align:center; width:30px; color:#FFF; font-weight:bold; float:left; border:1px solid #E50087}
.musical #add_youtube_link #youtube_link_submit:hover,{background:#FFF; color:#E50087}

.musical #add_youtube_link #youtube_link_submitted{ display:none; background:#FAFAFA; padding:4px; text-align:center; width:30px; color:#111; font-weight:bold; float:left; border:1px solid #E50087;}


.musical #report_link{padding:10px; background:#eee; border:1px solid #CCC; display:none; margin:6px}

.musical #report_form label{float:left; width:220px; line-height:25px; font-weight:bold}
.musical #report_form input{float:left; line-height:25px; height:20px; width:20px}

.musical #report_form div{width:250px; padding:5px 10px; height:30px}
.musical #report_form div:hover{background:#CCC; clear:left;}


.musical #content{background:#eee; border:1px solid #CCC; width:625px; float:left; margin:6px 6px 0 6px; padding:10px; height:400px; overflow:auto}

.musical #content ul{width:305px; float:left; margin:15px 0 0 0}
.musical #content ul li{}
.musical #content ul li a{text-decoration:none; font-size:14px; color:#333; display:block; background:url(/images/star.gif) no-repeat 3px 3px; padding:3px 3px 3px 28px; margin-bottom:5px; border:1px solid #eee}
.musical #content ul li a:hover{background:url(/images/star.gif) no-repeat 3px -41px #E0E3E3; border:1px solid #E90E8C}


#view-all{display:none;}


#more {position:absolute; bottom:-45px; right:-3px; background:url(/images/more-btn.gif) no-repeat; height:33px; width:144px; padding-top:12px; text-align:center}

#more span{ display:block; color:#E50087; text-transform:lowercase;}
#more span.show{ cursor:pointer}

#footer{text-align:left; font-size:11px; color:#999999; margin:10px 20px}
#footer span, #footer a{color: #CCCCCC}

#browser_alert{background:#FFEDF3; border:3px solid #900; padding:3px; margin:5px 0; color:#900}
#browser_alert h5{color:#900; font-weight:bold;font-size:16px}
#browser_alert a{font-weight:bold; color:#900}

.clear{clear:both; line-height:0; margin:0; padding:0}
.button{padding:5px; color:#E50087; border:1px solid #E50087; background:#FAFAFA; cursor:pointer; padding:5px; text-align:center; width:100px; display:block; margin-top:10px}
.button:hover{background: #E50087; color:#FAFAFA}
.msg{padding:10px; background:#FAFAFA; border:1px solid #E50087; color:#111; display:none; margin-top:5px}