/*	CSS-Framework

	Version		: 0.3.1
	Author		: Aleksej Romanovskij (http://css-framework.ru)
	License		: Creative Commons Attribution 3.0 Unported License (http://creativecommons.org/licenses/by/3.0/)

------------------------------ */
		
/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }

/* border:1px solid red; */

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }
.divider { background: url(../i/h-bubles.png) no-repeat 35% top; width: 100%; height: 20px; margin: 20px 0 5px; }
ul li { list-style: none;}


/* Main styles
------------------------------ */

html { height: 100%; color: #000; background: #fdfdfd; font: 14px/24px Verdana, serif; }
body { height: auto !important; height: 100%; min-height: 100%; }

a { color: #4a4a4a; text-decoration:none; }
a:visited {  }
a:hover { color: #936400; text-decoration:none; }
a:active {  }

.sbar a { color: #FF4931; }
.sbar a:hover { text-decoration:underline; }

/* Layout elements amd content blocks
------------------------------ */
 
#header { background: #11100a; width: 100%; }
#header-img-200 { height: 200px; background: transparent url("../i/h-header-bg-200.jpg") no-repeat center top; }
#header-img-400 { height: 400px; background: transparent url("../i/h-header-bg-400.jpg") no-repeat center top; }

#kk { position: absolute; width: 480px; height: 400px; background: url(../i/kirk-knuffke.jpg) no-repeat 0 0; top: 0; right: 0; }

#featured { position: absolute; width: 460px; height: 210px; padding: 20px; background: #fdfdfd; top: 110px; left: 0; opacity: 0.8; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}

#page { position: relative; margin: 0 auto; width: 980px; padding: 0 60px 30px; }
.page-400 { background: url(../i/h-cont-bg.jpg) no-repeat 410px 0; }
#nosbar #page { padding: 0 0 100px; width: 1020px; }

#content, #sbar { float: left; margin: 0 20px 0 0;}
#content { width: 610px; }
#content-wide { width: 100%; }
#sbar { width: 310px; }

#footer { background: url("../i/f-bg.jpg") no-repeat center 0 #11100a; height:200px; width: 100%; }

.cont { position: relative; margin: 0 auto; width: 940px; padding: 0 20px; } 


/* Horizontal Menu
------------------------------ */
#header .nav ul { overflow: hidden; height: 33px; background: #000; opacity: 0.55; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; display: inline-block; }
.nav li { float: left; padding: 0 5px 5px; }
.nav li.first { padding-left: 0; }
.nav li.last { padding-right: 0; }
.nav a { text-decoration: none; display: block; color: #fff; padding: 5px 15px; font: 16px 'Arial Black',Gadget,sans-serif; }
.nav a:hover { color: #e4920a; }
.nav .active a { color: #fff; background: #e58e03; }

#footer .nav { border: 5px solid #8c8b8b; }
#footer .nav li { font: 15px/22px Garamond, serif; }

#f-text { background: #000; border-left: 5px solid #59544D; border-right: 5px solid #59544D; color: #fff; margin: -20px 0 0 !important; padding: 5px 0 5px 15px; font: 12px Arial, Helvetica, sans-serif; }
.url-s {font: 12px Arial, Helvetica, sans-serif; }

/* Vertical Menu
------------------------------ */
.nav-links li { font-size: 16px; padding: 5px 0; border-bottom: 1px solid #e1e3e2; color: #4a4a4a; font-family: Verdana; }
.nav-links li.active a { cursor: default; }

.nav-links a:hover { color: #936400; }
.nav-links li.active a:hover,
.nav-links li.active a { color: #47acac ; }

.b-track-list a { padding-left: 20px; background: url(/assets/i/p_listen_dull.png) no-repeat 0 3px; }
.b-track-list li { overflow:hidden; }
.b-track-list a:hover, .b-track-list .played { background: url(/assets/i/p_listen_act.png) no-repeat 0 3px; color: #EE1C25; }
.b-track-list .loading { background: #fff url(/assets/i/ajax-loader.gif) no-repeat 0 3px!important;}

.sibedar-box { background: #fdfdfd; margin: 0 0 25px; padding: 25px 25px 15px;}
.page-400 #sbar .sibedar-box:first-child { margin: 50px 0 0; }

/* News paging
------------------------------ */
.pageList li { float: left; }
.pageList li a { padding: 0 10px; display: block; border: none !important; }
.pageList li a.active { color: #47ACAC; cursor: default; }

/* Featured text
------------------------------ */
#anno-wrap { height: 210px; overflow: auto; }
#featured p { font: 24px/38px Georgia,serif; }

#rec-paypal { width: 275px; overflow:hidden; margin: 0 0 20px 0; }
#rec-paypal img { border: 0 !important; } 

#content .b-track-list a { border: 0; }

/* Styles for text
------------------------------ */
#header-img-200 h2, #header-img-400 h2 { position: absolute; top: 257px; left: 0; width: 439px; height:143px; background: url(../i/ingrid-laubrock-title.png) no-repeat 0 0 transparent; }
#header-img-200 h2 { top: 57px; }
h1, h2, h3, h4 { font-family: 'Arial Black', Gadget, sans-serif; font-weight: normal; color: #5f5548;  padding: 0 0 15px;}
h1 { font-size: 38px; line-height: 36px; color: #6f660b; padding: 30px 0 30px; text-indent: 50px; }
h2 { font-size: 24px; }
/*#content h2 { background: url(../i/h-header-bg.jpg) no-repeat; padding: 10px 0 0 100px; margin: 0 0 20px; }*/
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { background: url("../i/f-bg.jpg") no-repeat -260px -197px transparent; margin: 20px 0; padding: 3px 0 0 5px; font-weight: normal; }

#sbar h2, #sbar h3, #sbar h4 { padding: 0 0 10px; }

#page p, #page ul, #page ol, #page img { margin: 0 0 15px 0; }
#page img { padding: 2px; border: 1px solid #ccc; }
#page .sbar p { margin: 0 0 10px; }
#page .galleriffic img { margin: 0; padding: 0; border: none; }
.newsFormat .date { font: 12px 'Trebuchet MS', Helvetica, sans-serif; padding: 2px 0 0; color: #4A4A4A; float: right; } 
#sbar .note { font: 12px 'Trebuchet MS', Helvetica, sans-serif; padding: 2px 0 0; color: #4A4A4A; } 
#content a { border-bottom: 1px dotted #4A4A4A; }

.f-cd { min-height:140px; }
#page .f-cd p, #page .f-cd ul li, #popup .f-cd ul li { margin:0; font: 12px/20px Arial, Helvetica, sans-serif; } 
.b-list-item { border-bottom: 4px double #ccccc9; }
.sbar .b-list-item { border-bottom: 4px double #59544d; padding: 0 10px;}
#page .sbar li p { padding: 0; margin: 0;}
.b-list-item dl { float: left; margin: 0 40px 20px 0; width: 135px; }
#page .b-list-item dl img { margin:0; border: 1px solid #ccccc9; padding:5px; }
#page .b-list-item dl dt a { font-size:12px; }
.small { font: 12px/15px Arial, Helvetica, sans-serif; }

#content iframe { margin: 0 0 20px; }

dt { margin: 0 0 10px; }
dt a { font-weight: bold; }
dd { margin: 0 0 20px; }

/* Text align, float
------------------------------ */
.f-left { float: left; }
.f-right { float: right; }

/* Press Kit
------------------------------ */
#press-kit #page            { width: 600px; position: relative; }
#press-kit h1 { text-indent: 0; padding: 50px 0 30px; }
#press-kit .rec-lineup a    { border: none; color: #000; }
#press-kit-footer           { border-top: 1px solid #E1E3E2; padding-top: 20px; margin-top: 30px; }
#page #pdf-links            { display: none; position: absolute; left: 20px; top: 15px; }
body:hover #page #pdf-links { display: block; }
#pdf-links a, #pdf-links { font-size: 12px; }
#pdf-links a { text-decoration: underline; }
#pdf-links a:hover { color: #6f660b; text-decoration: none; }

.pdf { height: 16px; width: 16px; display: inline-block; background: url(/assets/i/pdf.gif) no-repeat; margin: 0 5px 0 0; }
.img-caption, .cd-caption { display: block; margin: -15px 0 20px; font: 12px/18px Verdana,serif; color: #555; }
.cd-caption { margin: 0 !important; width: 275px; overflow: hidden; }

/* Discography Listing
------------------------------ */
.b-cd-list { overflow: hidden; }
.b-cd-list dl {  float: left;  margin: 0 30px 20px 0;  width: 275px; height: 300px; overflow: hidden; }
#page .b-cd-list img { margin: 0; padding: 5px; }
#page .b-cd-list a { border-bottom: none; }
.b-cd-list dt, .b-cd-list dd { margin: 0;}

/*	Tables
------------------------------ */

table { border-collapse: collapse; width: 100%; }
table th, table td { border: 1px solid #ccc; padding: 2px 3px; vertical-align: top; }
table th { background: #f4f4f4; }
table td {  }

/* Images
------------------------------ */

#page .cont-img { padding: 2px; border: 1px solid #B4B4B4; margin: 15px 15px 0; }

.b-img img { padding:2px; border: 1px solid #ccccc9;}
.content .hw-item img { padding: 0!important; border: 6px solid #002446!important; margin-top: .4em; }

img.f-left { margin-right: 20px!important; }
img.f-right { margin-left: 20px!important; }
.cd-thumb { width: 100px; height: 100px; border: 1px solid #ccc; padding: 2px; }

.b-gallery { overflow: hidden; }
.b-photo { position:relative; /*float: left; margin: 0 20px 20px 0; width: 187px; height: 187px; padding-bottom:30px !important; border:1px solid red;*/ }
#c .b-photo dt { text-align: center; font-weight: normal; font-size: 11px; line-height: 14px; }
.b-gallery .b-photo dt { position: absolute; left: 330px; top:30px; font-weight:normal; }
.b-gallery .b-photo dd { padding-left:3em; } 
.b-photo dt a { text-decoration: none; color: #000; }
.b-photo dd img { margin: 0; border: 1px solid #ccc;}

.f-right img { margin-left: 10px;}
#fcb { position:absolute; display:block; width:25px; height:25px; background: url(../i/facebook.png) left top no-repeat; top: 13px; right: 15px; }
#fcb:hover { background: url(../i/facebook.png) left -25px no-repeat; }

#copy { float: right; padding: 20px 0 0; color: #fff; line-height: 22px; }
#copy a { color: #fea202; }

/* Contact Form
------------------------------ */
form label { }
.f-inputs { padding: 0 0 10%; }

input { vertical-align: middle; }
.i-text { width: 300px; padding: 3px; font: 1em sans-serif; }
.f-actions input { border: none; }
.f-actions .button { width: auto; overflow: visible; cursor: pointer; background: url("../i/h-header-bg-200.jpg") no-repeat scroll left top #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
color: #fff; display: block; font: bold 15px/24px 'Trebuchet MS', Helvetica,sans-serif;
padding: 5px 15px; }

.error { color: #EE1C25; padding-bottom: 1em; margin-bottom:1em;}

/* IE Fix for rounded corners
------------------------------ */
#featured { behavior: url(/assets/css/PIE.htc); }

/* Gallery block
---------------------------------------- */
#content .gal-item { float: left; margin: 0 10px 20px 10px; }
#content .gal-item a { border: 0; }
body .modal { overflow-x: auto; overflow-y: hidden; }
body .modal .btn-primary { background: #000 url("../i/h-header-bg-200.jpg") no-repeat scroll left top; color: #fff; font: bold 15px/24px "Trebuchet MS",Helvetica,sans-serif; border: 0; }