@charset "UTF-8";
/* CSS Document */

body {
	background-color: #b3b3b3;
	font-family:"Helvetica Light", Helvetica, Arial, serif;
	font-weight: lighter;
}

.navbar 
{
	margin:-20px auto;
	display:block;
	width:960px;
}

h5 {font-size: 36px;}

#footerleft {font-size: 12px; margin-top: 30px; float:left; vertical-align: middle;}
#footerright {font-size: 12px; margin-top: 20px; float:right; text-align: right; vertical-align: middle;}
#news {display: block; float:left; width: 153px; height: 31px; background: url(../navnews.jpg) no-repeat 0 0;}
#news:hover {background-position: 0 -31px;}
#release {display: block; float:left; width: 206px; height: 31px; background: url(../navreleases.jpg) no-repeat 0 0;}
#release:hover {background-position: 0 -31px;}
#artists {display: block; float:left; width: 189px; height: 31px; background: url(../navartists.jpg) no-repeat 0 0;}
#artists:hover {background-position: 0 -31px;}
#tour {display: block; float:left; width: 168px; height: 31px; background: url(../navtour.jpg) no-repeat 0 0;}
#tour:hover {background-position: 0 -31px;}
#store {display: block; float:left; width: 162px; height: 31px; background: url(../navstore.jpg) no-repeat 0 0;}
#store:hover {background-position: 0 -31px;}
#media {display: block; float:left; width: 82px; height: 31px; background: url(../navmedia.jpg) no-repeat 0 0;}
#media:hover {background-position: 0 -31px;}
#facebook {display:block; float:right; width: 30px; height:30px; background: url(../fb.png) no-repeat 0 0;}
#facebook:hover {background-position: 0 -30px;}
#twitter {display:block; float:right; width: 30px; height:30px; background: url(../tw.png) no-repeat 0 0;}
#twitter:hover {background-position: 0 -30px;}
#mediabc {display: block; float:left; width: 82px; height: 31px; background: url(../navmedia.jpg) no-repeat 0 0; margin-top:-30px;}
#mediabc:hover {background-position: 0 -31px;}

#contentContainer {background-color: #f3f3f3;}

#relTrouble {margin-top:-260px;}
#relOrange {display:block; width:310px; height:350px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; }
#relOrange:hover {background-color: #f26b40; color: #FFFFFF; text-decoration: none;}
#relPink {display:block; width:270px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; margin-top: 270px;}
#relPink:hover {background-color:#ec008c; color: #FFFFFF; text-decoration: none;}
#relGreen {display:block; width:270px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; margin-top: 270px;}
#relGreen:hover {background-color: #36ba7a; color: #FFFFFF; text-decoration: none;}
#relPurp {display:block; width:270px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; margin-top: 270px; }
#relPurp:hover {background-color: #91278f; color: #FFFFFF; text-decoration: none;}

#album { text-decoration: none; color:black;}
#album:hover { text-decoration: none; color: #f26b40; }

#artYel {display:block; width:310px; height:280px; font-size:18px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; font-weight: lighter; line-height: 50px; }
#artYel:hover {background-color: #d7df23; text-decoration: none;}

#trouble {margin-top: -190px;}
#longerRel {display:block; width:190px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; font-weight: lighter; margin-top: 200px;}
#longerRel:hover {background-color: #d7df23; text-decoration: none;}

#artRel {display:block; width:190px; height:230px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; font-weight: lighter; line-height: 40px; }
#artRel:hover {background-color: #d7df23; text-decoration: none;}

#artMed {display:block; width:190px; font-size:14px; background-color:#FFFFFF; color:#000000; text-decoration: none; text-align: right; vertical-align: text-bottom; font-weight: lighter; }
#artMed:hover {background-color: #d7df23; text-decoration: none;}

#relLink { text-decoration: none; color:#606060;}
#relLink:hover {text-decoration: none; color:#f26b40;}
#artLink { text-decoration: none; color: #606060;}
#artLink:hover { text-decoration: none; background-color:#d7df23; color: #000000; }
#medLink { text-decoration: none; color:#606060;}
#medLink:hover { text-decoration: none; color: #91278f; }
#misc { text-decoration: none; color:#606060;}
#misc:hover { text-decoration: none; color: #444444;}