body {
	font-family: Verdana, Arial, Geneva, helvetica, sans-serif;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #000000;
	background-image: url(../images/background.png);
	background-repeat: repeat;
}

#canvas {
	display: block;
	position: fixed;
	left: 0;
	top: 25px;
}

.searchrow{
	width: 486px;
	float: left;
	clear: left;
}

	a:link { text-decoration: none; color: #ffffff;}
	a:visited {text-decoration: none; color: #ffffff;}
	a:active {text-decoration: none; color: #ffffff;}
	a:hover {text-decoration: none; color: #e3c100;}

	#backtotop {
	width: 34px;
	height: 34px;
	background-image: url(/images/backtotop.gif);
	background-repeat: no-repeat;
	position: fixed;
    bottom: 15px;
    right: 16px;
}
	
	#topbar {
	width: 100%;
	height: 29px;
	padding: 6px 0px 6px 0px;
	background-image: url(../images/topbarbg.png);	background-repeat:repeat-x;
	}
	
	#topbar a {
	color: #fc9c2a;
	text-decoration: underline;
}
	
.width{
	width: 820px;
	margin-top: 20px;
	height: 29px;
	margin: auto;
}	

.searchbox input {
	background-image: url(../images/searchbg.gif);
	width: 191px;
	height: 20px;
	float: right;
	color: #fc9c2a;
	margin-right: 40px;
	margin-top: -50px;
	padding: 2px 2px 2px 7px;
	border: 0;
	outline: none;
}

.searchbtn input {
	background-image: url(../images/searchbtn.gif);
	background-repeat: no-repeat;
	float: right;
	color: #fff;
	margin-top: -50px;
	font-weight: bold; 
	width: 36px; 
	height: 24px;
	border: 0;
}
		
#box {
	width: 820px;
	display: block;
	overflow: hidden;
	margin: auto;
}	

#logo {
	width: 260px;
	height: 155px;
	float: left;
	margin-top: 0px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}	

#cityscape {
	width: 554px;
	height: 61px;
	background-image: url(../images/cityscape.gif);
	background-repeat: no-repeat;
}

#navcontainer{
	width: 557px;
	margin-top: 51px;
	height: 61px;
	float: left;
}

#topnav {
	width: 533px;
	height: 19px;
	padding: 9px;
	color: #000000;
	float: left;
	font-size: 14px;
	text-align: right;
	background-image: url(../images/navbg.gif);
	background-repeat:repeat-x;
}

#topnav a {
	color: #000000;
	text-decoration:none;}

#nav-rounder {
	width: 4px;
	height: 37px;
	float: right;
	margin-right: 2px;
	background-image: url(../images/navend.gif);
	background-repeat: no-repeat;
}

#leftnavcontainer { 
	width: 156px;
	clear: both;
	margin: 2px;
	float: left;
}

#rightnavcontainer { 
	width: 156px;
	margin: 2px;
	float: left;
}

#yellownav {
	margin-top: 3px;
	width: 150px;
	height: 13px;
	padding: 3px;
	color: #000000;
	float: left;
	clear: both;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}

#yellownavbg {
	width: 150px;
	float: left;
	clear: both;
	padding: 0px;
	background-color: #121212;
	border-left: 3px solid #fca72b;
	border-right: 3px solid #fca72b;
}

#yellowend {
	clear: both;
	margin-bottom: 5px;
	width: 156px;
	height: 4px;
	float: left;
	background-image: url(../images/headerend.gif);
	background-repeat: no-repeat;
}

#rednav {
	width: 150px;
	height: 13px;
	padding: 4px;
	color: #ffffff;
	float: left;
	clear: both;
	background-image: url(../images/redheader.gif);
	background-repeat: no-repeat;
}

#rednavbg {
	width: 150px;
	float: left;
	clear: both;
	padding: 0px;
	background-color: #121212;
	border-left: 3px solid #9f1902;
	border-right: 3px solid #9f1902;
}

