/* *********************************************************************************** */
@import url('site_header.css');
@import url('site_footer.css');
body, html {
  height: 100%;
}
body {
    margin: 0;
    padding: 0;
    margin: 0;
    background:#adadad;
    color:black;
    font-family: Verdana, sans-serif;
    font-size: 75%;
    text-align: center;
}

#main_container{
    width: 1004px;
    border-right: solid 1px #aeadad;
    background:#fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#head{
    height: 220px;
    background: url(../img/design/head.jpg) no-repeat;
}

#base_content
{
   text-align: justify;
}

#left{
    width: 330px;
    float: left;
}

#center{
    width: 33%;
    float:left;
}

#right{
    width: 34%;
    float: right;
}

#main {
    float:left;
    padding: 10px 10px 10px 10px;
    width: 630px;
    text-align: justify;
    border-right: 1px solid #dddddd;
    
}

#addon {
    float:left;
    padding: 5px 5px 5px 5px;
    width: 334px;
    margin-left: 5px;
}

.full_block {
    padding: 10px 20px 10px 20px;
    clear: both;
    width: 950px;
}

/* *********************************************************************************** */


/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}

h1, h2, h3, h4, h5, h6 {
	font-family: arial, "Times New Roman", Times, serif;
	color: #666;
	font-weight: normal;
	text-align: left;
}

h1 {
	border-bottom: 2px solid #C4C4C4;
	margin: 0 0 10px 0;
	font-size: 26px;
}

h2{
	font-size: 18px;
}
h3{
	font-size: 14px;
}
h4, h5{
	font-size: 10px;
}

h3, h4, h5, h6 {
	margin: 0 0 0 0;
}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}
form {
  margin:0;
  padding:0;
}
/* LISTS */
ul {margin: .3em 0 0.5em 0;list-style-type:none}
    ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 0.4em;padding-left: 0;background: none; list-style-type: decimal}
li {margin: 0;padding: 0;}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}
/* LINKS */
a:link {color: #778899;
}
a:visited {color: #778899;
}
a:active {color: #778899;
}
a,a:link,a:visited,a:active {text-decoration:none;cursor:pointer}
a:hover {
    text-decoration: underline;
	 color: Orange;
}

.terminator {
clear: both;
}

/*LAYOUTS*/

.item_pre{
    margin: 0 0 10px 0;
}

.item_pre UL, .item_pre.LI{
    margin: 0;
    padding: 0;
}

.item_pre_date{
    font-weight: bold;
    font-size: 10px;
    color: #ed793b;
	 margin-bottom: 10px;
}

.item_date{
    font-weight: bold;
    font-size: 10px;
    color: #ed793b;
}
.item_text{
    margin: 10px 0;
}

.item_separator {
	width: 500px; 
	height: 5px; 
	border-bottom: 1px dotted #bbb;
	clear:both; 
	text-align: center;
	margin: 0 0 10px 0;
}

.blue_block {
    background: #cceaec;
}

#producers {
 background-color: #5d5d5d;
 margin: 0;
 padding: 0;
}

#hardtypes {
 background-color: #5d5d5d;
 margin: 0;
 padding: 0;
}

/*******************************************************************************/
#paginator {
    font: Gorgia, Lucida Grande, Verdana, Geneva, Sans-serif;
    text-decoration: none;
    color: #EE8B16;    
}

#paginator a {
    text-decoration: none;
    color: #EE8B16;
}

#paginator a:hover {
    text-decoration: none;
    color: #EE8B16;
}

#paginator a:visited {
    text-decoration: none;
    color: #EE8B16;
}
/*******************************************************************************/
#download_form {
    width: 220px;
    height: 220px;
    background: transparent url(../img/design/file_download_form_back.png) no-repeat top left;
    color: #ed793b;
    text-align: center;
    padding: 10px 0 0 0;
}

.arrow_black
{
   width: 83px;
   height: 68px;
   background: transparent url(../img/design/arrow_on_black.png) no-repeat top left;
   color:transparent; 
}
/**************  Navigation ***************/
.nav_inner {
 background-color: transparent;
 padding: 8px 12px 0 20px;
 margin: 0;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 70%;
}

.nav_inner ul {
 list-style-image: url(../img/design/arrow.gif);
 padding: 0 0 0 18px;
 margin: 8px 0 12px 0;
}
.nav_inner li {
 padding: 0;
 margin: 0 0 4px 0;
}

.nav_inner a {
 color: #000;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}

.nav_inner a:visited {
 color: #000;
 background-color: transparent;
 text-decoration: none;
}

.nav_inner a:hover {
 color: #000;
 text-decoration: underline;
 background-color: transparent;
}
/**/

.link_table {
 background-color: #000;
 padding: 8px 12px 0 20px;
 margin: 0;
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 70%;
}

.link_table a {
 color: #fff;
 background-color: transparent;
 text-decoration: none;
 font-weight: normal;
}

.link_table a:visited {
 color: #fff;
 background-color: transparent;
 text-decoration: none;
}
.link_table a:hover {
 color: rgb(0,204,51);
 text-decoration: underline;
 background-color: transparent;
}

.featurebox {color:rgb(204,102,0);font-size:85%;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6;}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #708090;color: #708090;
}
.featurebox p {border:none;margin: 0 0 1em;color:#444}
.featurebox a {font-weight:bold}

.model_list {
    background: url(../img/design/model_list_bg.png) repeat-x bottom left;
    clear: both;
}

/* HEADLINES */
#headlines {
padding: 0 0 20px;
margin: 20px 0 20px 0;
color: #444;
}

