/*

STYLE GUIDE:

Pink: #EC2079
Teal: #00A7A2
Red: #FF0000
Green: #8CC63F
Burnt Yellow: #C6A12A
Light Gray: #EDEDED
Darker Gray: #DDDDDD
Purple: #996699
Blue: #05B1C4
Brown: #615B52

*/

body {
	background: #EDEDED;
}

/* Layout */

.container {
	background: #FFF;
	font-family: Helvetica, Verdana, Arial;
	color: #555555;
	font-size: 14px;
	line-height: 20px;
	letter-spacing:1px;
}

#header {
	background: url('../images/global/header.png') no-repeat;
	width: 100%;
	height: 120px;
}

#header .logo {
	width:100%;
	height:100%;
	display: block;
	border:none;
	outline: none;
	text-indent: -5000px;
	cursor: pointer;
}

#menu {
	background: url('../images/global/menu_bg.png') no-repeat;
	width: 100%;
	height: 38px;
	padding-left:33px;
}

#content {
	margin-top:-4px;
	padding-top:50px;
	background: url('../images/global/background.png') no-repeat;
	padding-bottom:50px;
}

#musicplayer {

}

#footer {
	font-size: 10px;
	text-align:right;
	height: 50px;
	background: url('../images/global/menu_bg.png') no-repeat;
}

#footer  .copyright {
	color: #FFF;
	padding-right:20px;
	padding-top: 3px;
}

#footer  .kilo {
	padding-top:3px;
	margin-bottom:-8px;
}

.sidebar {
	padding-top:45px;
}


/* UI */

.pink {
	color: #f12a99;
} 

.teal {
	color: #00A7A2;
}

.red {
	color: #FF0000;
}

.green {
	color: #8CC63F;
}

.gray {
	color: #DDDDDD;
}

.purple {
	color: #996699;
}

.blue {
	color: #05B1C4;
}

.burntyellow {
	color: #C6A12A;
}

.brown {
	color: #615B52;
}

h1 {
	font-weight: bold;
}

h2 {
	font-weight: bold;
}

h3 {
	font-weight: bold;
}

h4 {
	font-weight: bold;	
}

a, a:active, a:visited {
	color: #00A7A2;
	text-decoration: none;
}

a:hover {
	color: #f12a99;
}

#footer a, #footer a:active, #footer a:visited {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: #C6A12A;
}

/* Menu */

#menu .menu_item {
	color: #FFF;
	width:165px;
	height: 32px;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	font-style:italic;
	padding-top:10px;
	display: block;
	float: left;
	border:none;
	outline: none;
	cursor: pointer;
	overflow: hidden;
}

#menu .menu_item:hover {
	color: #000;
}

#menu .home {
	width:170px;
	background: url('../images/global/menu_teal.png');
}

#menu .charts {
	background: url('../images/global/menu_purple.png');
}

#menu .news {
	background: url('../images/global/menu_pink.png');
}

#menu .about {
	background: url('../images/global/menu_burntyellow.png');
}

#menu .musicshrink {
	background: url('../images/global/menu_blue.png');
	width:220px;
}

/* News */

#news {
	margin-top:15px;
}

#news .title {
	font-size: 18px;
	line-height: 18px;
	margin-bottom:15px;
	text-transform: uppercase;
}

#news .entry {
	margin-bottom:15px;
}

/* Charts */

#rankings .small_charts {
	font-size: 12px;
	line-height: 14px;
	font-color: #DDDDDD;
}

#rankings .title {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

#rankings ul li {
	list-style:none;
	margin-bottom: 10px;
	margin-left:-18px;
}

/* Band Descriptions */

.tags {
	color: #CCC;
	font-style: italic;
	font-size: 12px;
	line-height: 12px;
	margin-left:5px;
	margin-bottom: 8px;
}

.band {
	margin-bottom:10px;
}

.band_descriptions .title {
	font-size: 14px;
	line-height: 18px;
	color: #00A7A2;
}

.band_descriptions .info {
	font-size: 12px;
	line-height: 16px;
}



/* Useful Classes */

.centered {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.img_right {
	margin:2px 0px 2px 20px;
	float: right;
}

.img_left {
	margin:2px 20px 2px 0px;
	float: left;
}

.clear_float {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

object {
	outline: none;
}