/*
 The original subSilver Theme for phpBB version 2+
 Created by subBlue design
 http://www.subBlue.com
 */
/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
    background-color: #E5E5E5;
    scrollbar-face-color: #DEE3E7;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #DEE3E7;
    scrollbar-3dlight-color: #D1D7DC;
    scrollbar-arrow-color: #006699;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}
/* General font families for common tags */
font, th, td, p {
    font-family: Verdana, Arial, Helvetica, sans-serif
}

a:link, a:active, a:visited {
    color: #888;
}

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

hr {
    height: 0px;
    border: solid #D1D7DC 0px;
    border-top-width: 1px;
}
/* This is the border line & background colour round the entire page */
.bodyline {
    padding: 0px;
}
/* This is the outline round the main forum tables */
.forumline {
    background-color: #e0e4e7;
    border: 1px solid #e0e4e7;
}
/* Main table cell colours and backgrounds */
td.row1 {
    background-color: #f7f8f9;
    padding: 0 5px;
}

td.row2 {
    background-color: #fff;
    padding: 0 5px;
}

td.row3 {
    background-color: #fff;
    padding: 0 5px;
}
/*
 This is for the table cell above the Topics, Post & Last posts on the index.php page
 By default this is the fading out gradiated silver background.
 However, you could replace this with a bitmap specific for each forum
 */
td.rowpic {
    background: #fff;
}
/* Header cells - the blue and silver gradient backgrounds */
th {
    color: #22182c;
    font-size: 11px;
    font-weight: bold;
    background: url('images/design/h.gif') top left repeat-x #afba04;
    height: 32px;
    padding: 0 4px;
}

th.nav {
    background: none;
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
    background: #ffffff;
    height: 28px;
    color: #000;
}
/*
 Setting additional nice inner borders for the main table cells.
 The names indicate which sides the border will be on.
 Don't worry if you don't understand this, just ignore it :-)
 */
td.cat, td.catHead, td.catBottom {
    height: 29px;
    border-width: 0px 0px 0px 0px;
}

td.row3Right, td.spaceRow {

    background: #fffcf5;
    border-style: solid;
}

th.thHead, td.catHead {
    font-size: 12px;
    border-width: 1px 1px 0px 1px;
}

th.thSides, td.catSides, td.spaceRow {
    border-width: 0px;
}

th.thRight, td.catRight, td.row3Right {
    border-width: 0px;
}

th.thLeft, td.catLeft {
    border-width: 0px 0px 0px 1px;
    padding-left: 22px;
}

th.thBottom, td.catBottom {
    border-width: 0px 1px 1px 1px;
}

th.thTop {
    border-width: 1px 0px 0px 0px;
}

th.thCornerL {
    border-width: 1px 0px 0px 1px;
}

th.thCornerR {
    border-width: 1px 1px 0px 0px;
}
/* The largest text used in the index page title and toptic title etc. */
.maintitle, h1, h2, a.maintitle {
    font-weight: bold;
    font-size: 14px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #222222;
    margin: 0;
}
/* General text */
.gen {
    font-size: 12px;
}


.gensmall {
    font-size: 10px;
}

.gen, .genmed, .gensmall {
    color: #757575;
    font: normal 11px Tahoma;
}

.row1 .gensmall a, .row2 .gensmall a {
    color: #000;
}

a.gen, a.genmed, a.gensmall, .gensmall a {
    color: #000;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover {
    color: #fff;
    text-decoration: underline;
}
/* The register, login, search etc links at the top of the page */
.mainmenu {
    font-size: 11px;
    color: #000000
}

a.mainmenu {
    text-decoration: none;
    color: #006699;
}

a.mainmenu:hover {
    text-decoration: underline;
    color: #fff;
}
/* Forum category titles */
.cattitle {
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    color: #000;
}

a.cattitle {
    text-decoration: none;
    color: #000;
}