#headlines .stamp
{
    color: #5F9EA0;
    margin-bottom: 0px;
    font-family: verdana;
    font-size: 80%;
}

#headlines .topics
{
   color: #949494;
   margin-bottom: 20px;
   font-family: verdana;
   font-size: 80%;
}

#main p.code {
    border: 1px solid #000;
    background: #FFFFCC;
    font: Courier, Sans-serif;
    font-size: 85%;
    text-align: left;
    padding: 5px 5px 5px 10px;
}
.name {
	font-weight: 600
}

#content {
	line-height: 140%;
	width: 100%
}

#content ul li {
	list-style: disc;
}

.clr {clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important}
.stamp {
	width:100%; overflow:hidden
}
.info {font-size:11px; padding-top:3px; color:#696969; padding-bottom:7px}
.info .dt {float:left; color: #696969; padding:3px 6px 3px 8px; background-color:#dfe4e8}
.info .rate {
	float: left;
	padding: 3px 14px 3px 11px;
	border-right: 1px solid #dfe4e8;
	vertical-align: text-top;
}
.info .rate img {vertical-align:top; margin-top:4px}
.info .author {float:left; padding:3px 11px; }
.info .edit {float:left; padding:3px 14px 3px 11px; border-left:1px solid #dfe4e8}
.info .comments {
	float: left;
	padding: 3px 11px 3px 7px;
	color: #696969;
}
.info .comments img {vertical-align:top; margin-top:2px; margin-right:3px}
a.more {
	font: Georgia;
}
/* HOMEPAGE */
.board {padding:8px 12px 0 10px; background:url(../img/design/rc_mid_r.gif) top right repeat-y; border-left:1px solid #dfdfdf; text-align: left}
.board ul {list-style:none; margin-top:12px;}
.board li {padding:0 0 12px;}
.board ul a h5 {font-weight:normal; font:normal 12px/15px verdana;}
.board ul a h5 img {margin:0 0 -1px 4px;}
.board ul .credit {font:normal 12px/15px verdana; color:#999;}
.board h3 {color: #FF8C00; font-size:16px; }
.boardby {color:#999; font:normal 10px verdana;}
.boardTop {height:11px; background:url(../img/design/rc_top.gif) left top repeat-x;}
.boardTopL {height:11px; width:14px; float:left; background:url(../img/design/rc_top_l.gif) left top no-repeat;}
.boardTopR {height:11px; width:14px; float:right; background:url(../img/design/rc_top_r.gif) right top no-repeat;}
.boardBot {height:16px; background:url(../img/design/rc_bot.gif) left top repeat-x;}
.boardBotL {height:16px; width:17px; float:left; background:url(../img/design/rc_bot_l.gif) left top no-repeat;}
.boardBotR {height:16px; width:17px; float:right; background:url(../img/design/rc_bot_r.gif) right top no-repeat;}

.addon_adv {
    text-align: center;
    margin: 5px 0 5px 0;
	 
}

#last_news_box {
	background: #EDF4F8;
	padding:8px 12px 20px 10px;
	text-align: left;
}

#articles_box {
    background: #edeee8;
    padding: 5px 10px 5px 10px;
}

#articles_box h1, #articles_box h2 {
    color: #000;
    border-bottom: 1px solid #9E9C9A;
}

#articles_box h3 {
	font-weight: bold; 
}

#news_box {
	background: #F8F8FF;
	padding: 5px 5px 5px 5px;
}

#news_box h1, #news_box h2 {
    color: #000;
    border-bottom: 1px solid #9E9C9A;
}

#forum_box {
	background: #F5F5F5;
	padding: 10px;
}

#forum_box p.row1
{
	background: #fff;
}

#forum_box .row1
{
	background: #EDF4F8;
	padding: 2px 0 2px 0;
	width: 300px;
}

#forum_box .row2
{
	padding: 2px 0 2px 0;
	width: 300px;
}

#forum_box h1, #forum_box h2 {
    color: #000;
    border-bottom: 1px solid #9E9C9A;
}

#drivers_box {
	background: #F5F5F5;
	padding: 2px 2px 2px 5px;
	border-left: 1px solid #fafafa;
}
#drivers_box h1, #drivers_box h2 {
    color: #000;
    border-bottom: 1px solid #9E9C9A;
}

#drivers_box h4, #drivers_box h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.warning {
	background: url(../img/design/warning.gif) no-repeat top left;
	height: auto;
	width: 450px;
	padding: 0px 5px 5px 50px;
	margin-top: 10px;
	color: #FF6347;
	font-size: 11px; 
}
.warning2 {
	background: url(../img/design/warning.gif) no-repeat top left;
	height: auto;
	width: 550px;
	padding: 0px 5px 5px 50px;
	margin-top: 10px;
	color: #000;
	font-size: 11px; 
	clear:both;
}

.dark {
	background: #FAF0E6;
}
.light {
	background: White;
}

.code {
	color: Black;
	font-family: "Courier New", Courier, monospace;
	background: #FFF8DC;
	padding: 10px 10px 10px 10px;
	width: 100%;
	border: 1px solid black;
}
