/* 
RELEASE DETAILS PAGE STYLE
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/


/*****************************************************
* Layout
*****************************************************/

body#about .core_container    { background: #fff; }
body#about .content_container { padding-top: 0; width: 900px; }
body#about #fr_container,
body#about #footer_links      { width: 900px; }

div#fr_container_left {
	background: url(/_graphics/_releases/details_bg.png) no-repeat;
	width: 550px;
}

#fr_faqs div#fr_container_left {
	width: 900px;
}
div#fr_container_right {
	margin: 0 0 0 8px;
	background: url(/_graphics/_releases/links_bg_cc.png) no-repeat;
	padding: 1em 0 0 0;
	width: 330px;
	height: 550px;
}
div.rbox, div.rbox_notes {
        border-bottom: 1px solid #ddd;
	position: relative;
        display: block;
        padding: 0 1.5em 0 1.5em;
        margin: 0 0 .5em 0;
}
div.lbox, div.lbox_notes {
        position: relative;
        display: block;
        padding: 1.5em;
        margin: 0 0 1.5em 0;
    }

#main_feature div.liner { width: 100%; }
#main_feature div.rel_info { width: 550px; }
#rel_details div.tracklisting { padding: 0 .5em 0 1em; margin: 0 0 0 1em; border-left:1px solid #ddd; position: relative; right: 0px; top: 0px; width: 300px; height: 100%; float: right; }
#main_feature div.tracklisting { padding: 0 .5em 0 1em; margin: 0 0 0 1em; border-left:1px solid #ddd; position: relative; right: 0px; top: 0px; width: 300px; height: 100%; float: right; }
#rotation ul li#rel_details div.bio_img {
        width: 840px;
        padding: 20px 10px 0 0;
}
#rotation ul li#rel_details{ background: #ffffff; }
#rotation ul li#main_feature div.bio_img {
	width: 840px;
	padding: 20px 10px 0 0;
}
#rotation ul li#release_archive {
        width: 840px;
        padding: 10px 10px 0 0;
}
ul#release_archive li a {
	color: #ffffff;
}
#rel_details div.bio_details {
        position: relative;
        width: 500px;
        margin: 0;
        padding: 0 0px 0 0px;
}
#main_feature div.bio_details {
	position: relative;
	width: 500px;
	margin: 0;
	padding: 0 0px 0 0px;
}
.bio_details h4{
	padding: .3em 0 .3em 0;
        font-size: 13px;
}
#rel_details .bio_details h4 { font-size: 18px; }
#rel_details .bio_details h3 { font-size: 15px; }
#main_feature .bio_details h4 { font-size: 18px; }
#main_feature .bio_details h3 { font-size: 15px; }

                                        .bio_details p {
                                                color: #777;
                                                font-size: 11px;
                                                margin: 0;
                                                padding: 0 0 1em 0;
                                        }
                                                .bio_details h4 a,
                                                .bio_details h4 a:visited {
                                                        color: #333;
                                                        text-decoration: none;
                                                }
                                                .bio_details h4 a:hover { text-decoration: underline; }

                                        .bio_details p.meta {
                                                padding-bottom: .5em;
                                                font-size: 10px;
                                                color: #aaa;
                                        }
                                                .bio_details .meta a,
                                                .bio_details .meta a:visited {
                                                        color: #aaa;
                                                }
                                                .bio_details .meta a:hover {
                                                        color: #666;
                                                }
					.rel_info, 
					.liner h4 {
                                                padding: 0 0 .1em 0;
                                                font-size: 13px;
                                        }
                                        #main_feature .rel_info .liner h4 { font-size: 18px; }
                    			.rel_info, 
					.tracklisting, 
                                        .liner p {
                                                color: #777;
                                                font-size: 11px;
                                                margin: 0;
                                                padding: 0;
                                        }
                                                .liner h4 a,
                                                .liner h4 a:visited {
                                                        color: #333;
                                                        text-decoration: none;
                                                }
                                                .liner h4 a:hover { text-decoration: underline; }

                                        .liner p.meta {
                                                padding-bottom: .5em;
                                                font-size: 10px;
                                                color: #aaa;
                                        }
                                                .liner .meta a,
                                                .liner .meta a:visited {
                                                        color: #aaa;
                                                }
                                                .liner .meta a:hover {
                                                        color: #666;
                                                }
div.buy_links {
    display: block;
    margin: 0 0 1em;
    position: relative;
    padding: 1.5em 0 1.5em 1.5em;
}

div.share-tools { border-bottom: 1px solid #ddd; display: block; position: relative; padding: 0 1.5em 0 1.5em;
        margin: 0 0 .5em 0;
	border-left:1px solid #ddd;}
.share-tools ul {  overflow:hidden; width:100%; margin:3px 0 7px; }
.share-tools ul li { float:left; margin:0 5px 0 0; }
.share-tools ul li.disabled { color:#aaa; }

#tracklisting h5 {
    display: block;   
    width: 135px;                               
    height: 23px;    
    background-repeat: no-repeat;
    background-image: url(/_graphics/_releases/tracklisting.png);
}
* html #tracklisting h5 { /* PNG Hack for IE */
        background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/_graphics/_releases/tracklisting.png", sizingMethod="crop");
}

#liner h5 { 
    display: block;             
    width: 135px;               
    height: 23px;       
    background-repeat: no-repeat;
    background-image: url(/_graphics/_releases/artist_statement.png);
}                       

* html #liner h5 { /* PNG Hack for IE */        
	background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/_graphics/_releases/artist_statement.png", sizingMethod="crop");
}                 
#share h5 {
    display: block;
    width: 135px;
    height: 23px;
    background-repeat: no-repeat;
    background-image: url(/_graphics/_releases/share_this.png);
}

* html #share h5 { /* PNG Hack for IE */
        background-image: none;
        filter: progid:DXImagetransform.Microsoft.AlphaImageLoader(src="/_graphics/_releases/share_this.png", sizingMethod="crop");
}


/*****************************************************
* FAQ
*****************************************************/

#fr_faqs #fr_container_left h3 {
    margin: 0 0 .7em 0;
    padding: 0 0 0 25px;
    background: url(/_graphics/_frontend/q_a.gif) no-repeat left top;
}
#fr_faqs #fr_container_left .answer h3 {
    text-indent: -7777px;
    margin: 0;
    width: 0;
    background-position: -900px top;
}
    #fr_faqs #fr_container_left h3 strong { display: none; }

div.answer { margin: 0 0 2em 0; }


/*****************************************************
* Typography
*****************************************************/
.rbox p {color: #555; margin: 0 0 0 0; font-size: 11px; line-height:100%;}
.lbox p {
	color: #555;
	margin: 0 0 .5em 0;
	font-size: 11px;
}
.buy_links p {color: #555;
        margin: 0 0 .5em 0;
        font-size: 14px;
}

#fr_is_box h3 {
	font-size: 13px;
	letter-spacing: 0;
	padding: 0;
	margin: 0 0 .3em 0;
}

#fr_is_box p em {
	line-height: 140%;
}
	#fr_is_box p em a,
	#fr_is_box p em a:visited {
		color: #555;
	}

#fr_is_box p.tagline_desc {
	margin: 0 0 .4em 0;
	padding: 0 0 .4em 0;
}

#fr_is_box p.tagline_desc strong {
	display: block;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: normal;
}