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

body{
background: #000000;
color: #FFFFFF;
margin:0;
padding:0;
font: 12px Arial, Verdana;
line-height: 1.3em;
}

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

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

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

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

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

#mainwrap{
background: #000000 url(images/bg.png);
background-repeat: no-repeat;
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#header{
background: #000000 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: #000000;
vertical-align: top;
border: 1px solid #202020;
padding: 15px 8px;
}
*/
#bottom{
width: 100%;
}

#footer{
background: #000000;
width: 1000px;
color: #FFFFFF;
text-align: center;
padding: 12px;
border: 1px solid #202020;
}

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

.nav {
background: url(images/menu.PNG) no-repeat; 
text-align: center;
height: 30px;
border: 1px solid #202020;
}

.nav_buttons {
display: inline;
vertical-align: bottom;
margin-left: 2px;
margin-right: 2px;
}

.nav_buttons a {
color: #FFFFFF;
font: 10px Arial, Helvetica;
font-weight: bold;
padding: 6px;
}

.nav_buttons a:hover {
color: #202020;
padding: 6px;
font: 10px Arial, Helvetica;
font-weight: bold;
text-decoration: underline;
}

.hilite {
display: inline;
background: #000000 url(images/navhov_bl.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: #202020;
font: 21.8px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
}

.news_by {
color: #202020;
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: #202020;
font: 13px Arial;
font-weight: bold;
text-align: center;
}

.menu_body {
width: 100%;
padding: 20px 10px 10px 10px;
text-align: left;
}

.l_side_menu_caption {
background: #000000 url(images/menu.PNG);
width: 100%;
height: 30px;
color: #FFFFFF;
padding-left: 10px;
font: 13px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
border: 1px solid #202020;
}

.r_side_menu_caption {
background: #000000 url(images/menu.PNG);
width: 100%;
height: 30px;
padding-left: 10px;
color: #FFFFFF;
font: 13px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
border: 1px solid #202020;
}

.centre_menu_caption {
background: #000000 url(images/menu.PNG);
width: 100%;
height: 30px;
padding-left: 22px;
color: #FFFFFF;
font: 13px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
border: 1px solid #202020;
}

.bottom_menu {
background: #000000 url(images/menu.png);
width: 100%;
height: 30px;
padding-left: 22px;
color: #202020;
font: 13px Arial, Georgia, "Times New Roman";
font-weight: bold;
text-align: left;
border: 1px solid #202020;
}

.side_menu_body {
background: #000;
width: 100%;
text-align: left;
padding: 18px 15px;
border-left: 1px solid #202020;
border-right: 1px solid #202020;
border-bottom: 1px solid #202020;
margin-bottom: 9px;
}

.side_menu_body2 {
background-image: url(http://hacktivity.hu/portal/sites/all/images/bg.jpg);
width: 100%;
text-align: center;
padding: 18px 15px;
border-left: 1px solid #202020;
border-right: 1px solid #202020;
border-bottom: 1px solid #202020;
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 #202020;
padding: 3px;
width: 95%;
}

.cbheader{
font-weight: bold;
padding-bottom: 4px;
border-bottom: 1px solid #202020;
}

#chatbox .button {
margin-bottom: 7px;
text-align: center;
}

#commentform .tbox, #commentform .helpbox{
background-color: #202020;
width: 350px; 
border: 1px solid #202020; 
}

#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: #00E6FF;
}

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: 10px Arial;
color: #202020;
font-weight: bold;
text-align: center;
padding: 4px;
background: #000000;
border: 1px solid #202020;
}

.button:hover {
font: 10px Arial;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 4px;
background: #000000;
border: 1px solid #99CC00;
}

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

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

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

.tbox, .helpbox{
background: #202020;
color: #FFFFFF;
min-width: 65px;
border: 1px solid #202020;
}

code {
border:1px solid #99CC00;
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: #00E6FF;
padding: 12px;
text-align: left;
}

.forumheader a:hover {
color: #00E6FF;
text-decoration: underline;
}

.forumheader img {
padding-right: 7px;
}

.fcaption {
background-color: #000000;
font-weight: bold;
font-size: 13px;
padding: 8px;
border: 1px solid #99CC00;
}

.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 #202020 solid;
}

.forumheader2, .forumheader3 a{
font-weight: bold;
}

td.forumheader4 {
border: 1px #202020 solid;
}

.forumheader5 {
cursor: pointer;
}

.forumheader6 {
border: 1px solid #202020;
}

.forumheader7 {
border: 1px solid #202020;
font-weight: bold;
font-size: 12px;
padding: 9px;
}

.forumheader8 {
text-align: left;
padding: 6px 10px;
border: 0px #202020 solid;
}

.forumheader9 {
text-align: center;
padding: 8px;
border: 1px #202020 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: #000000 no-repeat;
  text-align: center;
  height: 20px;
  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: #00E6FF;
  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: #202020;
  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: #00E6FF;
  width: auto;
  
}
/*****************sub links *********************/
div.menu a.menuItem {
  background: #202020; 
  color: #00E6FF;
  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: #00E6FF url(images/navhov_bl.png) repeat-x;
  color: #202020;
  left: 0px;
  top: 0px;
  font-weight: bold;
  border: 0 none;
}

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

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

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: #202020; 
}

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