/*   
Theme Name: 01
Theme URI: http://www.burk.es
Description: Streamlining Mississippi's premier soul-jazz group. 
Author: Denny Burkes
Author URI: http://www.burk.es
Version: 1.0
*/

/*  =RESET
---------------------------------------------------*/
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
ol,ul {
	list-style: none;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
abbr,acronym { border: 0;
	}
:focus { outline: 0;
	}

::-moz-selection{ background: #09F; color:#fff; text-shadow: none; }
::selection { background: #09F; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #09F; }




* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}





a {
	color: #369;
	text-decoration: none;
}

a:hover {
	color: #FFF;
	border-bottom:#FFF dotted 1px;
}

body {
	/*background: #000 url(http://www.thevamps.com/beta/wp-content/themes/vamps/images/bkgrnd-adib01.jpg) center no-repeat;
	background-position: center 0px;*/
	background: url(images/bkgrnd-noise-trans.png) #333;
	/*font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 26px;
	color: #FFF;
	margin:0;
	padding:0;
}

#topbar {
	height:44px;
	border-bottom:#369 solid 1px;
	background-color:#111;
}

#nav {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:right;
	font-size:14px;
	line-height:43px;
}




#nav li {
	display:inline;
	height: 16px;
	padding:14px 10px;
	text-transform:uppercase;
}

#nav li a {
	color:#369;
	font-weight:bold;
}

#nav li a:hover {
	color:#FFF;
	border-bottom:none;
}

#nav ul li.current_page_item a {
	color:#FFF;
	/*background: #444;*/
	height: 16px;
	/*padding:14px 10px;*/
}

/*#wrapper {
	width: 960px;
	margin: 0 auto -201px;
	padding: 0;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	position: relative;
}*/

#header {
	margin:60px auto 0 auto;
	height:123px;
	width:960px;
}

#logo {
	width:230px;
	height:123px;
	float:left;
}

#wrapper {
	min-height: 100%;
}

#main {overflow:auto;
    padding-bottom: 201px;/* must be same height as the footer */
}
	
#content {
	margin: 60px auto;
    width: 660px;
}

#content p {
	margin:0 0 30px 0;
}

#footer {
	position: relative;
    margin-top: -201px; /* negative value of footer height */
    clear:both;
	background:#111111;
    border-top: 1px solid #555555;
    height: 200px;
}

.footer {
    margin: 0 auto;
    width: 960px;
	height:200px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#personnel {
	width:960px;
	margin:0 auto;
}

#footer-boxes {
	margin:0 auto;
	}

.group:after { visibility: hidden; display: block !important; font-size: 0; content: " "; clear: both; height: 0; }

.footer-box {
    -moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.2s ease;
    background: none no-repeat scroll 320px 50%;
	border: #222 1px solid;
    color: #333;
    display: block;
    float: left;
    height: 128px;
    margin: 20px 30px 0 0;
    padding: 15px;
    width: 258px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/wp-content/themes/01/PIE.htc);
}

.footer-box:hover {
	background: #06C;
	border: #FFF 1px solid;
}

.footer-box h5 {
    font-size: 30px;
    line-height: 1;
    margin: 0 0 10px;
}

.footer-box h6 {
    font-size: 14px;
    line-height: 1;
    margin: 0 0 2px;
	font-weight: bold;
	letter-spacing: 0;
	color: #333;
	padding-top: 0;
}

.footer-box p {
    font-size: 12px;
	line-height: 15px;
    width: 60%;
}

#facebook {
    background-image: url("images/sprite-icons-trans.png");
    background-position: 280px 43px;
}

#facebook:hover {
	background-color: #3b5998;
	background-position: 170px 43px;
	background-repeat: no-repeat;
}

#facebook:hover h5 {
	color: #FFF;
	display: none;
}

#facebook:hover h6 {
	color: #FFF;
	font-size: 24px;
	letter-spacing:-1px;
    line-height: 1;
    margin: 0 0 8px;
}

#facebook:hover p {
	color: #FFF;
}

#twitter {
    background-image: url("images/sprite-icons-trans.png");
    background-position: 280px -190px;
}

#twitter:hover {
	background-color: #5599BB;
	background-position: 156px -190px;
	background-repeat: no-repeat;
}

#twitter:hover h5 {
	color: #FFF;
	display: none;
}

#twitter:hover h6 {
	color: #FFF;
	font-size: 24px;
	letter-spacing:-1px;
    line-height: 1;
    margin: 0 0 8px;
}

#twitter:hover p {
	color: #FFF;
}

#itunes {
    background-image: url("images/sprite-icons-trans.png");
    background-position: 280px -435px;
}

#itunes:hover {
	background-color: #743a94;
	background-position: 168px -435px;
	background-repeat: no-repeat;
}

#itunes:hover h5 {
	color: #FFF;
	display:none;
}

