/*
Theme Name: Whitespace - orange/dark
Version: 1.1
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 {
color: #515151;
background: #262626 url(images/dark/header_bg_dk.png) no-repeat top center;
font: 14px/20px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

a {
color: #FF8A00;
text-decoration: none;
}

a:hover {
color: #FF8A00;
text-decoration: underline;
}

/* WRAP */

#wrap {
width: 960px;
margin: 0 auto;
padding: 0px;
height: 100%;
}

#footer_wrap {
clear: both;
background: #131313;
width: 100%;
margin: 0px;
padding: 0px 0px 15px 0px;
border-top: 1px solid #494949;
}

/**********  HEADER CLASSES  **********/

#xtop {
height: 47px;
width: 960px;
text-align: right;
margin: 10px 20px 0 0;
/*border: 2px solid #515151;*/
padding: 0;
}

#xheader {
width: 960px;
margin: 0px;
padding: 0px;
}

#xlogo {
float: left;
height: 120px;
}

/* LOGIN */

#xlogin {
float: right;
margin-top: 10px;
color: #494949;
font-size: 14px;
height: 39px;
}

#xlogin .tbox {
background: #131313;
border: 1px solid #313131;
padding: 5px 40px 6px 6px;
font-size: 14px;
color: #494949;
width: 175px;
margin: 0px;
}

#xlogin .button {
width: 81px;
height: 30px;
background: url(images/dark/l_button_dk.png) no-repeat;
color: #515151;
font: 15px Arial, Helvetica, sans-serif;
font-weight: bold;
border: none;
margin: 0px;
}

#xlogin .button:hover {
background: transparent;
color: #FFFFFF;
text-decoration: none;
}

#xloggedin {
float: right;
margin-top: 10px;
color: #494949;
font-size: 15px;
height: 39px;
}

/* NAVIGATION */

/* CSS DROP DOWN MENU */

div.menuBar {
*margin-top: 9px;
margin-left: 0px;
margin-right: 0px;
}

div.dropSep {
height: 10px;
width: 1px;
}
 
#nav li.fs-linkSep {
background-image: none;
}

#nav, #nav ul { 
padding: 0;	
margin: 0;
list-style: none;
line-height: 36px;
cursor: pointer;
}

/* all list items */
#nav li { 
float: left;
margin: 0px 0px 0px 0px; 
}

/* TOP LEVEL */

#nav li.sfhover, #nav li:hover {
cursor: pointer;
}

/* ACTIVE LINK */
#nav li#active {
cursor: pointer;
}

#nav li#active a {
color: #F2A812;
background: url(images/dark/nav_hov_dk.png) center bottom repeat-x;
}

#nav li a {
color: #cccccc;
padding: 74px 15px 0px 15px;
display: block;
text-decoration: none;
font-size: 14px;
font-weight: bold;
background-position: 100% 0;
background-repeat: no-repeat;
}

#nav a:hover, #nav li.sfhover a, #nav li:hover a{
display: block;
text-decoration: none;
color: #f2a812;
background: transparent url(images/dark/nav_hov_dk.png) center bottom repeat-x;
}

/* LEVEL 2 */
#nav li li a {
color: #494949;
margin-left: 0px;
display:block;
padding: 0;
text-decoration: none;
font-size: 14px;
font-weight: bold;
float: none;
padding-left: 15px;
width: 155px;
}

#nav li ul { /* second-level lists */
position: absolute;
z-index: 1000;
width: 170px;
left: -999em;
background: transparent url(images/navsub_bg.png) center center repeat-x;
}

#nav li ul ul { /* third-and-above-level lists */
margin: -36px 0 0 170px;
background-image: none;
}

#nav li.fs-linkSep, #nav li.fs-linkSep:hover  {
background-color: transparent !important;
}

#nav li:hover li:hover, #nav li.sfhover li.sfhover {
background: #131313;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
background-image: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
background-image: none;
}

/*---------------------------------------------------*/

