/*	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; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.divider { background: url(http://adamlane.org/assets/i/h-bubles.png) no-repeat 35% top; width: 100%; height: 20px; margin: 20px 0 5px; }
ul li { list-style: none;}
ul li, ol li {
    list-style: none outside none;
}

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

/* Fonts
------------------------------ */


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

html { height: 100%; color: #fff; background: #010101 url("../i/html-bg.jpg") no-repeat center 300px; font: 14px/24px Verdana, serif; }
body { height: auto !important; height: 100%; min-height: 100%; }

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

/* Layout elements amd content blocks
------------------------------ */
 
.page       { position: relative; margin: 0 auto; width: 800px; padding: 0 100px; background: url("../i/adam-lane.jpg") no-repeat right -340px transparent; }
.body-1 .page { background-position: right 20px; }
#feat       { position: absolute; }
#content    { padding: 20px 0 0 20px; }
#sbar       { margin: 170px 0 0; padding-left: 20px; }
.body-1 #sbar       { margin: 530px 0 0; }
#footer     { height: 50px; clear: both; border-top: 1px solid #4a4a4a; }

.col-100    { margin: 0 0 50px; width: 100% }
.col-60     { margin: 0 0 50px; width: 60% }
.col-40     { margin: 0 0 50px; width: 40% }

/* Featured Block
------------------------------ */
#featured-box {  background: url("../i/light.jpg") no-repeat scroll -2px 20px transparent; left: -50px; margin: 20px 0; padding: 0 0 0 50px;   position: relative; }
.page #featured-box img, .page .featured-box p { margin: 0; }
.page #featured-box h2, .page #featured-box p { font: 16px Lucida Sans Unicode,Lucida Grande,sans-serif; margin: 0; padding: 2px 0 5px 6px; }
.page #featured-box p { font-size: 13px; }
#f-desc { margin: -30px 0 0 90px; background: #000; opacity: 0.8;}
#f-desc .rec-label { font-weight: bold !important; }
/* Top Navigation
------------------------------ */
#menu                { background: #dbcc66; color: #101010; margin: 0 0 1px; padding: 8px; border-radius: 0 10px 0 0; }
#menu:hover          { cursor: pointer; }
.collapsible span    { display: inline-block; width: 16px; height: 16px; background: transparent url(../i/arrows.png) no-repeat; position: relative; top: 3px; }
.collapse-open  span { background-position: 0 -16px; }
.collapse-close span { background-position: 0 0; }
#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; }

.page .active a { cursor: default; }

/* Vertical Menu
------------------------------ */
#main-nav       { padding: 0 0 49px; background: url("../i/bass-detail.png") no-repeat center bottom;}
#main-nav ul    { margin: 0; }
#main-nav li    { margin: 0 0 1px 0; background: #dbcc66; }
#main-nav li a  { display: block; padding: 8px 10px 8px 40px; color: #101010; background: url("../i/main-nav-arrow-default.png") no-repeat scroll 16px 16px transparent; }
#main-nav li.active a,
#main-nav li a:hover    { background: #afa352; }
#main-nav li.active a   { cursor: default; background: url("../i/main-nav-arrow-active.png") no-repeat scroll 16px 16px #a4a4a4; color: #fff; }
.nav-links li.active    { border-bottom: 1px solid #fff; }
.nav-links a        { display: block; padding: 5px 0 5px 20px; color: #d8d4ba; background: url("../i/sub-nav-dot-default.png") no-repeat scroll 6px 16px transparent; }
.nav-links .active a { background: url("../i/sub-nav-dot-active.png") no-repeat scroll 6px 16px transparent; color: #fff; }
.nav-links li.last  { border-bottom: 0; }

/* Footer Menu
------------------------------ */
.page #foot-nav ul    { margin: 0; }
#foot-nav li          { float: left; margin: 0 10px 0 0; }
#foot-nav li a        { display: block; padding: 2px 10px 4px; }
#foot-nav li.active   { background: #4a4a4a; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
#foot-nav li.active a { color: #fff; }

/* Track List / Player
------------------------------ */
.b-track-list a { padding-left: 20px; background: url(../i/p_listen_dull.png) no-repeat 0 1px; color: #fff; font-weight: bold; border-bottom: 1px solid #fff;}
.b-track-list li { overflow:hidden; }
.b-track-list a:hover, .b-track-list .played { background: url(../i/p_listen_act.png) no-repeat 0 1px; color: #dbcc66; border: 0; }
.b-track-list .loading { background: transparent url(../i/ajax-loader.gif) no-repeat 0 3px!important;}
.b-track-list ol li, .b-track-list ul li { background: none repeat scroll 0 0 #4A4A4A; list-style-position: inside; margin: 0 0 1px; opacity: 0.8; padding: 5px 10px; }
.band-lineup li { list-style: disc inside; }
 
/* News Paging
------------------------------ */
.pageList li { float: left; }
.pageList li a { padding: 0 10px; display: block; border: none !important; font-size: 16px; }
.pageList li a.active { color: #DBCC66; }

/* Bands Listing
------------------------------ */
.content-list-item              { margin: 0 0 20px; }
.page .content-list-item img    { float: left; margin: 5px 20px 5px 0; border: 1px solid #4a4a4a; }
#content img                    { border: 1px solid #4a4a4a; }
/* Featured Block
------------------------------ */

/* Styles for text
------------------------------ */
h1, h2, h3, h4 { font: bold 38px/20px Segoe Print, Lucida Sans Unicode, Lucida Grande, sans-serif; padding: 0 0 15px;}
h1 { padding: 10px 0 30px; line-height: 42px; }
.body-1 h1 { padding-top: 0; }
h2 { font-size: 24px; line-height: 32px; }
h3 { color: #dbcc66; font-size: 18px; clear: left; }
h4 { font-size: 18px; }
h5 { margin: 20px 0 5px; font-size: 11px; }

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

.page p, .page ul, .page ol, .page img { margin: 0 0 15px 0; }
#content p { text-align: justify; }
#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; } 

.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; }

address { font-style: normal; display: block; margin: 0 0 10px 10px; }
dt { margin: 0 0 10px; }
dt a { }
dd { margin: 0 0 20px; }

/* Social icons
------------------------------ */
.soc        { padding: 0 0 0 25px; }
.soc li     { float: left; padding: 0 10px 0 0; }
.soc li a   { display: block; width: 32px; height: 32px; background: url(http://adamlane.org/assets/i/soc.png) 0 0 no-repeat; }
.soc li a.twitter   { background-position: -32px 0; }
.soc li a.email     { background-position: -64px 0; }
/* 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(http://adamlane.org/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; margin: 0 0 25px; }
.b-cd-list dl {  float: left;  margin: 5px;  width: 102px; height: 102px; 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; }
#page .w-profile img    { float: right; margin: 0 0 0 20px; }
.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(http://adamlane.org/assets/i/facebook.png) left top no-repeat; top: 13px; right: 15px; }
#fcb:hover { background: url(http://adamlane.org/assets/i/facebook.png) left -25px no-repeat; }

#copy   { text-align: center; padding: 40px 0 0; }
#copy p { font-size: 12px; }
#copy a { color: #afa352; }

/* Contact Form
------------------------------ */
form label { display: inline-block; vertical-align: top; width: 20%; }
.f-inputs { /*padding: 0 0 10%;*/ }

input { vertical-align: middle; }
.i-text { width: 350px; padding: 5px; font: 1em sans-serif; }
.f-actions input { border: none; }
.f-actions .button { cursor: pointer; background: #555; color: #fff; font-weight: bold; padding: 5px 15px; }

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

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

/* Gallery block
---------------------------------------- */
.gal-item-active { width: 102px; height: 102px; float: left; margin: 5px; overflow: hidden; }