*:focus { outline: none; }
.cc 	{ clear: both; }
.clearfix:after, #footer ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul li 	{ list-style: none;}
.success 		{ color: #919f5e; }
.bottom-20   	{ margin-bottom: 20px; }
.top-0			{ margin-top: 0; }
img.pull-left 	{ margin-right: 20px; }
img.pull-right 	{ margin-left: 20px; }

/* Main styles
------------------------------ */
body { background-image: url("/assets/i/steve-elson-bg-2.jpg"); background-attachment: fixed; background-size: cover; line-height: 28px; }
a { color: #9a6e23; }

/* Layout elements amd content blocks
------------------------------ */
.container 	{ margin-right: 300px; }
#header     { margin: 30px 0 0; }
#header-block { padding: 0 0 30px; }
#main article { }
#footer       { margin-top: 80px; }

/* Top Navigation
------------------------------ */
#menu:hover          { cursor: pointer; }

/* Main Menu
------------------------------ */
#nav, #nav ul  { padding: 0; }
#nav ul    { margin: 0; }
#nav li    { position: relative; }
#nav li a  { display: block; font-size: 16px; padding: 10px 20px; border-bottom: 1px solid #121212; text-decoration: none; cursor: pointer; }
#nav li.last a 	{ border-bottom: 0; }
#nav li li a  	{ padding: 10px 20px 10px 30px; font-size: 14px; }

#nav li ul 			{ display: none; }
#nav li.active ul	{ display: block; }

#nav li.active a, #nav li.active li.active a, #nav li.active a:hover { color: #919f5e; border-bottom: 1px solid #101010; }
#nav li.active li a { color: #fff; }
#nav li.active li.active a { cursor: default; }
#nav li a i 		{ margin: 10px 10px 0 0; }
#nav li li i		{ float: right; margin: 10px 0 0; font-size: 10px; }
#nav li li a:hover 	{ color: #bccdf1; }

#mobile-nav-button { display: none; position: absolute; top: 5px; left: 5px; }
.collapse.in { display: none; }

/* Track List / Player / CD layout
------------------------------ */
.b-track-list { margin: 0; }
/*.b-track-list a { padding: 4px 8px 4px 26px; background: url(/assets/i/p_listen_dull.png) no-repeat 0 5px; }*/
.b-track-list a { padding: 8px; font: 18px/1 FontAwesome, "Lucida Sans Unicode","Lucida Grande",sans-serif; text-rendering: auto; transform: translate(0px, 0px); }
.b-track-list a:before { color: #9a6e23; content: "\f028"; cursor: pointer; margin: 0 8px 0 0; }
.b-track-list a:hover, .b-track-list .played, .b-track-list a:hover:before, .b-track-list .played:before { color: #919f5e; text-decoration: none; }	
	
.b-track-list li { overflow: hidden; }
.b-track-list .loading {  }
.band-lineup li { list-style: disc inside; }

.cd-item .cd-coverart	{ float: right; margin: 0 0 0 40px; }

/* News Paging
------------------------------ */
.pageList li { float: left; list-style: none !important; }
.pageList li a { padding: 0 10px; display: block; border: none !important; }
.pageList li a.active { color: #fff; font-weight: bold; cursor: text; }
.pageList li a.active:hover { text-decoration: none; }

/* 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; }
.rec-thumb                      { border: 5px solid #4e0b0d !important; }

/* Maillist form
------------------------------ */
.maillist			{ padding: 0 5px 20px; margin: 40px 0 0; }
.maillist h4		{ font: 18px/22px Arial,sans-serif; margin: 0 0 10px; }
.maillist p			{ margin: 0 0 5px; font-size: 12px; }
.maillist input		{ padding: 5px 8px; width: 174px; }
.maillist .button 	{ background: #475474; border-radius: 5px; border: 0; color: #fff; cursor: pointer; font: 14px GothamRounded-Medium,Arial; padding: 5px 8px; width: auto; }

/* Styles for text
------------------------------ */
h1 { font-size: 42px; color: #777; text-align: center; }
#header h2      { font-size: 78px; line-height: 60px; }
#header h2 span { display: inline-block; width: 265px; height: 131px; background: transparent url(/assets/i/sax.png) no-repeat 0 0; margin: -30px 20px; }

blockquote		{ font-size: 20px; margin: 0 0 20px 40px; border-color: #919f5e; }
.page p, .page ul, .page ol, h5 { margin: 0 0 20px; }
ol li, ul li	{ list-style-position: inside; }
.lineup ul		{ padding-left: 0; }
.content p 		{ text-align: justify; }
.content img 	{ padding: 2px; border: 1px solid #333; }
.double-line	{ border-top: 1px solid #555; border-bottom: 1px solid #333; height: 2px; clear: both; }

.content ul li  { list-style: disc inside none; padding: 0 0 5px 10px; }
.intro          { font: 28px "Times New Roman",serif; color: #919f5e; text-align: center; }
.content .gal-list ul li { list-style: none; padding: 8px 16px; margin: 0 0 4px; width: 300px; border-radius: 6px; background: #161513; }

.caption-text   { font-size: 14px; line-height: 22px; text-align: center; }

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

.content #jny-calendar               { margin: 0 0 20px; background: #000; }
.content #jny-calendar-table .tr_odd { background: #111; }
.content #jny-calendar .a_det        { color: #9a6e23; }
.content #jny-calendar .a_det:hover  { color: #919f5e; }
.content #jny-calendar .cal-month    { background: #9a6e23; border: 1px solid #9a6e23; }
.content #jny-calendar .cal-date     { color: #333; }
.content #jny-calendar-table th      { color: #fff; background: #333; }
.content #jny-calendar .link         { color: #ffe5a6; text-decoration: none; }

/* Discography page
------------------------------ */
.b-cd-list		{ margin: 40px 0; }
.b-cd-list dl	{ float: left; margin: 0 0 40px; overflow: hidden; text-align: center; width: 33%; }
.b-cd-list dd	{ padding: 0 10px; }
.b-cd-list img 	{ width: 100% !important; height: auto !important; }

/* Images
------------------------------ */
img.f-left { margin-right: 20px; }
img.f-right { margin-left: 20px; }
.band-photo { width: 100%; }

/* Icons
------------------------------ */
.soc { margin-top: 20px; }
.soc .btn-38 { height: 38px; width: 38px; text-align: center; margin: 0 2px; display: block; border-radius: 3px; background: rgba(225,225,225,.1); float: left; }
.soc .btn-38:hover { background: rgba(225,225,225,.15); }
.soc .fa { font-size: 22px; line-height: 36px; }

#copy   { text-align: center; padding: 0 0 24px; font-size: 12px; }
#copy a { color: #ffe5a6; }

/* Contact Form
------------------------------ */
input 		{ vertical-align: middle; }
.i-text 	{ width: 320px; padding: 5px; font: 1em sans-serif; }
.f-actions input { border: none; }
.f-actions .button { cursor: pointer; background: #475474; color: #fff; font: 16px GothamRounded-Medium,Arial; padding: 15px 24px; border-radius: 5px; }

.error { color: #EE1C25; }

/* Gallery block / overlay
---------------------------------------- */
.gal-item 			 { float: left; margin: 0 14px 30px; overflow: hidden; }
.modal-header button { float: right; }
.modal-header, .modal-footer, button { border: 0; }
button 			{ background: #9a6e23; border-radius: 3px; color: #fff; font-weight: bold; }
button:hover 	{ background: #999; }
#lbOverlay {position:absolute !important; opacity:0 !important;}

/* ----------- 1700 ----------- */
@media only screen and (max-width : 1700px), (max-device-width: 1700px) { 
.container { margin-right: 100px; }
}

/* ----------- 1366 ----------- */
@media only screen and (max-width : 1366px), (max-device-width: 1366px) { 
.container { margin-right: 0; }
}

/* ----------- 1200 ----------- */
@media only screen and (max-width : 1200px), (max-device-width: 1200px) { 
.container { margin: 0 auto; }
body { background-position: right top; }
}

/* ----------- 1024 ----------- */
@media only screen and (max-width : 1024px), (max-device-width: 1024px) {
.container      { width: 100%; }
.sidebar        { display: none; }
#mobile-nav { background: rgba(0,0,0,.90); position: absolute; z-index: 9999; top: 34px; left: 5px; border-radius: 5px; padding: 0 10px; }
#mobile-nav-button, .collapse.in { display: block; }
#header, .content { padding: 0 20px; }
#header-block   { text-align: center; }
#header h2 span { font-size: 24px; }
h2 		{ font-size: 28px; }
}

/* ----------- 740 ----------- */
@media only screen and (max-width : 740px), (max-device-width: 740px) {   
.hide-740   { display: none !important; }
.cd-item .cd-coverart { float: none; }
#header h2 span { display: none; }
#copy           { text-align: left; }
.soc            { display: block; }
}

/* ----------- 480 ----------- */
@media only screen and (max-width : 480px), (max-device-width: 480px) {
body { font-size: 14px; line-height: 22px; }
h1 { font-size: 34px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
.intro          { font-size: 18px; }
#header h2      { font-size: 54px; }
.b-track-list a { font: 14px/1 FontAwesome,"Lucida Sans Unicode","Lucida Grande",sans-serif; }
blockquote      { font-size: 14px; margin: 0 0 20px; border-left: 1px solid #919f5e; }
img.pull-right  { margin: 0 0 20px; }
img.pull-left   { margin: 0 20px 0 0; }
}