a.cattitle:hover {
    text-decoration: underline;
}
/* Forum title: Text and link to the forums used in: index.php */
.forumlink {
    font-weight: bold;
    font-size: 11px;
    color: #a70808;
}

a.forumlink {
/*    text-decoration: none;/**/
    color: #43484d;
}

a.forumlink:hover {
/*    text-decoration: underline;/**/
    color: #cc484d;
}
/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav {
    font-weight: bold;
    font-size: 11px;
    color: #fff;
}

a.nav {
    text-decoration: none;
    color: #fff;
}

a.nav:hover {
    text-decoration: underline;
}
/* titles for the topics: could specify viewed link colour too */
.topictitle {
    font-weight: bold;
    font-size: 11px;
    color: #43484d;
}

a.topictitle:link {
    text-decoration: none;
    color: #43484d;
}

a.topictitle:visited {
    text-decoration: none;
    color: #43484d;
}

a.topictitle:hover {
    text-decoration: underline;
    color: #cc484d;
}
/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name {
    font-size: 11px;
    color: #444;
}
/* Location, number of posts, post date etc */
.postdetails {
    font-size: 10px;
    color: #888;
}
/* The content of the posts (body of text) */
.postbody {
    font-size: 12px;
    color:#777;
}

a.postlink:link {
    text-decoration: none;
    color: #aaa
}

a.postlink:visited {
    text-decoration: none;
    color: #ddd;
}

a.postlink:hover {
    text-decoration: underline;
    color: #888
}
/* Quote & Code blocks */
.code {
    font-family: Courier, 'Courier New', sans-serif;
    font-size: 11px;
    color: #006600;
    background-color: #FAFAFA;
    border: #D1D7DC;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444444;
    line-height: 125%;
    background-color: #FAFAFA;
    border: #D1D7DC;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px
}
/* Copyright and bottom info */
.copyright {
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #444444;
    letter-spacing: -1px;
}

a.copyright {
    color: #444444;
    text-decoration: none;
}

a.copyright:hover {
    color: #000000;
    text-decoration: underline;
}
/* Form elements */
input, textarea, select {
    color: #000000;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    border-color: #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
    background-color: #FFFFFF;
}

input {
    text-indent: 2px;
}
/* The buttons used for bbCode styling in message post */
input.button {
    background-color: #EFEFEF;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
    background-color: #FAFAFA;
    font-weight: bold;
}
/* None-bold submit button */
input.liteoption {
    background-color: #FAFAFA;
    font-weight: normal;
}
/* This is the line in the posting page which shows the rollover
 help line. This is actually a text box, but if set to be the same
 colour as the background no one will know ;)
 */
.helpline {
    background-color: #DEE3E7;
    border-style: none;
}
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

body {
    background: url('images/design/bg.gif') top center repeat #fff;
    margin: 0;
    padding: 0;
}

a img {
    border: none;
}

#om, #om .gensmall , #om a, #om a:link, #om a:visited{
   color:#5e5e5e!important;
}


#all {
    background: #000;
    width: 740px;
    padding:5px;
    margin:auto;
}

#main {

    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
}

#main .wrap {
    margin-top: 0;
    margin-bottom: 0;
}
#header {
    height: 277px;
    width: 750px;
    margin: 30px auto auto auto;
    background: url('images/design/top.jpg') top left repeat-x;
}

#header .logo {
    position: absolute;
    color: #333;
    font: bold 32px Arial;

    margin: 80px 0 0 20px;
}

#header .logo a:link, #header .logo a:visited {
    color: #f28136;
    text-decoration: none;
}

#header .logo a span {
    font: bold 64px Tahoma;
    position: relative;
   
    color: #c00;
}

#header .logo a div {
    font: bold 20px Tahoma;
    position: relative;
    color: #aaa;
}

#header .logo a sub {
    font: bold 32px Tahoma;
    position: relative;
}

#header .d {
    color: #000;
    font: normal 11px Tahoma;
    position: absolute;
    margin: 8px 0 0 500px;
}

