/************ Xen Themes  - - -  Retro Blue - - -  **************/

body{
background: url(images/bg.jpg);
color: #403c3a;
margin:0;
padding:0;
font: 12px Arial, Verdana;
line-height: 1.3em;
}

a {
color: #403c3a;
font-weight: bold;
text-decoration: none;
}

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

a img {
border: 0px solid #777777;
}

a img:hover {
border: 0px solid #6C910B;
}

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

#mainwrap{
background: #404748;
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#header{
background: #202020 url(images/logo.jpg) no-repeat;
height: 400px;
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: #d0d8d9;
vertical-align: top;
border: 1px solid #404040;
padding: 15px 8px;
}

#bottom{
width: 100%;
}

#footer{
background: #d0d8d9;
width: 1000px;
color: #403c3a;
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: #FFFFFF;
font: 14px Arial, Helvetica;
font-weight: bold;
padding: 6px;
}

.nav_buttons a:hover {
background: #899fd0 url(images/navhov_bl.png) repeat-x;
color: #FFFFFF;
padding: 6px;
font: 14px Arial, Helvetica;
font-weight: bold;
text-decoration: none;
}

.hilite {
display: inline;
background: #9eaecc url(images/navhov_bl.png) repeat-x;
color: #000000;
padding: 6px;
font: 13px Arial, Helvetica;
font-weight: bold;
text-decoration: none;
}

.hilite a {
color: #FFFFFF;
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: #000000;
font: 21.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
}

.news_by {
color: #000000;
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: #000000;
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: #d0d8d9 url(images/l_menu_cap_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #000000;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.r_side_menu_caption {
background: #d0d8d9 url(images/r_menu_cap_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #000000;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.centre_menu_caption {
background: #d0d8d9 url(images/menu_cap_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #000000;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.centre_menu_caption2 {
background: #d0d8d9 url(images/menu_cap2_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #000000;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.centre_menu_caption3 {
background: #d0d8d9 url(images/menu_cap3_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #000000;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.bottom_menu {
background: #d0d8d9 url(images/bot_cap_bl.png);
width: 100%;
height: 52px;
padding-left: 22px;
color: #d2d8dc;
font: 18.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
vertical-align: middle;
}

.side_menu_body {
background: #d0d8d9;
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: #d0d8d9;
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: #d0d8d9;	
margin: 3px 0 5px 0;
color: #000000;
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: #d0d8d9;
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: #000000;
}

h1 {
font: 20.8px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #000000;
}

h2 {
font: 13px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #000000;
}

h3 {
font: 12px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #000000;
}

.button {
font: 12px Arial;
color: #403c3a;
font-weight: bold;
text-align: center;
padding: 4px;
background: #d0d8d9;
border: 1px solid transparent;
}

.button:hover {
font: 12px Arial;
color: #000000;
cursor: pointer;
font-weight: bold;
text-align: center;
padding: 4px;
background: #00E6FF url(images/navhov_bl.png) repeat-x;
border: 0px solid #00E6FF;
}

.indent {
border: #BABABA 1px solid;
padding: 4px;
margin: 0px;
background-color: #d0d8d9;
}

.nextprev {
border: 0px;
text-align: center;
padding: 2px;
margin-bottom: 9px;
}

.nextprev2 {
border: 0px;
text-align: center;
padding: 2px;
}

.tbox, .helpbox{
background: #d0d8d9;
color: #000000;
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: #000000;
padding: 12px;
text-align: left;
}

.forumheader a:hover {
color: #000000;
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: #000000;
}

.fcaption a {
color: #000000;
text-decoration: none;
}

.fcaption a:hover {
color: #000000;
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;
}

/* veskoto was here ;) */ 
/*sub links */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {

}

div.menuBar {
  background: url(images/navbg.png) no-repeat;
  text-align: center;
  height: 40px;
  width: 1000px;
  padding: 6px;
  top: 5px;
  padding-top: 10px;
}

div.emenuBar {

}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
  text-decoration: none;
  z-index: 100;
  border: 0px none;
	font-weight: bold;

	color: #FFFFFF;
  font: 14px Arial, Helvetica;
  font-weight: bold;
  padding: 6px;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
  background: #00E6FF url(images/navhov_bl.png) repeat-x;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
 
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
  left: 0px;
  top: 5px;
  margin: 6px 0 0 0;
}

div.menu {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  z-index: 101;
  color: #9eaecc;
  width: auto;
  
}
/*****************sub links *********************/
div.menu a.menuItem {
  background: #d2d8dc; 
  color: #403c3a;
  font: 13px Arial, Helvetica;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  border: 0 none;
  display: block;
  padding: 6px 10px;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  display: block;
  background: #9eaecc url(images/navhov_bl.png) repeat-x;
  color: #000000;
  left: 0px;
  top: 0px;
  font-weight: bold;
  border: 0 none;
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #403c3a;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0px 2px 0px 2px;
  color: #000000;
}

div.menu a.menuItem span.menuItemText {
	padding: 0px 0px 0px 3px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 0px solid #a5a5a5;
  border-bottom: 0px solid #ffffff;
  margin: 4px 2px;
  background-color: #d2d8dc; 
}

a.menuItem.header {
  border-bottom: 0px solid #b3b3b3;
}