#itunes:hover h6 {
	color: #FFF;
	font-size: 24px;
	letter-spacing:-1px;
    line-height: 1;
    margin: 0 0 8px;
}

#itunes:hover p {
	color: #FFF;
}

.linktext {
	font-size:9px;
	margin-left:5%;
	margin-right:5%;
}
.linktextarea {
	font-size:9px;
	overflow:hidden;
}

h1 {
	font-size: 40px;
	font-weight:400;
	line-height: 1em;
	text-transform: none;
	text-align: left;
	font-style: normal;
	margin: 0 0 30px 0;
	/*border-bottom:#333 solid 1px;*/
	letter-spacing: -1px;
	/*text-shadow: 0 2px 3px #666666;*/
}

h1 a {
	color: #FFF;
	text-decoration: none;
}

h1 a:hover {
	border-bottom: #FFF 2px dotted;
}

.title {
	border-bottom: 1px solid silver;
}

h2 {
	font-size: 16px;
	color: #FFF;
	font-weight:500;
	text-align: left;
	display:block;
}

h2 a {
	font-size: 18px;
	color: #555;
	text-align: left;
	display:block;
	text-transform: capitalize;
	margin: 30px 0 30px 0;
	padding: 7px 16px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	behavior: url(/wp-content/themes/01/PIE.htc);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background-color: #333; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #222); /* for firefox 3.6+ */
	border: solid 1px #444;
	
	
	
}

h2 a:hover {
	font-size: 18px;
	color: #666;
	text-align: left;
	display:block;
	margin: 30px 0 30px 0;
	padding: 7px 16px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #444; /* for non-css3 browsers */
	background -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); /* for webkit browsers */
	background -moz-linear-gradient(top,  #444,  #222); /* for firefox 3.6+ */
	border: solid 1px #666;
}







	

h3 {
	font-weight: bold;
	font-size: 3em;
	padding-bottom: 6px;
	color: #FFF;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-style: normal;
	letter-spacing: -1px;
	padding-top: 36px;
}

h4 {
	font-weight: bold;
	font-size: 3em;
	padding-bottom: 6px;
	color: #000000;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-style: normal;
	letter-spacing: -1px;
	padding-top: 36px;
}

/*h5 {
	font-weight: bold;
	font-size: 3em;
	padding-bottom: 6px;
	color: #000000;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-style: normal;
	letter-spacing: -1px;
	padding-top: 36px;
}*/

h6 {
	font-weight: bold;
	font-size: 3em;
	padding-bottom: 6px;
	color: #FFF;
	text-align: left;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
	font-style: normal;
	letter-spacing: -1px;
	padding-top: 36px;
}


.artist-links {
	font-size: 16px;
	color: #FFF;
	font-weight:500;
	text-align: left;
	display:block;
}

.artist-links a {
	font-size: 18px;
	color: #555;
	text-align: left;
	display:block;
	text-transform: capitalize;
	margin: 30px 0 30px 0;
	padding: 7px 16px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	behavior: url(/wp-content/themes/01/PIE.htc);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #333; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #222); /* for firefox 3.6+ */
	background: #333;
	border: solid 1px #444;
}

.artist-links a:hover {
	font-size: 18px;
	color: #666;
	text-align: left;
	display:block;
	margin: 30px 0 30px 0;
	padding: 7px 16px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #333; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444,  #222); /* for firefox 3.6+ */
	border: solid 1px #666;
}
	




#audio-wrapper {
	width:660px;
}


input {
	background:none repeat scroll 0 0 #000;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size:12px;
	border:1px solid #666;
	color:#FFF;
	padding:5px 4px;
}

input:focus {
	background:none repeat scroll 0 0 #369;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size:12px;
	border:1px solid #FFF;
	color:#FFF;
	padding:5px 4px;
}

textarea {
	background:none repeat scroll 0 0 #000;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size:12px;
	width: 400px;
	height:200px;
	border:1px solid #666;
	color:#FFF;
	padding:5px 4px;
	overflow: auto;
	resize: none;
}

.wpcf7-submit {
	font-size: 18px;
	color: #555;
	text-align: left;
	display:block;
	text-transform: capitalize;
	margin: 0px 0 0 0;
	padding: 7px 14px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #333; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #333,  #222); /* for firefox 3.6+ */
	border: solid 1px #444;
}

.wpcf7-submit:hover {
	font-size: 18px;
	color: #666;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	background: #333; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444', endColorstr='#222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #444,  #222); /* for firefox 3.6+ */
	border: solid 1px #666;
	cursor: pointer;
}

#contact-form p {
	margin: 0 0 16px 0;
}

textarea:focus {
	background:none repeat scroll 0 0 #369;
	font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;
	font-size:12px;
	width: 400px;
	height:200px;
	border:1px solid #FFF;
	color:#FFF;
	padding:5px 4px;
}

