/*------------------------------------------
Coding           : xHTML / CSS
Coder            : Sam Gordon
Comapny Website  : http://Pixale.net
Personal Website : http://sammieservices.net
------------------------------------------*/

/*------------------------------------------
Global Attributes
------------------------------------------*/

	* {
		margin:0;
		padding:0
	}

	html,
	body {
		background: url(../images/backgroundnew.jpg) top center fixed repeat-x;
		margin:0;
		padding:0;
		height:100%;
		background-color: #000;
		font-family:Verdana;
		font-size:12px
	}

		a:link img, a:active img, a:visited img, a:hover img {
			border: 0px 
		}

		a:hover, a:active, a:focus, a:active{
			outline: none
		}

		a:link, a:visited, a:active {
			color:#ede09c;
			text-decoration:underline
		}

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

	.left {
		float:left
	}

	.right {
		float:right
	}

	h1, h2, h3, h4, h5, h6, span, p, ul, li {
		margin:0;
		padding:0;
		font-weight:normal
	}

	h3 {
		color:#dd003f;
	}

	#container {
  		min-height:100%;
		position:relative;
	}

	#wrapper {
		width:959px;
		/*width:1000px;*/
		height:auto;
		margin:0 auto
	}

/*------------------------------------------
Header Attributes
------------------------------------------*/

#header {
	width:1100px;
	height:152px;
}

	#header h1 {
		background: url(../images/logo.png) no-repeat;
		width:370px;
		height:152px;
		float:left;
		text-indent: -10000px;
	}
	
		.navigation {
		width:696px;
		height:67px;
		float:right;		
		margin:40px 32px 0 0;		
	}
/*
	.navigation {
		width:552px;
		height:67px;
		float:right;
		position: relative;
		margin:40px 16px 0 0;
		border-style:solid;
		border-width:1px;
	}*/


		.navigation ul {
			list-style:none
			}

		.navigation ul li {
			display:inline;
			text-indent: -10000px
		}

			.item1 a, .item2 a, .item3 a, .item4 a, .item5 a, .item6 a, .item7 a,
			.item1 a:hover, .item2 a:hover, .item3 a:hover, .item4 a:hover, .item5 a:hover, .item6 a:hover, .item7 a:hover {
				background: url(../images/navigation.png) no-repeat;
				height:67px;
				float:left
			} 

			.item1 a,
			.item1 a:hover {
				width:47px
			}

				.item1 a:hover {
					background-position: 0 -67px
				}

			.item2 a,
			.item2 a:hover {
				width:36px;
				background-position: -50px 0
			}

				.item2 a:hover {
					background-position: -50px -67px
				}

			.item3 a,
			.item3 a:hover {
				width:77px;
				background-position: -89px 0
			}

				.item3 a:hover {
					background-position: -89px -67px
				}

			.item4 a,
			.item4 a:hover {
				width:78px;
				background-position: -169px 0
			}

				.item4 a:hover {
					background-position: -169px -67px
				}

			.item5 a,
			.item5 a:hover {
				width:82px;
				background-position: -250px 0
			}

				.item5 a:hover {
					background-position: -250px -67px
				}

			.item6 a,
			.item6 a:hover {
				width:85px;
				background-position: -335px 0
			}

				.item6 a:hover {
					background-position: -335px -67px
				}

			.item7 a,
			.item7 a:hover {
				width:90px;
				background-position: -423px 0
			}

				.item7 a:hover {
					background-position: -423px -67px
				}
				
			/* Chex Added - Events */
			.item8 a {
				background: url(../images/events_navigation.png) no-repeat;
				height:67px;
				float:left;
				width:70px;
				background-position: 0px 4px
			} 

						
			.item8 a:hover {
				background: url(../images/events_navigation_alt.png) no-repeat;
				height:67px;
				float:left;
				width:70px;
				background-position: 0px -6px
			}
			/* End Chex Added - Events */

/*------------------------------------------
Banner Attributes
------------------------------------------*/

#banner {
	width:100%;
	height:230px;
}

	#banner_inner {
		background: url(../images/banner.png) no-repeat;
		width:880px;
		height:230px;
		margin:0 auto;
		overflow:hidden;
	}

		.banner_live a,
		.banner_live a:hover {
			width:291px;
			height:105px;
			float:right;
			margin:58px 31px 0 0;
			text-indent: -10000px
		}

