@charset "utf-8";
/* CSS Document */

/*
2011 Struct-O-Com
CSS crosscut.de

font-family:"Times New Roman", Times, serif;
font-family:Helvetica,Arial,sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
*/
@import url("reset.css");
@import url("grid.css");
@import url("links.css");
@import url("navigation.css");
@import url("form.css");

.dlcode iframe {
	margin-left:0;
}
/** HINWEISE INTERN **/
i,
.error {color:orange;font-weight:bold;}

html {height:101%;}
body {background-attachment:fixed;background-repeat:repeat-x;color:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.75em;line-height:1.4em;width:100%;}
body.blues {background-color:#600;background-image:url(bg-blues.jpg);}
body.roots {background-color:#900;background-image:url(bg-roots.jpg);}

/* .blues {color:#900;} */
/* .roots {color:#600;} */

p,
ol,
ul {margin:0 0 1em 0;}
ol {list-style-type:decimal-leading-zero;list-style-position:inside;}
ul {list-style-type:disc;list-style-position:inside;}
table {}
tr{}
td {}
td.w160 {padding:0 15px 0 0;width:145px;}
td.w320 {padding:0 15px 0 0;width:305px;}

.hr {clear:both;height:2px;margin:0 0 1em 0;width:100%;}
.blues .hr {background-color:#900;}
.roots .hr {background-color:#600;}

.top {clear:both;text-align:right;}

.clear{clear:both;float:none;width:100%;}

.divnormal {margin:0 0 10px 0;}
.divleft {clear:left;float:left;margin:0 0 10px 0;width:290px;}
.divright {float:right;margin:0 0 10px 0;width:290px;}
.pleft {float:left;margin:0 15px 15px 0}
.pright {float:right;margin:0 0 15px 15px;}
.new {color:#fff;padding:0 2px;}
.blues .new {background-color:#900;}
.roots .new {background-color:#600;}
.release {font-weight:bold;}
#site-content {}
#column {background-color:#f4f2f0;display:block;margin:0 auto;width:960px;}
#content {}

/** HEADER **/
#header {height:160px;width:960px;}
#logo {}
#logo a {display:block;}
#headImg {}
#headImg a {display:block;}

/** MAIN **/
#main {clear:both;}

/** MAIN BLOCK **/
#main-block {}

#main-content-block {float:left;/* height:350px; */margin:50px 15px;width:610px;}

#main-content-block h1,
#main-sidebar h1,
#main-content-block h2,
#main-sidebar h2,
#main-content-block h3,
#main-sidebar h3,
#main-content-block h4,
#main-sidebar h4,
#main-content-block h5,
#main-sidebar h5,
#main-content-block h6,
#main-sidebar h6 {font-family:"Times New Roman", Times, serif;font-weight:bold;line-height:1em;margin:0 0 1em 0;}

#main-content-block h1,
#main-sidebar h1 {font-size:2em;padding:0 0 4px 0;}
#main-content-block h1 {clear:left;white-space: pre;}
#main-sidebar h1 {border-bottom:none;margin:0;}
.blues h1 {border-bottom:2px solid #900;}
.roots h1 {border-bottom:2px solid #600;}
#main-content-block h2,
#main-content-block .prodDetails h2 {clear:left;font-size:1.5em;margin:0;}
#main-content-block h3,
#main-sidebar h3 {font-size:1.5em;}
#main-content-block h4 {font-size:1.25em;margin:0 0 0.5em 0;}
#main-content-block h5,
#main-content-block h6 {font-size:1em;}
#main-content-block img,
#main-sidebar img {border:1px solid #CCC;}
/** SIDEBAR **/
#main-sidebar {/* background-color:gold; */clear:right;float:right;margin:25px 15px;width:210px;}
#main-sidebar .txt-imgL {margin:0 0 10px 0;}
#main-sidebar .txt-imgL h3 {display:none;}
#socmed {clear:both;float:left;margin-bottom:10px;padding-bottom:10px;width:210px;}
.blues #socmed {border-bottom:2px solid #900;}
.roots #socmed {border-bottom:2px solid #600;}
#ilike, {height: 63px;margin-bottom:10px;padding-bottom:15px;width:210px;}
.blues #ilike {border-bottom:2px solid #900;}
.roots #ilike {border-bottom:2px solid #600;}
/** FOOTER **/
#footer {height:50px;line-height:32px;margin:0 15px;padding:10px 0 20px 0;}
.blues #footer {border-top:2px solid #900;}
.roots #footer {border-top:2px solid #600;}
#footer .copy {float:left;}
#footer .toplink {float:right;}

#footer .bf,
#footer .ebu {background-repeat:no-repeat;float:left;}
#footer .bf {background-image:url("blues-foundation.gif");padding:0 0 0 50px;}
#footer .ebu {background-image:url("ebu.gif");padding:0 0 0 80px;}
#footer .links {display:block;line-height:32px;float:left;}

/* Vom Image Fader bentigte styles */
/* 
 * image_fade_wrapper
 * Dient um die relative Positon des image_fade-Elements auf zuheben.
 * REDAXO:hier wird der Rahmen gesetzt und es knne auch padding und margin angegeben werden.
 */
.image_fade_wrapper {float:left;}
/* image_fade 
 * Positon relative ist notwendig um das unterliegende img-Element absolut positionieren zu knnen 
 * Breite und Hhe sind notwendig, damit der Brower die Grsse des Image Faders kalkulieren kann.
 * REDAXO:Fr Redaxo implementierung hier kein margin oder padding angeben, das div wird auf Grsse der Bilder gesetzt.
 */
.image_fade {border:none;float:left;height:160px;position:relative;width:960px;}
/* image_fade img
 *  Absolute Position und top, left = 0 muss gesetzt werden.
 * REDAXO:Kein margin und padding angeben.
 */
.image_fade img {border:none;left:0;margin:0;padding:0;position:absolute;top:0;}

.product {clear:both;float:left;width:610px;}
.prodImg {float:left;margin:0 0 15px 0;}
.prodDetails {margin-bottom:10px;width:290px;float:right;clear:right;}
.artist {font-weight:bold;text-transform:uppercase;}
.title {font-weight:bold;}
.tracks,
.technicals,
.recDetails {clear:left;float:left;font-style:italic;margin-right:10px;padding:0 0 1em 0;width:300px;}

.blues .technicals {border-bottom:2px solid #900;margin-bottom:1em;}
.roots .technicals {border-bottom:2px solid #600;margin-bottom:1em;}

.txt-img {}
.txt-imgM {clear:left;width:610px;margin-bottom:2em;}
.txt-imgL {clear:left;float:left;width:290px;margin-bottom:2em;}
.txt-imgR {clear:right;float:right;width:290px;margin-bottom:2em;}

.artList {clear:left;width:930px;}
.parList {margin:0 0 20px 0;}
.artList img {margin:0 10px 0 0}
ul.artList,
.parList ul {font-weight:bold;list-style-type:none;margin:0;}
ul.artList li,
.parList ul li {font-size:1.25em;line-height:1.5em;overflow:hidden;white-space:nowrap;}

.parList li .rex-current {display:none;}

.rexkal {padding:0;}
.rexkal-backlink {clear:left;font-weight:bold;}

#page1 .rexkal {overflow:hidden;}

#main-content-block .rexkal {clear:both;float:left;}
#main-content-block .rexkal p {overflow: visible;white-space: nowrap;}
#main-content-block .rexkal h3 {margin:0 0 0.5em 0;}
#main-content-block .rexkal-month {/* font-size:1.163em;text-align:left; */}
#main-content-block .rexkal-dateStartFormatted {clear:left;float:left;width:80px;}
#main-content-block .rexkal-dateCatalog {clear:left;float:left;width:80px;}
#main-content-block .rexkal .day {}
#main-content-block .rexkal-eventName {float:left;font-weight:bold;width:225px;}
#main-content-block .rexkal-venueLKZ {float:left;}
#page254 .rexkal {margin:0 0 2em 0;}
#page254 .rexkal-pager {display:none;}

#main-sidebar .rexkal {/* font-size:0.8597em; */white-space:nowrap;}
#main-sidebar .rexkal p,
#main-sidebar .rexkal h3 {clear:left;float:left;margin:0 0 0.5em 0;white-space:nowrap;}
#main-sidebar .rexkal .day {clear:left;float:left;width:25px;}
#main-sidebar .rexkal-eventName {clear:right;float:none;font-weight:bold;}
#main-sidebar .rexkal-venueLKZ {clear:left;float:left;padding:0 0 0 25px;}
#main-sidebar .rexkal-venueCity {clear:none;float:left;}
#main-sidebar ul.rexkal-pager,
#main-sidebar li.rexkal-back {display:none;}


/*???*/
#main-sidebar .rexkal-dateStartShort {}
#main-sidebar .rexkal-eventName {}
.rexkal-venueCity,
.rexkal-venueState {padding:0;float:left;}
.rexkal-venueName{}
.rexkal-eventName {}

.review {clear:both;float:left;}

blockquote p {font-style:italic;margin-bottom:0.2em;}

.facebook a,
.myspace a,
.reverbnation a,
.youtube a {display:block;float:left;margin:0 10px 0 0;height:32px;width:32px;}
.facebook a {background-image:url(facebook.png);}
.myspace a {background-image:url(myspace.png);}
.youtube a {background-image:url(youtube.png);}
.reverbnation a {background-image:url(reverbnation.png);}

.download a,
.mailorder a {display:block;
clear:left;background-repeat:no-repeat;float:left;padding-left:42px;margin-bottom:10px}
.download a {background-image:url(itunes.png);height:32px;}
.mailorder a {background-image:url(ccrmo.png);}


.searchresults h3 {display:inline;}
.blues .searchresults .highlightedtext strong {color:#900;}
.roots .searchresults .highlightedtext strong {color:#600;}

/***** MAINTENANCE *****/
#maintenance {background-color:#97141a;color:#fff;}
#maintenance a {color:#fff;}
#maintenance .logo {background-image:url(ccr-logo.jpg);height:315px;width:851px;}
#maintenance .main-content {margin-left:72px;}
#maintenance #column {background-color:transparent;}