.footnav ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.footnav a {
float: none;
}
/* End IE5-Mac hack */

.footnav li {
float: left;
margin: 0;
padding: 0;
}

.footnav li a {
float: left;
display: block;
text-decoration: none;
font: 13px Arial, Helvetica, Sans-serif;
font-weight: 400;
padding: 5px 0px 0px 0px;
margin: 0px 12px;
color: #494949;
}

.footnav li a:hover {
color: #FFFFFF;
}

.footnav li.active2 a {
color: #FFFFFF;
}

/*********** CONTENT CLASSES ***********/

#xcontent {
float: left;
width: 960px;
margin: 0px 0px;
line-height: 1.3em;
}

#xleftside {
width: 760px;
float: left;
margin: 10px 0px;
padding: 0px;
}

#newsbox {
background: #FFFFFF;
width: 520px;
float: left;
margin: 10px 10px;
padding: 0px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*#newsbox .top {
background: url(images/dark/news_top_dk.png) no-repeat;
width: 460px;
height: 30px;
margin: 0px;
padding: 0px;
}

#newsbox .middle {
background: url(images/dark/news_middle_dk.png) repeat-y;
width: 460px;
height: 100%;
margin: 0px;
padding: 0px;
}

#newsbox .bottom {
background: url(images/dark/news_bottom_dk.png) no-repeat;
width: 460px;
height: 40px;
margin: 0px;
padding: 0px;
}*/

#pagebox {
background: #FFFFFF;
width: 740px;
float: left;
margin: 10px 10px 10px 0px;
padding: 0px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*#pagebox .top {
background: url(images/dark/page_top_dk.png) no-repeat;
width: 700px;
height: 30px;
margin: 0px;
padding: 0px;
}

#pagebox .middle {
background: url(images/dark/page_middle_dk.png) repeat-y;
width: 700px;
height: 100%;
margin: 0px;
padding: 0px;
}

#pagebox .bottom {
background: url(images/dark/page_bottom_dk.png) no-repeat;
width: 700px;
height: 40px;
margin: 0px;
padding: 0px;
}*/

#fullpagebox {
background: #FFFFFF;
width: 940px;
float: left;
margin: 10px 10px 0px 0px;
padding: 0px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*#fullpagebox .top {
background: url(images/dark/fullpage_top_dk.png) no-repeat;
width: 940px;
height: 30px;
margin: 0px;
padding: 0px;
}

#fullpagebox .middle {
background: url(images/dark/fullpage_middle_dk.png) repeat-y;
width: 940px;
height: 100%;
margin: 0px;
padding: 0px;
}

#fullpagebox .bottom {
background: url(images/dark/fullpage_bottom_dk.png) no-repeat;
width: 940px;
height: 40px;
margin: 0px;
padding: 0px;
}*/

#centcolumn {
width: 219px;
float: left;
margin: 10px 0px;
color: #cccccc;
font: 12px Helvetica, Arial, sans-serif;
border-right: 1px solid #313131;
}

#xrightside {
width: 180px;
float: right;
margin: 20px 10px;
color: #cccccc;
font: 12px Helvetica, Arial, sans-serif;
}

/* NEWS */

.xnews_wrap {
margin: 0px;
padding: 0px;
}

.xnews_caption {
clear: both;
padding: 10px 20px;
}

.xnews_content {
padding: 20px;
}

