/* Generic */

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	background-color: #A27548;
	line-height: 150%;
}

form, ul {margin: 0; padding: 0;}

a {color: #000; }
a:hover {color: #000;}
a img {border: none;}

input {margin: 0;}

/* ID's */

/* --- Wrapper */
div#wrapper {
	width: 900px;
	margin: 10px auto;
	padding: 0;
}

/* --- Headers */
div#header {
	padding: 10px 10px 0 10px;
	font-size: 24px;
	background: White;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	position: relative;
	height: 186px;
}
div#header table#banner {width: 480px; height: 80px; position: absolute; left: 350px; top: 40px;}
div#header table#banner td {font-size: 24px; background: White;}
div#mainheader {padding: 20px 5px 5px 5px; font-size: 22px;}
div#mainheader a {text-decoration: none;}

div#submenu { font: 12px Arial; height: 18px; position: absolute; top: 1px; right: 1px; width: 555px; text-align: center; background: url(../images/submenu.gif) no-repeat; }
div#intro { background-color: #FBF8F4; padding: 10px; width: 94%; margin: 20px auto; }
div#submenu a { color: #000; font-weight: bold; text-decoration: none; }

/* --- Ads */
div#ads {padding: 10px; margin: auto; text-align: center;}

/* --- Main table */
table#main {
	margin: 10px 0;
}
table#main td.border {border-left: 1px solid #f0f0f0;}
table#main a {
	display: block;
	padding: 5px;
	font-size: 14px;
	text-decoration: none;
	color: #323232;
}
table#main a:hover {color: White; background: #646464;}
table#main span.details {font-size: 11px; color: #AAAAAA;}

/* --- Columns */
#narrow {width: 255px;}
#narrowr {width: 165px;}
#middle {margin-left: 5px; width: 700px; }
#middler {margin-left: 5px; width: 690px;}
#wide {width: 100%; }

/* --- Menu */
div#menu {font-size: 14px; height: 28px; line-height: 28px; padding: 0 20px;}
ul#menu li {list-style-type: none; display: inline;}
ul#menu li a {
	padding: 5px;
	text-decoration: none;
}

/* --- Side menu */
div#sidemenu {width: 155px; padding: 5px; background: White;}
ul.sidemenu {margin: 0; padding: 0;}
ul.sidemenu li {list-style: none; margin: 0; padding: 3px 5px;}
ul.sidemenu li.title {padding: 5px;}
ul.sidemenu li #current {text-decoration: underline;}
ul.sidemenu li a {text-decoration: none; color: #646464;}
ul.sidemenu li a:hover {text-decoration: underline;}
div.inpanel {margin-bottom: 5px; border: 1px solid #CCCCCC;}
div.inpanel .title {padding: 5px;}

/* --- Main page menu */
div#mainmenu {width: 155px; padding: 5px; background: White;}
ul.mainmenu {margin: 0; padding: 0;}
ul.mainmenu li {list-style: none; margin: 0; padding: 3px 5px;}
ul.mainmenu li.title {padding: 5px;}
ul.mainmenu li #current {background: #969696; color: White;}
ul.mainmenu li a {text-decoration: none; padding: 5px; color: #646464;}
ul.mainmenu li a:hover {}

/* --- Content */
div#content {padding: 5px; background-color: #fff}

/* --- Article */
div#article {padding: 10px 5px;}
div#article #title {}

div#_title {
	margin: 5px;
	font-size: 18px;
}

div#rating {
	margin-top: 5px;
	padding: 5px;
	border-top: 1px dotted #c8c8c8;
}

/* --- Comments */
div#comments {padding: 5px 0;}
div#comments #title {
	padding: 5px;
	font-size: 14px;
	background: #F0F0F0;
	border-top: 1px solid #c8c8c8;
}