#redend {
	clear: both;
	margin-bottom: 5px;
	width: 156px;
	height: 4px;
	float: left;
	background-image: url(../images/redend.gif);
	background-repeat: no-repeat;
}

#fblikes {
	clear: left;
	width: 150px;
	float: left;
	margin-left: 10px;
}

ul {
	margin-left: 0px;
	padding-left: 0px;
	display: inline;
} 

#social {
	width: 100%;
	height: 30px;
	padding: 2px;
	float: left;
}

ul, li {
    list-style-type: none;}
	
li.odd { width: 94%; padding: 5px; display: block; overflow: hidden; background-color: #121212; clear: none;}
li.even{ width: 94%; padding: 5px; display: block; overflow: hidden; background-color: #1c1c1c;}

#azleft {
	clear: right;
	width: 3px;
	height: 23px;
	float: left;
	background-image: url(../images/azleft.gif);
	background-repeat: no-repeat;
}

#azbg {
	padding: 5px;
	float: left;
	width: 646px;
	height: 18px;
	font-weight:bold;
	font-size: 14px;
	text-align: right;
	color: #FFFFFF;
	background-image: url(../images/azbg.gif);
	background-repeat:repeat-x;
}

#azright {
	float: left;
	width: 4px;
	height: 23px;
	background-image: url(../images/azright.gif);
	background-repeat: no-repeat;
}

#contentcontainer {
	float: left;
	display: block;
	overflow: hidden;
	margin: 4px 2px 2px 2px;
	width: 486px;
	padding: 2px;
	background-color: #121212;
	border: 1px solid #434136;
}

#contentheader {
	float: left;
	width: 463px;
	padding: 0px;
	color: #ffb411;
	margin-left: 2px;
	padding: 10px 0px 0px 20px;
	height: 18px;
	background-image: url(../images/contentbar.gif);
	background-repeat: no-repeat;
}

#contentheader h1 { 
	font-size: 12px; 
	color: #ffb411; 
	font-weight: bold; 
	display: inline;
	}


#contentblock {
	float: left;
	width: 477px;
	display: block;
	margin-left: 2px;
	overflow: hidden;
	padding-bottom: 6px;
	border-left: 3px solid #ffb411;
	border-right: 3px solid #ffb411;
}

#contentblock2 {
	float: left;
	width: 480px;
	height: 81px;
	border-left: 3px solid #303030;
	border-right: 3px solid #303030;
}

#contentend {
	float: left;
	width: 483px;
	padding: 3px;
	height: 3px;
	margin: 0px 0px 3px 2px;
	background-image: url(../images/contentend.gif);
	background-repeat: no-repeat;
}

#newsbarbg {
	padding: 3px;
	width: 100%;
	height: 13px;
	margin: 1px 1px 0px 1px;
	color: #FFFFFF;
	background-image: url(../images/newsbarbg.gif);
	background-repeat:repeat-x;
}

#newsavatar {
	float: left;
	width: 70px;
	height: 70px;
	margin: 0px 3px 3px 0px;
	background-image: url(../images/newsavatar.gif);
	background-repeat:no-repeat;
}

#newspost {

	width: 98%;
	display: block;
	overflow: hidden;
	padding: 4px;
}

#newsdate {
	border-style: dashed; 
	border-color: #e5dd00; 
	border-width: 1px;
	margin: 3px;
	width: 97%;
	color: #ffffff;
	height: 16px;
	padding: 2px;
	background-image: url(../images/newsdate.gif);
	background-repeat:repeat-x;
}

#comment {
	float: right;
	width: 99px;
	height: 26px;
	margin: 3px;
	background-image: url(../images/comment.gif);
	background-repeat:no-repeat;
}



.previousnews {
	width: 14px;
	height: 14px;
	float: right;
	margin: 0px 2px 2px 0px;
	color: #e3c100;
	text-align: center;
	padding: 2px;
	background-color: #000000;
	border: 1px solid #e3c100;
}

