@page_width: 800px;
@page_padding: 20px;
@internal_width: @page_width - @page_padding;

.rounded(@radius: 3px) {
    border-radius: @radius;
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
}

html, body, #background { height: 100%; }
body > #background { height: auto; min-height: 100%; }

body{
	background-color: #131313;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	color: #999999;
	padding: 0;
	height: 100%;
	margin: 0;
	font-family: Arial, "sans serif";
	font-size: 0.75em;
}

a{
	color: #CE0B0B;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

h2.image{
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	margin: 0;
	padding: 0 0 5px 0;
	height: 30px;
}

h2.padd{
	padding-bottom: 20px;
}

img.border{
	border: 5px solid #303030;
	padding: 1px;
}

#background{
	width: 100%;
	min-height: 100%;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	position: relative;
}

#footer{
	position: relative;
	height: 111px;
	width: 100%;
	text-align: center;
	clear: both;
	background-color: #0E0E0E;
	background-image: url(../images/footer-bg.gif);
	background-repeat: repeat-x;
	z-index: 10;
	margin-top: -111px;

	p{
		padding-top: 30px;
	}
	p.links{
		padding-top: 20px;
		word-spacing: 30px;
		a {
			display: inline-block;
			padding-left: 35px;
			font-weight: bold;
			color: #FFF;
			line-height: 35px;
			height: 35px;
			text-decoration: none;
			background-repeat: no-repeat;
			background-position: center left;
		}
		a:hover{
			text-decoration: underline;
		}
	}
}

#underLogo{
	background-image: url(../images/logo-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 207px;
	padding: 0;
	margin: 0;
	a {
		display: block;
		width: 486px;
		height: 139px;
		margin: 0 auto;
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
		background-position: top center;
		text-indent: -9999px;
	}
}

#content {
	width: 972px;
	margin: 0 auto;
}

#menu{
	width: 938px;
	height: 65px;
	margin: -45px 0 0 0;
	padding: 11px 17px 0 17px;
	background-image: url(../images/menu-bg.png);
	backgorund-repeat: no-repeat;
	z-index: 10;
	position: relative;
	li{
		background: none;
		display: block;
		float: left;
		padding: 15px 23px;
	}
	li.active{
		background-image: url(../images/menu-selected.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	a{
		display: block;
		height: 19px;
		background-repeat: none;
		background-position: 0 0;
		text-indent: -9999px;
	}
	a:hover{
		background-position: 0 19px;
	}
}

#slider{
	z-index: 0;
	height: 303px;
	padding-left: 4px;
	margin: -15px 0 0px 0;
	position: relative;
	background-image: url(../images/slider-shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 27px;
}
#slider.home{
	margin: -15px 0 -25px 0;
	padding-bottom: 0;
	background: none;
}

#breadcrumbs{
	padding: 0 0 20px 0;
	margin: -7px 0 0 0;
	color: #FFFFFF;
	font-size: 1.7em;
	span{
		color: #D32222;
	}
	a{
		color: #FFFFFF;
		text-decoration: none;
	}	
	a:hover{
		text-decoration: underline;
	}
	.home{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.5em;
	}
}

.bigbox{
	width: 964px;
	margin-left: 4px;
	background-image: url(../images/big-box-content.png);
	background-repeat: repeat-x;
	background-position: 0 40px;
	position: relative;

	.top{
		background-image: url(../images/big-box-top.png);
		background-repeat: no-repeat;
		padding-top: 39px;
	}
	
	.bottom{
		background-image: url(../images/big-box-bottom.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		padding-bottom: 10px;
		height: 350px;
	}

	.cols3{
		height: 350px;
	}
}

#upcoming{
	height: 285px;
	padding: 0;
	margin: 0;
	li{
		height: 87px;
		background-image: url(../images/horizontal-bg.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		clear: both;
		vertical-align: middle;
		div{
			display: table-cell;
			vertical-align: middle;
			height: 87px;
		}
		p{
			font-size: 1.25em;
		}
		p.date{
			display: block;
			float: left;
			height: 63px;
			width: 60px;
			padding: 24px 16px 0 0;
			margin: 0;
			background-image: url(../images/live-bg.png);
			background-repeat: no-repeat;
			background-position: left center;
			color: #151515;
			text-align: center;
			font-size: 1em;
			span{
				font-size: 1.7em;
				display: block;
			}
		}
		h3{
			font-size: 1.7em;
			color: #FFFFFF;
			padding-bottom: 3px;
		}
	}
	li.actual{
		p.date{
			background-image: url(../images/live-actual-bg.png);
			color: #FFFFFF;
		}
		h3{
			color: #CE0B0B;
		}
	}
	li.last{
		background: none;
	}
}

#musicList{
	color: #CE0B0B;
	dt,dd{
		height: 25px;
		line-height: 25px;
	}
	dt{
		padding-left: 25px;
		background-repeat: no-repeat;
		background-position: left center;
		background-image: url(../images/music-ico.gif);
		display: block;
		float: left;
		width: 165px;
		clear: left;
	}
}

#community{
	width: 280px;
	a{
		display: block;
		float: left;
		margin-right: 13px;
		margin-bottom: 15px;
	}
}

#latestVideo{
	padding-top: 5px;
	line-height: 25px;
	a{
		color: #999999;
	}
}

.gallery{
	word-spacing: 1.5em;
	text-align: center;
	img,span,a{
		vertical-align: top;
		margin-bottom: 1.5em;
	}
	span,a{
		display: inline-block;
		word-spacing: 0;
		img{
			margin: 5px 0;
		}
	}
	a{
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	strong{
		color: #FFFFFF;
		font-size: 1.1em;
	}
	strong.up{
		font-size: 1.6em;
	}
}

p.years{
	font-size: 1.5em;
	clear: both;
	padding-top: 15px;
	a{
		color: #999999;
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	a.active{
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: underline;
	}
}

.newspost{
	height: 275px;
	padding-top: 10px;
	.date{
		font-size: 0.9em;
		line-height: 25px;
	}
	h3{
		font-size: 1.7em;
		line-height: 1.1em;
		color: #FFFFFF;
		padding-bottom: 15px;
	}
	.text{
		line-height: 1.4em;
	}
}

.cols3{
	width:270px;
	float: left;
	padding: 0 25px;
}

.colSep{
	background-image: url(../images/cols-sep.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.spacer{
	clear: both;
	height: 141px;
	width: 100%;
}

a.bullet{
	padding-left: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/link-bullet.gif);	
}

a.backbullet{
	padding-left: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/link-back-bullet.gif);	
}

div.news {
	padding-bottom: 20px;
	font-size: 1em;
	line-height: 1.6em;
	img {
		float: left;
		margin-right: 20px;
	}
	a.bullet{
		white-space: nowrap;
	}
	.content{
		margin-left: 300px;
	}
	h3{
		font-size: 1.5em;
		color: #FFFFFF;
		font-weight: bold;
	}
}

.center{
	text-align: center;
}