/* 
ReMix:ThaSauce - OverClocked ReMix v4 Theme
by Douglas "Ramaniscence" Arley
*/

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("remix.thasauce.net") {
	html, body { margin: 0; padding: 0; height: 100% }

	body {
		margin: 0;
		padding: 0;
		background: #FFF url("http://ocrstyles.thasauce.net/sample-css/tpl_bg.jpg") top right repeat-x !important;
		color: #8C8995 !important;
		font: .8em Arial, Helvetica, sans-serif !important; 
		text-align: center;
	}

	a		{ color: #DF7500 !important; text-decoration: none !important; }
	a:hover { color: #DF7500 !important; text-decoration: underline !important; }

	#main-container {
		/* #3b3e45 */
		background: #FFF url("http://ocrstyles.thasauce.net/sample-css/tpl_bg.jpg") top right repeat-x !important;
		text-align: left;
		color: #8C8995 !important;
		margin: 0 auto 0 auto;
		padding: 0;
		width: 800px !important;
		position: relative;
		top: 0;
	/* 	top: -20px;	*/
		min-height: 100%; /* For Modern Browsers  */
		height: auto !important; /* For Modern Browsers */
		height: 100%; /* For IE */
	}


	/* Header Stuff */
/*
	#page-header {
		background: url("img/header.jpg");
		padding: 0px;
		top: 0px;
		height: 149px;
		position: relative;
	}
*/

	#page-header { 
		background: transparent url("http://ocrstyles.thasauce.net/sample-css/tpl_header_bg.jpg") no-repeat !important;
		top: 4px !important;
		height: 120px !important;
		position: relative !important;
		width: 572px !important;
		margin: 0 auto 0 auto !important;
	}

		#page-header h1 { height: 106px; margin: 0 }

	h1 #header-text1 {
		text-align: left;
		display: none;
	}

	h2 #header-text2 {
		text-align: right;
		display: none;
	}

	/* Navigation Stuff */
	#nav { 
		font-size: 120% !important; 
		position: absolute; 
		top: 125px !important; 
		right: 0 !important; 
		margin-top: 0 !important; 
		width: 100% !important;
		text-align: center !important;
		}

	/* News Stuff */
	#news-stuffs {
		padding-bottom: 169px;
		position: relative;
		top: 50px !important;
		left: 75px;
		margin: 0 auto 0 auto !important;
	}

	.news-container {
		background: #FFF !important;
		color: #8C8995 !important;
		border: 1px solid #D6D7DA !important;
		width: 475px;
		margin-top: 15px;
	}

	.news-title {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_item_header_bg.jpg") #e0e0e2 repeat-x !important;
		color: #8C8995 !important;
		margin: 0 !important;
		padding: 1px 5px 1px 5px !important;
		font-size: 85% !important;
		text-transform: lowercase !important;
		border: 1px solid #FFF;
	}

	.news-story {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_table_cell_bg_1.jpg") #FFF top left repeat-x !important;
		font-size: 85% !important;
		margin: 0 auto 2px auto !important;
		padding: 0 5px 0 5px;
	}

	p {
		font-size: 85% !important;
		margin: 2px auto 2px auto;
		padding: 0 5px 0 5px;
	}

	h4.news-footer {
		border-top: 1px solid #D6D7DA !important;
		background: #FFF !important;
		color: #8C8995 !important;
		font-size: 80% !important;
		margin: 0 3px 0 3px !important;
		padding: 1px 5px 1px 5px !important;
		text-align: right !important;
	}

	/* Footer Stuffs */
	#footer {
		background: none #FFF bottom left no-repeat !important;
		text-align: center;
		height: 100px !important; 
		width: 800px;
		margin: 10px 0px 0px 0px;
		/* Stick to Bottom Crud */
		position: absolute;
		bottom: 0px !important;
		bottom: -1px; /* For Certain IE widths */
	}

	#footer-content {
		margin-top: 30px;
		font-size: 85% !important;
	}

	#footer-content a img {
		border: none;
	}

	/* Songs Stuffs */
	#rss-subscribe {
		background: #FFF !important;
		color: #FFF;
		margin: 5px 2px 0px 2px;
		font-size: 85% !important;
	}

	#rss-subscribe span {
		background: url("http://remix.thasauce.net/feed-icon-12x12.png") #FFF top left no-repeat !important;
		/* Input RSS Icon */
		padding-left: 17px;
	}

	#rss-subscribe a:link,
	#rss-subscribe a:active, 
	#rss-subscribe a:visited {
		font-family: Verdana;
		font-size: 8pt;
		text-decoration: none;
		background: #FFF !important;
		color: #FF8C00;
	}

	#rss-subscribe a:hover {
		text-decoration: underline;
	}

	#latest-tracks {
		font-size: 75% !important;
		margin: 0px 5px 0px 5px;
	}

	#songs-column {
		margin-bottom: 159px;
		background: #FFF !important;
		color: #8C8995 !important;
		position: absolute;
		top: 175px !important;
		right: 0 !important;;
		width: 132px;
		text-align: right !important;
		height: 75%;
	/*	top: -472px;
		border: 1px solid #0F0;	*/
	}

	ul { list-style: none; padding-left: 0; font-size: 85% !important; }
	#songs-column ul li {border-top: 1px solid #D6D7DA !important; margin-top: 5px; padding: 3px !important; }

	/* Mix Page */

	/* == Mix Stuff == */
	#mix-stuffs {
		padding-bottom: 169px;
		position: relative;
		top: 50px !important;
		left: 75px;
	}

	.mix-container {
		background: #FFF !important;
		color: #8C8995 !important;
		border: 1px solid #D6D7DA !important;
		width: 475px;
		margin-top: 15px;
	}

	.artist-floater {
		width: 158px;
		float: left;
		clear: both;
	}

	.mix-title {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_item_header_bg.jpg") #e0e0e2 repeat-x !important;
		color: #8C8995 !important;
		margin: 0 !important;
		padding: 1px 5px 1px 5px !important;
		font-size: 85% !important;
		text-transform: lowercase !important;
		border: 1px solid #FFF;
	}

	.mix-writeup {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_table_cell_bg_1.jpg") #FFF top left repeat-x !important;
		font-size: 85% !important;
		margin: 0 auto 2px auto !important;
		padding: 0 5px 0 5px;
	}

		.mix-writeup div {
			background: url("http://ocrstyles.thasauce.net/sample-css/tpl_table_cell_bg_1.jpg") #FFF top left repeat-x !important;
			font-size: 85% !important;
			margin: 0 auto 2px auto !important;
			padding: 0 5px 0 5px;
		}

	/* == Tags Stuffs == */
	.tags-container {
		background: #FFF !important;
		color: #8C8995 !important;
		border: 1px solid #D6D7DA !important;
		width: 475px;
		margin-top: 15px;
	}

	.tags-title {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_item_header_bg.jpg") #e0e0e2 repeat-x !important;
		color: #8C8995 !important;
		margin: 0 !important;
		padding: 1px 5px 1px 5px !important;
		font-size: 85% !important;
		text-transform: lowercase !important;
		border: 1px solid #FFF;
		text-align: center !important;
	}

	.tags-stuff {
		background: url("http://ocrstyles.thasauce.net/sample-css/tpl_table_cell_bg_1.jpg") #FFF top left repeat-x !important;
		font-size: 100% !important;
		margin: 0 auto 2px auto !important;
		padding: 0 5px 0 5px;
		text-align: center;
	}

	.tags-view {
		font-size: 80%;
		margin: 2px auto 2px auto;
		padding: 0 5px 0 5px;
		text-align: left;
	}

	.tags-stuff a {
		text-decoration: none;
	}

	a.taglinky {
		font-weight:bold;
	}

	/* == Mix Column == */
	ul#mix-column { text-align: left; padding: 0 3px 0 3px; }
		ul#mix-column li { border: none; }

	#mix-column-artists { text-align: left; margin-left: 15px; font-size: 90%; margin-bottom: 20px;}
	#mix-column-composers { text-align: left; margin-left: 15px; font-size: 90%; margin-bottom: 20px;}
	#mix-column-copyright { text-align: left; margin-left: 15px; font-size: 90%; margin-bottom: 20px;}
	#mix-column-posted { text-align: left; margin-left: 15px; font-size: 90%; margin-bottom: 20px;}

	#artist-songs { margin: 5px; }

	ul#artist-songs { list-style: none; padding-left: 0; font-size: 65%; }
	ul#artist-songs li { border-bottom: 1px dotted #aaa; margin-bottom: 5px; }

	.game-image2, .artist-image { margin: 5px; padding: 5px; }

	#artist-table {
		width:100%;
		font-size:85%;
	}

	#artist-table tr td { border-bottom: 1px dotted #AAA; margin:auto; }
	#artist-table tr { margin:0; padding:0; }

	.artist-id { background: #222; text-align:center; }

	.game-sort-div { /* border: 1px solid #F00; */ margin-bottom: 15px;}
		.game-sort-div a img { border: 0 }
		.game-sort-div ul li { width: 340px; }

	.game-sort-div-header { /* font-weight: none; */ font-size: 120%; text-align: left; border-bottom: 1px solid #FFF; margin: 2px; }
	.game-sort-mixer, .game-sort-song { font-weight: bold; }

	.tags-search { position: absolute; left: 400px !important; top: 49px !important; z-index: 2; }

	#tags-input-box { 
		font-family: "Trebuchet MS", Trebuchet, verdana, arial, helvetica, sans-serif;
		font-size: 100%; 
		background: #fff !important;
		color: #000 !important; 
		border: 1px solid #ccc !important; 
		padding: 0 5px 0 5px;
	}

	#tags-go-button { font-size: 100%; background: #DF7500 !important; color: #fff; border: 1px solid #000 !important; padding: 0 6px 0 6px }
	#tags-go-button:hover { background: #444; padding: 0 6px 0 6px }
	#tags-go-button:active { background: #555; padding: 0 6px 0 6px }

}