@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Justin Beiber Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jb_main.css
	Date:			Jul 30, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("jb_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#999999;
		background:#090b0a;
		padding:0 0 95px 0;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}

	#main {
		width:864px;
		margin:0 auto;
	}
	a {
		text-decoration:none;
		color:#c8c8c8;
	}
		a:hover {
			color:#fff;
			text-decoration:underline;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	main styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#toolbar {
		width:864px; height:30px;
		margin:10px auto;
		background-color:#090b0a;
	}
	ul#toolbar li {
		float:right;
	}
	#ad {
		width:864px;
		margin:0 auto;
		text-align:center;
	}
	ul#labels {
		padding:40px 0 0 0;
		text-align:center;
	}
		ul#labels li {
			display:inline;
		}
			ul#labels li.cash {
				margin:0 35px 0 0;
			}
	h1#h1Logo {
		height:280px;
		margin:5px 0 0 0;
		background:url(../images/logo_ym.jpg) top center no-repeat;
	}
	h2#h2Album  a{
		display:block;
		height:189px;
		margin:20px 0 0 0;
		background:url(../images/h2_album.jpg) top center no-repeat;
	}
	
	a.btnMyspace {
		width:371px; height:33px;
		display:block;
		background:url(../images/btn_myspace.gif) top left no-repeat;
		margin:20px auto 0 auto;
	}
	
	#mainBox, #mailingForm {
		margin:20px 80px 0 80px; padding:20px 15px;
		background:#262727;
		border-top:1px solid #383b3b;
		border-bottom:1px solid #000;
	}
	#miniCol {
		width:155px;
		float:left;
	}
	#vidCol {
		width:487px;
		float:right;
		padding:20px 0 0 0;
	}
	#vidCol h3 a {
		color:#fff;
		font-size:13px;
		text-transform:uppercase;
	}
		#vidCol h3 a:hover {
			color:#999;
			text-decoration:none;
		}
		#vidCol h3 a img {
			display:block;
			border:3px solid #000;
		}
			#vidCol h3 a:hover img {
				border-color:#fff;
			}
	ul.btns {
		font-size:0;
		padding:0 0 10px 0;
	}
		ul.btns li {
			margin:0; padding:0;
			display:inline;
		}
	#mailingForm h3 {
		font-size:12px;
		color:#fff;
		text-transform:uppercase;
	}
		#mailingForm form {
			padding:10px 0 0 0;
		}
	
	form #leftcol {
		width:295px;
		margin:0 30px 0 0;
		float:left;
	}
	form #rightcol {
		width:250px;
		float:left;
	}
		#mailingForm form label {
			display:block;
			padding:0 0 3px 0;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
		}
	#mailingForm form input.inputEmail, #mailingForm form input.inputZipcode {
		display:block;
		width:250px; height:20px;
		margin:0 0 15px 0;
		border:0;
	}
	#mailingForm form select {
		height:20px;
		border:0;
	}
	#mailingForm form input.submit {
		display:block;
		margin:15px 0 0 0; padding:5px;
		background:#000;
		border-color:#666;
		color:#fff;
		font-weight:bold;
	}
	
	
	#footer {
		padding:50px 0 0 0;
		font-size:10px;
		color:#666;
		text-align:center;
	}
		#footer a {
			color:#666;
		}