/* --- Message */
div#message {
	border-bottom: 1px solid #c8c8c8;
}
div#message #title {
	padding: 5px;
	font-size: 14px;
	background: #F0F0F0;
}
div#message #body {
	padding: 10px;
	background: #FAFAFA;
}
div#message #details {
	padding: 5px;
	font-size: 11px;
	border-bottom: 1px dotted #c8c8c8;
}

/* --- Pagination */
div#pagination {height: 22px; line-height: 22px; padding: 5px 0;}
div#pagination b {
	padding: 2px 5px;
	background: #646464;
	color: White;
	font-weight: normal;
}
div#pagination a {padding: 2px 5px; color: Black; text-decoration: none;}
div#pagination a:hover {background: #646464; color: White;}
div#pagination a.button {
	padding: 5px;
	text-decoration: none;
	color: White;
	background: #646464;
}
div#pagination a.button:hover {background: Black;}

/* --- News */
table#news
{ width: 100%; }

table#news td {
	padding: 5px;
}
table#news span.votes {
	display: block;
	margin-bottom: 2px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	background: url(../images/nws_vote_bg.gif);
}
table#news .photo {margin: 0 5px 5px 0;}
table#news .title {
	padding-top: 0;
	padding-bottom: 2px;
	margin-bottom: 2px;
	font-size: 14px;
	border: none;
	background: white;
}
table#news .title a { color: #f00; }
table#news .details {margin-bottom: 2px;}
table#news .details {margin-bottom: 2px;}
table#news .bottom {padding-bottom: 5px; border-bottom: 1px dotted #c8c8c8;}

table#auction #title {
	font-size: 18px;
}
table#auction p.info {
	margin: 5px;
	font-size: 16px;
}

/* --- Forum */
table#forum
{ width: 100%; }

table#forum td {
	padding: 5px;
}
table#forum .title {
	padding: 0;
	padding-bottom: 1px;
	margin-bottom: 1px;
	font-size: 14px;
	border: none;
	background: white;
}
table#forum .title a { color: #f00; }
table#forum .details {margin-bottom: 2px;}

/* --- Footer */
div#footer {
	font-size: 11px;
	text-align: center;
	color: black;
}
div#footer .links {margin: 10px;}

/* Classes */

/* --- Divider */
div.divider
{
	height: 10px;
	background: url(../images/divider.gif) repeat-x;
}

/* --- Panel */
div.panel {
	margin-bottom: 5px;
	padding: 5px;
	background: White;
}
div.panel .title {
	margin-bottom: 5px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FABF67;
}
div.panel .title a.smaller {
	font-size: 12px;
}
div.panel .links {
	margin-bottom: 5px;
	padding: 5px;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
}

.split {
	width: 285px;
}
.ssplit {
	width: 240px;
}

