html, body {
height: 100%; 
border: 0;
}
* {
margin: 0; 
padding: 0;
}
img {
border: 0;
}
a:focus {
outline: none;
}
body { 
text-align: center;
font-weight: normal;
}
div#outside {
margin: auto;
width: 1000px;
height: 100%;
text-align: center;
font: normal 19px/1.5 georgia;
}
h1 {
font: normal 24px/1.5 georgia;
font-style: italic;
color: #800;
}
h1 a {
text-decoration: underline;
color: #800;
}
h1 a:hover {
text-decoration: underline;
color: #666;
}
h3 {
font: normal 18px/1.5 georgia;
font-style: italic;
color: #800;
margin-bottom: 10px;
}
div#header {
margin: auto;
width: 1000px;
height: 348px;
background: #f0f0f0 url(/img/rus-headerz.png) center no-repeat;
}
div#header p {
float: left;
}
div#menu_top {
clear: both;
width: 1000px;
height: 29px;
text-align: center;
background: #00ccff;
}
#main {
margin: auto;
margin-top: 27px;
padding-top: 20px;
padding-bottom: 30px;
width: 996px;
border-right: 2px solid #ccc;
border-left: 2px solid #ccc;
text-align: center;
background: #F5F6F0 url(img/rus-bgfon.jpg) left repeat-y;
}
#main p.feed {
margin: auto;
float: left;
text-align: left;
padding: 10px 65px 10px 65px;
}
#main p.f-star {
padding-top: 10px; 
text-align: center; 
color: #ff9900;
}
#main p.feed i {
font-style: normal;
color: #cc0000;
}
#main p.gx {
margin: auto;
text-align: justify;
padding: 0 65px 10px 65px;
}
.imgone {
float: left; 
margin: 3px 11px 0 0; 
}
div#centr {
margin: auto;
width: 996px;
}
p.gll {
margin: auto;
display: block;
float: left;
width: 249px;
height: 230px;
text-align: center;
}
span.fir {
display: block; 
text-align: center;
}
p.gll-big {
margin: auto;
display: block;
width: 996px;
margin-bottom: 10px;
text-align: center;
}
p.gll-tw {
float: left;
display: block;
width: 498px;
margin-bottom: 10px;
text-align: center;
}
p.gll-thr {
float: left;
display: block;
width: 332px;
margin-bottom: 10px;
text-align: center;
}
p.gll img, p.gll-big img, p.gll-tw img, p.gll-thr img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
p.gll a img, p.gll-big a img, p.gll-tw a img, p.gll-thr a img {
border: 6px double #ccc;
}
p.gll a:hover img, p.gll-big a:hover img, p.gll-tw a:hover img, p.gll-thr a:hover img {
border: 6px double #ff9933;
}
p.gll-big a.cont {
font: bold 24px "Trebuchet MS";
color: #7B68EE;
}
p.gll-big a.cont:hover {
font: bold 24px "Trebuchet MS";
color: #0000CD;
}
p.gll-big a.cont i {
font-style: normal;
font-size: 36px;
color: #cc0000;
}
p.gll-big a.cont:hover i {
font-style: normal;
font-size: 36px;
color: #FFD700;
}
div.big {
clear: both;
text-align: center;
margin: auto;
margin-top: 6px;
margin-bottom: 20px;
}
#footer {
float: left;
background: #333366;
height: 50px;
padding-top: 10px;
text-align: center;
width: 1000px;
}
#footer a {
text-decoration: none;
color: #dadada;
}
#footer a:hover {
text-decoration: none;
color: #ff9933;
}
body#gallery a.a-gallery, body#aboutauthor a.a-aboutauthor, body#feedback a.a-feedback, body#contacts a.a-contacts, body#exclusive a.a-exclusive {
color: #fff;
background: #0033cc url(/img/diamonds.png) left no-repeat;
}
h2#augusta {
margin: auto;
clear: both;
font-family: 'Augusta Two';
-webkit-font-smoothing: subpixel-antialiased;
font-size: 34px;
font-weight: normal;
color: #800;
}
@font-face {
font-family: 'Augusta Two';
src: url('/fonts/augusta_two.eot');
src: url('/fonts/augusta_two.eot?#iefix') format('embedded-opentype'),
url('/fonts/augusta_two.woff') format('woff'),
url('/fonts/augusta_two.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
ol#gl {
margin: auto;
display: block;
float: right;
text-align: right;
list-style: none;
background: #99ccff;
width: 1000px;
height: 27px;
}
ol#gl li {
margin: auto;
display: block;
float: right;
position: relative;
text-align: left;
}
li ol {
position: absolute;
width: 360px;
color: #660000;
top: 27px;
left: 0;
display: none;
}
ol li span {
display: block;
height: 25px;
text-decoration: none;
color: #800;
padding: 5px 10px 0 28px;
font: normal 15px/1.3 georgia;
}
ol li a {
display: block;
height: 24px;
text-decoration: none;
color: #333;
padding: 3px 10px 0 28px;
font: normal 15px/1.3 georgia;
}
ol li a:hover {
display: block;
height: 24px;
text-decoration: none;
color: #fff;
background: #333366 url(/img/diamonds.png) left no-repeat;
}
* html ol li {
float: left; 
height: 1%;
}
* html ol li a {
height: 1%;
}
li:hover ol, li.over ol {
display: block;
}