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

@-moz-document domain("vgmix.com") {

/* df7500 */
	body {
		background-color:#babcc0 !important;
		color:#4D4E6C !important;
		font-family:Arial, "Times New Roman", sans-serif !important;
		font-size:0.7em;;
		margin:0px;
		padding:0px;
	}


	h3 {
		background: url("http://www.ocremix.org/images/template/tpl_table_header_bg.jpg") #85848a repeat-x center left !important;
		color: #FFF !important;
		font-size: 8pt !important;
		font-weight: bold ;
		margin:0px !important;
		padding-left: 5px !important;
		padding-top:2px !important;
		padding-right:2px !important;
		padding-bottom:3px !important;
		text-transform: lowercase;
		border-bottom: 1px solid #FFF !important;
	}

	 h3 a { color: #FFF !important; }

	.banner {
		background:url("http://www.ocremix.org/images/template/tpl_bg.jpg") #FFF top left repeat-x !important;
		padding:0px;
		height: 150px;
	}

	.logo { 
		background: url("http://www.thasauce.net/ramaserv/images/OCRCSS/VGMixX4/logo.png") top left no-repeat !important;
		height: 146px !important;
		width: 535px !important;
		padding-left: 535px !important;
	}

	img[src="http://www.vgmix.com/skins/Cobalt3/images/vgmixxlogo.gif"],
	img[src="http://www.vgmix.com/themes/Cobalt3/images/logo.png"] {
		background: url("http://www.thasauce.net/ramaserv/images/OCRCSS/VGMixX4/vrit.png") top right no-repeat !important;
		text-align: right !important;
		height: 147px !important;
		width: 0 !important;
		padding-left: 136px !important;
		position: absolute !important;
		right: 65px !important;
	}

	.menu {
		background: url("http://www.thasauce.net/ramaserv/images/OCRCSS/VGMixX4/menu-bg.png") #e3e4e9 top left repeat-x !important; 
		border: none !important;
		padding-left:5px;
		padding-right:5px;
		padding-top:7px !important;
		text-align:right;
		height: 21px !important;
		border-bottom: 1px solid #b1b1b1 !important;
	}
		.menu a, .menu a .normal { color: #df7500 !important; }

	/* == Nothing? == */
	.main {
		background: #FFF !important;
		border: 1px solid #b1b1b1 !important;
		padding:1px !important;
		margin-bottom: 15px !important;
	}

	.head_1 {
		background-color:#000000;
		font-size:11px;
		font-weight:bold;
		padding:5px;
		text-align:center;
	}
	.head_2 {
		background: #FFF !important;
		color: #4D4E6C !important;
		font-size: 20px !important;
		font-weight: bold !important;
		margin-top:5px;
		padding:5px;
	}

	/* Just a fucking border? */
	.body_1 {
		background: #FFF !important;
		border:0px none;
		padding:0px;
	}

	/* == Exterior Main Tables / ALL of the Right Sidebar == */
	.body_2 {
		background: #FFF !important;
		border: 1px solid #babcc0 !important;
		font-size:11px;
		font-weight:bold;
		padding:1px !important;
	}

		.body_2 table {
			background: #F00 !important;
/*			border: 1px solid #babcc0 !important; */
			border: 1px solid #FFF !important;
		}

	/* == Main Tables == */
	.body_3 {
		background: #FFF !important; 
		border:0px none;
		font-size:1.1em;
		padding: 0px !important;
	}

		p.body_3 { padding: 5px !important; }

		div.body_3 { 
			background: url("http://www.thasauce.net/ramaserv/images/OCRCSS/VGMixX4/div-body3-bg.png") #e3e4e9 bottom left repeat-x !important; 
			padding: 3px !important;
			font-size: 8pt !important;
			border-top: 1px solid #FFF !important;
			text-align: left !important;
		}

		table > td:first-child { border: 1px solid #babcc0 !important; }

		.body_3 a { color: #df7500 !important; }

	/* == Table Headers / WHOLE user box? ==*/
	.title {
		background: url("http://www.ocremix.org/images/template/tpl_profile_bg.jpg") #FFF repeat-x top left !important;
		color:#4D4E6C !important;
		font-size:9px;
		font-weight:bold;
		padding:3px;
		text-transform:uppercase;
	}

	.title a { color: #df7500 !important; }

	.wrapper {
		background: #FFF !important;
		border:2px solid #202020;
		margin:0px auto;
		width:90%;
	}

	.profile_name {
		background-color: #525259 !important;
		font-size:26px;
		font-weight:bold;
		padding:10px;
		color: #FFF;
	}

	.side_menu {
		background: url("http://www.ocremix.org/images/template/tpl_right_column_bg.jpg") #FFF top left repeat-y !important; 
		border: none !important;
		height: 100% !important;
		float:right;
		margin-top:5px;
		margin-right: -5px !important;
		margin-top: -5px !important;
		padding-left:5px;
		padding-right:0px !important;
		padding-top:0px;
		width:18%;
	}
		.side_menu .head_2 { 
			background: url("http://www.ocremix.org/images/template/tpl_right_column_divider.jpg") top left !important; 
			color: #8c8995 !important; 
			font-size: 8pt !important;
			text-align: right !important;
			padding-top: 2px !important;
			padding-bottom: 2px !important;
			padding-right: 7px !important;
			margin-top: 3px !important;
			margin-bottom: 3px !important;
		}
		.side_menu .body_2 { background: transparent !important; border: none !important; padding-left: 15px !important; }
		.side_menu .body_3 { background: #FFF !important; border: none !important; margin-left: 15px !important; }
		.side_menu a { color: #df7500 !important; }

	input.input { width:98%; }

	input.button {
		cursor:pointer;
		padding:1px;
		text-transform:capitalize;
	}
	.jform {
		background-color:#FFF !important;
		border: 1px solid #b1b1b1 !important;
		color: #8c8995 !important;
		font-family:Verdana;
		font-size:10px;
		font-weight:bold;
		padding:2px;
	}
	
	.footer {
		text-align: center !important;
		background:#FFF none repeat scroll 0% 50% !important;
		clear:both;
		color: #4D4E6C !important;
		font-size: 11px;
		margin: 0 auto 0 auto !important;
		padding: 10px;
		width: 50%;
	}
	
	.footer a, .footer a .normal { color: #df7500 !important; }
}