#header { background:#695C80; color: #fff; height: 70px;}

#middle2cols {}

#middle3cols {}

#middle3cols div#leftcell { width:100%; float:left; margin-right:-206px; }

#content { }

#middle3cols div#content { margin-right:176px; }

#middle3cols div#secondcell { margin-right:0px; }

#firstcell { float:left; width:164px; padding:2px; }

#secondcell { margin-left:180px; padding:2px; margin-right:30px; }

#rightcell { float:right; width:164px; padding:2px; }

.clearing { clear:both; height:0; }

#footer {background:#695C80;}

#footer td { clear: both; padding:20px; color: #fff; }

#footer a { color: #fff;}


/* design */

body, body div, body p, body th, body td, body li, body dd {
font-size: x-small; 
voice-family: "\"}\"";
voice-family: inherit; 
font-size: small 
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
font-size: small
}

body,td,th,p {font-family:arial,verdana,tahoma}

body { margin:0px; padding:0px; }

a {text-decoration:none; color: #611032;}
a:hover {text-decoration: underline;}

h1 {margin:12px;}
p {margin:0px;padding:3px 0px;}

img {border: 0px;}

#header .recl { position: absolute; top: 14px; right:20px; }

.headblock { padding: 2px 10px 3px 4px; margin-top:15px; background: #695C80 url(image/ugolok.gif) no-repeat top right; color: #ffffff; font-size:93%; }

.botblock { width: 156px; height:9px; overflow: hidden; } 

.navigator { margin-top:15px; padding: 4px 0px; }

.menu {padding: 4px; padding-left:14px; margin:0px 0px 0px 0px; background: #E4E4F1; color: #000;}
.menu img {margin: 0px 2px 2px 12px;}

.menu a {color: #000; font-family:tahoma;}
.menu a.select {color:#500;} 
.menu a.kon {color:#f00; font-weight:bold;}


#secondcell .headblock { margin-top:15px; background: #ffffff; color: #695C80; }

#secondcell .box { border: 1px #8C7BAB solid; padding: 4px; }

.box { border: 1px #695C80 solid; border-top:0px; padding: 4px;}

.table { width: 98%; }

.table table { width: 100%;}

.photobox { border: 1px #695C80 solid; border-top:0px; padding: 4px; text-align:center; background: #FFFCF7; }

.reclbox { margin-top: 12px;  border: 1px #e6e6e6 solid;  padding: 4px; text-align:center; }

.preview td, .preview2 td { padding: 6px;}

.preview .image, .preview2 .image { height: 150px; width: 150px;  border: 1px #F6EDF7 solid; /*background: #e6e6e6;*/ text-align:center; }

form {margin:0px;}

input { width:90%; border: 1px #8C7BAB solid; background: #fff; margin:2px; } 
textarea { width:90%; border: 1px #8C7BAB solid; background: #fff; margin:2px; height:200px;} 

.stat {margin: 8px;text-align:center;color:#8C7BAB;}
.stat span {font-weight: bold;}

.table th, .table td { text-align:left; padding:3px 4px; }

#rightcell table th, #rightcell table td, #firstcell table th, #firstcell table td { font-weight: normal; padding:2px; }

#rightcell table img { float:right; margin-left: 4px; }

#firstcell table img { float:left; margin-right: 4px; }

table th { background: #EBEBF1; }

#firstcell table th, #rightcell table th {background: #FFFCF7;}

.table span { color: #8C7BAB; font-style:italic; } 

h3, h4 { margin-bottom:0px; } 

.preview .photos .image { height: auto; width: auto;  padding:2px; background: #e6e6e6; text-align:center; }

.albums { margin: 15px 0px; }

.commenth { margin-top:7px; background: #e6e6e6; padding: 3px; width: 536px; }

.comment { padding: 3px; width: 536px; }

.names { }

.letter { background: #d6d6d6; width:20px; text-align:center; vertical-align:center; font-weight: bold; }

.altsort { text-align:right; }

.user { border: 1px #e9e9e9 solid; padding: 12px;  margin-top:12px; }

.people	{ margin-right:12px; }

.atten {color: #802123; font-size: 120%; font-weight: bold;}

.blbanner { clear:both;}