#header .d a:link, #header .d a:visited {
    color: #000;
    margin: 0 0px;
    text-decoration: none;
}

#header .d a:hover {
    text-decoration: underline;
}

#header .login {
    position: absolute;
    margin: 0 0 0 0;
    width: 267px;
    margin: 230px 10px 50px 10px;
}

#header .login .desc {
    font: normal 11px Tahoma;
    color: #333;
    vertical-align:middle;
/*    padding/**/
}

#header .login form {
    margin: 0;
    padding: 0;
}

#header .login table .gen {
    font: normal 11px Arial;
}

#header .login table td .i {
    font: normal 11px Tahoma;
    background: #fff;
    border: 1px solid #9ca902;

    color: #333;
    width: 98px;
}

#header .login a:link, #header .login a:visited {
    color: #6d6d6d;
    margin-left: 10px;
    white-space: nowrap;
    margin-top: -4px;
    margin-bottom: -5px;
    font: normal 11px Tahoma;
    position: relative;
    display: block;
}

#header .login table td {
    font: normal 11px Tahoma;
    color: #6d6d6d;
    white-space: nowrap;
}

#header .login table td .b {
}

#header .login table td .c {
}

#mymenu {
    position: absolute;
    margin: 6px 0 0 7px;
}

#mymenu a, #mymenu a:link, #mymenu a:visited {
    display: block;
    float: left;
    font: bold 11px Tahoma;
    color: #fdf6e8;
    text-decoration: none;   
    padding: 14px 23px 16px 23px;
    margin-right: 3px;
    background: url('images/design/top_menu.gif') top left no-repeat; 
    text-align: center;
}
#mymenu a:hover{
   color: yellow;
}

#mymenu .p{
   position: absolute;
   width: 10px;
   height: 10px;
   background:url('images/design/top_menu_r.gif') top right no-repeat;
   margin: -14px 0 0 13px;
}

#mymenu a img {
    border: none;
}

#mainarea {
    padding: 10px;
    background: #fff;
}

#stats {
    line-height: 20px;
}

#stats .gensmall {
    color: #000;
}

#stats img {
    position: absolute;
    margin-left: -15px;
    margin-top: 0px;
}

#footer {
    width: 750px;
    margin: auto;
    margin-top: -10px;    
    padding: 10px;
    height: 120px;
    font: normal 10px Arial;
    color: #fff;
    text-align: left;
    background: url('images/design/footer.gif') top center no-repeat;
}

#footer a:hover {
    color: #fff;
}

#footer .fmenu {
    color: #fff;
    text-align:center;
    padding: 13px 13px 10px 13px;
    font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:#757575;
    text-transform:uppercase;
}
#footer .copy {
   text-align:center;
   padding: 20px;
   color :#757575;
   text-transform: uppercase;
}

#footer .fmenu a {
    color: #a5a5a2;
    text-decoration: none;
}

#footer .fmenu {
}
#footer .mainmenu {
   font: bold 10px Tahoma;
}
.welcome{
    font: normal 11px Tahoma;
    color: #797575;
    text-align: left;
    background: url('images/design/welcome.gif') left top no-repeat #fff;
    height: 100px;
    padding: 30px 10px 10px 220px;
    top: -10px;
    left: -10px;
    position: relative;
}
.welcome h1 {
   font: normal 18px Arial;
   color: #666B88;
   text-transform: uppercase;
   padding-bottom: 5px;
}

#stats {

}

#stats table {
    width: 100%;
    margin-bottom: 10px;
}

#stats table th {
    color: #fff;
    text-align: left;
}

#stats table {
    font: bold 11px Tahoma;
}

#stats table td {
    color: #fff;
}

#stats span {
    float: right;
    display: block;
    text-align: right;
    padding: 2px;
    color: #fff;
    white-space: nowrap;
}

.p10 {
   padding: 10px!important;
}
#stats a, #stats a:link, #stats a:visited {
    color: #fff !important;
}

#banner {
    margin-bottom: 5px;
    background: #ffffff;
}