/*  STRUCTURE */
* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
}
img {
	display:block;
	border:0;
}
p {
	margin-bottom:10px;
}
hr {
	height:1px;
	width:100%;
	background-color:transparent;
	color:transparent;
	border:0;
	border-bottom:1px solid #cbcbcb;
	padding-top:10px;
	margin-bottom:10px;
	clear:both;
}
	.wrap {
		width:1002px;
		height:100%;
		margin:0 auto;
	}
	.top {
		width:100%;
		height:24px;
		clear:both;
		padding-top:10px;
	}
		.top strong {
			float:left;
			font-size:14px;
		}
		.top .topnavigation {
			float:right;
			color:#cbcbcb;
			font-size:12px;
		}
			.top .topnavigation a {
				color:#999999;
				text-decoration:none;
			}
			.top .topnavigation a:hover {
				color:#0099ff;
			}
			.top .topnavigation span {
				padding:0 15px;
			}

	.main {
		background-image:url(/ui/images/main-bg.gif);
		background-repeat:repeat-x;
		width:100%;
	}
	.content {
		width:742px;
		height:100%;
		float:left;
		padding-top:25px;
	}
		.content .logo {
			width:100%;
			height:90px;
		}
		.content .logo .arrowlink {
			float: right;
			margin-top: -30px;
		}
		.content .menu {
			width:100%;
			height:20px;
			margin-bottom:10px;
			font-size:14px;
			line-height:14px;
		}
			.content .menu ul{
				list-style-type:none;
			}
				.content .menu li{
					display:inline;
					padding-right:30px;
				}
					.content .menu li a{
						color:#999999;
						text-decoration:none;
						font-weight:bold;
						font-size:16px;
					}
					.content .menu li a:hover{
						color:#0099ff;
						text-decoration:none;
					}
					.content .menu li a.selected{
						color:#0099ff;
					}

		.content .holder {
			width:731px;
			min-height:100%;
			padding-right:10px;
			border-right:1px solid #cbcbcb;
		}
			.content .holder .full {
				width:731px;
				margin-bottom:10px;
				clear:both;
			}
			.content .holder .wide {
				width:460px;
				height:100%;
				float:left;
				padding-right:10px;
				border-right:1px solid #cbcbcb;
			}
			.content .holder .narrow {
				width:250px;
				height:100%;
				float:left;
				padding-left:10px;
			}
				.content .holder .box {
					width:100%;
					margin-bottom:10px;
				}

	.boxes {
		float:left;
		width:250px;
		height:100%;
		padding-left:10px;
		padding-top:25px;
	}
		.boxes .box {
			width:100%;
			margin-bottom:10px;
		}
			.boxes .box h2 {
				color:#999999;
				text-decoration:none;
				font-weight:bold;
				font-size:17px;
				margin-bottom:8px;
			}
			.boxes .box .login {
				border:0;
				padding:0;
				margin:0;
			}
				.boxes .box .login label {
					font-size:11px;
					color:#999999;
					letter-spacing:0;
				}
				.boxes .box .login .inputText {
					display:block;
					width:147px;
					height:16px;
					font-size:11px;
					border-top:1px solid #d2d2d2;
					border-right:1px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:1px solid #e7e7e7;
					color:#999999;
					margin-bottom:3px;
					padding:3px 0 0 10px;
				}

			.boxes .box .newsletter {
				border:0;
				padding:15px 0 0 15px;
				margin:0;
				background-image:url(/ui/images/box-newsletter-bg.gif);
				background-repeat:no-repeat;
				height:128px;
			}
				.boxes .box .newsletter h2 {
					color:#ffffff;
				}
				.boxes .box .newsletter .inputText {
					display:block;
					width:154px;
					height:16px;
					border:0;
					font-size:11px;
					color:#666666;
					margin-bottom:7px;
					padding:3px 0 0 4px;
				}
				.boxes .box .newsletter .arrowlink {
					margin:0;
				}
				.boxes .box .newsletter p {
					color:#ffffff;
				}

			.boxes .box .register {
				background-color:#339999;
				height:184px;
				background-image:url(/ui/images/box-register-bg.gif);
				background-repeat:no-repeat;
				position:relative;
			}
				.boxes .box .register .arrowlink {
					position:absolute;
					bottom:13px;
					left:13px;
				}
				.boxes .box .register .registerForm {
					border:0;
					background-color:#339999;
					background-image:url(/ui/images/box-registerform-bg.gif);
					background-repeat:no-repeat;
					height:284px;
					overflow:hidden;
					position:absolute;
					width:250px;
					display:none;
				}

			.comment {
				display:block;
				border:0;
				padding:5px;
				margin:20px 0 10px 0;
				border-bottom:1px solid #cbcbcb;
				background-color:#f3f3f3;
			}
				.comment label {
					font-size:11px;
					color:#999999;
					letter-spacing:0;
				}
				.comment input.inputText {
					display:block;
					width:449px;
					height:16px;
					font-size:11px;
					border-top:1px solid #d2d2d2;
					border-right:1px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:1px solid #e7e7e7;
					color:#999999;
					margin-bottom:3px;
					padding:3px 0 0 10px;
				}
				.comment textarea.inputText {
					display:block;
					width:449px;
					height:100px;
					font-size:11px;
					font-family:Arial;
					border-top:1px solid #d2d2d2;
					border-right:1px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:1px solid #e7e7e7;
					color:#999999;
					margin-bottom:3px;
					padding:3px 0 0 10px;
				}

			.memberForm {
				display:block;
				border:0;
				padding:5px;
				margin:20px 0 10px 0;
				border-bottom:1px solid #cbcbcb;
				background-color:#f3f3f3;
			}
				.memberForm label {
					font-size:11px;
					color:#999999;
					letter-spacing:0;
				}
				.memberForm input.inputText {
					display:block;
					width:449px;
					height:16px;
					font-size:11px;
					border-top:1px solid #d2d2d2;
					border-right:1px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:1px solid #e7e7e7;
					color:#999999;
					margin-bottom:3px;
					padding:3px 0 0 10px;
				}
				.memberForm textarea.inputText {
					display:block;
					width:449px;
					height:100px;
					font-size:11px;
					font-family:Arial;
					border-top:1px solid #d2d2d2;
					border-right:1px solid #f0f0f0;
					border-bottom:1px solid #f0f0f0;
					border-left:1px solid #e7e7e7;
					color:#999999;
					margin-bottom:3px;
					padding:3px 0 0 10px;
				}

