/*
Theme Name: Diesel
Version: 1.0
Author: Leon Lloyd [roofdog]
Author URL: http://www.xenthemes.com
*/


html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,code,del,dfn,em,font,img,q,s,strike,fieldset,label,legend,caption,tfoot,th {
border:0;
outline:0;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
background:#121212 url(images/bg.png) repeat-y 50% 50%;
color:#222;
font:13px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-weight:400;
line-height:1.4em;
text-align:left;
}


/*** LINKS ***/

a {
color:#121212;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

:focus {
outline:0;
}


/*** TYPOGRAPHY ***/

h1 {
font:26px "Trebuchet MS", Tahoma, Arial, sans-serif;
margin:0;
padding:0;
}

h2 {
font:24px "Trebuchet MS", Tahoma, Arial, sans-serif;
font-weight:700;
margin:0;
padding:0;
}

h3 {
color:#FF0000;
font:14px "Trebuchet MS", Tahoma, Arial, sans-serif;
font-weight:700;
margin:0;
padding:10px;
}

h4 {
font:18px "Trebuchet MS", Tahoma, Arial, sans-serif;
font-weight:700;
margin:0;
padding:0;
}

h5 {
font:16px "Trebuchet MS", Tahoma, Arial, sans-serif;
font-weight:700;
margin:0 0 10px;
padding:0;
}

#header h1 {
text-indent:-2500px;
}

.newswrap h2 a {
color: #121212;
text-decoration:none;
}

.newswrap h2 a:hover {
text-decoration:underline;
}

.bold {
font-weight:700;
}

.italic {
font-style:italic;
}

.button,.tbox {
font:12px "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande","Lucida Sans";
}

em {
font-style: normal;
}


/*** LAYOUT ***/

.wrap {
width:920px;
position:relative;
margin:0 auto;
padding:0 20px;
}

#header {
background:#121212 url(images/top-bg.png) repeat-x 50% 0;
float:left;
width:100%;
height:290px;
margin:0;
padding:0;
}

#content {
background:url(images/mid-bg.png) no-repeat 50% 0;
color:#111;
float:left;
width:100%;
height:100%;
margin:0;
padding:0;
}

#footer {
float:left;
width:100%;
margin:15px 0 0 0;
padding:0;
}


/*** COLUMNS ***/

#column1 {
float:left;
width:200px;
margin:10px;
padding:0;
}

#column2 {
float:left;
font-size:13px;
width:472px;
margin:10px;
padding:0;
}

#column3 {
float:left;
width:180px;
margin:10px;
padding:0;
}

#column4 {
float:left;
width:672px;
margin:10px;
padding:0;
}

.column5 {
float:left;
width:672px;
margin:10px 10px 0 10px;
padding:0;
}

.column6 {
float:left;
width:892px;
margin:10px;
padding:0;
}


.footcolumn {
float:left;
width:208px;
margin:10px;
padding:0;
}

.disclaim {
clear:both;
width:100%;
font-size:11px;
text-align:center;
margin:20px 0;
}


/*** MENUS ***/

.menubox {
background:url(images/menu-bg.png) repeat-x 100% 100%;
width:100%;
border:4px solid #D7D7D7;
margin:0 0 10px;
padding:0;
}

.menubox2 {
background:url(images/menu-bg2.png) repeat-x 100% 100%;
width:100%;
border:4px solid #D7D7D7;
margin:0 0 10px;
padding:0;
}

.mcontent {
padding:10px;
}


/*** NAVIGATION ***/

.nav {
position:absolute;
left:0;
top:162px;
}

.nav ul {
font-size:15px;
font-weight:700;
text-transform:uppercase;
margin:0;
padding:0 0 0 20px;
list-style:none;
}

.nav li {
float:left;
background:url(images/nav-l.png) no-repeat left top;
margin-right:2px;
padding:0 0 0 5px;
}

.nav a {
float:left;
display:block;
background:url(images/nav-r.png) no-repeat right top;
padding:13px 15px 6px 10px;
text-decoration:none;
color:#FFFFFF;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.nav a {
float:none;
}

/* End IE5-Mac hack */
.nav a:hover {
color:#121212;
text-decoration:none;
}

div.nav li:hover, div.nav li.sfhover {
background: url(images/nav-l-hov.png) no-repeat left top;
}

div.nav li:hover a, div.nav li.sfhover a {
background: url(images/nav-r-hov.png) no-repeat right top;
color: #121212;
}

div.nav li.active a {
background:url(images/nav-r-hov.png) no-repeat right top;
color: #121212;
}

div.nav li.active {
background:url(images/nav-l-hov.png) no-repeat left top;
}

#vnav ul {
font-size:15px;
font-weight:700;
text-transform:uppercase;
margin:0 auto;
padding:0;
list-style:none;
}

#vnav li {
float:left;
}

#vnav a {
float:left;
display:block;
background:url(images/v-nav.png) no-repeat right top;
text-decoration:none;
color:#FFFFFF;
width:185px;
height:40px;
line-height:40px;
padding-left:15px;
}

#vnav a:hover {
background:url(images/v-nav-hov.png) no-repeat right top;
color:#121212;
}

#vnav li.active {
background:url(images/v-nav-hov.png) no-repeat left top;
}


/***  BANNER  ***/

.banner {
position:absolute;
top:55px;
right:0;
}


/*** SOCIAL BUTTONS ***/

#barlinks {
position:absolute;
top:200px;
right:20px;
font-size:12px;
font-weight:900;
}

