/*
Theme Name: Bloxx
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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

body {
background: #ffffff;
color: #666666;
font: 13px Arial, Verdana, sans-serif;
font-weight: normal;
line-height: 1.3em;
text-align: left;
}

/*** LINKS ***/

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

h1 a, h2 a, h3 a {
color: #126ca3;
text-decoration: none;
}

.topbox a {
color: #EBEBEB;
}

.topbox a:hover {
color: #555555;
}

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

.menubox a:hover, .topbox a:hover, .infobox a:hover, .newsbox a:hover, #footer a:hover {
color: #555555;
background: #FFD53A;
text-decoration: none;
}

#footer a {
color: #FFFFFF;
}

a img, a:hover img {
vertical-align: middle;
border: 0px;
background: none;
margin: 3px 0px;
}

:focus {
outline: 0;
}

/*** TYPOGRAPHY ***/

h1 {
font-size: 24px;
color: #126ca3;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
margin: 0;
padding: 3px 0 3px 3px;
}

h2 {
color: #555555;
font-size: 18px;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

h3 {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 0;
}

h4 {
font-size: 14px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0;
}

h5 {
font-size: 12px;
margin: 0;
padding: 0;
}

p {
font-size: 12px;
 }
 
.bold {
font-weight: bold;
} 
 
.smalltext, .smallblacktext {
font-size: 11px;
}

.midtext {
font-size: 12px;
font-weight: bold;
}

.button {
font: 12px Helvetica, Arial, Verdana, sans-serif;
}


/*** NAVIGATION ***/

#navigation {
margin-top: 20px;
text-align: right;
}

#navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#navigation ul li {
margin: 0;
padding: 0;
display: inline;
text-align: center;
list-style: none;
}

#navigation li a {
color: #FFD53A;
background-color: #ACACAC;
border: 0;
padding: 10px 15px;
font-weight: bold;
font-size: 14px;
text-decoration: none;
display: inline;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

#navigation li a:hover {
color: #ACACAC;
background-color: #FFD53A;
}

#navigation li.active a {
color: #555555;
}

#navigation li.active a:hover {
color: #555555;
background-color: #ACACAC;
}

/*** HEADER ***/

#headerwrap {
float: left;
background: #ffffff;
width: 100%;
}

#header {
width: 980px;
margin: 0 auto;
padding: 0 0 10px 0;
}

#topline {
float: left;
width: 980px;
height: 60px;
margin: 10px 0;
}

#logo {
float: left;
}

/*** HIDDEN HEADER AREA ***/

#hidden {
display: block;
clear: both;
width: 980px;
margin: 0 auto;
}

#hiddenleft {
float: left;
width: 580px;
margin: 0 0 10px 0;
padding: 0;
}

#hiddenright {
float: right;
width: 390px;
margin: 0px 0 10px 10px;
padding: 0px;
}

#hidden .tbox {
background: #C2C2C2;
color: #D7D7D7;
width: auto;
font: 12px Helvetica, Arial, Verdana, sans-serif;
padding: 5px;
margin: 5px;
border: 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

#xlogin, #xlogin fieldset, #mininav {
margin: 0;
padding: 0;
}

#xlogout {
float: left;
width: 100%;
padding: 10px 0;
}

#xlogin .tbox {
width: 134px;
margin: 10px;
border: 0;
}

#xsearch .tbox {
width: 250px;
margin: 0;
border: 0;
}

#mininav {
width: 100%;
float: left;
}

#mininav .f-right {
padding-top: 10px;
}

.rss {
display: inline;
float: left;
background: url(images/blox-lite.png) repeat -0px -0px;
width: 27px;
height: 27px;
margin-right: 10px;
}

