body
{
	background-color: black;
	text-align: center;
	color: white;
}
img 
{ 
	border-style: none; 
}
a, a:visited
{
	color: #1aa2cc;
}
/***************************** CONTAINER*****************/
#container
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	width: 1155px;
	height: 802px;
	top: 15px;
}
html #container
{
}
	/************************* SITE ***************************/
	#site
	{
		background: url("images/background.png");
		width: 1155px;
		height: 752px;
	}
	html #site
	{
	}
		/**************************** AD **************************/
		#ad
		{
			position: absolute;
			overflow: hidden;
			left: 10px;
			top: 10px;
			border: 1px ridge white;
			width: 540px;
			height: 80px;
		}
		/**************************** BANNER ********************/
		#banner
		{
			position: absolute;
			right: 10px;
			top: 10px;
			width: 317px;
			height: 60px;
			background: url("images/sfm_logo.png");
		}
		/****************************** TOP NAV ******************/
		#topnav
		{
			position: absolute;
			top: 71px;
			right: 27px;
			width: 580px;
			height: 40px;
			text-align: right;
		}
			#topnav span
			{
				font: 22px verdana, non-serif;
				text-decoration: none;
				padding-left: 5px;
			}
			#topnav span:hover
			{
				cursor: pointer;
				color: #1aa2cc;
			}
		/***************************** SIDE NAV ******************/
		#sidenav
		{
			position: absolute;
			left: 27px;
			top: 120px;
			border: 1px ridge white;
			width: 445px;
			height: 600px;
		}
			.sidelink
			{
				display: block;
				border: 1px ridge white;
				height: 65px;
				font: 18px "arial black", sans-serif;
				text-shadow: black 3px 3px 1px;
				padding-top: 20px;
				padding-left: 10px;
				text-align: left;
			}
			.sidelink:hover
			{
				cursor: pointer;
				color: #1aa2cc;
			}
			#yellow
			{
				background: url("images/yellow_bg.png") no-repeat top right;
			}
			#green
			{
				background: url("images/green_bg.png") no-repeat center;
			}
			#pink
			{
				background: url("images/pink_bg.png") no-repeat center;
			}
			#red
			{
				background: url("images/red_bg.png") no-repeat right;
			}
			#blue
			{
				background: url("images/blue_bg.png") no-repeat center;
			}
			.connect
			{
				position: relative;
				display: block;
				height: 165px;
			}
			#facebook
			{
				position: absolute;
				top: 10px;
				left: 20px;
				width: 200px;
				height: 65px;
			}
			#facebook:hover{ cursor: pointer; }
			#myspace
			{
				position: absolute;
				top: 10px;
				right: 20px;
				width: 200px;
				height: 65px;
			}
			#myspace:hover{ cursor: pointer; }
			#twitter
			{
				position: absolute;
				bottom: 10px;
				left: 20px;
				width: 200px;
				height: 65px;
			}
			#twitter:hover{ cursor: pointer; }
			#youtube
			{
				position: absolute;
				bottom: 10px;
				right: 20px;
				width: 200px;
				height: 65x;
			}
			#youtube:hover{ cursor: pointer; }
		/**************************** GALLERY  ****************/
		#gallery
		{
			position: absolute;
			top: 120px;
			right: 27px;
			height: 190px;
			width: 645px;
			border: 1px ridge white;
			background: url("images/banners/0.png");
			background-repeat: no-repeat;
			background-position: center;
		}
			#previous
			{
				position: absolute;
				top: 95px;
				left: 10px;
				cursor: pointer;
				font: 20px verdana, sans-serif;
				font-weight: bold;
				text-shadow: black 3px 3px 1px;
			}
			#next
			{
				position: absolute;
				top: 95px;
				right: 10px;
				cursor: pointer;
				font: 20px verdana, sans-serif;
				font-weight: bold;
				text-shadow: black 3px 3px 1px;
			}
			#previous:hover, #next:hover
			{
				color: #1aa2cc;
			}
			
		/***************************** CONTENT *******************/
		#content
		{
			position: absolute;
			top: 320px;
			right: 27px;
			border: 1px ridge white;
			width: 645px;
			height: 400px;
		}
			/******************************** NEWS POSTS **************************************/
			.newspost
			{
				display: block;
				height: 170px;
				padding: 10px;
				text-align: left;
				overflow: hidden;
				word-wrap: break-word;
			}
			.title
			{
				font: 15px "arial black", sans-serif;
				color: #1aa2cc;
			}
			.category
			{
				font: 10px verdana, sans-serif;
			}
				.category a
				{
					color: #12ceba;
					text-decoration: none;
				}
			.author
			{
				font: 10px verdana, sans-serif;
			}
			.excerpt
			{
				font: 11px verdana, sans-serif;
			}
			.prevnext
			{
				font: 15px verdana, sans-serif;
				font-weight: bold;
				position: absolute;
				right: 10px;
				bottom: 5px;
				text-align: right;
				color: #1aa2cc;
			}
			.prevnext strong
			{
				padding-left: 30px;
			}
			.prevnext strong:hover
			{
				cursor: pointer;
			}
	/******************************* FOOTER ******************/
	#footer
	{
		position: relative;
	}
		/************************************************** COPYRIGHT **************************/
		#copyright
		{
			position: absolute;
			left: 10px;
			top: 10px;
			font: 10px verdana, non-serif;
			color: white;
		}
		/************************************************** BOTTOM NAV ************************/
		#bottomnav
		{
			position: absolute;
			right: 10px;
			top: 10px;
			text-align: right;
		}
			#bottomnav span
			{
				font: 12px verdana, non-serif;
				padding: 5px;
				color: white;
			}
			#bottomnav span:hover
			{
				cursor: pointer;
				color: #1aa2cc;
			}
			
	/**************************MINI POP-UPS ****************/
	.mini-popup
	{
		visibility: hidden;
		position: absolute;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		border: 1px ridge white;
		background: #080808;
		top: 66px;
		width: 620px;
		height: 620px;
		overflow: auto;
		text-align: left;
		font: 11px verdana, sans-serif;
		padding: 10px;
	}
	.mini-popup h1
	{
		text-align: center;
	}
	/*************************** POP-UPS *********************/
	.popup
	{
		position: absolute;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		visibility: hidden;
		border: 1px ridge white;
		background: #080808;
		width: 920px;
		height: 620px;
		text-align: left;
		font: 11px verdana, sans-serif;
		padding: 10px;
		overflow: auto;
		top: 66px;
	}
	.popup h1
	{
		text-align: center;
	}
	.close
	{
		position: absolute;
		top: 5px;
		right: 5px;
		font: 15px verdana, sans-serif;
	}
	.close:hover
	{
		cursor: pointer;
		color: red;
	}
	
	/**************** LISTEN POPUP ***********/
	div.listen-trance, div.listen-house, div.listen-electronic, div.listen-mix
	{
		width: 800px;
		margin: auto;
	}
	p.thestuff
	{
		float: left;
		width: 190px;
		height: 75px;
		margin-left: 40px;
		text-align: right;
	}
	p.trance, p.house, p.electronic, p.inthemix
	{
		float: right;
		height: 75px;
		width: 500px;
		margin-right: 50px;
		color: grey;
	}

	a.trance, a.house, a.electronic, a.inthemix
	{
		font-size: 30px;
	}

	a.trance
	{
		color: #fe1bd7;
	}

	a.house
	{
		color: #03e3fa;
	}

	a.electronic
	{
		color: #fde508;
	}

	a.inthemix
	{
		color: #00ff00;
	}
	div.loginlogo
	{
		margin: auto;
		height: 173px;
		width: 557px;
		background: url("./images/logo.png");
	}
	/***********************************************/
	/********Listen.php***************************/
	#listenbox
	{
		position: absolute;
		left: 50%;
		width:380px;
		margin-left: -190px;
	}
	#logo
	{
		position: relative;
		display: block;
		width: 380px;
		height: 140px;
		background: url("./images/listen/sfm_logo_listen.png");
	}
	#player
	{
		display: block;
		height: 30px;
		width: 340px;
		margin: 0 auto;
	}
	#images
	{
		width: 360px;
		margin: 0 auto;
	}
	#images img
	{
		border: 5px solid #1b1b1b;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	#tag
	{
		position: absolute;
		font: 36px verdana, sans-serif;
		right: 10px;
		top: 5px;
	}
	#selector
	{
		display: block;
		width: 360px;
		height: 50px;
		background: #1b1b1b;
		margin: 0 auto;
	}
	#selector a
	{
		padding-left: 10px;
		font: 15px "arial black", sans-serif;
		text-decoration: none;
	}
	#select-trance
	{
		color: #fe1bd7;
	}
	#select-house
	{
		color: #03e3fa;
	}
	#select-mix
	{
		color: #00ff00;
	}
	#select-electronic
	{
		color: #fde508;
	}