/* Fully developed by: Pixelbox.ca
----------------------------------------------- */


/* Structure
----------------------------------------------- */
	html {
		height: 100%;
		margin-bottom: 1px;
		}

	body {
		padding: 0;
		margin: 0;
		font: 75% "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		background: black;
		}

	#container {
		margin: 0 auto;
		width: 953px;
		}
		
	a img {
		border: none;
		background: none;
		}


/* Top Navigation
----------------------------------------------- */
	#topNav {
		background: url(/images/headerBg.png) repeat-y top left;
		margin-top: 20px;
		height: 100%;
		text-align: right;
		}

	#topNav ul {
		margin: 0;
		padding: 20px 0;
		}

	#topNav li {
		list-style: none;
		display: inline;
		padding: 0 20px;
		}

	#topNav ul li a {
		padding: 8px 0 8px 35px;
		color: #ccc;
		text-decoration: none;
		font-size: 120%;
		font-weight: bold;
		background: url(/images/musicIcon.png) no-repeat center left;
		}

	#topNav ul li a.movies {
		background: url(/images/moviesIcon.png) no-repeat center left;
		}

	#topNav ul li a.tvshows {
		background: url(/images/tvshowIcon.png) no-repeat center left;
		}

	#topNav ul li a.musicvideos {
		background: url(/images/musicvideosIcon.png) no-repeat center left;
		}

	#topNav ul li a:hover {
		text-decoration: underline;
		}


/* Center Navigation
----------------------------------------------- */
	#centerNav {
		border-left: 1px solid #3B3C3D;
		border-right: 1px solid #3B3C3D;
		margin: 0;
		padding: 20px 0 0;
		background: black;
		height: 77px;
		}

	#centerNav ul {
		list-style: none;
		margin: 0;
		padding: 10px 0 0;
		}

	#centerNav ul li {
		width: 121px;
		height: 45px;
		float: left;
		padding: 0 10px;
		}

	#centerNav ul li.login {
		width: 132px;
		}

	#centerNav ul li.advertisement {
		width: 196px;
		height: 82px;
		}

	#centerNav ul li a {
		background: url(/images/register.png) no-repeat;
		display: block;
		height: 45px;
		letter-spacing : -1000em;
		text-indent: -1000em;
		}

	#centerNav ul li.login a {
		background: url(/images/login.png) no-repeat;
		}

	#centerNav ul li.advertisement a {
		background: url(/images/ipodad.png) no-repeat;
		}


/* Main Heading (H1)
----------------------------------------------- */
	h1 {
		margin:0 0 0 10px;
		padding: 0 150px 0 0;
		width: 487px;
		height: 63px;
		letter-spacing : -1000em;
		text-indent: -1000em;
		background: url(/images/h1.png) no-repeat;
		float: left;
		}

	h1 a {
		display: block;
		width: 487px;
		height: 63px;
		}


/* Lower Navigation
----------------------------------------------- */
	#lowerNav {
		margin: 0;
		padding: 5px 0 5px 0;
		background: #2E2F30;
		}

	#lowerNav .wrapper {
		float: left;
		margin: 0;
		padding: 0 30px 0 0;
		}

	#lowerNav ul {
		margin: 0 0 5px 10px;
		padding: 0;
		}

	#lowerNav ul li {
		float: left;
		list-style: none;
		color: #666;
		}

	#lowerNav ul li a {
		padding: 10px;
		color: #ccc;
		font-size: 120%;
		font-weight: bold;
		text-decoration: none;
		}

	#lowerNav ul li a:hover {
		color: white;
		}

/* Search Form
----------------------------------------------- */
	form.search {
		margin: 0;
		padding: 0;
		}

	.search input{
		height: 19px;
		width: 182px;
		margin: 4px 20px 0 0;
		padding: 3px 0 0 25px;
		font-size: 90%;
		background: url(/images/search.png) no-repeat;
		border: 0;
		}


/* Content
----------------------------------------------- */
	#content {
		background: white;
		margin: 0;
		padding: 0;
		clear: left;
		}


/* Column One (Far left)
----------------------------------------------- */
	#columnOne {
		width: 205px;
		background: white;
		float: left;
		}


/* Column Two (Center)
----------------------------------------------- */
	#columnTwo {
		width: 543px;
		background: white;
		float: left;
		}


/* Column Three (Far right)
----------------------------------------------- */
	#columnThree {
		width: 205px;
		background: white;
		float: left;
		}


/* User Section
----------------------------------------------- */
	.user {
		margin: 10px 0 0 8px;
		padding: 5px 5px 0;
		word-wrap: break-word;
		background: url(/images/userBg.png) no-repeat top left;
		}
	
	.user > ul {
		margin-left: 20px;
	}

	#columnThree > .user {
		border-top: 1px solid transparent;
	padding-top: 5px;
	padding-right: 5px;
}

	.user img {
		float: left;
		}

	.user p {
		margin: 0;
		font-size: 85%;
		padding-left: 50px;
		margin-right: 18px;
		padding-top: 5px;
		padding-right: 5px;
}

	.notYou {
		padding: 5px 5px 0 0;
		text-align: right;
		}

	.user p a {
		font-weight: bold;
		color: black;
		}

	.user p a:hover {
		text-decoration: none;
		}

	.userBottom {
		clear: both;
		background: url(/images/userBottom.png) no-repeat top left;
		height: 7px;
		margin: 0 0 0 8px;
		padding: 0;
		}


/* Contribution Section
----------------------------------------------- */
	.cont {
		margin: 10px 0 0 8px;
		padding: 5px 8px 0;
		background: url(/images/contBg.png) no-repeat top left;
		}

	.cont p a {
		color: black;
		}

	.cont p a:hover {
		text-decoration: none;
		}

	.cont h3 {
		margin: 0;
		padding: 0;
		font-size: 110%;
		}

	.cont p {
		margin: 0 18px 0 0;
		padding: 8px 0 0;
		
		}

	.contBottom {
		background: url(/images/contBottom.png) no-repeat top left;
		height: 7px;
		margin: 0 0 0 8px;
		padding: 0;
		}


/* Footer
----------------------------------------------- */
	#footer {
		background: black url(/images/footerBg.png) no-repeat top left;
		margin: 0; 
		padding: 0;
		text-align: center;
		}

	#container > #footer {
		margin-top: -12px;
		}

	#footer p {
		margin: 0;
		padding: 20px 0 5px 0;
		color: #999;
		}

	#container > #footer p {
		padding: 40px 0 10px 0;
		}

	#footer p a {
		color: #999;
		}

	#footer p a:hover {
		text-decoration: none;
		}