@charset "utf-8";
/*global*/
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-size:14px;line-height:18px;color:#fff;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;background-color:#222222;}
* html .cell {display:inline; height:100%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}

p{padding:0;margin:0;margin-bottom:18px;letter-spacing:0.1em; text-align:justify;}
a{cursor:pointer;}
.body_class {background-color: #303030;} 

/*dom structures*/
#preloadDiv {position:absolute;z-index:2;top:0;visibility:hidden;}
#wrap{position:absolute; width:100%; height:100%; top:0; left:0;overflow:auto; z-index:2;}/*background-color:#ccc;*/
#page{width:1000px;margin:0 auto;}
#header{display:block;width:283px;height:230px;padding-left:717px;}
#emailListInput{width:193px;height:25px; background-image:url(../images/siteAssets/bg_input.png); background-repeat:no-repeat;padding:3px 0 2px 90px;}
#contentLeft{display:block;float:left;width:225px;margin-top:-87px;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;font-size:10px; line-height:14px;}
#audio{width:262px;height:75px; margin-top:10px;background-image:url(../images/siteAssets/bg_audio.png); background-repeat:repeat; border:solid 1px #6e6e6e;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.album{width:200px;margin-bottom:20px;}
#contentRight{display:block;float:left;width:775px;padding-top:20px;}
#contentColWide{display:block;float:left;width:462px;padding-right:30px;margin:-107px 0 200px 0;}
#contentColNarrow{display:block;float:left;width:283px;font-size:11px; margin-top:-20px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-height:14px;}
#foot{display:block;width:1000px;height:141px;margin:0px auto; background-image:url(../images/siteAssets/jonny-sonic-logo.png); background-repeat:no-repeat; background-position:right;}
#trackDiv{display:none;}

/*links*/
a,a:link,a:visited,a:active,a:hover{color:#a5eda2 !important; text-decoration:none;}
a:hover{color:#4af941 !important;}
.important a,.important a:link,.important a:visited,.important a:active,.important a:hover{color:#4af941 !important; text-decoration:none;}
.important a:hover{color:#fff !important;text-decoration:underline;}
.album .head a,.album .head a:link,.album .head a:visited,.album .head a:active,.album .head a:hover{font-size:15px;line-height:16px;font-weight:bold;text-transform:uppercase; font-family:Trebuchet MS,Arial,Verdana, serif;color:#fff !important;}
.album .head a:hover{color:#4af941 !important;}

.icons{width:450px;display:block;}
.icon{float:left;display:block;width:100px;margin-left:20px;}


/*nav*/
#header .nav {width:283px; height:27px;}
#header .nav ul, #header .nav li {margin:0;padding:0;list-style:none;}
#header .nav ul li {display:block;float:left;}

/*right nav*/
#contentColNarrow .nav {width:283px;}
#contentColNarrow .nav ul, #contentColNarrow .nav li {margin:0;padding:0;list-style:none;}
#contentColNarrow .nav ul li {display:block;}
#contentColNarrow .nav ul li a,#contentColNarrow .nav ul li a:link,#contentColNarrow .nav ul li a:visited,#contentColNarrow .nav ul li a:active,#contentColNarrow .nav ul li a:hover,#contentColNarrow .nav ul li.selected, #contentColNarrow .nav ul li .nolink{color:#fff !important;text-decoration:none;display:block;width:257px;padding:10px 3px;margin:0;border-bottom:1px dashed #fff;}
#contentColNarrow .nav ul li a:hover,#contentColNarrow .nav ul li .selected{background-image:url(../images/siteAssets/btn/bg_subnav_f2.png); background-repeat:repeat;}
#contentColNarrow .nav ul li.selected{border-bottom:0; margin:-10px -3px;}
#contentColNarrow .nav ul li.selected a{color:#beacac !important;}


#contentColNarrow .tracknav {width:283px;}
#contentColNarrow .tracknav ul, #contentColNarrow .tracknav li {margin:0;padding:0;list-style:none;}
#contentColNarrow .tracknav ul li {display:block;}
#contentColNarrow .tracknav ul li{color:#fff;text-decoration:none;display:block;width:257px;padding:10px 3px;margin:0;border-bottom:1px dashed #fff;}
#contentColNarrow .trackBtns a,#contentColNarrow .trackBtns a:link,#contentColNarrow .trackBtns a:active,#contentColNarrow .trackBtns a:visited,#contentColNarrow .trackBtns a:hover{display:block;float:left;width:25px;text-align:center;padding:1px 2px 2px 2px;font-size:9px;line-height:10px;border:solid 1px #4c4b4b;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0px 0px 0px 2px; background-image:url(../images/siteAssets/btn/bg_rowBtn.jpg); background-repeat:repeat-x;color:#113410 !important;}
#contentColNarrow .trackBtns a:hover{background-image:url(../images/siteAssets/btn/bg_rowBtn_f2.jpg); background-repeat:repeat-x; border:solid 1px #fff;}
#contentColNarrow .trackTitle {display:block;float:left;width:150px;height:15px;overflow:hidden;}
#contentColNarrow .trackBtns{display:block;float:left;width:100px;}

/*text*/
.important{color:#4af941;font-size:12px;line-height:20px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;font-family:Trebuchet MS,Arial,Verdana, serif;}
.bubb{text-align:center;padding:1px 2px 2px 2px;font-size:9px;line-height:10px;border:solid 1px #4c4b4b;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0px 0px 0px 2px; background-image:url(../images/siteAssets/btn/bg_rowBtn.jpg); background-repeat:repeat-x;color:#113410;}
.caption{font-size:10px;}

/*headlines*/
.head{font-size:20px;line-height:25px;font-weight:bold; font-family:Trebuchet MS,Arial,Verdana, serif;}
.smallhead{font-size:16px;line-height:20px;font-weight:bold; font-family:Trebuchet MS,Arial,Verdana, serif;}
#contentColWide .head{display:block;margin-bottom:10px;}
#contentColNarrow .head{font-size:12px;line-height:18px;letter-spacing:1px;font-weight:normal;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
#contentColNarrow .trackTitle .head{font-size:11px;font-family:Trebuchet MS, Arial, Verdana;}
.pullback{display:block;margin:-107px 0 70px 0;}


/*reusables*/
.fullWidth {display:block;width:100%;}
.floatLeft {float:left;}
.floatRight {float:right;}
.botPadMargBord{margin-bottom:10px;padding-bottom:10px;border-bottom:dashed 1px #cbcbcb;}
.margTop{margin-top:10px;}
.blurbBox{display:block;padding:10px;width:180px;margin:10px 0;background-image:url(../images/siteAssets/bg_audio.png); background-repeat:repeat; border:solid 1px #6e6e6e;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}


/* forms */
form {margin:0;padding:0;display:inline;}
select, input, textarea, .wordInput {background-color:#383737;border:solid 1px #4c4b4b;padding:3px;font-size:11px;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;color:#fff;}
input.gobtn, .gobtn, .gobtn:hover {cursor:pointer;background-color:#383737;border:solid 1px #4c4b4b;font-size: 10px;color: #fff;padding:2px;margin: 0 0 3px 5px;}
/* contact form  */
#contactInfo {display:block;margin-bottom:10px;}
#contactForm, #formStage {width:400px;height:450px;background:none transparent;}
.formTable td {padding:3px;}
.formLabel {} 
.formInput {} 
.captchaTable {font-size:11px;line-height:11px;margin:10px 0;}
.captchaTable td {padding:2px;}
.wordInput {width:50px;}
#emailListInput input {width:165px;height:15px;font-size:10px;padding:0;border:solid 1px #383737;}
#confirm{font-size:10px;}

.buyAlbum select, .buyAlbum input, .buyAlbum textarea, .buyAlbum form {border:0;background:none transparent;}
.buyAlbum .thumb {margin-right:8px;}
.buyAlbum{display:block;margin-bottom:18px;}
.buyAlbum form {margin-top:5px;}




/* fixes*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: .1%;}