/*------------------------------------------
Content Attributes
------------------------------------------*/

/*
	Chex Added For Pics	
*/
	#content_2 {
	width:959px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:42px 0 129px 0;;
	overflow:hidden
}
/*
	End Chex Addition For Pics
*/

#content {
	background: url(../images/content.png) no-repeat;
	width:959px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	padding:42px 0 129px 0;;
	overflow:hidden
}

	#content .left {
		width:516px;
		margin: 0 0 0 38px
	}

		#content .left h2,
		#content .right h2 {
			width:100%;
			text-indent: -10000px
		}

			.heading_welcome {
				background: url(../images/heading_welcome.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}
			
			.heading_events {
				background:  url(../images/heading_welcome.png) no-repeat;
				height: 58px;
				margin: 0 0 22px 0
			}

			.heading_djs {
				background: url(../images/heading_djs.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_sponsors {
				background: url(../images/heading_sponsors.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_community {
				background: url(../images/heading_community.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_downloads {
				background: url(../images/heading_downloads.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_schedule {
				background: url(../images/heading_schedule.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_listen {
				background: url(../images/heading_listen.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_news2 {
				background: url(../images/heading_news2.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_contact {
				background: url(../images/heading_contact.png) no-repeat;
				height:58px;
				margin:0 0 22px 0
			}

			.heading_news {
				background: url(../images/heading_news.png) no-repeat;
				height:58px;
				margin:37px 0 22px 0
			}

			.heading_spinning {
				background: url(../images/heading_spinning.png) no-repeat;
				height:58px;
			}

			.heading_involved {
				background: url(../images/heading_involved.png) no-repeat;
				height:61px;
				margin:0 0 19px
			}
			
			/*
				Events Section
			*/
			.heading_events_upcomming {
				background: url(../images/heading_upcoming_events.png) no-repeat;
				height:61px;
				margin:0 0 19px
			}
			.heading_events_next {
				background: url(../images/heading_next_event.png) no-repeat;
				height:61px;				
				width:70px;
				/*background-position: -35px 0px;*/
				margin:0 0 19px
			}
				/* Added by chex for the index.html */
					.nextevent {
						/*background: url(../images/ustreammod.png) no-repeat;*/
						background-position: 42px 0;
						width: 100%;
						height: 68px;
					}
						.nextevent {
							margin: 0 0 23px;
						}
						
						.nextevent p {
							padding: 28px 0 0 124px;
							font-size: 12px
						}
						
						.nextevent a,
						.nextevent:hover {
							font-weight:bold;
							color:#ff0049;
							text-decoration:none				
						}
			.heading_events_past {
				background: url(../images/heading_past_events.png) no-repeat;
				height:61px;
				margin:0 0 19px
			}
			/*
			
			*/

		#content .left img {
			float:left;
			padding:0 24px 5px 0;
			margin:1px 0 0 3px
		}

		#content .left p {
			color:#fff;
			font-size:12px;
			padding:0 0 0 3px
		}

		.news_title {
			color:#ede09c;
			font-weight:bold
		}

		.pink {
			color:#ff0049
		}

	#content .right {
		width:348px;
	}

		.spinning_wrap {
			width:303px;
			height:78px;
			margin:39px 0 53px
		}

			.spinning_wrap p {
				color:#fff;
				font-size:12px;
				text-align:right
			}

				.spinning_wrap p span {
					font-weight:bold;
					color:#ede09c
				}

			.spinning_top {
				height:44px;
			}

				.spinning_top-left {
					width:200px;
					float:left
				}

					.spinning_top-left ul {
						list-style:none;
						margin:0 0 0 4px
					}

					.spinning_top-left ul li {
						display:inline;
						text-indent: -10000px
					}

					.stream1 a,
					.stream1 a:hover,
					.stream2 a,
					.stream2 a:hover,
					.stream3 a,
					.stream3 a:hover,
					.stream4 a,
					.stream4 a:hover {
						background: url(../images/streams.png) no-repeat;
					}

					.stream1 a {
						width:35px;
						height:35px;
						float:left;
						margin:2px 8px 0 0
					}

						.stream1 a:hover {
							background-position:0 -35px
						}

					.stream2 a {
						background-position: -35px 0;
						width:40px;
						height:39px;
						float:left;
					}

						.stream2 a:hover {
							background-position: -35px -39px
						}

					.stream3 a {
						background-position: -75px 0;
						width:35px;
						height:34px;
						float:left;
						margin:3px 11px 0
					}

						.stream3 a:hover {
							background-position: -75px -34px
						}

					.stream4 a {
						background-position: -110px 0;
						width:36px;
						height:34px;
						float:left;
						margin:3px 0 0
					}

						.stream4 a:hover {
							background-position: -110px -34px
						}

				.spinning_top-right {
					width:75px;
					float:right;
					padding:1px 0 0
				}

		.facebook,
		.twitter {
			background: url(../images/involved_logo.png) no-repeat;			
			width:100%;
			height:68px;	
		}

			.facebook {
				margin:0 0 23px
			}

			.twitter {
				background-position: 0 -68px;
				margin:0 0 16px
			}

		.facebook p,
		.twitter p {
			padding:28px 0 0 124px;
			font-size:12px
		}

			.facebook a,
			.facebook a:hover,
			.twitter a,
			.twitter a:hover {
				font-weight:bold;
				color:#ff0049;
				text-decoration:none
			}
		/*
		Added by ChexMixer for UStream - 4-17-11
		*/
		.ustream {
			background: url(../images/ustreammod.png) no-repeat;
			background-position: 42px 0;
			width: 100%;
			height: 68px;
		}
			.ustream {
				margin: 0 0 23px;
			}
			
			.ustream p {
				padding: 28px 0 0 124px;
				font-size: 12px
			}
			
			.ustream a,
			.ustream:hover {
				font-weight:bold;
				color:#ff0049;
				text-decoration:none				
			}
		/*
		End ChexMixer Edits
		*/
		.involved_extra {
			width:310px;
			height:auto
		}

			.involved_extra p {
				font-size:12px;
				color:#ff0049;
				text-align:center
			}

/*------------------------------------------
Footer Attributes
------------------------------------------*/

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	background: url(../images/footer.png) repeat-x;
	width:100%;
	height:129px
}

	#footer_inner {
		background: url(../images/footer_inner.png) no-repeat;
		width:959px;
		height:129px;
		margin:0 auto
	}

		#footer_inner p {
			color:#69c4e2;
			font-size:10px;
			padding:76px 0 0 44px
		}

		#footer_inner span {
			color:#ff0049
		}

		#footer_inner a,
		#footer_inner a:hover {
			color:#ff0049;
			text-decoration:underline
		}
		
/*------------------------------------------
	Tweeter Attributes
------------------------------------------*/
		/*Added div section for twitter*/		
		#twitter_div {
			position: relative;
			/*top: -20px;*/
		}
		
		#twitter_div ul li {
			/*color: #4587c9;*/
			/*color: #ff0049;*/
			color: #ffffff;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-style: dashed;
			border-bottom-color: #ffffff;			
			font-size: 13px;
			font-family:Arial;				
		}
		 
		#twitter_div ul li a {
			text-decoration: none;
			color: #ede09c;
		}
		 
		#twitter_div ul li a:hover {
			text-decoration: none;
			color: #ede09c;
		}				

		#twitter_div ul li span {
			visibility: visible;
			font-weight: bold;
		}
		 
		#twitter_div ul li span a {
			color: #ede09c;			
			visibility: visible;
			font-weight: normal;
		}
		 
		/* Edit the time stamp */
		#twitter_div ul li a {
			color: #ede09c;
			/*visibility: hidden;*/
		}
		
		/* Follow UKast */
		#twitter_div p {
			text-align: right;
			padding-right: 6px;
			padding-bottom: 0px;			
			margin-bottom: 6px;
		}
		#twitter_div p a{
			color: #ede09c;
			font-size: 12px;			
		}
		#twitter_div p a:hover{
			color: #ede09c;
		}
		
		/*End Twitter*/
		/*End Twitter*/
		/*End Twitter*/