body {
	background: #000 url(images/bg.jpg) top center no-repeat;
	font: 11px/14px Arial, Helvetica, Sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}
	img { border: 0; }
	.clearfix { overflow: hidden; width: 100%; }

	div.wrapper {
		position: relative;
		width: 820px;
		margin: 0 auto;

	}
	
	#logo {
		position: absolute;
		right: 0; 
		top: 10px;
	}
	
	#menu, #footer {
		background: url(images/gradient.png) repeat-x;
	}
	#menu { margin-top: 200px; height: 45px; }
	#menu ul, #footer ul { list-style: none; padding: 0; margin: 0; }
	#menu ul li { float: left; position: relative; font-size: 14px;}
	#menu ul li a {
		display: block;
		padding: 15px 10px;
		color: #fff;
		text-decoration: none;
		text-shadow: 1px 1px 1px #c482e0; 
	}
	#menu ul li a:hover, #menu ul li.current a { color: #ff3; }
	#menu ul li ul { 
		display: none;
		position: absolute;
		left: 0;
		top: 40px; 
		width: 200px;
	}
	#menu ul li ul li { float: none; position: static; font-size: 12px; }
	#menu ul li ul li a { padding: 5px; }

	
	#container {
		background: transparent url(images/purple.png);
		padding: 30px 20px;
	}
	
	#content {
		width: 500px;
		float: left; 
		padding-right: 20px;
		border-right: 1px solid #c482e0;
	}
	
	#sidebar {
		padding-left: 20px;
		border-left: 1px solid #c482e0;
		width: 279px;
		float: right;
		margin-left: -1px;
	}
	
	ul.gallery { list-style: none; padding: 0; margin: 0; }
	ul.gallery li { float: left; margin: 5px; }
	ul.gallery li img { display: block; padding: 2px; border: 1px solid #c482e0; }
	
	#footer { padding-top: 15px; height: 30px; }
	#footer ul li { display: inline; margin-right: 5px; }
	
	h2, h3 { color: #ff3; font-size: 12px; font-weight: bold; padding: 5px 0; margin: 0; }
	h3 { font-size: 11px; }
	
	a:link, a:visited, a:active { color:  #eee; }
	a:hover { color: #ff3; }