﻿	/* поплавок */
p {
	margin:5px;
}

#lavaLampBasicImage {
position: relative;
width: 650px;
padding: 15px;
padding-right:5px;
margin: 5px 0;
overflow: hidden;
height:40px;
}
#lavaLampBasicImage li {
float: left;
list-style: none;
}
#lavaLampBasicImage li.backLava {
background: url("http://mediapoetry.org/css/lavaa.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#lavaLampBasicImage li.backLava .leftLava {
background: url("http://mediapoetry.org/css/lavaa.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#lavaLampBasicImage li a {
font: bold 12px Tahoma;
text-decoration: none;
color: #89BF39;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 8px;    
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
color: #84C225;
border: none;
}
/* menu */
#menu {
font: 13px tahoma;
position:relative;
width:650px;
padding: 10px;
margin: 10px 0;
overflow: hidden;
}
#menu li {
float: left;
list-style: none;
}
#menu li.backLava {
background-color:#CDE2FF;
width: 9px;
position: absolute;
}
#menu li a {
text-decoration: none;
color: #000;
text-align: center;
padding: 2px 5px;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
}
/* тело */
a {
color:#89BF39;
text-decoration:none;
font-weight:bold;

}
a:hover{
color:#F8C300;
text-decoration:none;
font-weight:bold;

}
body {
width:630px;
margin:0 auto;
background:url(/pics/shapka.jpg);
background-repeat:no-repeat;
background-position:top center;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
}
#header {
width:650px;
height:200px;
}
#nav1 {
width:650px;
height:40px;
margin-left:20px;

}
#nav2 {
width:650px;
height:45px;
margin-left: auto;
margin-right: auto;
}
#content { 
width:560px;
min-height:800px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:800px; /* for IE5.x and IE6 */
margin-left:50px;
margin-right:20px;
font-family:Century Gothic;
font-size:12px;
}

#footer { 
clear:both;
position:relative;
left:-330px;
top:-5px;
width:1280px;
height:580px;
color:#000000;
font-family:Verdana;
font-size:10px;
background:url(/pics/dno.jpg);
background-repeat:no-repeat;
background-position:top center;
overflow-x: hidden;
}

#countdown {
left:7px;
position:fixed;
top:7px;
width:250px;
background-color:transparent;


}
#ban {
bottom:4px;
position:absolute;
margin-left:120px;
margin-right:auto;
}
#deti {
right:410px;
position:absolute;
bottom:120px;
width:125px;
background-color:transparent;
}
#deti2 {
clear:both;
right:70px;
position:absolute;
bottom:4px;
width:100px;
background-color:transparent;
}
span.big {font-weight:bold}
span.green {color:#89BF39;font: bold 12px Century Gothic}
span.green2 {color:#89BF39;font: bold 10px Century Gothic;cursor:s-resize}
span.small {color:#89BF39;font: bold 10px Century Gothic}
span.orange {color:#F8C300;font: bold 12px Century Gothic}
span.orango {color:#F8C300;font: bold 18px Century Gothic}
.textar{border:1px solid #89BF39;font: normal 12px Century Gothic;}
span.blue {color:#4AB1C0;}
.msg_list {
	margin-left: 35px;
	padding: 0px;
	width: 500px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#FFF;
	margin:1px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#FFF;
	border: 1px solid #89BF39;
}