.bottom {
	border-bottom:1px solid #999999;
	clear:both;
	margin:10px auto;
	width:1004px;
}
	.bottom span,
	.bottom a {
		display:block;
		padding:5px;
		font-size:12px;
		color:#666666;
		float:left;
	}
	.bottom a {
		float:right;
		text-decoration:none;
	}

/*  STRUCTURE */

/*  LOOK AND FEEL*/
.contentHolder .arrowlink {
	float:none;
}
.largeNews {
	border-bottom:1px solid #cbcbcb;
	padding-bottom:10px;
}
.full .articleimage {
	border:1px solid #cbcbcb;
	margin-bottom:5px;
}
.largeNews .articleimage {
	border:1px solid #cbcbcb;
	margin-bottom:5px;
}
h1 {
	color:#323232;
	font-size:24px;
	line-height:26px;
}
h2 {
	font-size:18px;
	font-weight:bold;
	color:#ff0000;
}
h4 {
	color:#999999;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-top:-5px;
}
h5 {
	color:#b1b1b1;
	font-size:14px;
	line-height:16px;
	text-transform:uppercase;
	margin-bottom:5px;
}
h6 {
	color:#666666;
	font-size:14px;
	line-height:12px;
	text-transform:uppercase;
}
address {
	font-style:normal;
	color:#999999;
	font-size:15px;
}
span.time {
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	font-size:15px;
	line-height:16px;
}
.pager {

}
	.pager span {
		color:#000000;
		padding-right:8px;
		font-size:12px;
	}
	.pager a {
		color:#0099ff;
		text-decoration:none;
		font-size:12px;
		padding-right:8px;
	}
	.pager a:hover {
		text-decoration:underline;
	}
	
.smallNews {
	border-bottom:1px solid #cbcbcb;
	padding-bottom:10px;
}
.smallNews .articleimage {
	border:1px solid #33342f;
	margin-bottom:5px;
	width:98px;
	height:98px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.smallNews h1 {
	font-size:20px;
}
.smallNews .contentHolder {
	width:350px;
	float:left;
}
.events {
	background-image:url(/ui/images/list-events-bg.gif);
	background-repeat:no-repeat;
	padding-top:86px;
}
.holder .narrow .events .item {
	padding:0 13px;
	border-bottom:1px solid #a4a4a4;
	margin-bottom:13px;
	padding-bottom:20px;
}
.holder .narrow .events .last {
	background-image:url(/ui/images/list-bottom-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	border-bottom:0;
	padding-bottom:25px;
}
.radio {
	background-image:url(/ui/images/list-bottom-bg.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:217px;
}
.music-clips .item {
	padding:0 13px;
	border-bottom:1px solid #a4a4a4;
	margin-bottom:13px;
	padding-bottom:20px;
}
.top-ten {
	background-image:url(/ui/images/list-topten-bg.gif);
	background-repeat:no-repeat;
	padding-top:53px;
}
	.top-ten ul {
		margin:0;
		padding:0;
		text-indent:0;
		list-style-type:none;
		background-image:url(/ui/images/list-bottom-bg.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		display:block;
		padding-bottom:8px;
	}
		.top-ten ul li {
			margin:0;
			padding:0;
			text-indent:0;
			color:#1287d4;
			height:23px;
			padding-top:4px;
			width:245px;
			margin-left:3px;
			display:block;
		}
		.top-ten ul .alt {
			background-color:#d9e8ec;
		}

.friend {
	border-bottom:1px solid #f1f1f1;
	padding:9px 0;
}
				a.arrowlink {
					display:block;
					float:left;
					text-decoration:none;
					font-weight:bold;
					font-size:17px;
					margin:8px 24px 0 3px;
				}
					a.arrowlink img {
						display:inline;
					}

				.arrowlink span {
					margin-left:3px;
				}
				.blue span {
					color:#0099ff;
				}
				.grey span {
					color:#999999;
				}
				.yellow span {
					color:#ffff00;
				}
				.orange span {
					color:#ff6600;
				}
				.red span {
					color:#ff0000;
				}
/*  LOOK AND FEEL*/

/* HACKS */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* HOLLY HACK \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* END HOLLY HACK */
/* HACKS */