#barlinks img {
vertical-align:middle;
}

#barlinks span {
padding-top:3px;
margin-left:10px;
}


/*** LOGIN ***/

#xlogin {
position:absolute;
top:245px;
left:20px;
}

#xlogin .tbox {
width:162px;
color:#ABABAB;
}

#xlogout {
position:absolute;
top:250px;
left:30px;
color:#FFF;
}


/*** SEARCH ***/
xsearch {
background:url(images/searchbg.png) no-repeat top left;
position:absolute;
top:245px;
right:20px;
padding-left:30px;
}

#xsearch .tbox {
width:195px;
color:#999;
}

.sbutton {
width: 28px;
height: 28px;
border: 0px;
margin-left:7px;
vertical-align: middle;
}


/*** NEWS ***/

.newswrap {
float:left;
width:100%;
margin:10px 0;
}

.newswrap h2 {
clear:both;
padding:10px;
}

.newsinfo {
float:left;
width:100%;
font-size:12px;
font-weight:700;
background:#F4F4F4;
padding:10px 0;
border:4px solid #D7D7D7;
}

.newsinfo span {
padding:0 10px;
}

.newsicons {
width:100%;
padding-bottom:15px;
}

.newsicons img {
margin-right:10px;
}

.newscontent {
float:left;
margin:20px 0 0;
}

.newsextend {
clear:both;
margin-top:10px;
}

.newsextend span {
background: #F4F4F4;
float:right;
font-weight:700;
padding:6px 10px;
border:4px solid #D7D7D7;
}

.newsimg {
float:left;
margin-right: 10px;
margin-bottom: 5px;
background:#D7D7D7;
border: 4px solid #D7D7D7;
}

.othernews {
float:left;
width:100%;
margin:10px 0;
}

.othernews h2 {
font-size:16px;
}

.othernews span {
font-size:12px;
font-style:italic;
margin:5px 0;
}


/*** CORE ***/

.tbox {
background:#FFF url(images/tbox.png) repeat-x;
width:auto;
border:1px solid #444;
margin:1px 0;
padding:1px 2px;
}

.helpbox {
background:#FFF url(images/tbox.png) repeat-x;
width:90%;
border:1px solid #444;
margin:5px 0;
padding:4px 6px;
}

.button {
background:#121212 url(images/button.png) repeat-x;
color:#FFF;
font-weight:700;
text-decoration:none;
border:1px solid #121212;
padding:4px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.button:hover {
color:#FF0000;
cursor:pointer;
text-decoration:none;
}

a .button {
text-decoration:none;
}

.indent {
font:12px Georgia,"Times New Roman",Times,serif;
color: #444;
margin:10px;
padding:10px;
border-left: #AFAFAF solid 4px;
}

div.code-box {
font:12px Georgia,"Times New Roman",Times,serif;
color: #444;
margin:10px;
padding:10px;
border-left: #DCDCDC solid 4px;
}

div.code-box ol {
margin:0;
padding:0 10px;
}

div.code_highlight {
white-space:normal;
}

.clear {
clear:both;
}

.clearspace {
clear:both;
height:15px;
width:100%;
}


/*** NEXTPREV ***/

.nextprev {
clear:both;
text-align:right;
font-weight:bolder;
text-transform:uppercase;
margin:20px 0 0;
}

.nextprev_link {
background:#AFAFAF;
color:#FFF;
text-decoration:none;
padding:5px 10px;
}

.nextprev a {
color:#FFF;
text-decoration:none;
}

.nextprev a:hover {
background:#464646;
color:#FFF;
text-decoration:none;
}

.nextprev_current {
background:#EBEBEB;
cursor:default;
border:1px solid #DCDCDC;
padding:4px 9px;
}


/*** FORUM ***/

.fborder {
margin:0;
padding:0;
}

.fborder2 {
border:1px solid #EBEBEB;
margin:6px;
padding:4px;
}

.fcaption {
font-weight:700;
padding:6px;
}

.forumheader {
font-size:20px;
background:#AFAFAF;
font-weight:700;
color:#FFF;
margin:0 0 15px;
padding:10px;
}

.forumheader2,.forumheader4 {
border-bottom:1px solid #AFAFAF;
padding:15px 10px;
}

.forumheader3 {
background:#EBEBEB;
border:1px solid #D7D7D7;
padding:10px;
}

.finfobar {
border-bottom:1px solid #AFAFAF;
border-left:1px solid #AFAFAF;
border-right:1px solid #AFAFAF;
padding:10px;
}

.searchhighlight {
text-decoration:underline;
color:red;
font-weight:bolder;
}


/***  CHATBOX  ***/

.chat {
margin:0 0 15px 0;
}

.chatinfo {
float:left;
width:100%;
font-size:12px;
font-weight:700;
background:#F4F4F4;
}

.chatinfo span {
padding:5px;
}

.chattext {
font-size:0.9em;
margin-top:10px;
}


/***  COMMENTS  ***/

#comment_box {
width: 100%;
border: 1px solid #D7D7D7;
margin-bottom: 20px;
background: #FFFFFF;
}

.comment_wrap {
margin: 10px
}

.comment_head {
padding-bottom: 10px;
border-bottom: 1px solid #D7D7D7;
}

.comment_head h3 {
color: #121212;
}

.comment_head a {
color: #121212;
}

.comment_head a:hover {
color: #FF0000;
}

.comment_date {
font-size: 11px;
font-weight: bold;
}

.comment_text {
padding: 10px;
}

.comment_reply {
text-align: right;
}