#artistpicbg {
	float: left;
	padding: 4px;
	margin-right: 1px;
	width: 167px;
	height: 228px;
	background-image: url(../images/artistcont.gif);
	background-repeat: no-repeat;
}

#artistnamebg {
	float: left;
	display: block;
	overflow: hidden;
	padding: 8px;
	margin-top: 2px;
	background-color: #DFA000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#artistnend {
	float: left;
	width: 4px;
	height: 29px;
	margin-top: 2px;
	background-image: url(../images/artnameend.gif);
	background-repeat:no-repeat;
}

h1 { font-size: 12px; color: #000000; font-weight: bold; display: inline;}

#artistc {
	margin-top: 3px;
	width: 280px;
	float: left;
	display: block;
	overflow: hidden;
	vertical-align: top;
}

#artistheadr{
	clear: both;
	float:left;
	margin-top: 3px;
	width: 3px;
	height: 29px;
	background-image: url(../images/artnamestart.gif);
	background-repeat:no-repeat;
}

#artisthead{
	margin-top: 3px;
	float: left;
	font-weight:bold;
	padding: 8px;
	margin-top: 2px;
	background-color: #b21500;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#artisthend {
	margin-top: 3px;
	float: left;
	width: 3px;
	height: 23px;
	background-image: url(../images/artistbgend.gif);
	background-repeat:no-repeat;
}

#artisttext {
	margin-bottom: 6px;
	float: left;
	padding-left: 2px;
	clear: both;
	display: block;
	overflow: hidden;
}

#albumtext {
	line-height: 1.6em;
	margin: 10px;
}

#artistbiotext {
	line-height: 1.6em;
	margin: 14px;
}

#leftbox {
	width: 240px;
	display: block;
	overflow: hidden;
	float: left;
}

#rightbox {
	width: 240px;
	display: block;
	overflow: hidden;
	float: right;
}

#boxes{
	padding: 3px;
	margin: auto;
	width: 480px;
	float: left;
	display: block;
	overflow: hidden;
}

#artistsubhead {
	width: 222px;
	height: 14px;
	color: #000000;
	float: left;
	clear: both;
	padding: 6px;
	background-image: url(../images/artistsubhead.gif);
	background-repeat:no-repeat;
}

#artistsubfoot {
	width: 232px;
	height: 22px;
	float: left;
	clear: both;
	padding: 2px;
	background-image: url(../images/artistsubfoot.gif);
	background-repeat:no-repeat;
}

#artistsubbg {
	clear: both;
	width: 230px;
	float: left;
	padding: 0px;
	display: block;
	overflow: hidden;
	background-color: #121212;
	border-left: 2px solid #e3c100;
	border-right: 2px solid #e3c100;
}


#artistsubhead2 {
	clear: both;
	width: 222px;
	height: 14px;
	color: #000000;
	float: left;
	padding: 6px;
	background-image: url(../images/artistsubhead.gif);
	background-repeat:no-repeat;
}

#artistsubfoot2 {
	width: 232px;
	height: 22px;
	float: left;
	clear: both;
	padding: 2px;
	background-image: url(../images/artistsubfoot.gif);
	background-repeat:no-repeat;
}

#artistsubbg2 {
	clear: both;
	width: 230px;
	float: left;
	padding: 0px;
	display: block;
	overflow: hidden;
	background-color: #121212;
	border-left: 2px solid #e3c100;
	border-right: 2px solid #e3c100;
}

h2 { font-size: 16px; color: #e3c100; font-weight: bold; display: inline;}


strong {
	font-weight:bold; 
	color: #e3c100;
	clear: both;}

.albumpic{
	width: 63px;
	height: 63px;
	float: left;
	margin: 2px;
	background-image: url(../images/albumpic.gif);
	background-repeat: no-repeat;
}

.albumrelease{
	width: 214px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 5px;
	background-image: url(../images/albumrelease.gif);
	background-repeat: no-repeat;
}

#albumlyrics {
	width: 100%;
	float: left;
	padding: 3px;
}

