/* core rules */
body {margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; background: url(img/bbg.png) top left repeat-x; background-color:#B4B4B4; color: #5F5F5F } /* background-color:#B3C9EF */
#pool { margin: 0 auto; width: 768px; overflow:hidden; background: transparent }
#head { width:100%; height: 74px; overflow: hidden; background: transparent }
#content { width: 100%; overflow: hidden }
.left { float: left; }
.left>a { -moz-outline:none }
.right { float: right; background: transparent }
.control { padding: 10px; text-align: right; color: black; background: url(img/ctrl.png) bottom right no-repeat; background-color: #93A3C4 }
#head .left { height: 65px; width: 300px; }
#head .right { height:74px; width: 330px }
#content .left { background:#b4b4b4;  width: 500px }
#content .right { background:transparent; width: 268px; overflow:hidden; margin-top: 5px }
#alter { width: 70px; height: 74px; float: left; padding:10px; border-right: 5px dotted #336699; background: transparent; color: white }
#textbody { min-height: 680px; padding: 12px;  border: 2px solid #003265; border-top: none; border-bottom: none; border-right-color: #4F4F4F; background-color: #F1F1F1; }
#textbottom { background: url(img/tbg.png) bottom left no-repeat; font-size:10%; height:8px; border-right: 2px solid #003265 }
#footer { background: url(img/foot.gif) top left no-repeat; height: 20px; padding: 10px 20px; border-right: 2px solid #003265; border-bottom: 2px solid #003265; font-size:90% }
form { margin:0; padding:0 }
input {margin:0; padding:0}
input#q {border: 2px solid #003265; }
.menuitem, .fixedmenuitem { display:block }
.menuitem .bar { margin: 8px 0 0; background: url(img/menu.png) top right; height: 24px; padding: 2px 5px }
.menuitem:hover .bar { background: url(img/menu.png) bottom right }
.menuitem:hover .bar a { display: block; float: left; width:30px; height:22px; background: url(img/rajzszeg.gif) top left; cursor: pointer }
.fixedmenuitem .bar { margin: 8px 0 0; background: url(img/menu.png) bottom right; height: 24px; padding: 2px 5px; }
.fixedmenuitem  .bar a { display:block; float: left; width:30px; height:22px; background: url(img/rajzszeg.gif) top right; cursor: pointer }
/* IE? 
.fixedmenuitem:hover  .bar a { display:block; float: left; width:30px; height:22px; background: url(img/rajzszeg.gif) top right; cursor: pointer }
*/
.menu { margin: 5px; margin-top:0; padding: 6px; background: #DFDFDF; color: black }
.menu ul { margin: 2px 0; padding: 0 6px 0 14px  }
.menu ul, .menu div { font-size: 90% }
.menu a { font-weight: normal }
.menuitem .menu { display:none; }
.menuitem:hover .menu { display:block }
.menulabel { display: block; width: 200px; color: white; height: 20px; float: right; text-align: right; padding: 1px 5px; font-weight: bold }
.menuitem:hover .menulabel { color: black }
.fixedmenuitem .menulabel { color: black }

a { color:#144F2C; font-weight: bold; text-decoration: none }
a:hover { color:#007F32 }
a img { border: none; }

.beljebb { margin-left: 24px; }
.petit { font-size: 95% }
.info {  margin: 1px 0 24px 47px }
.info img { margin-left: -20px }
#lastissues { width: 47%; float:left; padding:4px}
#lastentries { width: 47%; float: right;  }
.gradbox { padding:8px; border: 2px solid #003265; border-width:0 2px; background:url(img/grad.gif) bottom left no-repeat }
.gradtop { background:url(img/gradtop.gif) top left no-repeat; border-right: 2px solid #003265; text-align:center; font-size:125%; font-variant:small-caps; font-weight:bold }
.gradbot {background:url(img/gradbot.gif) bottom right no-repeat; border-left: 2px solid #003265}
.gradbot2 {background:url(img/gradbot2.gif) 100% 100% no-repeat; height:25px}
.clearer {clear:both}