@charset "utf-8";
	
	/*
	 * Resets
	 */
	 	
	html, body { margin: 0; padding: 0; height: 100%; }
	html { overflow-y: scroll; }
	
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite,
	code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var,
	dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption,
	tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
		margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; outline: 0;
	}
	
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }
	
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section { 
	    display: block;
	}
	
	button, input, textarea { font: 13px/1.231 sans-serif; *font-size: small; }
	
	a { color: #03C; }
	
	/*
	 * Fixes
	 */
	 
	/* For modern browsers */
	.cf:before, .cf:after { content: ""; display: table; }
	.cf:after { clear:both; }
	/* For IE 6/7 (trigger hasLayout) */
	.cf { zoom: 1; }
	
	/*
	 * Body
	 */
	 
	body { background: #fff; font: 13px/1.231 sans-serif; *font-size: small; }
	
	/**
	 * Masthead
	 */
	
	#masthead-container { background: #fff; border-bottom: 1px solid #f3f3f3; }
	#masthead { width: 970px; margin: 0 auto; }
	
	#masthead-search { zoom: 1; overflow: hidden; width: 640px; padding: 8px 0; }
	#masthead-search label { zoom:1; display: block; position: relative; overflow: hidden; height: 23px;
		   border-top: 1px solid #8c8c8c;
		 border-right: 1px solid #999;
		border-bottom: 1px solid #ccc;
		  border-left: 1px solid #8c8c8c;
	}
	#masthead-search input { width:100%; height: 23px; margin: 0; padding: 2px 4px 0; border: 2px solid #fff;
		   -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
	}
	#masthead-search button { zoom: 1; float: right; overflow: visible; height: 25px; padding: 0 0.5em; background: #f6f6f6; color: #000; white-space: nowrap; vertical-align: middle; cursor: pointer;  
		border: 1px solid #999;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		border-left: 0;
		   -webkit-border-top-left-radius: 0;
		-webkit-border-bottom-left-radius: 0;
		       -moz-border-radius-topleft: 0;
		    -moz-border-radius-bottomleft: 0;
		           border-top-left-radius: 0;
		        border-bottom-left-radius: 0;
	}
	#masthead-utility { float: right; margin: 13px 0 0 15px; text-align: right; }
	#masthead-utility a { padding: 0.1em 0.8em; border-left: 1px solid #ccc; }

	#content-container.lyrics { background: #000; }

	#watch-headline { width: 970px; margin: 0 auto; padding: 10px 0; }
	#watch-headline h1 { font-size: 1.8em; font-weight: bold; color: #000; }
	
	#watch-video { width: 970px; margin: 0 auto; }
	#watch-player { width: 640px; height: 390px; background: red; }
	
	#watch-main-container { background: #fff; }
	#watch-main { width: 970px; margin: 0 auto; }
	
	#watch-lyrics { float: left; width: 640px; padding-top: 10px; }
	#watch-lyrics p { font-size: 108%; line-height: 1.4; }
	
	#watch-sidebar { position: relative; float: right; width: 330px; margin-top: -390px; background: #fff; }
	
	#songs { width: 970px; margin: 0 auto; }


	
	#songlist { float: left; width: 640px; }
	#songlist header h4 { font-size: 108%; color: #666; margin: 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
	
	#songs-sidebar { float: right; width: 330px; }

	
	/**
	 * Browse
	 */
	 
	#browse-container { margin-top: 20px; border-top: 1px solid #f3f3f3; }
	#browse { width: 970px; margin: 0 auto; padding: 0 0 20px 0; }
	#browse .group { padding: 10px 0 0 0; }
	#browse .group p { float: left; padding: 0.1em 0.5em 0 0.1em; font-size: 108%; color: #666; }
	#browse .group ul li { float: left; font-size: 108%; }
	#browse .group ul li a { float: left; font-size: 108%; padding: 0.1em 0.5em; border-left: 1px solid #ccc; }
	
	/**
	 * Related songs
	 */
	
	#related-songs { margin-left: 20px; }
	#related-songs header h4 { font-size: 108%; color: #666; margin: 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
	#related-songs h2 { margin-bottom: 5px; }
	#related-songs h2 a { display: block; padding: 5px; }
	#related-songs h2 a .thumb { float: left; overflow: hidden; width: 96px; margin-right: 8px; padding: 4px; border: 1px solid #d3d3d3;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}
	#related-songs h2 a .thumb .clip { overflow: hidden; display: block; width: 96px; height: 54px; background: #d3d3d3; }
	#related-songs h2 a .title { font-size: 108%; }
	
	/**
	 * Latest searches
	 */

	#latest-searches { margin-left: 20px; }
	#latest-searches header h4 { font-size: 108%; color: #666; margin: 10px 0; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
	#latest-searches ul { padding: 5px; }
	#latest-searches li { font-size: 108%; display: inline; }
	
	

	
	@media screen and (max-width: 768px) {
	
		#masthead { width: 90%; }
		
		#masthead-search { width: auto; }
	
		#content-container { background: 0!important; }
		#watch-headline { width: 90%; }
		#watch-video { width: 90%; }
		#watch-player { display: none; }
		#watch-main { width: 90%; }
		
		#watch-lyrics { width: 100%; }
		#watch-sidebar { width: 100%; margin-top: 0; }
		
		#related-songs { margin-left: 0; }
		#latest-searches { margin-left: 0; }
		
		#browse { width: 90%; }
		
		#songs { width: 90%;  }		
		#songlist { width: 100%; }
		#songs-sidebar { width: 100%; }
		
	}