/************ © 2007-2008 roofdog78  - - -  Retro Green - - -  Premium e107 Theme  **************/



body{

background: #202020;

color: #FFFFFF;

margin:0;

padding:0;

font: 12px Arial, Verdana;

line-height: 1.3em;

}



a {

color: #7AF500;

font-weight: bold;

text-decoration: none;

}



a:hover {

color: #7AF500;

text-decoration: underline;

}



a img {

border: 0px solid #777777;

}



a img:hover {

border: 0px solid #6C910B;

}



/************ Header classes **************/



#mainwrap{

background: #202020 url(images/bg.png) repeat-y;

width: 1000px;

height: auto;

margin-left: auto;

margin-right: auto;

}



#header{

background: #202020 url(images/logo.png) no-repeat;

height: 130px;

width: 790px;

}



.topspacer {

width: 100%;

height: 8px;

}



.topspacer2 {

width: 100%;

height: 12px;

}



/************ Content Area classes **************/



#leftside{

width: 220px;

}



#rightside{

width: 210px;

}



#centre {

width: 570px;

padding-left: 18px;

padding-right: 18px;

}



#centre2 {

width: 780px;

padding-left: 18px;

}



#centre3 {

width: 1000px;

}



#content{

width: 100%;

background: #202020;

vertical-align: top;

border: 1px solid #404040;

padding: 15px 8px;

}



#bottom{

width: 100%;

}



#footer{

background: #202020;

width: 1000px;

color: #FFFFFF;

text-align: center;

padding: 12px;

border: 1px solid #404040;

}



/************ Navigation classes **************/



.nav {

background: url(images/navbg.png) no-repeat;

text-align: center;

height: 40px;

padding: 12px;

}



.nav_buttons {

display: inline;

vertical-align: bottom;

margin-left: 2px;

margin-right: 2px;

}



.nav_buttons a {

color: #7AF500;

font: 14px Arial, Helvetica;

font-weight: bold;

padding: 6px;

}



.nav_buttons a:hover {

background: #7AF500 url(images/navhov_gr.png) repeat-x;

color: #202020;

padding: 6px;

font: 14px Arial, Helvetica;

font-weight: bold;

text-decoration: none;

}



.hilite {

display: inline;

background: #7AF500 url(images/navhov_gr.png) repeat-x;

color: #202020;

padding: 6px;

font: 13px Arial, Helvetica;

font-weight: bold;

text-decoration: none;

}



.hilite a {

color: #202020;

text-decoration: none;

}



/************ News classes **************/



.news_table {

width: 100%;

}



.news_date {

background: url(images/newsdate_bg.png) no-repeat;

width: 100%;

padding: 0px 12px;

vertical-align: middle;

height: 36px;

font: 15.4px Arial;

}



.news_caption {

width: 100%;

padding: 10px 12px 5px 12px;

color: #7AF500;

font: 21.8px Arial, Georgia, "Times New Roman";

font-weight: bold;

text-align: left;

}



.news_by {

color: #7AF500;

padding-left: 12px;

}



.news_body {

width: 100%;

padding: 18px 15px 10px 15px;

text-align: left;

}



.news_footer {

width: 100%;

padding: 8px 12px 22px 12px;

}



.news_footer img {

vertical-align: middle;

padding: 0px 3px;

}



/***************** Menu Style classes  ****************/



.menu_table {

width: 100%;

margin-bottom: 15px;

}



.menu_caption {

width: 100%;

padding: 5px 6px 5px 15px;

color: #7AF500;

font: 18.6px Arial;

font-weight: bold;

text-align: left;

}



.menu_body {

width: 100%;

padding: 20px 10px 10px 10px;

text-align: left;

}



.l_side_menu_caption {

background: #7AF500 url(images/l_menu_cap_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.r_side_menu_caption {

background: #7AF500 url(images/r_menu_cap_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.centre_menu_caption {

background: #7AF500 url(images/menu_cap_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.centre_menu_caption2 {

background: #7AF500 url(images/menu_cap2_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.centre_menu_caption3 {

background: #7AF500 url(images/menu_cap3_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.bottom_menu {

background: #7AF500 url(images/bot_cap_gr.png);

width: 100%;

height: 52px;

padding-left: 17px;

color: #202020;

font: 17px "Arial Narrow";

font-weight: bold;

text-align: left;

vertical-align: middle;

}



.side_menu_body {

background: #202020;

width: 100%;

text-align: left;

padding: 18px 15px;

border-left: 1px solid #7C7B7B;

border-right: 1px solid #7C7B7B;

border-bottom: 1px solid #7C7B7B;

margin-bottom: 9px;

}



.side_menu_body2 {

background: #202020;

width: 100%;

text-align: center;

padding: 18px 15px;

border-left: 1px solid #7C7B7B;

border-right: 1px solid #7C7B7B;

border-bottom: 1px solid #7C7B7B;

margin-bottom: 9px;

}