/* Menu style */
.ei_menu{
    background:#111;
    width:100%;
    overflow:hidden;
	margin:60px 0 60px 0;
}
.ei_menu ul{
    height:350px;
    margin-left:0px;
    position:relative;
    display:block;
    width:1300px;
}
.ei_menu ul li{
    float:left;
    width:100px;
    height:350px;
    position:relative;
    overflow:hidden;
    border-right:2px solid #111;
}
.ei_preview{
    width:100px;
    height:350px;
    cursor:pointer;
    position:absolute;
    top:0px;
    left:0px;
    background:transparent url(images/band-screen-blue01.jpg) no-repeat top left;
}
.ei_image{
    position:absolute;
    left:100px;
    top:0px;
    width:100px;
    height:350px;
    opacity:0.2;
    background:transparent url(images/band.jpg) no-repeat top left;
}
.pos1 span{
    background-position:0px 0px;
}
.pos2 span{
    background-position:-100px 0px;
}
.pos3 span{
    background-position:-200px 0px;
}
.pos4 span{
    background-position:-300px 0px;
}
.pos5 span{
    background-position:-400px 0px;
}
.pos6 span{
    background-position:-500px 0px;
}
.pos7 span{
    background-position:-600px 0px;
}
.ei_descr{
    position:absolute;
    width:278px;
    height:308px;
    border-right:7px solid #f0f0f0;
	border-bottom:#555 solid 1px;
	border-top:#555 solid 1px;
    padding:20px;
    left:100px;
    top:0px;
    background:#222;
}
.ei_descr h2{
    color:#FFF;
	font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1em;
	margin:120px 0 0 0;
	padding:0px;
}
.ei_descr h3{	
	color:#369;
	font-size: 18px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 20px;
	margin:0;
	padding:0px;
}
.ei_descr p{
    color:#000;
    padding:10px 5px 0px 5px;
    line-height:18px;
    font-size:11px;
    font-family: Arial;
    text-transform:uppercase;
}

/* For the index_3 demo */
ul.trigger_list{
    position:absolute;
    right:20px;
    top:145px;
}
ul.trigger_list li{
    float:left;
    line-height:53px;
    color:#ddd;
    font-style:italic;
}
ul.trigger_list li a{
    font-family: 'Rock Salt', arial, serif;
    display:block;
    background:#000;
    color:#ddd;
    line-height:35px;
    padding:5px 10px;
    margin:3px;
    border-radius:5px 5px 5px 5px;
    text-shadow:1px 1px 1px #000;
}
ul.trigger_list li a:hover{
    background:#222;
    color:#fff;

}











#controls {
	width: 300px;
	/*border-bottom: 1px solid #d2d2d2;*/
	padding-bottom: 10px;
}

#controls p {
	margin:0 0 0 0;
}

#controls li {
	list-style-type:none;
}

#controls a.jp-play {
	float: left;
	width: 16px;
	height: 16px;
	background: url(../../../images/play.png) no-repeat 3px 2px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.4;
	position: absolute;
	-webkit-transition: opacity ease 0.3s;
}

#controls a:hover.jp-play {
	border-bottom:none;
}

#controls a.jp-play.loading {
	 background: url(../../../images/loading.gif) no-repeat 0;
	 opacity: 1;
}

#controls a.jp-pause {
	float: left;
	width: 16px;
	height: 16px;
	background: url(../../../images/pause.png) no-repeat 3px 2px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 0.4;
	-webkit-transition: opacity ease 0.3s;
}

#controls a.jp-play:hover, #controls a.jp-pause:hover {
	opacity: 1.0;
	-webkit-transition: opacity ease 0.3s;
	border-bottom:none;
}

#controls a.jp-play:active, #controls a.jp-pause:active {
	opacity: 0.8;
	-webkit-transition: opacity ease 0.3s;
}

#controls .jp-progress {
	margin-top: 1px;
	width: 274px !important;
	cursor: pointer;
	float:right;
}

#controls .jp-seek-bar {
	background-color: #444;
	height: 14px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	padding-right: 11px;
	-webkit-transition: ease width 4s;
}

#controls .jp-play-bar {
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 0px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.5), 0px 0px 2px rgba(0,0,0,0.2);
	background-color: #666;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255, 0)));
	height: 14px;
	padding-left: 10px;
	padding-right: 6px;
	border-radius: 25px;
	-moz-border-radius: 25px;
}

#controls .track {
	float: left;
	clear: both;
	font-weight: 600;
	font-style: italic;
	color: #FFF;
	font-size: 12px;
}

#controls .timer {
	float: right;
	font-size: 11px;
	font-style: italic;
	margin-top: 1px;
}

#controls .timer div {
	display: inline;
}

#controls .jp-duration {
	color: #999;
}