/*
Theme Name: Bloxx
Version: 1.1
Author: Admin [traxtorchi]
Author URL: http://www.traxtorchi.ir
*/

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: #ff3300;
color: #666666;
font: 11px tahoma, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
line-height: 1.3em;
text-align: right;
}

/*** LINKS ***/

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

h2 a, h3 a {
color: #555555;
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: 21px;
font-weight: bold;
margin: 0;
padding: 0;
}

h2 {
font-size: 16px;
font-family: arial;
color: #555555;
font-weight: bold;
margin: 0;
padding: 0;
}

h3 {
font: 11px tahoma,Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
margin: 0;
padding: 0;
}

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

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

.button {
font: 14px arial;
}

/*** NAVIGATION ***/

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

#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;
font-family: Helvetica, Arial, Verdana, sans-serif
}

#navigation li a {
color: #FFD53A;
background-color: #610005;
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: #38322D;
background-color: #FFD53A;
}

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

#navigation li.active a:hover {
color: #FF4200;
background-color: #610005;
}

/*** HEADER ***/

#headerwrap {
float: right;
background: #FF3300;
width: 100%;
}

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

#topline {
float: left;
width: 980px;
height: 60px;
margin: 15px 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: 0 0 10px 10px;
padding: 0;
}

#hidden .tbox {
background: #610005;
color: #7F756B;
width: auto;
font: 11px Tahoma, 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: 4px 0;
}

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

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

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

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

.rss {
display: inline;
float: left;
background: url(images/blox-dark.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-dark.png) repeat -0px -27px;
}

.contact {
display: inline;
float: left;
background: url(images/blox-dark.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-dark.png) repeat -27px -27px;
}

.twitter {
display: inline;
float: left;
background: url(images/blox-dark.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-dark.png) repeat -54px -27px;
}

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

.slider {
background: url(images/blox-dark.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-dark.png) repeat -81px -27px;
}

.f-left {
float: right;
}

.f-right {
float: left;
}

/*** MAINCONTENT ***/

#mainwrap {
direction: rtl;
float: right;
background: #CC0000;
width: 100%;
color: #FFFFFF;
}

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

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

#column2 {
float: right;
width: 190px;
margin: 10px 0 0 10px;
padding: 0;
}

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

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

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

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

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

.button {
background: #610005;
color: #FFD53A;
border: 0px solid #423B35;
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: 0px solid #423B35;
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: #38322D;
}

/*** FOOTER ***/

#footer-wrap {
float: right;
background: #CC0000;
width: 100%;
color: #FFFFFF;
}

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

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

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

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

.newsbox:hover {
background: #FFFFFF;
}

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

.newsimg {
text-align: center;
margin: 0 0 10px 0;
}

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

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

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

/*** NEXTPREV STYLES ***/

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

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

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

.nextprev a:hover {
color: #423B35;
background: #FF9900;
}

.nextprev_current {
background: #FF9900;
color: #7F756B;
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: 10px;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}

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

.infobox {
float: right;
width: 370px;
background: #330000;
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;
color: #CC0000;
}

.content {
padding-top: 10px;
}
 
/*** 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: 560px;
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;
font: 11px Tahoma, Helvetica, Arial, Verdana, sans-serif;
}

.comment_reply {
text-align: right;
}

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

#xchatbox {
float: right;
}

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

/*** FORUM ***/

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

.forumheader {
background: #990000;
color: #FFFFFF;
font-size: 13px;
font-weight: bolder;
text-align: right;
padding: 12px 5px;
border: 1px solid #423B35;
}

.forumheader a {
color: #FFD53A;
}

 .fcaption {
padding: 6px 4px;
text-align: right;
font-weight: bolder;
}

.forumheader2, .forumheader4, .finfobar {
padding: 6px 4px;
border: 1px solid #B4B4B4;
text-align: right;
}
.forumheader3 {
padding: 6px 4px;
border: 1px solid #B4B4B4;
text-align: right;
font: 11px Tahoma, Helvetica, Arial, Verdana, sans-serif;
}
.forumheader6 {
background: #FFFFFF;
padding: 6px 4px;
text-align: right;
border-bottom: 1px solid #B4B4B4;
}

.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;
}