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

body {
background: #1E1E1E url(images/bg.png) no-repeat top center;
color: #FFFFFF;
font: 12px Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
line-height: 1.3em;
text-align: left;
}

/***  LINKS  ***/

a {
color: #00BFF3;
text-decoration: none;
}

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

:focus {
outline: 0;
}

/***  TYPOGRAPHY  ***/

h1 {
color: #111111;
font-size: 26px;
font-weight: bold;
margin: 0;
padding: 0;
}

h2 {
color: #111111;
font-size: 24px;
font-weight: bold;
margin: 0;
padding: 0;
}

h3 {
color: #111111;
font-size: 14px;
margin: 0;
padding: 0;
}

h4 {
color: #111111;
font-size: 16px;
font-weight: bold;
margin: 0 0 15px 0;
padding: 0;
}

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

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

/***  LAYOUT  ***/

#wrap {
width: 960px;
margin: 0px auto;
}

#innerwrap {
float: left;
background: transparent url(images/bg-bot.png) no-repeat bottom center;
width: 960px;
color: #111111;
margin: 0;
padding: 0;
}

#header {
float: left;
width: 960px;
height: 145px;
margin: 0;
padding: 0;
}

#logo {
float: left;
margin: 0;
width: 620px;
padding-top: 20px;
}

#logo h1 {
position: absolute;
top: -1000px;
}

#navigation {
background: url(images/nav-bg.png) no-repeat;
float: left;
width: 960px;
height: 58px;
text-align: center;
}

#content {
float: left;
width: 960px;
margin: 0;
padding: 0;
}

#footer {
float: left;
width: 960px;
color: #FFFFFF;
margin: 0;
padding: 20px 0;
text-align: center;
}

/***  COLUMNS  ***/

#column1 {
float: left;
width: 220px;
margin: 25px 0;
padding: 0;
}

#column1-top {
background: url(images/column1-top.png) no-repeat;
width: 220px;
height: 20px;
margin: 0;
padding: 0;
}

#column1-mid {
background: url(images/column1-mid.png) repeat-y;
width: 200px;
margin: 0;
padding: 0 10px;
}

#column1-bot {
background: url(images/column1-bot.png) no-repeat;
width: 220px;
height: 20px;
margin: 0;
padding: 0;
}

#column2 {
float: left;
width: 490px;
margin: 25px 20px 0 20px;
padding: 0;
}

.column2-top {
background: url(images/column2-top.png) no-repeat;
width: 490px;
height: 20px;
margin: 0;
padding: 0;
}

.column2-mid {
float: left;
background: url(images/column2-mid.png) repeat-y;
width: 450px;
margin: 0;
padding: 0 20px;
}

.column2-bot {
clear: both;
background: url(images/column2-bot.png) no-repeat;
width: 490px;
height: 20px;
margin: 0 0 20px 0;
padding: 0;
}

#column3 {
float: right;
width: 210px;
margin: 25px 0;
padding: 0;
}

#column3-top {
background: url(images/column3-top.png) no-repeat;
width: 210px;
height: 20px;
margin: 0;
padding: 0;
}

#column3-mid {
background: url(images/column3-mid.png) repeat-y;
width: 190px;
margin: 0;
padding: 0 10px;
}

#column3-bot {
background: url(images/column3-bot.png) no-repeat;
width: 210px;
height: 20px;
margin: 0;
padding: 0;
}

#column4 {
float: left;
width: 720px;
margin: 25px 0 0 20px;
padding: 0;
}

#column4-top {
background: url(images/column4-top.png) no-repeat;
width: 720px;
height: 20px;
margin: 0;
padding: 0;
}

#column4-mid {
float: left;
background: url(images/column4-mid.png) repeat-y;
width: 680px;
margin: 0;
padding: 0 20px;
}

#column4-bot {
clear: both;
background: url(images/column4-bot.png) no-repeat;
width: 720px;
height: 20px;
margin: 0 0 20px 0;
padding: 0;
}

/***  MENU BOXES  ***/
 
.menubox {
clear: both;
padding: 0;
margin: 0;
}

.menucap {
padding: 10px 0 5px 0;
}

.menucap-left {
background: url(images/caption-left.png) no-repeat bottom;
padding: 10px 0 5px 0;
}

.menucap-right {
background: url(images/caption-right.png) no-repeat bottom;
padding: 10px 0 5px 0;
}

.menucap-center {
background: url(images/caption-center.png) no-repeat bottom;
padding: 10px 0 5px 0;
}