.xnews_image a {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

.xnews_info {
margin: 0px 20px;
font-size: 11px;
border-bottom: 1px solid #DCDCDC;
}

.xnews_info a {
color: #515151;
text-decoration: none;
}

.xnews_info a:hover {
color: #FF8A00;
text-decoration: none;
}

.xnews_info2 {
padding: 5px 20px 20px 20px;
}

.xnews_ext {
background: url(images/arrow_but.png) no-repeat;
float: right;
width: 130px;
height: 26px;
margin-top: 10px;
padding-top: 2px;
}

.xnews_ext a {
color: #515151;
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 22px;
}

.xnews_ext a:hover {
color: #FF8A00;
text-decoration: none;
}

.xnews_date {
background: url(images/newsdate.png) no-repeat;
color: #FFFFFF;
font-weight: bold;
font: 15px "Myriad Pro",Helvetica,Arial,sans-serif;
width: 77px;
height: 20px;
line-height: 20px;
padding-left: 10px;
margin-bottom: 10px;
}

.xnews_tags {
background: url(images/tag_orange.png) no-repeat top left;
font-size: 11px;
margin: 5px 20px 0px 20px;
padding-left: 25px;
}

.newscath {
font-weight: bold; 
margin-bottom:6px;
text-align:left;
vertical-align: top;
}

/* MENUS */

.plainbox {
margin: 0px 0px 0px 0px;
padding: 0px;
}

.plainbox2 {
width: 300px;
margin: 10px;
padding: 0px;
}

.menubox_left {
width: 180px;
margin: 0px 1px 0px 0px;
padding: 0px;
}

.menubox_right {
width: 200px;
margin: 0px;
padding: 0px;
}

.pagebox_menu {
margin: 0px 10px;
padding: 0px;
}

.caption {
margin: 0px;
padding: 10px 0px;
border-bottom: 1px solid #494949;
}

.caption2 {
margin: 0px;
padding: 10px 0px;
}

.pagebox_caption {
margin: 0px;
padding: 10px 0px;
border-bottom: 1px solid #DCDCDC;
}

.content {
margin: 0px;
padding: 2px 0px;
}

/* SIGNUP */

#xsignup {
width: 220px;
height: 31px;
background: url(images/signup_but.png) no-repeat top center;
margin-bottom: 30px;
text-align: center;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
padding-top: 9px;
}

#xsignup a {
color: #FFFFFF;
}

#xsignup a:hover {
color: #131313;
text-decoration: none;
}

#xmember {
width: 220px;
background: #131313;
border: 1px solid #494949;
padding: 10px 0px;
margin-bottom: 30px;
text-align: center;
}

#xmember a img {
margin: 3px;
}

/* SEARCH */

#search_wrap {
width: 180px;
height: 35px;
margin-bottom: 20px;
}

#search_wrap #q {
float: left;
background: #232323;
border: 1px solid #313131;
padding: 5px 40px 6px 6px;
font-size: 14px;
color: #494949;
width: 134px;
}

#search_wrap #button {
float: right;
top: -33px;
height: 35px;
width: 36px;
background: url(images/search.png) no-repeat 0 0;
border: none;
cursor: pointer;
z-index: 1;
position: relative;
}

/*************  FOOTER  ************/

#xfooter {
clear: both;
width: 960px;
margin: 0px auto;
padding: 10px 20px 20px 20px;
color: #515151;
font: 13px Helvetica, Arial, sans-serif;
}

.footbot {
clear: both;
padding: 10px;
}

/**********  CORE CLASSES  **********/

h1 {
font: 24px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #303030;
}

h2 {
font: 30px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #303030;
}

h3 {
font: 22px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}

h4 {
font-size: 17px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h5 {
font: 24px "Myriad Pro",Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 10px;
color: #303030;
}

:focus {
outline: 0;
}

ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}

.tbox, .helpbox{
background: transparent;	
border: 1px solid #DCDCDC;
padding: 3px;
width: auto;
font: 12px Helvetica, Arial, Verdana, sans-serif;
margin: 4px 0;
color: #515151;
}

#centcolumn .tbox {
border: 1px solid #313131;
color: #cccccc;
}

#xrightside .tbox {
border: 1px solid #313131;
color: #cccccc;
}

.indent {
background: #fff79f;
border: #313131 1px solid;
padding: 10px;
margin: 8px;
}

.bquote {
background: #df8453;
border: #313131 1px solid;
padding: 10px;
margin: 8px;
}

