/* All styles for Kovaa.com */

/* CSS for Kovaa.com - common */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #BBBBBB;
	margin: 0px;
	padding: 0px;
}
#master {
	margin: 0px;
	padding: 0px;
	width: 900px;
	background-color: #EEEEEE;

}
#header {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 4px 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	height: auto;
	background-image: url(../imgs/header_bg.jpg);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#header span.right {
	float: right;
	height: 22px;
}
#top {
	background-color: #D9D9D9;
	background-image: url(../imgs/top_bg.gif);
	border: 1px solid #999999;
	line-height: 4px;
}
#nav {
	background-color: #E0E0E0;
	vertical-align: top;
	color: #000000;
	background-image: url(../imgs/areabg_gradient.jpg);
	background-repeat: repeat-x;
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	width: 150px;
	padding: 0px;
}
#content {
	padding: 10px 10px 1ex;
	vertical-align: top;
	background-image: url(../imgs/content_bg.gif);
	color: #000000;
	border: 1px none #666666;
	background-color: #EEEEEE;
}
#misc {
	padding: 0px 0px 1ex;
	background-color: #E0E0E0;
	color: #000000;
	background-image: url(../imgs/areabg_gradient.jpg);
	background-repeat: repeat-x;
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;

}
div.misc-body {
	padding: 0px 8px 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer {
	background-color: #BBBBBB;
	margin: 0px;
	padding: 2px;
	letter-spacing: 3px;
	color: #CCCCCC;
	background-image: url(../imgs/footer_bg.gif);
}


	/* CSS for Kovaa.com - elements */
	.ruler-grey, .ruler-red {
		height: 1px;
		line-height: 1px;
		margin: 0px;
		padding: 0px;
		font-size: 1px;
	}
	.ruler-maroon {
		margin: 0px;
		padding: 0px;
		font-size: 1px;
		line-height: 1px;
		height: 1px;
		background-color: #69251C;
	}
	.ruler-grey {
		background-color: #CCCCCC;
	}
	.ruler-red {
		background-color: #E9CB9C;
	}
	
	.box,
	.prodbox,
	div.paddedbox,
	div.slimbox,
	div.bgbox,
	div.bgbox_mc
	{
		border: 1px solid #999999;
		background-color: #EEEEEE;
		margin-bottom: 10px;
	/*	display: block;
		clear: both;*/
		text-align: left;
	}
	div.paddedbox, 
	div.slimbox,
	div.padding, 
	div.author,
	table.forum td.body
	{
		padding: 1ex;
	}
	div.bgbox {
		background-image: url(../imgs/areabg_racer.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	div.bgbox_mc {
		background-image: url(../imgs/areabg_mc.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}
	div.slimbox {
		height: 18px;
	}
	
	div {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
	}
	img.border-maroon {
		border: 1px solid #69251C;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
		text-align: right;
	}
	.center {
		text-align: center;
	}
	.border {
		border: 1px solid #999999;
		padding: 2px;
	}
	.buttonInfo {
		line-height: 19px;
		vertical-align: middle;
		height: 19px;
		margin-right: 1em;
		padding-bottom: 1.5em;
		color: #999999;
	
	}
	
	
	/* TABLES */
	
	table td.title {
		background-color: #EEEEEE;
		vertical-align: top;
		color: #4E0A03;
		line-height: 18px;
		border: 1px none #CCCCCC;
		background-image: url(../imgs/tdtitle_bg.jpg);
		background-repeat: repeat-x;
	}
	
	td.divider,
	.divideradminonly {
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #BBBBBB;
	}

	td.divider-bottom {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #BBBBBB;
	}
	
	.adminonly,
	.divideradminonly {
		background-color: #EBD0CD;
	}
	
	table.thumb-votes {
		margin-bottom: 4px;
	}
	
	table.thumb-votes tr td {
		border: none;
	}
	
	/* FORMS */
	
	form {
		margin: 0px;
		padding: 0px;
		color: #333333;
	}
	
	input, select, textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #000000;
		background-color: #EEEEEE;
		margin: 0px;
		border: 1px solid #181818;
	}
	
	input.small {
		width: 60px;
		border: 1px solid #999999;
	}
	input.large, select.large, textarea.large {
		width: 150px;
		border: 1px solid #999999;
	}
	.fulltext {
		width: 400px;
		border: 1px solid #999999;
	}
	form input.button {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		background-color: #F8DBA2;
		border: 1px solid #999999;
		height: 16px;
	}
	form input.radio, form input.checkbox {
		border: 0px;
	}
	form.login input.small {
		border: 1px solid #CCCCCC;
	}
	
	/* VOTING */
	
	.voting-result-bg {
		background-color: #CC0000;
		line-height: 2px;
		height: 2px;
		width: 60px;
		border: 1px solid #666666;
		font-size: 2px;
		margin-top: 4px;
		margin-right: 2px;
		margin-left: 2px;
		margin-bottom: 2px;
		text-align: left;
	}
	
	.voting-result-fg {
		line-height: 2px;
		background-color: #00CC00;
		height: 2px;
		font-size: 2px;
	}
	
	.voting-result-neutral {
		line-height: 2px;
		height: 2px;
		width: 60px;
		border: 1px solid #666666;
		margin: 4px 2px 2px;
		font-size: 2px;
	}
	
	/* DATASHEET */
	
	table.datasheet {
	
	}
	
	table.datasheet td {
		border:solid 1px #CCCCCC;
	}
	table.datasheet td h6,
	table.datasheet td h6.transp,
	table.datasheet td h6 a {
		font-weight: normal;
		color: #666666;
		background-color: #E0E0E0;
		margin: 0px 0px 0.4em 0px;
		padding:2px;
	}
	table.datasheet td h6,
	table.datasheet td h6 a {
		background-color: #E0E0E0;
	}
	table.datasheet td h6.transp {
		background-color: transparent;
	}
	.datasheet-header {
	font-weight: normal;
	color: #666666;
	margin: 0px 0px 0.4em 0px;
	padding:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	}
	table.datasheet td h6 a:hover {
		color: #4E0A03;
	}
	table.datasheet td p {
		margin: 0px 0.2em 0.2em 0.5em;
	}
	
	/* SECTION-SPECIFIC */
	
	/* FORUM */
	
	.forum-post {
		background-color: #E0E0E0;
		color: #666666;
		padding-right: 20px;
		padding-left: 10px;
		background-repeat: no-repeat;
		background-position: right top;
	}
	.forum-quote {
		color: #777777;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.forum-postbody {
		color: #000000;
		padding-bottom: 1em;
	}
	.border,
	.forum-media {
		background-color: #EFEFEF;
		border: 1px solid #CCCCCC;
		padding: 10px;
		margin-bottom: 10px;
	}
	.forum-media {
		display: block;
		margin-top: 10px;
		text-align: center;
	}
	
	form .replypost {
		width: 400px;
		border: 1px solid #999999;
	}
	form table, form table td {
		width: 50%;
		vertical-align: top;
	}

	tr.disabled td {
		background-color: none;
	}

		tr.disabled td,
		tr.disabled td span,
		tr.disabled td a {
			color: #AAA;
		}
	
	/* PRODUCTS */
	.prodbox {
		vertical-align: top;
		padding-bottom: 1ex;
	}
	.prodbox .prodimg {
		border: 1px solid #CCCCCC;
		margin-right: 10px;
	}
	.prodbox .prodcatimg {
		border: 1px solid #CCCCCC;
		margin: 2px;
	}
	.prodbox span {
		float: right;
		margin-right: 1ex;
	}
	table.cart-order td{
		border: 1px solid #CCCCCC;
		margin-right: 2em;
		margin-left: 2em;
		text-align: center;
		width: 33%;
	}

		/* CSS for Kovaa.com - type */
		h3 {
			font-weight: bold;
			margin: 0px 0px 10px;
			padding: 0px;
			text-transform: capitalize;
			color: #4E0A03;
			letter-spacing: 0.1em;
			font-variant: small-caps;
		
		}
		h4,
		h4.nostripe {
			background-color: #F5D394;
			background-repeat: repeat-x;
			vertical-align: middle;
			color: #333333;
			line-height: 18px;
			border: 1px solid #CCCCCC;
			padding-right: 4px;
			padding-left: 4px;
			margin: 0px;
		}
		h4 {
			background-position: right;
			background-image: url(../imgs/h4_bg.jpg);
		}
		h4.nostripe {
			background-image: url(../imgs/h4_tile.jpg);
		}
		h5 {
			color: #333333;
			line-height: 18px;
			margin: 0px;
			font-weight: normal;
		}
		.smallcaps {
			/*font-variant: small-caps;*/
			letter-spacing: 0.1ex;
		}
		.smallcaps-medium {
			/*font-variant: small-caps;*/
			letter-spacing: 0.1ex;
		}
		
		.error {
			color: #660000;
			font-weight: bold;
		}
		.pagenumbers {
			font-weight: bold;
			color: #999999;
		
		}
		#header span.user {
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		#nav span.main {
			width: 150px;
			height: 24px;
			line-height: 24px;
			display: block;
			background: url(../imgs/nav_main_off.jpg);
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-transform: capitalize;
			letter-spacing: 1px;
		}
		
		#nav span.sub-even, #nav span.sub-odd {
			margin: 0px;
			width: 150px;
			padding: 0px;
			line-height: 16px;
			text-transform: capitalize;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #003366;
			display: block;
		}
		#misc h4 {
			text-align: right;
		}
		.GODlevel {
			font-family: Geneva, Arial, Helvetica, sans-serif;
			color: #777777;
			font-weight: bold;
		}
		.discreet,
		.discreet-small,
		.area-descrip-small {
			color: #999999;
		}
		.area-descrip-small {
			padding-left: 4px;
		}
		.indent-medium {
			padding-left: 10px;
		}
		
		/* COLORS */
		
		.green {
			font-weight: bold;
			color: #346738;
		}
		.maroon {
			font-weight: bold;
			color: #4E0A03;
		}

			/* CSS for Kovaa.com - links */
			
			a {
				font-weight: bold;
				text-decoration:none;
				color: #4E0A03;
			}
			a:hover {
				text-decoration:underline;
			}
			a img {
				border: none;
			}
			
			h3 a {
				text-decoration: none;
			}
			h3 a:hover {
				text-decoration: underline;
			}
			
			h4 a {
				text-decoration: none;
				color: #333333;
			}
			
			#header a {
				color: #000000;
				text-decoration: none;
			}
			
			#header a:hover {
				text-decoration: underline;
			}
			#nav span.main a {
				color: #000000;
				text-decoration:none;
				display: block;
				padding:0px;
				height: 100%;
				width: 100%;
				text-indent: 10px;
				margin: 0px;
				font-weight: normal;
				background-image: url(../imgs/nav_main_off.jpg);
			}
			#nav span.main a:hover {
				background-image: url(../imgs/nav_main_on.jpg);
				display: block;
			
			
			}
			#nav span.sub-odd a, #nav span.sub-even a {
				text-decoration:none;
				display: block;
				width: 100%;
				height: 100%;
				color: #222222;
				padding-left: 10px;
				font-weight: normal;
			}
			#nav span.sub-odd a {
				background-color: #EFE0C1;
			/*	background-image: url(../imgs/nav_sub_odd.jpg);*/
			}
			#nav span.sub-even a {
				background-color: #F0D6A3;
			/*	background-image: url(../imgs/nav_sub_even.jpg);*/
			}
			#nav span.sub-odd a:hover, #nav span.sub-even a:hover {
				display: block;
				background-color: #EEEDCE;
				color: #000000;
			/*	background-image: url(../imgs/nav_sub_hover.jpg);*/
			}
			
			tr.msg-read td,
			tr.msg-unread td {
				cursor: hand;			
			}
			
			tr.msg-read td {
				color: #333333;
			}
			tr.msg-unread td {
				color: #69251C;
				font-weight: bold;
			}
			
			.misc-body a,
			.misc-body span.block a,
			tr.msg-read td a {
				color: #333333;
				text-decoration: none;
				font-weight: normal;
			}
			tr.msg-unread td a {
				color: #69251C;
				font-weight: bold;
			}
			.misc-body a:hover,
			.misc-body span.block a:hover,
			tr.msg-read td a:hover,
			tr.msg-unread td a:hover {
				color: #FF9900;
				text-decoration: none;
			}
			.misc-body span.block a,
			tr.msg-read a,
			tr.msg-unread a {
/*				display: block;*/
			}
			table td.title a {
				text-decoration: none;
				color: #4E0A03;
			}
			
			table td.title a:hover {
				text-decoration: underline;
			}
			div.author a {
				text-decoration: none;
				font-weight: bold;
				color: #69251C;
				width: 100%;
				display: block;
			}
			div.author a:hover {
				text-decoration: none;
			}
			.forum-post a {
			/*	float: left;*/
				color: #666666;
			}
			a.hoverborder img {
				border: 1px solid #EFEFEF;
			}
			a:hover.hoverborder img {
				border: 1px solid #666666;
			}
			.link-grey a {
				color: #333333;
				text-decoration: none;
			}
			.link-grey a:hover {
				text-decoration: underline;
			}
			.discreet a,
			.area-descrip-small a,
			a.discreet {
				font-weight: normal;
				color: #999999;
				text-decoration: none;
			}
			.area-descrip-small a.redlink {
				font-weight: normal;
				color: #69251C;
				text-decoration: none;
			}
			.discreet a:hover,
			.area-descrip-small a:hover,
			a.discreet:hover {
				text-decoration: underline;
				color: #69251C;
			}