.menucap2-center {
background: url(images/caption-center2.png) no-repeat bottom;
padding: 10px 0 5px 0;
}

.menucon {
padding: 15px 0;
}

.menucenter-top {
background: url(images/menucenter-top.png) no-repeat;
width: 490px;
height: 20px;
margin: 0;
padding: 0;
}

.menucenter-mid {
float: left;
background: url(images/menucenter-mid.png) repeat-y;
width: 450px;
margin: 0;
padding: 0 20px;
}

.menucenter-bot {
clear: both;
background: url(images/menucenter-bot.png) no-repeat;
width: 490px;
height: 20px;
margin: 0 0 20px 0;
padding: 0;
}

.menucenter2-top {
background: url(images/menucenter2-top.png) no-repeat;
width: 720px;
height: 20px;
margin: 0;
padding: 0;
}

.menucenter2-mid {
float: left;
background: url(images/menucenter2-mid.png) repeat-y;
width: 680px;
margin: 0;
padding: 0 20px;
}

.menucenter2-bot {
clear: both;
background: url(images/menucenter2-bot.png) no-repeat;
width: 720px;
height: 20px;
margin: 0 0 20px 0;
padding: 0;
}

/***  NEWS  ***/
 
.xnews_wrap {
float: left;
margin: 0 0 20px 0;
padding: 0;
}

.xnews_date {
float: left;
background: #1E1E1E;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
padding: 2px;
margin-bottom: 10px;
}

.xnews_caption {
float: left;
clear: both;
padding: 0;
margin: 0;
}

.xnews_caption h2 {
font-size: 22px;
font-weight: bold;
line-height: 1.3em;
color: #111111;
margin: 0;
padding: 0;
text-decoration: none;
}

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

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

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

.xnews_info {
clear: both;
background: #1E1E1E;
float: left;
color: #FFFFFF;
font-size: 11px;
width: 100%;
margin: 0;
padding: 5px 0;
}

.xnews_info span.left {
padding-left: 10px;
}

.xnews_info span.right {
padding-right: 10px;
}

.xtags {
clear: both;
float: left;
width: 100%;
margin: 10px 0 0 0;
text-align: center;
}

.xtags a {
font-size: 13px;
font-weight: bold;
}
 
/***  CORE  ***/

.tbox, .helpbox{
background: transparent;
width: auto;
font: 12px Arial, Verdana, sans-serif;
padding: 5px;
margin: 5px 0px;
border: 1px solid #BDBDBD;
}

.tbox:hover {
background: #FFFFFF;
}

.button {
background: #1E1E1E;
color: #FFFFFF;
border: 1px solid #111111;
font-weight: bold;
text-transform: uppercase;
padding: 4px 8px;
text-decoration: none;
}

.button:hover {
color: #FFFFFF;
background: #00BFF3;
cursor: pointer;
text-decoration: none;
border: 1px solid #0183A7;
}

.indent {
border: #D5D5D5 10px solid;
background: #FFFFFF;
padding: 10px;
margin: 15px;
font-size: 0.9em;
}

div.code-box {
border: 5px solid #D5D5D5;
background: #FFFFFF;
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;
}

.left {
float: left;
}

.right {
float: right;
}

/***  FORUM  ***/

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

.forumheader {
background: #1E1E1E;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 10px 5px;
border-left: 1px solid #1E1E1E;
border-right: 1px solid #1E1E1E;
}

.xforumheader {
background: #1E1E1E;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-align: left;
padding: 10px 5px;
border-left: 1px solid #1E1E1E;
}

.fcaption {
padding: 5px 4px;
text-align: left;
font-weight: bolder;
}

.forumheader2, .forumheader3, .forumheader4, .finfobar {
padding: 6px 4px;
border: 1px solid #BDBDBD;
text-align: left;
}

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

/***  NAVIGATION  ***/

/* sitelinks  */

#mainnav {
text-align: center;
height: 50px;
width: 960px;
line-height: 50px;
}

#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#mainnav a {
float: none;
}

#mainnav li {
display: inline;
}

#mainnav li a {
text-decoration: none;
border: 0px none;
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding: 15px 12px 15px 10px;
background: url(images/nav-div.png) no-repeat center right;
}

#mainnav li a:hover {
color: #00BFF3;
}

/* sitelinks menu 2  */


#nav {
float: left;
margin: 0 0 20px 0;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

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

