/* top elements */
* {
	margin: 0;
	padding: 0;
}

body {
  background: #182931 url(random_images/rotate.php) no-repeat left top;
	color: #ACB6C2;
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	
	scrollbar-face-color: #143a46; 
  scrollbar-shadow-color: #04495f; 
  scrollbar-highlight-color: #2c5967; 
  scrollbar-3dlight-color: #324f58; 
  scrollbar-darkshadow-color: #0c333f; 
  scrollbar-track-color: #183d49; 
  scrollbar-arrow-color: #4E637E}
}

a { color: #5f898d; text-decoration: none; }
a:hover { text-decoration: none; color: #daba4c; }
img { border: none; }

/********************/
/*     TABLES       */
/********************/
#pageLayuot { width: 100%; text-align: left; vertical-align: top; }

/* header */
#header { width: 1024px; height: 210px; margin: 0; padding: 0; }
  .siteName { float: right; font: 30px Helvetica, Verdana, Arial, sans-serif; color: #5f898d; padding: 10px 100px 0 30px; }
  .siteTag { font: 18px Arial, Verdana, Helvetica, sans-serif; color: #707070; padding: 20px 0 0 10px; }
  
/* content */
#content { width: 100%; margin: 0; padding: 0; vertical-align: top; }

/* sidebar */
#leftSideBar { float: left; width: 224px; margin: 0; padding: 0; vertical-align: top; }
.leftMenuBg { width: 200px; margin: 0; padding: 0 10px 0 14px; }

.leftMenuTop { width: 200px; height: 29px; background: url(images/leftmenutop.png) no-repeat left top; margin: 0 auto; }
.leftMenuMiddle { width: 200px; background: url(images/leftmenumiddle.png) repeat-y left top; margin: 0 auto; }
.leftMenuBottom { width: 200px; height: 13px; background: url(images/leftmenubottom.png) no-repeat left top; margin: 0 auto; }

.leftMenuHeader_bg { height: 30px; background: url(images/leftmenuheader_bg.png) no-repeat center top; margin: 0 6px; padding: 0; border-top: 2px solid #8b7753; border-bottom: 2px solid #8b7753; }
.leftMenuHeader { font: 14px Arial, Verdana, Helvetica, sans-serif; color:#ab9340; padding: 8px 5px; text-align: center; }
.leftMenuContent { font: 12px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; padding: 10px 10px 20px 10px; }
.leftMenuContent a { color: #5f898d; text-decoration: none; }
.leftMenuContent a:hover { text-decoration: none; color: #daba4c; } 

/* news */
#news { float: left; width: 795px; margin: 0; padding: 40px 0 0 5px; vertical-align: top; }
#newsTop { width: 795px; height: 60px; background: url(images/newstop.png) no-repeat center top; margin: 0 auto; padding: 0; }
#newsTop .pageTitle { font: 26px Helvetica, Arial, Verdana, sans-serif; color: #d3b58d; padding: 20px 20px 0 20px; text-align: center; }
#newsMiddle { width: 795px; background: url(images/newsmiddle.png) repeat-y center top; margin: 0 auto; padding: 0; }
#newsInnerLayout { margin: 0; padding: 25px; }
#newsBottom { width: 795px; height: 16px; background: url(images/newsbottom.png) no-repeat center bottom; margin: 0 auto; padding: 0; }

.newsPost { clear: both; margin: 0 15px 20px 15px; padding: 0; }
.newsHeader_bg { height: 40px; background: url(images/newsheader_bg.png) no-repeat left top; margin: 0 5px; }
.newsHeader { font: 23px Arial, Verdana, Helvetica, sans-serif; color:#3faab9; padding: 17px 10px 0 20px; }
.newsHeader_bottomLine { height: 4px; background: url(images/newsheaderbottomline.png) no-repeat left top; margin: 0 5px; }
.newsDate { font: 11px Arial, Verdana, Helvetica, sans-serif; color:#256387; padding: 1px 5px 2px 10px; text-align: left; }
.newsPosted { clear: both; font: 11px Arial, Verdana, Helvetica, sans-serif; color:#2d79a5; padding: 2px 5px 5px 5px; text-align: right; }
.newsPosted a { color: #5a99bd; text-decoration: none; }
.newsPosted a:hover { color: #daba4c; text-decoration: none; }
.newsPosted .newsComments { background: url(images/comments_icon.png) no-repeat left top; margin: 0; padding: 0 0 0 20px; }
.newsOptions { margin: 0; padding: 2px 30px 20px 30px; text-align: right; }
.newsContent { font: 12px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; padding: 3px 20px 20px 20px; }
.newsContent img{ float: left; margin: 0; padding: 0 5px 5px 0; }
.newsBottomSep { clear: both; height: 40px; background: url(images/newssep.png) no-repeat center center; margin: 0; padding: 20px 0 0 0; }

/* bottm Menu Area */
#bottomMenuArea { clear: both; width: 795px; height:auto !important; min-height: 551px; background: url(images/bottom_bg.jpg) no-repeat center bottom; margin: 0; padding: 30px 0 0 5px; vertical-align: bottom; }
#bottomMenuPart { float: left; width: 200px; margin: 0; padding: 0 33px 20px 32px; vertical-align: top; }

.bottomMenuBg { width: 200px; margin: 0; padding: 0; }

.bottomMenuTop { width: 200px; height: 29px; background: url(images/leftmenutop.png) no-repeat left top; margin: 0 auto; }
.bottomMenuMiddle { width: 200px; background: url(images/leftmenumiddle.png) repeat-y left top; margin: 0 auto; }
.bottomMenuBottom { width: 200px; height: 13px; background: url(images/leftmenubottom.png) no-repeat left top; margin: 0 auto; }

.bottomMenuHeader_bg { height: 30px; background: url(images/leftmenuheader_bg.png) no-repeat center top; margin: 0 6px; padding: 0; border-top: 2px solid #8b7753; border-bottom: 2px solid #8b7753; }
.bottomMenuHeader { font: 14px Arial, Verdana, Helvetica, sans-serif; color:#ab9340; padding: 8px 5px; text-align: center; }
.bottomMenuContent { font: 12px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; padding: 10px 10px 20px 10px; }
.bottomMenuContent a { color: #5f898d; text-decoration: none; }
.bottomMenuContent a:hover { text-decoration: none; color: #daba4c; } 
  
/* center menu */ 
.centerMenuBox { width: 715px; margin: 0 auto; padding: 0 15px 20px 15px; }
.centerMenuBox a { color: #5f898d; text-decoration: none; }
.centerMenuBox a:hover { text-decoration: none; color: #daba4c; }   
.centerMenuHeader { font: italic 28px Arial, Verdana, Helvetica, sans-serif; color:#b38a32; padding: 15px 5px; margin: 20px 0 0 0; text-align: center; }
.centerMenuContent { padding: 0 10px; line-height: 20px; }
  
/* other menu */
.otherMenuBox { margin: 0; padding: 5px 10px; }
.otherMenuBox a { color: #5f898d; text-decoration: none; }
.otherMenuBox a:hover { text-decoration: none; color: #daba4c; }   
.otherMenuHeader { font: italic 18px Arial, Verdana, Helvetica, sans-serif; color:#8b7753; padding: 12px 10px; text-align: left; background: #162d36; border: 1px solid #8b7753; }
.otherMenuContent { margin: 0; padding: 10px 5px; font: 12px Arial, Verdana, Helvetica, sans-serif; background: #0d3442; border: 1px solid #8b7753; }

/* Footer */
#footer { clear: both; width: 100%; background: transparent; margin: 0 auto; padding: 20px 0; }
.footerText { font: 14px Arial, Verdana, Helvetica, sans-serif; color: #315363; text-align: center; padding: 10px; }
#footer a { color: #3d9bc7; text-decoration: none; }
#footer a:hover { color: #316e8b; text-decoration: none; }


/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ font: 13px Arial, Verdana, Helvetica, sans-serif; color:#fff; border: 2px solid #a39377; padding: 2px; margin: 2px auto; background: #223440; }
.tbox.chatbox { width: 90%; padding: 2px; margin: 2px auto; background: #223440; color: #fff; border: 2px solid #a39377; }
.button{ font: bold 11px Arial, Verdana, Helvetica, sans-serif; color: #b7bbbe; border: 1px solid #413827; background: url(images/button.gif) repeat-x center top; margin: 1px; padding: 2px 5px; text-align: center; }
.button a { color: #162d36; }
.button a:hover { color: #000; }

/* FORUMS */
.border { border: 1px solid #00192C; }
.fborder { border: 2px solid #1a5665; background: #1a5665; }  
.forumheader{ font: bold 14px Arial, Verdana, Helvetica, sans-serif; color: #ACB6C2; padding: 5px; background: #00192C; }
.forumheader2{ font: 14px Arial, Verdana, Helvetica, sans-serif; color: #ACB6C2; padding: 5px; background: #00192C; }
.forumheader2 .smalltext { font: 11px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; } 
.forumheader3{ font: 14px Arial, Verdana, Helvetica, sans-serif; color: #ACB6C2; padding: 5px; background: #0b283b; } 
.forumheader3 a { color: #97E6ED; text-decoration: none; }
.forumheader3 a:hover { color: #fff; text-decoration: none; }
.forumborder{ border: 1px solid #00192C; }
a.forumlink{ color: #467aa7; text-decoration: underline; }
.nforumcaption2 { background: #00192C; font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #ACB6C2; padding: 5px; }
.caption { background: #fafafa; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #476042; padding: 5px; }   
.fcaption { background: #00192C; font: bold 13px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; padding: 5px; }
.fcaption a { color: #135f87; text-decoration: none; }
.fcaption a:hover { color: #6299b5; text-decoration: none; }
.finfobar{ background: #04111b; font: 12px Arial, Verdana, Helvetica, sans-serif; color:#ACB6C2; padding: 5px; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }

/* TEXTS */
.indent{ font: 12px Arial, Verdana, Helvetica, sans-serif; color: #9f9580; padding: 10px; margin: 5px; border: 1px solid #8b7753; background: #1a2e3b; }
.smalltext { font: 11px Arial, Verdana, Helvetica, sans-serif; color:#9f9580; } 
.smallblacktext { font: 11px Arial, Verdana, Helvetica, sans-serif; color:#9f9580; }  
.defaulttext { font: 12px Arial, Verdana, Helvetica, sans-serif; color:#9f9580; } 
.mediumtext { font: 12px Arial, Verdana, Helvetica, sans-serif; color:#9f9580; }
blockquote { margin-left: 2em; padding-left: 1em; border: 1px solid #8b7753; font-style: italic;	}
.nextprev{ font: 12px Arial, Verdana, Helvetica, sans-serif; color: #9f9580; background: #1c313a; text-align: center; margin: 0 40px; padding : 4px; border: 1px solid #8b7753; }
.nextprev_link { text-decoration: none; font-weight: bold; color: #5f898d;  padding: 4px; }
.nextprev_current { text-decoration: none; color: #fff; padding: 4px; }
.searchhighlight { text-decoration: underline; color: #ff0000; font-weight: bold; }


/* MISC */
table { margin-left: auto; margin-right: auto;}
td { font: 12px Arial, Verdana, Helvetica, sans-serif; padding: 0px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
.spacer{ padding: 5px 0px 5px 0px; }
hr { height: 4px; border-top: #9f8f71 2px solid; border-bottom: #706043 2px solid; text-align: left; } 
.helpbox { background: transparent; font: 11px Arial, Verdana, Helvetica, sans-serif; color:#fff; border: 0px; margin: 0; padding: 0; }
.bodytable { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #9f9580; padding: 8px; }
.code{ font: 12px Arial, Verdana, Helvetica, sans-serif; color:#000; padding: 8px; }
.code_highlight{ width: 95%; margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 12px Arial, Verdana, Helvetica, sans-serif;
  /* white-space: pre; */
  background: #eaf4f9;
  border: 1px solid #f4e8d3;  
  border-left: 3px solid #574b35; }


/* Navigation */
/* Nav Menu Classes */
.navmenuTop { width: 224px; height: 24px; background: url(images/mainmenutop.png) no-repeat top left; }
.navmenu { width: 224px; margin: 0; padding: 0; }
.navmenuBottom { width: 224px; height: 24px; background: url(images/mainmenubottom.png) no-repeat bottom left; }

/* MENU STYLES ****************************************************** */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;  
}

div.menuBar {
  background: transparent;
  padding: 0;
  text-align: left;
}

div.emenuBar {
  text-align: left;
}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
  display: block; 
  width: 220px; 
  font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
  color: #000; 
  margin: 0 0 0 -3px;
  padding: 5px 0 5px 10px; 
  text-decoration: none; 
  background: url(images/mainmenubutton_off.png) repeat-y left; 
  z-index: 100;
  outline: 0;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(images/mainmenubutton_on.png) no-repeat left bottom;
	margin: 0 0 0 -3px;
	padding: 5px 0 5px 10px;
}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover,
div.menuBar a.menuButtonActive:hover {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	background: url(images/mainmenubutton_on.png) no-repeat left bottom;
	margin: 0 0 0 -3px;
	padding: 5px 0 5px 10px;
}

div.menu {
  width: auto;
  background: #c0c9ff; /* FCFDFF; almenü háttérszín*/
  left: 0px;
  padding: 1px 1px 1px 1px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  border: 1px solid #62678b; border-left: 1px solid #abb4ec;
  text-align: right;
  margin: -25px 0 0 180px;
  filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;
}

div.menu a.menuItem {
  color: #1f3a44;  /* almenü részek */
  font: bold 14px Verdana, Arial, Helvetica, sans-serif; 
  background: transparent;
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background: #fff6c0; /* F0F6FF; almenü mouseover */
  color: #000;
}

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

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: 1px solid #a5a5a5;
  border-bottom: 1px solid #ffffff;
  margin: 4px 2px;
}

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