/* © Michael «crigon» Tikhomirov [2007] v1.0 */
/* Yes, I don’t use these stupid «tab»s. So, what? */

/* Structure */
body { padding: 0; width: 720px; margin: 0 auto; }
#WhatWeHave { position: relative; padding: 0; margin: 0; }
#header { margin: 0; width: 100%; padding: 0; }
#logo { height: 70px; margin: 0; padding: 0; position: relative; }
#logo h1 { text-indent: -99999px; padding: 0; position: absolute; font-size: 25px !important; }
#logo #logotip { width: 190px; height: 45px; left: 20px; top: 2px; }
#logo #register { width: 225px; height: 55px; right: 23px; top: -5px; }
#decorate { position: absolute; bottom: 0; left: 0; width: 215px; height: 265px; }
#central { margin: 0; padding: 0; width: 100%; position: relative; }
.stext { margin: 0; padding: 0.7em 1em;}
#content { margin: 0 170px 0 20px; padding: 0; font-size:11px;}
#menu { margin: 0 20px 0 0; padding: 0; width: 150px; position: absolute; top: 0; right: 0;}
#menuReflected { margin: 1px 0 10px 0; padding: 0; width: 235px; height: 15px; }
#footer { margin: 10px 270px 0 35px; padding: 5px; }
b { background: inherit; font-size:11px; }
b.r1, b.r2, b.r3, b.r4, b.r5, b.r6, b.r7, b.r8, b.r9, b.r10 { display: block; height: 1px; font-size: 1px; overflow: hidden; }
.r10 { margin: 0 10px; }
.r9 { margin: 0 9px; }
.r8 { margin: 0 8px; }
.r7 { margin: 0 7px; }
.r6 { margin: 0 6px; }
.r5 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
#content .r5 { margin: 0 0 0 5px; }
#content .r3 { margin: 0 0 0 3px; }
#content .r2 { margin: 0 0 0 2px; }
#content .r1 { margin: 0 0 0 1px; }
#banners { width: 100%; text-align: center; }
#banners img { border: 0; padding: 0; margin: 2px 1px; }
.block {} /* Don’t think about */
.inside { padding: 2px 2px 10px 2px; }
.title { padding: 0 2px 2px 16px; }
.righty { float: right; padding: 2px 2px 0 0; }
a, a:active, a:link, a:visited, td a, td a:active, td a:link, td a:visited, div a, div a:active, div a:link, div a:visited { padding: 0; margin: 0; }
a:hover, td a:hover, div a:hover { padding: 0; margin: 0; }
.highlight { padding: 4px; margin: 4px; }
form { padding: 0; margin: 0; }
input { padding: 1px; margin: 0; }
.login { padding: 5px; margin: 0 0 10px 0;}
.login input { margin:1px; }
.login .text { width: 94%; }
.login div { margin: 5px 0; }
#mmenu { list-style: none; margin: 0 0 10px 0; padding: 0; }
#mmenu li { margin: 0; padding: 0; }
#mmenu a, #mmenu a:link, #mmenu a:active, #mmenu a:visited { padding: 3px 5px; display: block; }
#mmenu a:hover { padding: 3px 5px; display: block; }
 
/* Nice to see */
body { background: #add8e6 url('./body.jpg') top left repeat-x; font: small Verdana, Arial, serif; color: #666; }
a, a:active, a:link, a:visited, td a, td a:active, td a:link, td a:visited, div a, div a:active, div a:link, div a:visited { text-decoration: none; background: inherit; color: #0000aa; border-bottom: 1px dotted #006699; }
a:hover, td a:hover, div a:hover { text-decoration: none; background: inherit; color: #4444aa; border-bottom: 1px solid #006699; }
#decorate { background: transparent url('./decorate.gif') no-repeat left bottom; } /* There is some bug with margins or something like that, don’t fixed at this moment */
#logo { background: #4682b4 url('./header.jpg') top left repeat-x; }
#logo #logotip { background: transparent url('./logo.gif') no-repeat left top; }
#logo #register { background: transparent url('./register.jpg') no-repeat left top; }
#logo #register:hover { background: transparent url('./register_hover.jpg') no-repeat left top; } /* Butterfly with broken wings */
#header b { background: #4682b4; }
#central b { background: #cbdceb; }
#content { border-top: 2px solid #999; border-right: 1px dotted #999; }
#menu { border-top: 2px solid #999; }
#footer b { background: #afc9e0; }
.stext { background: #cbdceb; }
#footer .stext { background: #afc9e0; }

#banners { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.title { font: 17px Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #006699; color: #006699; background: transparent url('./bullet.gif') no-repeat left center; }
.righty { font: normal x-small Verdana, Arial, serif; background: inherit; color: #006699; }
.smally { font: normal x-small Verdana, Arial, serif; }
.highlight { border-left: 3px solid #eee; background: inherit; color: #000; }
.lowlight { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.login { background: #eee; border: 1px dotted #006699; }
#mmenu a, #mmenu a:link, #mmenu a:active, #mmenu a:visited { font: bold x-small Arial, Verdana serif; background: #afc9e0; border: 0; color: #006699; border-top: 1px dotted #cbdceb; }
#mmenu a:hover { background: #cbdceb; border: 0; font: bold x-small Arial, Verdana serif; color: #999; border-top: 1px solid #cbdceb; border-left: 3px solid #afc9e0; }
.text { font: x-small Verdana, Arial, serif; background: #e0e0e0; border: 1px solid #666; color: #006699; }
.text:focus { background: #fff; color: #006699; }
.ok { font: bold x-small Verdana, Arial, serif;  cursor:pointer; background: #afc9e0; border: 1px solid #666; color: #006699; }

/* Bugfixing for Opera */
html:first-child #logo #logotip { left: 19px; top: -1px; }
html:first-child #logo #register { right: 21px; top: -6px; }
html:first-child .ok {padding:2px; padding-left:5px;padding-right:5px;}
/* Bugfixing for IE7 */
*:first-child+html #logo #logotip { left: 19px; top: 20px; cursor: pointer; }
*:first-child+html #logo #register { right: 19px; top: 13px; cursor: pointer; }
*:first-child+html .text:hover { background: #fff; color: #006699; }


.min {font-size:9px;}