/* --- News */
div.item {padding: 10px 5px; border-bottom: 1px dotted #c8c8c8;}
div.item .title {background: white;}
div.item .title a {font-size: 16px;}
div.item .title a:hover {color: black;}
div.item .details {margin: 10px 0 0 0; font-size: 12px; color: #646464;}
div.item .details a {}
div.item .excerpt {margin: 10px 0 0 0; font-size: 12px;}

/* --- Classifieds */
div.classified {padding: 5px; border-bottom: 1px dotted #c8c8c8;}
div.classified .title {padding-bottom: 5px; background: White; border: none;}

/* --- Block */
div.block {
	border-bottom: 1px solid #c8c8c8;
}
div.block .title {
	margin-bottom: 10px;
}
div.inpanel .subtitle {
	margin-bottom: 5px;
}
div.block .details {
	margin: 5px 0;
}
div.block .inside {
	margin: 0 5px;
}
div.smallblock {
	margin-bottom: 1px;
	padding: 3px;
	background: #F5F5F5;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

/* --- Page title */
div.pagetitle {
	padding: 5px;
	font-size: 22px;
	color: #323232;
	background: #F5F5F5;
	border: 1px solid #c8c8c8;
}

/* --- Title - general */
div._title {
	padding: 10px;
	font-size: 16px;
	color: #969696;
}

a.button {
	padding: 5px;
	text-decoration: none;
	color: White;
	background: #646464;
}
a.button:hover {
	color: White;
	background: Black;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.red {color: Red;}

.small {width: 50px;}
.middle {width: 150px;}
.big {width: 400px;}
.large {width: 600px;}
textarea.comment {width: 480px;}

div.inner {
	width: 278px;
}
/* --- Messages */
.info_message {
	margin: 1px 0px 10px 0px;
	padding: 10px;
	color: #556B2F;
	background: #B5D86D;
}
.error_message {
	margin: 1px 0px 10px 0px;
	padding: 10px;
	color: White;
	background: #DD0000;
}
.app_message {
	padding: 20px;
	text-align: center;
	color: #646464;
}

.alternate {background: #F5F5F5;}

div#colorpicker {
	background-color: #F0F0F0;
	border: 1px solid #969696;
	padding: 5px;
	position: absolute;
}
div#colorpicker p {
	text-align: center;
	margin: 0px 0px 3px 0px;
	padding-top: 3px;
	border-top: 1px solid #969696;
}
.photo, .mrphoto {
	padding: 1px;
	background: White;
	border: 1px solid #969696;
}
.mrphoto {margin: 0 5px 0 0;}

input.button {
	width: auto;
	height: 22px;
	line-height: 18px;
	margin: 0 5px 0 0;
	padding: 0 5px;
	overflow: visible;
	font-size: 14px;
	cursor: pointer;
	color: White;
	background: #646464;
	border: none;
}
.button:hover {background: Black;}

p.imgcaption {
	margin: 0 5px;
}
p.small {
	width: auto;
	margin: 4px 0;
}

ul.side li {
	padding: 4px 5px;
	list-style-type: none;
}

div#video_details {
	width: 390px;
	padding: 0px 10px;
}
div#video_details #description {
	margin: 5px 0;
	padding: 5px;
	min-height: 200px;
	border: 1px solid #c8c8c8;
}
div#video_details #description textarea {
	border: none;
	width: 100%;
	min-height: 200px;
}

div#related_videos {width: 400px; min-height: 765px; }
*html div#related_videos {height: 765px;}

/* --- Comments */
div#comments { width: 430px; min-height: 765px;}
*html div#comments {height: 765px;}
div#comments #message {
	margin: 5px;
	padding: 5px;
	text-align: center;
	color: #969696;
}
div#comment {margin: 0 0 5px 0; background: White; border-bottom: 1px dotted #c8c8c8;}
div#comment #author {background: #F5F5F5; padding: 5px;}
div#comment #body {padding: 5px; font-size: 14px;}
div#newcomment {margin: 10px 0 5px 0;}
div#newcomment textarea {width: 360px;}
*html div#newcomment textarea {width: 478px;}

.smallfont {
	font-size: 11px;
}

.biglink {
	margin: 5px 0;
}
.biglink a {
	font-size: 16px;
	font-weight: bold;
}

p.online {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
	color: #009933;
}

div#rateme {
	padding: 5px;
}
div#rateme #user {
	margin-bottom: 5px;
	font-size: 18px;
}

.month {
	margin-top: 1px;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	color: Black;
	background: #C8C8C8;
	border-bottom: 1px dotted #c8c8c8;
}

#preview {
	padding: 5px;
	background-color: White;
}

div#notice {
	position: absolute;
	width: 300px;
	padding: 5px;
	color: Black;
	background: #FFF8D4;
	border: 1px solid #646464;
}
div#notice a {
	color: #4682B4;
}
div#notice #link {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #969696;
}
div#notice #link a {
	text-decoration: none;
}

div#upichover {
	position: absolute;
	padding: 5px;
	background: White;
	border: 3px solid #646464;
}

tr.gray
{
	background-color: #f5f5f5;
}