.rssblock {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

a.rssblock:hover {
background: url(images/blox-lite.png) repeat -0px -27px;
}

.contact {
display: inline;
float: left;
background: url(images/blox-lite.png) repeat -27px -0px;
width: 27px;
height: 27px;
margin-right: 10px;
}

.contactblock {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

a.contactblock:hover {
background: url(images/blox-lite.png) repeat -27px -27px;
}

.twitter {
display: inline;
float: left;
background: url(images/blox-lite.png) repeat -54px -0px;
width: 27px;
height: 27px;
margin-right: 10px;
}

.twitterblock {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

a.twitterblock:hover {
background: url(images/blox-lite.png) repeat -54px -27px;
}

#slidebutton {
top: -14px;
left: 130px;
width: 27px;
height: 18px;
position: relative;
}

.slider {
background: url(images/blox-lite.png) repeat -81px -0px;
width: 28px;
height: 27px;
}

.sliderblock {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

a.sliderblock:hover {
background: url(images/blox-lite.png) repeat -81px -27px;
}

.f-left {
float: left;
margin: 2px 0;
}

.f-right {
float: right;

}

/*** MAINCONTENT ***/

#mainwrap {
float: left;
background: #E4E7EE;
width: 100%;
}

#main {
width: 980px;
margin: 0 auto;
}

#column1 {
float: left;
width: 490px;
margin: 6px 0;
padding: 0px;
}

#column2 {
float: right;
width: 160px;
margin: 6px 0 10px 15px;
padding: 0;
}

#column3 {
float: right;
width: 300px;
margin: 6px 0 10px 10px;
padding: 0;
}

#column4 {
clear: right;
float: right;
width: 480px;
margin: 0px 0 0 0px;
padding: 0px;
}

#column5 {
float: left;
width: 800px;
margin: 0px 0;
padding: 0px;
}

#column6 {
float: left;
width: 980px;
margin: 6px 0;
padding: 10;
}

#column7 {
clear: both;
width: 980px;
margin: 0px 0px 6px 0px;
padding: 0px;
}

#tleft {
float: left;
width: 728px;
}

#tright {
float: right;
width: 242px;
margin: -3px 0px 0px 10px;
}

.tbox, .helpbox{
width: auto;
font: 12px Helvetica, Arial, Verdana, sans-serif;
padding: 5px;
margin: 5px 0px;
border: 1px solid #D7D7D7;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.button {
background: #C2C2C2;
color: #FFD53A;
border: 0;
font-weight: bold;
text-transform: uppercase;
padding: 5px 10px;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.button a {
color: #FFD53A;
border: 0;
font-weight: bold;
text-transform: uppercase;
padding: 5px 0px;
text-decoration: none;
}

.button:hover {
color: #555555;
background: #FFD53A;
cursor: pointer;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.button a:hover {
color: #555555;
}

/*** FOOTER ***/

#footer-wrap {
float: left;
background: #D7D7D7;
width: 100%;
}

#footer {
width: 980px;
margin: 0 auto;
padding: 15px 0;
}

#footer-right {
float: right;
vertical-align: bottom;
}

/*** NEWS ***/
 
.newsleft {
float: left;
width: 240px;
margin: 0 10px 0 0px;
}
 
.newsright {
float: right;
width: 240px;
margin: 0 0 0 0;
}