.button {
background: #131313;
color: #FFFFFF;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
border: 0;
padding: 2px 4px;
margin: 4px 1px;
}

.button:hover {
background: transparent;
color: #515151;
cursor: pointer;
}

div.code-box {
border: 1px dashed #515151;
margin: 20px;
padding: 15px;
color: #303030;
background: #EBEBEB;
font-size: 0.9em;
letter-spacing: 0.1em;
}

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

div.code_highlight {
white-space: normal;
}

a img{
border: 0px;
}

.align-right {
float:right; margin: 0 0 5px 5px;
}

.align-left {
float:left; margin: 0 5px 5px 0;
}

.clear {
clear: both;
}

.smalltext, .smallblacktext {
font: 11px Arial, Helvetica, Sans-serif;
}

.xchatbox .tbox {
width: 200px;
}

/**************  FBOX  ************/

#fbox {
background: url(images/dark/fbox_bg_dk.png) no-repeat;
width: 700px;
height: 210px;
margin: 0px 0px 0px 10px;
border: 1px solid #494949;
}

div#promos div.scroller { 
width: 630px;
height: 210px; 
text-align: left;
overflow: hidden;
}
div#promos div.scroller div.content {
width: 10000px;
}

div#promos div.scroller div.section {
width: 600px;
height: 210px;
overflow: hidden;
float: left;
padding: 0px 15px;
}

.innerbox {
margin: 15px 0px;
}

p.promo{
color: #cccccc;
font: 12px Helvetica, Arial, sans-serif;
}

div.fBoxImage img, div.ecliImage img {
padding: 0px;
}

.but_l {
float: left;
width: 35px;
height: 55px;
top: 80px;
position: relative;
}

.but_r {
float: right;
width: 35px;
height: 55px;
top: 80px;
position: relative;
}

/**********  NEXTPREV CLASSES  **********/

.nextprev {
clear: both;
border: 0px;
padding: 0px;
margin-top: 0px;
margin-right: 10px;
float: right;
}

.nextprev ul{
margin: 0;
padding: 0;
list-style: none;
}

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

.nextprev li {
background: url(images/nextprev.png) no-repeat;
width: 30px;
height: 35px;
float: left;
display: block;
margin-bottom: 0;
border: none;
padding-top: 8px;
text-align: center;
}

.nextprev li:hover {
background: url(images/nextprev_act.png) no-repeat;
}

.nextprev li a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
margin-bottom: 0;
border: none;
text-align: center;
}

.nextprev li:hover a {
text-decoration: none;
}

.nextprev li.npempty {
background-color: transparent;
background-image: none;
}

.nextprev li:hover.npempty {
background-color: transparent;
background-image: none;
}

/**********  FORUM CLASSES  **********/

.fborder {
border: 0px solid #DCDCDC;
margin: 0;
padding: 0;
font: 13px/18px Arial, Helvetica, sans-serif;
}

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

.fborder2 p {
font-size: 11px;
}

.fcaption {
padding: 5px;
font-weight: bold;
border: 0px solid #DCDCDC;
}

.forumheader {
font: 11px Arial,Helvetica,Arial,sans-serif;
font-weight: bold;
margin: 0px;
padding: 10px;
}

.forumheader2, .forumheader4 {
padding: 8px;
text-align: left;
border-bottom: 1px solid #DCDCDC;
}

.forumheader3 {
padding: 8px;
text-align: left;
border: 1px solid #DCDCDC;
}

.finfobar {
padding: 10px;
border-bottom: 2px solid #FF8A00;
}

/************  TAGCLOUD  ***********/

.tagcloud {
font-family: Arial, Helvetica, Sans-serif;
}

/************  COMMENTS  ***********/

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

.comment_wrap {
margin: 10px
}

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

.comment_head h3 {
color: #303030;
}

.comment_head a {
color: #303030;
}

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

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

.comment_text {
padding: 10px;
}

.comment_reply {
text-align: right;
}