#verse {  width: 100%; color: #e3c100; font-weight: bold; border-bottom: 1px solid #e3c100; float: left; padding: 3px;}

.viewartist {
	width: 82px;
	height: 24px;
	margin-top: 10px;
	background-image: url(../images/viewartist.gif);
	background-repeat: no-repeat;
}

#footerc {
	width: 802px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 25px;
	display: block;
	overflow: hidden;
	border-radius: 5px;
	padding: 5px;
	background-color: #2D2D2A; 
	border: 1px solid #FFCC00;
}

#forums {
	float: left;
	width: 277px;
	height: 60px;
	background-image: url(../images/forums.gif);
	background-repeat:no-repeat;
}

#leftfooter {
	float: left;
	width: 22px;
	height: 44px;
	margin-top: 16px;
	background-image: url(../images/leftfooter.gif);
	background-repeat:no-repeat;
}


#footerbg{
	margin-top: 16px;
	color: #ffffff;
	padding: 3px;
	float: left;
	width: 505px;
	height: 38px;
	background-image: url(../images/footerbg.gif);
	background-repeat:repeat-x;
}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:175px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff;  
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#f7a42a;
	}
	
	#slider{ 
	padding: 3px;
	float: left;
	width: 480px;
	height: 175px;
	margin-bottom: 3px;
	}
	
	#form2{
		margin:1em 0;
		color:#fff;
		width:480px; /* customize width, this form have fluid layout */
		}
	#form2 h3{
		margin:0;
		background:#57a700 url(../images/form_heading.gif) repeat-x;		
		color:#fff;
		font-size:20px;
		border:1px solid #7c2c00;
		border-bottom:none;
		}		
	#form2 h3 span{
		display:block;
		padding:10px 20px;
		background:url(../images/form_ico.gif) no-repeat 93% 50%;			
		}				
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		border-top:3px solid #000;
		background:#000 url(../images/form_top.gif) repeat-x;		
		padding-bottom:1em;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 20px;}	
	#form2 label{display:block;}	
	#form2 input, #form2 textarea{		
		width:432px;
		border:1px solid #111;
		background:#282828 url(../images/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#form2 textarea{
		overflow:none;
		width:432px !important;
		}					
	#form2 p.submit{
		text-align:right;
		}	
	#form2 button{
		padding:0 20px;
		height:32px;
		line-height:32px;		
		border:1px solid #7c2c00;
		background:#5aae00 url(../images/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;		
		text-align:center;		
		}				
		
.interview1bar {
width: 465px;
padding: 4px;
margin-top: 3px;
color: #000000;
font-weight: bold;
height: 14px;
background-image: url(../images/interview/interviewbar1.gif);
background-repeat:no-repeat;
}

.interview1pic{
margin: 0px 3px 0px 5px;
width: 70px;
float: left;
height: 63px;
background-image: url(../images/interview/interviewpic.gif);
background-repeat:no-repeat;
}

.interview2bar {
width: 463px;
margin-top: 3px;
padding: 4px 6px 4px 4px;
color: #ffffff;
text-align: right;
font-weight: bold;
height: 14px;
background-image: url(../images/interview/interviewbar2.gif);
background-repeat:no-repeat;
}

.interview2pic{
margin: 0px 3px 0px 5px;
width: 70px;
float: right;
height: 63px;
background-image: url(../images/interview/thescribesinterview.gif);
background-repeat:no-repeat;
}

.interviewbox{
margin: auto;
width: 473px;
display: block;
overflow: hidden;
}

#articlesearch {
width: 51px;
height: 14px;
margin: 1px;
float: left;
background-image: url(../images/article.gif);
background-repeat:no-repeat;
}

#artistsearch {
width: 51px;
height: 14px;
margin: 1px;
float: left;
background-image: url(../images/artist.gif);
background-repeat:no-repeat;
}

#albumsearch {
width: 51px;
height: 14px;
margin: 1px;
float: left;
background-image: url(../images/album.gif);
background-repeat:no-repeat;
}

