/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Tahoma,Arial,Verdana,Sans-Serif;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

body {
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	background-color:#000000;
}



/* default styles */

h2
{
  color:#ffffff;
  margin-bottom:10px;
}

#donate
{
height:30px;
width:100%;
padding-top:2px;
}

#donate form
{
display:block;
width:100px;
float:right;
}

#donate label
{
display:block;
float:right;
font-size:12px;
line-height:25px;
color:#fff;
padding-right:4px;
}

.container
{
	width:100%;
	margin: 0 auto;
	position:relative;
}

.left
{
  display:block;
  width:70%;
  float:left;
}

.main_header
{
  height:235px;
  width:100%;
  background-image:url(../img/header_background.png);
  background-position:center 10px;
  background-repeat:no-repeat;
  /*border-top:30px solid #555555;*/
  background-color:#000000;
}


.facebooklike
{
  position:absolute;
  top:5px;
  left:5px;	
}


#upgrade
{
	display:none;
	background-color:#eeeeee;
	border-bottom:2px solid #000000;
	height:50px;
	width:100%;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

#upgrade A
{
	color:#a1a1a1;
}

/* ----- navigation */

nav
{
  	width:100%;
	height:40px;
	position:absolute;
	margin-top:195px;
	text-align:center;
}

nav ul, nav li
{
  margin:0px;
  padding:0px;
  list-style:none;
  float:left;	
}

nav li a:link, nav li a:visited
{
  display:block;
  height:40px;
  padding:0px 30px;
  font-family: 'Varela Round', sans-serif;  
  font-size:16px;
  line-height:40px;
  color:#ffffff;
  text-decoration:none;
  margin-right:2px;
  background-color:#464646;
}


nav li a.active
{
  display:block;
  height:40px;
  padding:0px 30px;
  font-family: 'Varela Round', sans-serif;  
  font-size:16px;
  line-height:40px;
  color:#ffffff;
  text-decoration:none;
  margin-right:2px;
  background-color:#2a2a2a;
}

nav li a:hover
{
  background-color:#555555;
}

.content
{
	width:100%;
}

aside
{
	display:block;
	width:29%;
	float:right;
}



/* text content */

.textcontent
{
  font-size:13px;
  line-height:20px;
  color:#A9A9A9 !important;	
  padding:0px 30px 20px 20px;
  background-color:#2a2a2a;
  padding-top:20px;
}

.textcontent a:link, .textcontent a:active, .textcontent a:visited, .textcontent a:hover
{
  color:#ffffff;	
}

.interview
{
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-rule: none;
}

.textcontent H1, .textcontent strong
{
  font-family: 'Varela Round', sans-serif;
  font-weight:normal;  
  color:#ffffff;	
}

.interview IMG
{	
  margin-left:7%;
}

.textcontent TABLE
{
  width:100%;
  text-align:left;
  margin-top:10px;
  margin-bottom:10px;
}

.textcontent TABLE TH, .textcontent TABLE TD
{
  padding:5px;
}

.textcontent TABLE TH
{
  background-color:#131313;
}

.textcontent TABLE TD
{
  border-bottom:2px solid #131313;
}

/* bandlab widget */

.bandlabwidget
{
  width:100%;
  max-width:1000px;
}


/* album classes */

.album
{
	width:300px;
	height:820px;
	margin:0% 4% 4% 0%;
	float:left;
}

.album IMG
{
	width:300px;
	height:300px;
}

.downloadalbum_container {

display:block;
width:300px;
height:30px;
font-size:12px;
line-height:30px;
text-align:center;
background-color:#555555;
margin-bottom:10px;
}

.downloadalbum_container a
{
	display:block;
	text-decoration:none;
}

.downloadalbum_container a:hover
{
	text-decoration:underline;
}

.album ol li
{
	margin-left:20px;
}

/* aside items */

aside section
{
  display:block;
  clear:both;
  padding:10px;
}

aside section h3
{
  font-family: 'Varela Round', sans-serif;  
  color:#ffffff;	
  font-weight:normal;
  font-size:16px;
  margin:0px;
}


/* social media section */

.socialmedia
{
  display:inline-block;
  border-bottom:0px;
  padding-top:20px;
  height:auto;
  width:90%;
}

.socialmedia a, .socialmedia a:link, .socialmedia a:visited, .socialmedia a:active
{
 	height:32px;
	width:32px;
	display:block;
	float:right;
	border:none;
	background-position:top left;
	background-repeat:no-repeat;
	margin:0px 2px 5px 5px;	
}

.facebook { background-image:url(../img/icons/facebook.png); }
.twitter { background-image:url(../img/icons/twitter.png); }
.lastfm { background-image:url(../img/icons/lastfm.png); }
.myspace { background-image:url(../img/icons/myspace.png); }
.youtube { background-image:url(../img/icons/youtube.png); }
.rss { background-image:url(../img/icons/rss.png); }
.officialfm { background-image:url(../img/icons/officialfm.png); }
.soundcloud { background-image:url(../img/icons/soundcloud.png); }
.itunes { background-image:url(../img/icons/itunes.png); }
.hearthisat { background-image:url(../img/icons/hearthisat.png); }
.thefuturefm { background-image:url(../img/icons/thefuturefm.png); }
.yungcloud { background-image:url(../img/icons/yungcloud.png); }

/* tweets */

.tweets
{
  padding:10px 10px 10px 0px;
}

/* links */

.links A:link, .links A:active, .links A:visited
{
	color:#a9a9a9;
	text-decoration:underline;
	font-size:13px;
}

.links A:hover
{
	color:#ffffff;
	text-decoration:underline overline;
} 

/* header */

header
{
  display:block;
  width:100%;
  clear:both;
  background-color:#555555;
  height:40px;
  line-height:40px;
  border-top:2px solid #000000; 
  text-align:left;
  font-size:15px;
  text-indent:20px;
  color:#ffffff;
  letter-spacing: 0.7px;
}

header a
{
  color:#ffffff;
}


/* footer */

footer
{
  display:block;
  width:100%;
  clear:both;
  background-color:#555555;
  height:30px;
  line-height:30px;
  border-top:2px solid #000000;	
  text-align:right;
  font-size:12px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  

}



@media only screen and (max-width: 767px) {

.textcontent
{
  font-size:13px;
  line-height:20px;
  color:#A9A9A9 !important;	
  padding:0px 10px 20px 10px;
  background-color:#2a2a2a;
  padding-top:20px;
}

.album
{
	height:auto !important;
}

  .socialmedia
  {
	height:40px;
	text-align:left; 
    padding-top:10px;
  }
  
.socialmedia a
{
 	height:26px;
	width:26px;
	display:block;
	float:left;
	border:none;
	background-position:top left;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0px 7px 5px 0px;	
}
  
  .main_header
  {
	background-position:top center;
	moz-background-size:contain;
	webkit-background-size:contain;
	background-size:contain;
  }
  
	.socialmedia a
	{
		float:left;
	}
	
	.socialmedia
	{
		margin:0px auto;
		padding:10px 0px 0px 10px;
	} 

	
  .left, aside
  {
	float:none;
	clear:both;	
	width:100%;
  }
  
  .links
  {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -moz-column-rule: none;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  -webkit-column-rule: none;
  }
  
 
  
.interview
{
  -moz-column-count: 1;
  -moz-column-gap: 0em;
  -moz-column-rule: none;
  -webkit-column-count: 1;
  -webkit-column-gap: 0em;
  -webkit-column-rule: none;
}

.interview IMG
{
  float:none;
  clear:both;
  margin:0px 0px 10px 0px;	
}


.tweets { margin:0px; padding-top:0px !important; }
	
}


@media only screen and (min-width: 480px) and (max-width: 767px) {


  .main_header
  {
	background-position:top center;
	moz-background-size:contain;
	webkit-background-size:contain;
	background-size:contain;
  }
 

 .left, aside
  {
	float:none;
	clear:both;	
	width:100%;
  }
  
  .links
  {
  -moz-column-count: 3;
  -moz-column-gap: 1em;
  -moz-column-rule: none;
  -webkit-column-count: 3;
  -webkit-column-gap: 1em;
  -webkit-column-rule: none;
  }
  
  
 
.interview
{
  -moz-column-count: 1;
  -moz-column-gap: 0em;
  -moz-column-rule: none;
  -webkit-column-count: 1;
  -webkit-column-gap: 0em;
  -webkit-column-rule: none;
}

.interview IMG
{
  float:left;
  margin:0px 10px 10px 0px;	
}




}