/*********** Chat Box/Comment classes *************/



#chatbox{

font-weight: bold;

text-align: left;

}



#chatbox .tbox, .helpbox{

background: #202020;	

margin: 3px 0 5px 0;

color: #FFFFFF;

border: 1px solid #DDDDDD;

padding: 3px;

width: 95%;

}



.cbheader{

font-weight: bold;

padding-bottom: 4px;

border-bottom: 1px solid #7C7B7B;

}



#chatbox .button {

margin-bottom: 7px;

text-align: center;

}



#commentform .tbox, #commentform .helpbox{

background-color: #202020;

width: 350px; 

border: 1px solid #7C7B7B; 

}



#logintemp .tbox {

width: 150px;

}



#logintemp .button {

padding: 4px 12px;

}



#logintemp .button:hover{

padding: 4px 12px;

}



/***************** Core classes ***********/



.smalltext, .smallblacktext, .tbox, .button, .button:hover, .nextprev, .helpbox {

font: normal 10px Arial, Verdana, sans-serif;

text-align: left;

color: #FFFFFF;

}



h1 {

font: 20.8px Arial, Verdana;

font-weight: bold;

margin-top: 0em;

margin-bottom: 0em;

color: #7AF500;

}



h2 {

font: 13px Arial, Verdana;

font-weight: bold;

margin-top: 0em;

margin-bottom: 0em;

color: #FFFFFF;

}



h3 {

font: 12px Arial, Verdana;

font-weight: bold;

margin-top: 0em;

margin-bottom: 0em;

color: #FFFFFF;

}



.button {

font: 12px Arial;

color: #7AF500;

font-weight: bold;

text-align: center;

padding: 4px;

background: #202020;

border: 1px solid transparent;

}



.button:hover {

font: 12px Arial;

color: #202020;

cursor: pointer;

font-weight: bold;

text-align: center;

padding: 4px;

background: #7AF500 url(images/navhov_gr.png) repeat-x;

border: 1px solid #7AF500;

}



.indent {

border: #BABABA 1px solid;

padding: 4px;

margin: 0px;

background-color: #666666;

}



.nextprev {

border: 0px;

text-align: center;

padding: 2px;

margin-bottom: 9px;

}



.nextprev2 {

border: 0px;

text-align: center;

padding: 2px;

}



.tbox, .helpbox{

background: #FFFFFF;

color: #202020;

min-width: 65px;

border: 1px solid #7C7B7B;

padding: 5px;

}



code {

border:1px solid #7C7B7B;

padding:7px;

margin:8px

}



ul {

padding-left: 8px;

}



/*************** Forum Classes *************/

  

.fborder, .border{

border-collapse: separate;

border-spacing: 2px;

}



.forumheader {

font-weight: bold;

font: 16.8px Arial, Helvetica;

font-weight: bold;

color: #7AF500;

padding: 12px;

text-align: left;

}



.forumheader a:hover {

color: #7AF500;

text-decoration: underline;

}



.forumheader img {

padding-right: 7px;

}



.fcaption {

background: url(images/fcaption_bg.png);

font-weight: bold;

font-size: 13.6px;

padding: 8px;

margin: 8px 0px;

border: 1px solid #7C7B7B;

border-spacing: 0px;

}



.fcaption .smalltext {

color: #FFFFFF;

}



.fcaption a {

color: #FFFFFF;

text-decoration: none;

}



.fcaption a:hover {

color: #FFFFFF;

text-decoration: underline;

}



.forumheader2, .forumheader3 {

border-collapse: collapse;

text-align: left;

padding: 6px 10px;

border: 1px #7C7B7B solid;

}



.forumheader2, .forumheader3 a{

font-weight: bold;

}



td.forumheader4 {

border: 1px #7C7B7B solid;

}



.forumheader5 {

cursor: pointer;

}



.forumheader6 {

border: 1px solid #7C7B7B;

}



.forumheader7 {

border: 1px solid #7C7B7B;

font-weight: bold;

font-size: 12px;

padding: 9px;

}



.forumheader8 {

text-align: left;

padding: 6px 10px;

border: 0px #7C7B7B solid;

}



.forumheader9 {

text-align: center;

padding: 8px;

border: 1px #7C7B7B solid;

}



.forumheader10 {

text-align: left;

}



#mini-nav {

background: transparent;

margin: 0;

padding: 0;

position: absolute;

right: 0;

top: 7px;

width: 70px;

z-index: 999;

}



#blue {

background-image:url(images/blue.png);

border:0;

width:10px;

height:20px;

cursor:pointer;

}



#green {

background-image:url(images/green.png);

border:0;

width:10px;

height:20px;

cursor:pointer;

}



#yellow {

background-image:url(images/yellow.png);

border:0;

width:10px;

height:20px;

cursor:pointer;

}



#pink {

background-image:url(images/pink.png);

border:0;

width:10px;

height:20px;

cursor:pointer;

}