#tagcloud{
	text-align: center;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
}
 
#tagcloud a:hover {
    text-decoration: underline;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest {
    font-size: x-small;
}
 
#tagcloud .small {
    font-size: small;
}
 
#tagcloud .medium {
    font-size:medium;
}
 
#tagcloud .large {
    font-size:large;
}
 
#tagcloud .largest {
    font-size:larger;
}

.newspic{
margin: 0px 3px 0px 0px;
padding: 4px;
float: left;
width: 92px;
height: 92px;
background-image: url(../images/newsbg.jpg);
background-repeat: no-repeat;
}

.newstext{
padding: 2px;
display: block;
overflow: hidden;
color: #b7b7b7;
margin-top: -10px;

}

.newsc {
margin-bottom: 3px;
float: left;
display: block;
overflow: hidden;
width: 100%;
}

.viewnews{
margin-top: 3px;
float: right;
clear: both;
width: 119px;
height: 22px;
background-image: url(../images/viewnews.jpg);
background-repeat: no-repeat;
}

.seperatenews{
height: 2px;
float: left;
width: 100%;
background-color: #b21500;
}

#newspicbg{
float: left;
padding: 4px;
width: 167px;
height: 174px;
margin-right: 1px;
background-image: url(../images/albumpicbg.gif);
background-repeat: no-repeat;
}

#newstitle {
float: left;
width: 98%;
font-weight: bold;
font-size: 13px;
color: #000000;
padding: 7px;
background-image: url(../images/artnamebg.gif);
background-repeat: repeat-x;
background-color: #e3c000;
display: block;
overflow: hidden;
}

#newstitlec {
float: left;
height: 25px;
margin-bottom: 22px;
width: 480px;
}

#newstitled {
float: left;
width: 4px;
height: 29px;
margin-top: 2px;
background-image: url(../images/artnameend.gif);
background-repeat: no-repeat;
}

#newshead{
margin-top: 3px;
float: left;
width: 3px;
height: 23px;
background-image: url(../images/artistbgend.gif);
background-repeat: no-repeat;
}

#newsheadstart{
float:left;
margin: 3px 0px 0px 3px;
width: 3px;
height: 29px;
background-image: url(../images/artnamestart.gif);
background-repeat:no-repeat;
}

#newsheadend{
margin-top: 3px;
float: left;
display: block;
overflow: hidden;
padding: 5px;
height: 13px;
background-image: url(../images/artisthbg.gif);
background-repeat:repeat-x;
}

#newstext2{
line-height: 1.6em;
}

#artistRows{
	border-top: 1px solid #FFFFFF;
}

.artistRowControl{
	float: right;
	font-size: 12px;
}

.artistRow{
	border-bottom: 0px solid #edc300;
	margin: 5px;
}

.artistRow a:link {    
	text-decoration: bold;    
	color: #edc300;}

.artistRow a:visited {text-decoration: none;
	color: #edc300;}

.artistRow a:active {text-decoration: none;
	color: #edc300;}

.artistRow a:hover {text-decoration: none; 
	color: #edc300;}

.artistRow img{
	width: 58px;
	height: 80px;
	float: left;
	margin: 2px 2px 0px 2px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #edc300;
}

.artistRow h1{
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 0px;
}

.artistRow h2{
	margin-top: 0px;
	font-size: 14px;
}

.artistRow br{
	clear: both;
}

#albumbg {
	float: left;
	padding: 4px;
	width: 167px;
	height: 174px;
	margin-right: 1px;
	background-image: url(../images/albumpicbg.gif);
	background-repeat: no-repeat;
}

.albumthumbbg{
	width: 57px;
	height: 57px;
	padding: 3px;
	float: left;
	margin: 2px;
	background-image: url(../images/albumthumbbg.gif);
	background-repeat: no-repeat;
}

.albumrelease{
	width: 214px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 1px;
	padding: 5px;
	background-image: url(../images/albumrelease.gif);
	background-repeat: no-repeat;
}

#albumlyrics {
	width: 100%;
	float: left;
	padding: 3px;
}

#albumbox {
clear: both;
float: left;
width: 480px;
	display: block;
	overflow: hidden;
}

#albumname{
	width: 413px;
	float: right;
	margin-bottom: 3px;
	border-bottom: 2px solid #e3c100;
}