#nav li a {
display: block;
background: #111111;
width: 185px;
text-decoration: none;
text-align: left;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
padding: 2px 0 2px 5px;
margin: 0 0 10px 0;
}

#nav li a:hover {
color: #00BFF3;
}

/***  NEXTPREV STYLES  ***/

.nextprev {
clear: both;
color: #111111;
text-align: right;
font-weight: bold;
margin: 20px 0;
}

.nextprev_link {
background: #1E1E1E;
padding: 5px 10px;
text-decoration: none;
border: 1px solid #111111;
}

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

.nextprev a:hover {
color: #FFFFFF;
background: #00BFF3;
border: 1px solid #0183A7;
}

.nextprev_current {
background: #00BFF3;
color: #111111;
padding: 5px 10px;
border: 1px solid #0183A7; 
cursor: default;
}

/***  CUSTOM SHORTCODES  ***/

#xlogin {
background: url(images/login-bg.png) no-repeat;
margin: 15px 0 0 0;
text-align: left;
width: 340px;
height: 108px;
padding-top: 12px;
}

#xlogin .left {
padding: 17px 0 0 30px;
}

.login {
display: inline;
float: left;
background: url(images/login.png) no-repeat;
width: 32px;
height: 13px;
margin-right: 10px;
margin-top: 7px;
}

.login-but {
background: transparent;
border: 0;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
cursor: pointer;
}

.login:hover {
background: transparent url(images/login-hov.png) no-repeat;
}

.signup {
display: inline;
float: left;
background: url(images/signup.png) no-repeat;
width: 42px;
height: 13px;
margin-top: 7px;
}

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

a.signup-but:hover {
background: transparent url(images/signup-hov.png) no-repeat;
}

#xlogin .tbox {
background: url(images/login-tbox.png) no-repeat;
width: 205px;
height: 16px;
padding: 5px;
margin: 0 0 10px 0;
border: 0;
}

#xlogin .tbox:hover {
background: url(images/login-tbox-hov.png) no-repeat;
}

#xlogin span a {
float: left;
display: inline;
font-size: 10px;
color: #FFFFFF;
font-style: italic;
margin-right: 15px;
padding-top: 8px;
}

#xlogin span a:hover {
color: #00BFF3;
text-decoration: none;
}

.rss {
display: inline;
float: left;
background: url(images/rss.png) no-repeat;
width: 54px;
height: 55px;
}

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

a.rssblock:hover {
background: transparent url(images/rss-hov.png) no-repeat;
}

#xlogout {
background: url(images/login-bg.png) no-repeat;
margin: 15px 0 0 0;
text-align: left;
width: 340px;
height: 108px;
padding-top: 15px;
font-weight: bold;
color: #FFFFFF;
}

#xlogout .left {
padding: 17px 0 0 30px;
}

#xlogout .right {
padding-right: 15px;
text-align: left;
}

#xlogout p {
font-size: 10px;
font-style: italic;
margin-bottom: 10px;
}

#xlogout img {
vertical-align: bottom;
}

#xsearch {
height: 25px;
line-height: 25px;
}

#xsearch .tbox {
background: url(images/searchtbox.png) no-repeat;
width: 154px;
height: 25px;
padding: 10px 0 0 10px;
margin: 0;
border: 0;
vertical-align: top;
}

#xsearch .tbox:hover {
background: url(images/searchtbox-hov.png) no-repeat;
}

#xsearch .button {
background: url(images/searchbut.png) no-repeat;
width: 33px;
height: 35px;
border: 0;
}

#xsearch .button:hover {
background: url(images/searchbut-hov.png) no-repeat;
width: 33px;
height: 35px;
border: 0;
}

.searchspace {
float: left;
width: 100%;
height: 25px;
clear: both;
}

/***  COMMENTS  ***/

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

.comment_wrap {
margin: 10px
}

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

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

.comment_text {
padding: 10px;
}

.comment_reply {
text-align: right;
}

.upleft {
background: url(images/up.png) no-repeat;
float: left;
width: 32px;
height: 36px;
}

.upright {
background: url(images/up2.png) no-repeat;
float: right;
width: 32px;
height: 36px;
}

.upbuttonl {
display: block;
border: 0;
width: 100%;
height: 100%;
text-decoration: none;
}

.upbuttonr {
display: block;
border: 0;
width: 100%;
height: 100%;
text-decoration: none;
}

.upbuttonl:hover {
background: url(images/up-hov.png) no-repeat;
}

.upbuttonr:hover {
background: url(images/up-hov2.png) no-repeat;
}