.newsbox {
background: #FFFFFF;
color: #666666;
padding: 5px;
margin: 0 0 6px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.newsbox:hover {
background: #FFFFFF;
}

.newbox .content {
font-size: 13px;
}

.newsimg {
float:right;
margin-right: 0px;
margin-bottom: 1px;
padding: 0px 0px 1px 7px;
}

.newsinfo {
background: #EBEBEB;
font-size: 12px;
letter-spacing: -0.6px;
text-transform: uppercase;
margin: 15px 0 0px 0px;
padding: 5px 5px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.newsinfo table {
width: 170px;
text-align: left;
margin: 0;
padding: 0;
}

.tagitem, .tagitem a {
margin: 0;
padding: 0;
}

.news_bottom_left {
float: left;
padding-top: 0px;
padding-bottom: 0px;
}

.news_bottom_right {
float: right;
padding-top: 0px;
padding-bottom: 0px;
}

/*** NEXTPREV STYLES ***/

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

.nextprev_link {
background: #C2C2C2;
padding: 5px 10px;
text-decoration: none;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

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

.nextprev a:hover {
color: #C2C2C2;
background: #FFD53A;
}

.nextprev_current {
background: #C2C2C2;
color: #D7D7D7;
padding: 5px 10px; 
cursor: default;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

/*** MENU BOXES***/
 
.menubox {
clear: both;
background: #FFFFFF;
color: #666666;
padding: 0px;
margin: 0 0 10px 0;
border: 1px solid #E4E7EE;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
 
.menuboxr {
clear: both;
background: #FFFFFF;
color: #666666;
padding: 3px;
margin: 0 0 3px 0;
border: 1px solid #126CA3;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.menuboxr2 {
clear: both;
background: #FFFFFF;
color: #666666;
padding: 0px;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.menuboxt {
clear: both;
width: 242px;
color: #e4e7ee;
background: #e4e7ee;
margin: 0px 0px 0px 0px;
}
 
.menuboxn {
clear: both;
width: 728px;
float: left;
}
 
.menuboxr {
clear: both;
background: #FFFFFF;
color: #666666;
padding: 3px;
margin: 0 0 3px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.menuboxn2 {
margin: 0 0 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.menuboxblank {
margin: 0 0 10px 0;
}

.topbox {
background: #ACACAC;
color: #FFFFFF;
padding: 10px;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.infobox {
float: left;
width: 370px;
background: #ACACAC;
color: #FFFFFF;
padding: 0 10px 10px 10px;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

.title {
margin: 0;
font-weight: bold;
line-height: normal;
}

.title2 {
margin: 0;
font-weight: bold;
line-height: normal;
background: #e4e7ee;
border: 1px solid #E4E7EE;
}

.content {
padding: 5px;
}
 
/*** CORE ***/

.indent {
border: #B4B4B4 1px dashed;
padding: 10px;
margin: 8px;
}

div.code-box {
border: 1px dashed #B4B4B4;
margin: 20px;
padding: 15px;
font-size: 0.9em;
}

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

div.code_highlight {
white-space: normal;
}

.clear {
clear: both;
}

/*** COMMENTS/CHATBOX ***/

#comment_box {
width: 470px;
border: 1px solid #B4B4B4;
margin-bottom: 20px;
}

.comment_wrap {
margin: 10px
}

.comment_head {
padding-bottom: 10px;
}

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

.comment_text {
padding: 10px;
}

.comment_reply {
text-align: right;
}

#commentform .tbox, #commentform .helpbox {
font: 12px Helvetica, Arial, Verdana, sans-serif;
width: 360px;
}

#xchatbox {
float: left;
}

#chatbox .tbox {
font: 12px Helvetica, Arial, Verdana, sans-serif;
width: 160px;
}

/*** FORUM ***/

.fborder, .border{
border-collapse: collapse;
border-spacing: 5px;
}

.forumheader {
background: #c2c2c2;
color: #FFFFFF;
font-size: 14px;
font-weight: bolder;
text-align: left;
padding: 10px 5px 5px 5px;
border-top: 10px solid #e4e7ee;
}

.forumheader a {
color: #E4E7EE;
}

 .fcaption {
padding: 6px 4px;
text-align: left;
background: #E4E7EE;
font-weight: bolder;
}

.forumheader2, .forumheader3, .forumheader4, .finfobar {
padding: 5px 4px;
border-bottom: 1px dotted #E4E7EE;
background: #FFFFFF;
text-align: left;
}

.forumheader6 {
background: #FFFFFF;
padding: 6px 4px;
text-align: left;
border-bottom: 1px solid #B4B4B4;
}

.forumheader7 {
padding: 2px 2px;
text-align: left;
}

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

#ie6Warning {
padding: 15px 0;
color: #FFFFFF;
text-align: center;
}

#ie6Warning h2 {
color: #FF0000;
}

#ie6Warning a, #ie6Warning a:hover {
color: #FFD53A;
}