/*

HARD PROOF AFROBEAT IS BADASS

*/
/*body{background-image:url(../images/bg.gif); background-repeat:repeat;margin:0px; font-family:Arial, Sans-Serif;color:white;background-attachment:fixed;}
#content{width:950px;background: none repeat scroll 0% 0% rgba(31, 31, 31, 0.5);overflow:hidden; padding:215px 1px 10px 1px;
	-moz-box-shadow: 0px 0px 25px black;-webkit-box-shadow: 0px 0px 25px black;box-shadow: 0px 0px 25px black;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=90, Color='#000000')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=90, Color='#000000');
}
#header{width:100%; height:100px;padding:0px;
	
	background: #231f20; 
background: -moz-linear-gradient(top, #111111 0%, #1f1f1f 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#1f1f1f)); 
background: -webkit-linear-gradient(top, #111111 0%,#1f1f1f 100%); 
background: -o-linear-gradient(top, #111111 0%,#1f1f1f 100%); 
background: -ms-linear-gradient(top, #111111 0%,#1f1f1f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#1f1f1f',GradientType=0 ); 
background: linear-gradient(top, #111111 0%,#1f1f1f 100%); 
	
position:fixed;text-align:center;z-index:999;}
*/
body {
  background-attachment: fixed;
  background-image: url("../images/panam.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  font-family: Arial,Sans-Serif;
  margin: 0;
}
#content{width:950px;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);overflow:hidden; padding:215px 1px 10px 1px;
	-moz-box-shadow: 0px 0px 25px black;-webkit-box-shadow: 0px 0px 25px black;box-shadow: 0px 0px 25px black;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=90, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=90, Color='#000000');
}
#header{width:100%; height:100px;padding:0px;
	
	background: #231f20; /* Old browsers */
background: -moz-linear-gradient(top, #111111 0%, #111 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#111)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #111111 0%,#111 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #111111 0%,#111 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #111111 0%,#111 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#111',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #111111 0%,#111 100%); /* W3C */
	
position:fixed;text-align:center;z-index:999;}
#nav-container li{margin:0px;list-style:none;display:inline;width:100%; color:White; padding:0px 60px 0px 0px;}
#nav-container{width:100%; height:45px;position:fixed;margin:0px; background-color:transparent; padding:100px 0 10px;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);z-index:998;}
#sidebar{/*width:277px*/width:255px;float:left;padding:0px 30px 0px 0px;text-align:left;}
.sidebar-div{width:257px; padding:10px 10px 10px 10px;background-color:Black;;margin-bottom:30px; color:white;}
#sidebar input{width:100%;height:26px;border:none;color:#ccccca;}
#sidebar ul{margin:0px;list-style:none;font-style:italic;}
#main{width:582px; float:left; padding:0px 30px 0px 30px;overflow:hidden; text-align:left;font-size:11pt;}
#slideshow{
  background-color: #111111;
  height: 300px;
  text-align: center !important;
  width: 100%;
}
#slideshow img {
  display: block;
  float: none;
  margin: 0 10%;
  width: 80%;
}
#footer{height:50px;width:930px;background-color:Black;text-align:center; font-size:11pt;color:white;font-family:inherit;padding:35px 10px 10px 10px;clear:both;}

h4{margin-top:0px; color:White; border-bottom:solid 1px #3d3533;}
a {text-decoration:none; color:White;}
a:hover{text-decoration:underline;}
input[type=text]{background: none repeat scroll 0% 0% rgba(31, 31, 31, 0.9);border:none;color:white;width:100%;height:30px;border:solid 1px #333;}
#message{border:solid 1px #333 !important;}
.pay-pal input{height:47px;width:147px;}
.submit_button{background: none repeat scroll 0% 0% rgba(31,31,31,0.9);height:40px;width:70px;cursor:pointer;color:#FFF;border:solid 1px #333;}
.submit_button:hover{background: none repeat scroll 0% 0% rgba(40,40,40,0.9);height:40px;width:70px;cursor:pointer;}
.titles{font-size:8pt;font-family:arial,sans-serif;font-weight:bold;padding-bottom:10px;}
.gerardo{font-size:8pt;font-family:inherit;color:white;text-align:center;}
.gerardo a{font-size:8pt;font-family:inherit;color:#D4A029;}

.twitter-follow-button{display:block; z-index:999; background:url("../images/follow.gif") no-repeat scroll 0 0 transparent;}
a.twitter-follow-button {width:47px; height:17px;background-position:0 0;overflow:hidden; text-indent:-100000px;position:absolute;z-index:1;}
a.twitter-follow-button:hover {background-position: 0px -19px;}
.sound-cloud{position:relative; z-index:0;}
#social {
  margin: 0 auto !important;
  padding: 0;
  width: 179px;
}
#social li{list-style:none;display:inline;}

#mobile-nav,#mobile-nav ul{
  display:none;
}
#email_signup{
	width: 260px;height:135px; overflow:hidden;
}
#email_signup *{
  position:relative;
  top:-156px;
  left:-11px;
}
#posts img{
  max-width:100%;
}
#mobile_toggle {
  background-color: #000000;
  display: block;
  padding: 20px;
}
#mobile_toggle:hover {
  text-decoration:none;
}
#mobile-nav ul {
  margin:0;
  padding:0;
}
#mobile-nav li {
  background-color: #111111;
  float: left;
  text-align: left;
  border-bottom:solid 1px #000000;
}
#mobile-nav a {
  display: block;
  padding: 15px 10px;
}
#media_table img {
  max-width: 200px;
}
@media all and (max-width:950px){
  img{
    max-width:100%;
	height:auto !important;
  }
  #content,#main,#sidebar,#footer,#header{
    width:95%;
	padding-left:2.5%;
	padding-right:2.5%;
  }
  #media_table td {
    float: left;
  }
}
@media all and (max-width:600px){
  #nav,#listen{
    display:none;
  }
  #mobile-nav{
    display:block;
  }
  #nav-container{
    padding-bottom:0;
  }
  #splash{
    height:200px;
  }
  #header{
    height:65px;
  }
  #nav-container{
    padding-top:65px;
  }
  #content{
    padding-top:125px;
  }
}