#albumname a{
	color: #e3c100;
}

#footernew {
	width: 820px;
	overflow: hidden;	
	color: #ffffff;
	margin: auto;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	background-color:#0a0a0a;
	border-radius: 10px;
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3); 
}

#facebookfooter
{
	display: block;
	margin-right: 6px;
	width: 30px;
	float: left;
	height: 30px;
	background: url("http://www.undergroundhh.com/images/facebook.png") no-repeat 0 0;
}

#facebookfooter:hover
{ 
	background-position: 0 -30px;
}

#twitterfooter
{
	display: block;
	margin-right: 6px;
	width: 30px;
	float: left;
	height: 30px;
	background: url("http://www.undergroundhh.com/images/twitter.png") no-repeat 0 0;
}

#twitterfooter:hover
{ 
	background-position: 0 -30px;
}

#youtubefooter
{
	display: block;
	margin-right: 6px;
	width: 30px;
	float: left;
	height: 30px;
	background: url("http://www.undergroundhh.com/images/youtube.png") no-repeat 0 0;
}

#youtubefooter:hover
{ 
	background-position: 0 -30px;
}

#googleplusfooter
{
	display: block;
	margin-right: 6px;
	width: 30px;
	float: left;
	height: 30px;
	background: url("http://www.undergroundhh.com/images/google-plus.png") no-repeat 0 0;
}

#googleplusfooter:hover
{ 
	background-position: 0 -30px;
}

#instagramfooter
{
	display: block;
	margin-right: 6px;
	width: 30px;
	float: left;
	height: 30px;
	background: url("http://www.undergroundhh.com/images/instagram.png") no-repeat 0 0;
}

#instagramfooter:hover
{ 
	background-position: 0 -30px;
}

#footernew ul
{
	list-style-type: none;
	width: 90%;
	padding: 0px;
	margin: 0px;
}
#footernew ul li
{
	padding: 10px;
	border-bottom: 1px solid #3b3b3b;
}

#footerabc {
	width: 180px; 
}

#footerabc ul {
	width: 180px; 
	display: block; 
	overflow: hidden; 
}

#footerabc ul li {
	width: 20px; 
	height: 16px; 
	color: #ffffff; 
	float: left; 
	list-style-type: none; 
	background-color: #2b2b2b; 
	border: 1px solid #5f5f5f; 
	padding: 4px; 
	margin: 2px; 
	font-weight: bold; 
	text-align: center; 
	border-radius: 3px; 
;
	float: left;
}

#footerabc li:hover {
	color: #000000; 
	list-style-type: none; 
	font-weight: bold; 
	transition: background-color 0.5s ease; 
	background-color: #e3c100; 
	border: 1px solid #e3c100; 
	padding: 4px; 
	margin: 2px; 
	text-align: center; 
}

#righttwitter {
	float: left; 
	margin: -5px 0px 3px 5px;
}

#submitlyrics {
	float: left; 
}

#sitefooterlinks {
	float: left; width: 126px; margin-right: 30px;
}

#footerlyrics {
	float: left; width: 211px; margin-right: 28px;
}

#footersocial {
	float: right; margin-top: 0px; width: 210px;
}

#footerpartners {
	float: left;
}

#footertext {
	width: 820px; float: left; overflow: hidden; padding: 4px 14px 14px 14px;
}

#footerdatabase {
	float: left; width: 170px; margin-right: 22px;
}

@media (max-width: 600px) {

	#leftnavcontainer, #rightnavcontainer, #submitlyrics, #righttwitter {
	 display: none;
	}
}