/* 
OverClocked ReMix 4 - Dark Style (1280*1024)
by Douglas "Ramaniscence" Arley
============================================
Changelog:
-2010-01-20 - Updated Skin for new URL
-2009-04-10 - Added fix for mainsite. Also: rounded corners

-2008-02-14 - Updated style for mainpage tweaks

-2006-08-29 - Minor code clean-up
-2006-08-29 - Major mainpage renovation.
-2006-08-29 - Adjusted mainpage H2s to match info pages.
-2006-08-29 - Alphanav Adjustment/Code Clean-up
-2006-08-29 - Removed ads added by new layout.
-2006-08-29 - Updated theme to fit new layout.
-2006-08-29 - Fixed (most) breadcrumb issues (thanks to new layout).
-2006-08-29 - Removed custom ads (b0rked by new layout :(( )

-2006-07-27 - Updated theme to style "info (wiki)" pages.

-2006-07-10 - Added header & changelog to style.
-2006-07-10 - Updated theme to work with OCR's new tabbed interface

-2006-06-19 - New Mix Download Button

-2006-06-15 - code clean-up
-2006-06-15 - div.alphanav now has TRUE centered rather than my lazy half-assed fix
============================================
*/

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

@-moz-document url-prefix(http://ocremix.org/phpBB2/) 
{
/* ======= Sidebar Removal for forums by Grey Ninja/OCR_Dave. ======= */
	.left-column {
		display:none !important;
	}

	div.middle-column {
		margin: 10px 0px 0px 145px !important;
	}

	div.middle-column-extended {
		margin: 10px 10px 0px 10px !important;
	}
	
	div.breadcrumb {
		left: 10px !important;
/*		top: -172px !important;	*/
		color: #aaa !important;
	}
}

@-moz-document url-prefix(http://ocremix.org/info/) 
{
/* ======= OCR Wikipages ======= */
	h2 {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/info-h2-bg.png") #000 repeat-x !important;
		color: #FFF !important;
		padding-left: 5px !important;
		border-top: 1px solid #FFF !important;
		border-left: 1px solid #3D3D3D !important;
		border-right: 1px solid #3D3D3D !important;
		border-bottom: 1px solid #3D3D3D !important;
	}
	
	h3 {
		background: #000 !important;
		color: #aaa !important;
		border: 0px !important;
	}
}

@-moz-document url("http://ocremix.org/") {
	/* "home >> welcome" */
	div.breadcrumb {
		color: #aaa !important;;
		position: relative !important;
/*		left: -150px !important;
		top: -200px !important;	*/
	}
}

@-moz-document url-prefix(http://ocremix.org/remix/) {
/* Hide Amazing Ad on Mix page */
	iframe[height="600"] { display: none !important; }
}

@-moz-document url-prefix(http://ocremix.org/)
{
/* === GENERAL AD REMOVAL === */
	/* Remove Top-right ad */
    div.adbanner { visibility: hidden; }
	
	/* Remove Center ad */
	table.layout td[width="125"] { display: none !important; }

	/* Remove mix write-up ad */
    div#panel-writeup div { display: none !important; }

/* ======= Mainstuffs ======= */
	/* DarkeSword's textarea/input fix */
	input[type="text"], textarea {
		background: #222 !important;
		color: #aaa !important;
		border: 1px solid #aaa !important;
	}

	h2 {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/info-h2-bg.png") #000 repeat-x !important;
		color: #FFF !important;
		padding-left: 5px !important;
		border-top: 1px solid #FFF !important;
		border-left: 1px solid #3D3D3D !important;
		border-right: 1px solid #3D3D3D !important;
		border-bottom: 1px solid #3D3D3D !important;
	}

	input.download {
	/*	background: url(/images/template/tpl_item_header_bg_2.jpg) #D7D6DA repeat-x; */
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/download.png") #000 no-repeat !important;
		padding-left: 20px !important;
		border-bottom: 1px solid #5B3000 !important;
		border-right: 1px solid #5B3000 !important;
		border-left: 1px solid #FFBD75 !important;
		border-top: 1px solid #FFF !important;
		cursor: pointer !important;
	}

/*	form[action="/downloadmix.php"] {
		text-align: right !important;
	}
*/

	/* BACKGROUND COLOR (also: Composer/Artist/etc Sidebar Text) */
	body {
	/*	background-image: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/ocrtopcaco3kt.png") #000 no-repeat !important; */
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/OCR-Contrast-Logo-03.png") #000 no-repeat !important;
		color: #aaa !important;
	/*	background-repeat: repeat-x !important;  */
	}


	/* Links - #f80 (old) */
	middle-column a, 
	middle-column a:active, 
	middle-column a:visited {
		color: #DF7500 !important;
	}

	/* Links in paragraphs */
	p a,
	p a:active,
	p a:visited {
		color: #DF7500 !important;
	}

	/* Rounded Corners Crud */
	.tab-container { background: url("") #000 !important; }
	.panel-white-tl, .panel-white-tr, .panel-white-br, .panel-white-bl  { background-image: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tpl_5_grey_corners.gif") !important }
	.panel-white-inside { background: url("") #2c2c2c !important; }

	/* Links in lists */
	ul a,
	ul a:active,
	ul a:visited {
		color: #DF7500 !important;
	}

		/* See Above */
	div.breadcrumb { color: #aaa !important; }
	div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited {
		color: #DF7500 !important;
	}

	/* Right-side stuff */
	div.datalist1-content a, div.datalist1-content a {
		color: #DF7500 !important;
	}

		/* See Above */
	div.datalist1-content a:hover {
		color: #DF7500 !important;
	}

		/* See Above */
	div.datalist1-content h2 {
		color: #aaa !important;
	}

	/* Forums/Ormgas/Spotlight Etc. */
	div.item-body {
		background: url("") #111 repeat-x !important;
		border: 1px solid #555 !important;
	}

		/* See Above */
	div.item-container {
		background: url("") #000 !important;
		border: 1px solid #a60 !important;
		color: #aaa !important;
	}

		/* See Above */
	div.item-header {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/item-header-bg.png") #333 repeat-x !important;
		color: #ccc !important;
	}

		/* See Above */
	div.item-header a, 
	div.item-header a:visited {
		color: #DF7500 !important;
	}

	/* Sidebar item Titles */
	div.itemtitle-left {
	/*	background: url(/images/template/tpl_left_column_divider.jpg) #000 no-repeat right !important; */
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tpl_left_column_divider.png") #000 left repeat-y !important;
		color: #fff !important;
	}
	
		/* See Above */
	div.itemtitle-left a,div.itemtitle-left a:visited,div.itemtitle-right a,div.itemtitle-right a:visited
	{
		color: #fff !important;
	}
		/* See Above */
	div.itemtitle-left a:hover,div.itemtitle-right a:hover {
		color: #DF7500 !important;
	}

	/* Mix-Side item titles */
	div.itemtitle-right {
		background: url(/images/template/tpl_right_column_divider.jpg) #000 no-repeat left !important;
		color: #fff !important;
	}

	/* Mix-Side Dividers */
	div.itemtitle-right-list {
		border-bottom: 1px solid #555 !important;
	}

	/* Sidebar Background + Right Border */
	div.left-column {
		background: url(/images/template/tpl_left_column_bg.jpg) #000 repeat-y right !important;
		border-right: 1px solid #555 !important;
	}

		/* Sidebar Bottom Image */
	div.left-column-footer {
		background: url(/images/template/tpl_left_column_footer.jpg) #000 no-repeat bottom right !important;
	}

		/* Sidebar Top Image */
	div.left-column-header {
		background: url(/images/template/tpl_left_column_header.jpg) #000 no-repeat top right !important;
	}

	div.main-content h2 a,
	div.main-content h2 a:link,
	div.main-content h2 a:visited,
	.txt-header2 a,
	.txt-header2 a:link,
	.txt-header2 a:visited
	{
		color: #DF7500 !important;
	}

	div.main-content h2,.txt-header2 {
		color: #aaa !important;
	}

	div.main-content p {
		color:  #aaa !important;
	}

	/* Mix-sode Background + left Border */
	div.right-column {
		background: url(/images/template/tpl_right_column_bg.jpg) #000 repeat-y left !important;
		border-left: 1px solid #555 !important;
	}

		/* Mix-Side Bottom Image */
	div.right-column-footer {
		background: url(/images/template/tpl_right_column_footer.jpg) #000 no-repeat bottom left !important;
	}

		/* Mix-Side Top Image */
	div.right-column-header {
		background: url(/images/template/tpl_right_column_header.jpg) #000 no-repeat top left !important;
	}

	/* === TABS === */
	div.tabs {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-bottom-bg.png") !important;
		font-size: 85%;
		font-weight: bold;
		height: 21px;
		margin-bottom: 5px;
		margin-top: 0px;
		vertical-align: top;
		width: 100%;
	}

	div.tabs div {
		clear: none;
		float: left;
		vertical-align: top;
	}

	div.tabs div.highlight {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-regular-bg.png") repeat-x !important;
		height: 18px;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 1px;
	}

	div.tabs div.highlight a,
	div.tabs div.highlight a:link,
	div.tabs div.highlight a:visited,
	div.tabs div.highlight a:hover {
		color: #FFFFFF !important;
	}

	div.tabs div.highlight-end {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-highlight-end.png") no-repeat !important;
		height: 17px;
		margin: 0px;
		width: 26px;
	}

	div.tabs div.highlight-right {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-highlight-right.png") no-repeat !important;
		height: 17px;
		margin: 0px;
		width: 26px;
	}

	div.tabs div.regular {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-regular-bg.png") repeat-x !important;
		height: 18px;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 1px;
	}

	div.tabs div.regular a,
	div.tabs div.regular a:link,
	div.tabs div.regular a:visited {
		color: #6F6F6F !important;
	}

	div.tabs div.regular a:hover {
		color: #9F9F9F !important;
	}

	div.tabs div.regular-end {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-regular-end.png") no-repeat !important;
		height: 17px;
		margin: 0px;
		width: 23px;
	}

	div.tabs div.regular-right {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/tab-regular-right.png") no-repeat !important;
		height: 17px;
		margin: 0px;
		width: 26px;
	}

	/* Welcome to ocremix.org */

/*	h1 { visibility: hidden; }	*/

	h1, h1 a {
		color: #aaa !important;
	}

	h1 a:hover {
		color: #aaa !important;
	}

	/* Sidebar Navigation */
	ul.nav {
		color: #aaa !important;
	}

		/* See Above */
	ul.nav a {
		color: #DF7500 !important;
	}

	div.center span {
		color: #aaa !important;
		font-weight: bold !important;
	}

	/* OCR Logo */
	img.header {
		visibility: hidden;
		height: 0px !important; 
		width: 0px !important;
	/*	left: 0px;
		position: absolute;
		top: 94px; */
	}

	/* OCR Mascot */
	img.mascot {
		visibility: hidden;	
		height: 0px !important; 
		width: 0px !important;
	/*	position: absolute;
		right: 0px;
		top: 114px; */
	}

	/* Position of Main site */
	div.main-content {
		top: 172px !important;
		border-top: 1px solid #555;
	}

	/* Alphabet nav - Size/Position */

	div.alphanav {
		top: 125px !important;
		left: 0 !important;
		margin: 0 auto 0 auto !important;
		text-align: center !important; 
		font-size: 150% !important;
	}

	/* Alphabet nav - Size/Position - Backup */
	/*	
	div.alphanav {
		color: #838282;
		font-size: 85%;
		font-weight: bold;
		position: absolute;
		right: 10px;
		text-decoration: none;
		top: 102px;
	}
	*/

	/* RSS feeds and Custom Mascots */

/*
	div.formats {
		background-color: transparent !important;
		background-image: url(http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/ads/sig.php) !important;
		background-repeat: no-repeat !important;
		background-position: top right !important;
		right: 10px !important;
		top: 20px !important;
		padding-top: 102px !important;
		padding-left: 500px !important;
	}
*/

	div.txt-small {
		color: #aaa !important;
	}

	a.txt-small,
	a.txt-small:active,
	a.txt-small,visited {
		color: #DF7500 !important
	}

	a.txt-small:hover {
		text-decoration: underline !important;
	}

	div.profile-header { border: 1px solid #a60 !important; margin: 2px;}
	div.profile-field { background: url("") #000 !important; }

	/* === Main Page Image Replacement === */

		/* VotL */
	img[src="/images/projects/album_voices_of_the_lifestream_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/votl-alt.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}

		/* VotL */
	img[src="/images/projects/album_project_chaos_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/pc-alt.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}

		/* BotA / RoFL ALT IMAGE */
	img[src="/images/projects/album_blood_on_the_asphalt_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/RoFL.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}

		/* CS / RotC */
/*
	img[src="/images/projects/album_chrono_symphonic_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/rotc.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 53px !important; 
		padding-left: 125px !important;
	}
*/
		/* CS / RotC ALT IMAGE */
	img[src="/images/projects/album_chrono_symphonic_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/rotc-alt.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}

		/* Dark Side of Phobos */

/*	
	img[src="/images/projects/album_dark_side_of_phobos_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/DSoP.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 123px !important; 
		padding-left: 125px !important;
	}
*/
		/* Dark Side of Phobos ALT IMAGE */
	img[src="/images/projects/album_dark_side_of_phobos_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/DSoP-alt.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}

		/* RotS / KiC */
/*
	img[src="/images/projects/album_rise_of_the_star_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/kic.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 53px !important; 
		padding-left: 125px !important;
	}
*/

		/* RotS / KiC ALT */
	img[src="/images/projects/album_rise_of_the_star_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/kic-alt.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 100px !important; 
		padding-left: 100px !important;
		border: 1px solid #555 !important;
	}
 
		/* VGDJ */
	img[src="/images/projects/vgdj_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/vgdj.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 54px !important; 
		padding-left: 125px !important;
	}

		/* ChipAmp */
	img[src="/images/projects/chipamp_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/chipamp.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 46px !important; 
		padding-left: 125px !important;
	}

		/* VGLive */
/*
	img[src="/images/spotlight/videogameslive_125.jpg"] {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/vglive.png") #000 top left no-repeat !important;
		width: 0 !important;
		height: 65px !important; 
		padding-left: 125px !important;
	}
*/
		/* VGLive HIDE */
	img[src="/images/spotlight/videogameslive_125.jpg"] {
		display: none !important;
	}

/* ======= Forums ======= */
	div.div-forums-nav {
		color: #aaa !important;
		top: 152px !important;
		right: 10px !important;
	}

	div.div-forums-nav a, 
	div.div-forums-nav a:active,
	div.div-forums-nav a:visited {
		color: #DF7500 !important;
	}

	table.forumborder {
		background: #000 !important;
		border: 1px solid #a60 !important;
	}

	table.forumborder tr {
		background: #222 !important;
	}

	td.row1 {
		background: url("") #222 !important;
		border-top: 1px solid #333 !important;
		border-left: 1px solid #333 !important;
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}

	td.row2 {
		background: url("") #222 !important;
		border-top: 1px solid #333 !important;
		border-left: 1px solid #333 !important;
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}

	td.row3 {
		background: url("") #222 !important;
		border-top: 1px solid #333 !important;
		border-left: 1px solid #333 !important;
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}

	th.menu {
		background: url("") #222 !important;
		color: #aaa !important;
	}

	.postbody {
		color: #aaa !important;
	}

	.quote {
		background: #222 !important;
		color: #aaa !important;
		border-top: 1px solid #000 !important;
		border-left: 1px solid #000 !important;
		border-right: 1px solid #333 !important;
		border-bottom: 1px solid #333 !important;
	}

	.genmed {
		color: #aaa !important;
		background: transparent !important;
	}

	td.menu {
		background: url("") #000 !important;
	}

	th.forumtitle, td.forumtitle, td.mnu {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/item-header-bg.png") #333 repeat-x !important;
		color: #fff !important;
	}

	td.rowtitles {
		background: url("") #111 !important;
		color: #aaa !important;
	}

	.cattitle {
		color: #aaa !important;
	}

	.icon {	
		background: url("") #111 !important;
		color: #aaa !important;
	}

	.code {
		background-color: #111 !important;
	}

/* === Forums - Image Replacement (WORKS) === */
	/* New Posts (Popular) */
	/*
	img[src="templates/ocr/images/folder_new_hot.gif"] {
		width: 0 !important;
		padding-left: 19px !important;
		height: 18px !important; 
		background-position: top left;
		background-repeat:no-repeat;
		background-image:url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-RamaContrast/forums/folder_new_hot.png") !important; 
	}
	*/

	/* New Posts */
	/*
	img[src="templates/ocr/images/folder_new.gif"] {
		width: 0 !important;
		padding-left: 19px !important;
		height: 18px !important; 
		background-position: top left;
		background-repeat:no-repeat;
		background-image:url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-RamaContrast/forums/folder_new.png") !important; 
	}
	*/

	/* New Posts (Announcement) */
	/*
	img[src="templates/ocr/images/folder_announce_new.gif"] {
		width: 0 !important;
		padding-left: 19px !important;
		height: 18px !important; 
		background-position: top left;
		background-repeat:no-repeat;
		background-image:url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-RamaContrast/forums/folder_announce_new.png") !important; 
	}
	*/
	
	/* "New Thread" Tab */
	/*
	img[src="templates/ocr/images/lang_english/post.gif"] {
		width: 0 !important;
		padding-left: 113px !important;
		height: 21px !important; 
		background-position: top left;
		background-repeat:no-repeat;
		background-image:url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-RamaContrast/forums/post.png") !important; 
	}
	*/
	
	/* "Post Reply" Tab */
	/*
	img[src="templates/ocr/images/lang_english/reply.gif"] {
		width: 0 !important;
		padding-left: 113px !important;
		height: 21px !important; 
		background-position: top left;
		background-repeat:no-repeat;
		background-image:url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-RamaContrast/forums/reply.png") !important; 
	}
	*/

/* ======= Mixer & Alphabetical Organization Pages ======= */
	.datatable {
		background: url("") #000 !important;
		border: 1px solid #a60 !important;
	}

	.datatable th {
		background: url("http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/item-header-bg.png") #333 repeat-x !important;
	}

	.datatable td.pagination {
		background: url("") #000 repeat-x !important;
		color: #aaa !important;
	}

	.datatable td {
		background: url("") #222 !important;
		color: #aaa !important;
		border-top: 1px solid #333 !important;
		border-left: 1px solid #333 !important;
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}

	.datatable td a,
	.datatable td a:active,
	.datatable td a:visited {
		color: #DF7500 !important;
	}

	div#ocrsearch {
		display: none !important;
	}
} 

@-moz-document url("http://bt.ocremix.org/?iframe=true") 
{
/* ======= BitTorrent Infoz iFrame ======= */
	body {
		background: #000 !important;
		color: #aaa !important;
	}

	h2, h3 {
		background: #000 !important;
		color: #aaa !important;
	}

	.datatable {
		background: url("") #000 !important;
		border: 1px solid #a60 !important;
	}

	.datatable {
		color: #aaa !important;
	}

	.datatable a {
		color: #DF7500 !important;
	}

	.datatable td.row1, .datatable td.row2, .datatable td.row3	{
		background: url("") #222 !important;
		color: #aaa !important;
		border-top: 1px solid #333 !important;
		border-left: 1px solid #333 !important;
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}

	.datatable th {
		background-color: #333 !important; 
		background-repeat: repeat-x !important;
		background-image: url(http://ramaserv.thasauce.net/images/OCRCSS/OCR4-Contrast/item-header-bg.png) !important;
	}
}

@-moz-document url("http://ocremix.org/includes/php/counter.php") 
{
	body, div.center, span {
		color: #aaa !important;
	}
}