body {
	background: #f2f0e3;
	font-family: Arial, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	min-width: 900px;
}

#top {
	background: #7d8e92;
	height: 85px;
	margin-bottom: 20px;
}

#m1, #m2, #m3 {
	position: absolute;
	top: 29px;
}

#m3 {right: 35px}
#m2 {right: 100px}
#m1 {right: 165px}

h1, h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 210%;
  margin: 0 0 0.3em 0;
}

h1 {
  text-align: center;
}

.a_link h2, #content #theme h2, #content #rate h2, #content #comment h2, .frontpage h2, #content #popular h2, #content #comment10 h2 {
  font-size: 140%;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0.2em;
}

.a_link {
  margin-top: 15px;
}

.frontpage h2 {
  font-size: 110%;
  padding: 4px;
  background: #707F83;
  color: #fff;
}

#content #comment h2 { 
  background: none; color: #000;
  margin: 0.2em 0 0.3em;
}
   
h3 {
  margin: 0;
  margin-left: 3px;
  font-size: 100%;
  color: #a52a2a; 
}

#info h3, #descr h3, #stat h3 {
  margin: 3px 3px 7px;
}

#info p, #descr p, #stat p {
  margin: 0;
}

#bottom {
	clear: both;
	background: #7d8e92;
	border-top: 2px solid #333;
	font-size: 90%;
}

#bottom p {
	margin: 0;
	padding: 7px;
}

#bottom a {
	color: #fff;
}

a img {
	border: none;
}

a {
	color: #2F59BA;
}

a:visited {
  color: #9630B7; 
}

h2 a, h2 a:visited {
  color: #383F51;
}

a:hover, h2 a:hover {
  color: #a52a2a;
}

.menu a {
	display: block;
	font-size: 90%;
	margin-right: 3px;
	padding: 1px;
	padding-left: 7px;
	border:	1px solid #fff;
	text-decoration: none;
}

.menu a:hover {
	background: #f3f1e4;
	color: #333;
	border:	1px dotted #634f36;
}

.menu .current {
	margin-right: 3px;
  padding: 1px;
	padding-left: 8px;  
  font-size: 90%;
  background: #efe8b6;
}

form {
  margin: 0;
}

.small {
  font-size: 90%;
}

#content {
	background: #fff url(/images/bg_left.gif) repeat-y;
	margin: 0 212px 20px 5px;
}

#content #wrap {
  background: url(/images/bg_right.gif) right top repeat-y;
  margin: 0;
  padding: 10px;
}

div.bg_bottom {
  background: url(/images/bg_bottom2.gif) repeat-x right bottom;
  height: 10px;
}

#navigation {
	background: #fff url(/images/bg_left.gif) repeat-y;
 	width: 200px;
 	float: right;
 	margin: 0 7px 15px 0;
}

#navigation div.wrap {
  padding: 10px 8px 5px 10px;
	background: url(/images/bg_right.gif) right top repeat-y;
}

#navigation .bg_bottom, #col1 .bg_bottom, #col3 .bg_bottom {
  background: url(/images/bg_bottom.gif) bottom right no-repeat;
  height: 10px;
  clear: left;
}

* HTML #navigation {
	margin-right: 4px; 
}

#navigation h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 110%;
  font-weight: normal;
  padding: 2px;
  padding-bottom: 4px;
  background: #666;
  color: #f0f0f0;
  text-align: left;
  margin: 0 0 5px;
} 

p {
  margin-top: 0.2em;
}

#str {
  width: 98%;
  margin-bottom: 10px;
}

#photo img, #data div, #vote, #theme, #best, #viewphoto, #legend, #rate, #filter, #comment, .random img, #popular, #comment10 {  
  border: 1px solid #999;
}

.zoom img { 
  border: none !important;
  vertical-align: middle; 
}

p.zoom { 
  margin: -5px 0 0 !important;
  font-size: 80%;
}  

.search {
  width: 98%;
}

#content #photo {
  text-align: center;
  margin-bottom: 20px;
}

#data {
  margin: 0 20px;
}

#data div {
  padding: 4px;
}

#info { 
  width: 38%; 
  float: left;
  margin-bottom: 10px;
}

#descr {
  margin-left: 40%; 
}

#descr span {
  margin-right: 7px;
}

#stat {
  margin-left: 40%; 
  margin-top: 10px;
}

#stat form, p {
  margin: 0;
  padding: 3px;
}

#vote {
  text-align: center;
  margin: 10px 20px;
  background: #bbcdc0 url(/images/p_vote.gif) bottom left no-repeat;
}

#vote form {
  background: #fff;
  margin: 0 0 0 30px;
  padding: 4px;
}

#vote #form_vote {
  padding: 5px;
}

#vote p {
  padding: 3px;
  margin: 0;
}

#content #comment {
  margin: 0 20px 10px 20px;
  background: #bbcdc0 url(/images/p_comment.gif) bottom left no-repeat; 
}

#comment div.wraper {
  background: #fff;
  margin-left: 30px;
  padding: 4px 9px;
}

#comment .field input, #comment .field textarea {
  padding: 2px;
  font: 1em Arial, sans-serif;
  border: 1px solid #ccc;
}

#comment p {
  margin-top: 0.5em;
  margin-bottom: 0.2em;
  padding: 0;
}

#theme, #rate, #popular, #comment10 {
  padding: 5px;
  margin: 0 20px 15px;
}


#theme h3 {
  padding-top: 0.3em;
}

#theme p {
  margin: 0.2em 0 0.1em;
  padding: 0; 
}

#best {
  margin: 10px 5px 0;
  padding: 5px;
}

#next {
  float: right; 
  position: relative; 
  top: 0; 
  right: 3px;
}

#viewphoto {
  padding: 5px;
  background: #f2f0e3;
  margin: 15px 20px;
  font-size: 90%;
}

.thumb, .photos {
	float: left;
	padding: 10px;
	margin: 0 15px 15px 0;
	text-align: center;
	font-size: 80%;
	background: #f0f0f0;
	border: 1px solid #333;
}

.thumb img {
	border: 1px solid #333;
}

.theme_descr {
  margin: 0 20px 10px;
  padding: 5px;
}

table.thumbdescr {
	background: #f0f0f0; 
	border-collapse: collapse;
	width: 100%;
}	
	
table.thumbdescr td {
	vertical-align: top;
	border-bottom: 2px solid #fff;
  padding: 4px;	
}

table.thumbdescr .pt {
  width: 130px;
}

table.thumbdescr td img {
	border: 1px solid #333;
}

#photoput {
  margin: 0 20px;
}

#photoput .thumbdescr p, table.thumbdescr td p {
  margin: 0;
  font-size: 90%;
}  

#photoput .thumbdescr p strong, table.thumbdescr td p {
  color: #666;
}

table.info {
  border-collapse: collapse;
  width: 100%;
}

table.info td, table.info th {
  border: 1px solid #333;
  padding: 4px;
  font-size: 90%;
}

table.info th {
  text-align: left;
  background: #efe8b6;
}

table.info tr.odd {
  background: #f0f0f0;
}

#table_sort {
  margin-top: 20px;
}

#table_sort th {
  cursor: pointer;
  background: #efe8b6 url(/images/sort.gif) no-repeat center right;
}

#table_sort th.headerSortUp { 
    background-image: url(/images/sort_asc.gif); 
    background-color: #7d8e92;
    color: #ffe; 
}

#table_sort th.headerSortDown { 
    background-image: url(/images/sort_desc.gif); 
    background-color: #7d8e92;
    color: #ffe; 
}  

ul.photo {
  margin-top: 0.2em;
}

ul.photo li {
  margin-bottom: 0.2em;
}

div.entry {
  margin: 0 20px;
}

#legend {
  float: right;
  font-size: 90%;
  background: #fcfdf5;
  padding: 10px;
  margin: 20px 20px 0 5px;
}

#legend input {
  margin: 0;
}

#filter {
  background: #bbcdc0 url(/images/p_filter.gif) bottom left no-repeat;
  margin: 15px 20px;
  font-size: 90%;
}

#filter div {
  background: #f2f0e3;
  margin-left: 30px;
  padding: 4px;
  padding-left: 7px;
}

#filter b {
  color: #666;
}

.f1 {
  border-left: 1px solid #333; 
  padding-left: 13px; 
  margin-left: 10px;
}

.col1 {
  float: left; 
  width: 50%; 
  border-right: 1px dashed #333; 
}

table.cat td.vr {
  border-right: 1px dashed #333;
  padding-left: 10px; 
  vertical-align: top;
}

td.vr1 { width: 34%; padding-left: 10px; }
td.vr2 { width: 33%; }
table.cat td.vr3 { border: none; }

.col2 {
 float: right; 
 width: 49%;
}

.clear {
  clear: both;
}

#form_comment .row {
  margin-bottom: 5px;
}

#form_comment .label {
  width: 100px;
  float: left;
  margin-right: 10px;
  text-align: right;
}

#form_comment .field input, #form_comment .field textarea {
  width: 75%; 
}

#form_comment .field textarea {
  height: 10em;
}

#comment p {
  margin-left: 108px;
}

#add_comment .c_row {
  clear: left;
  padding: 5px 0;
  border-bottom: 1px dashed #ccc;
}

#add_comment .c_user {
  width: 120px;
  float: left;
  margin-right: 10px;
  text-align: right;
}

#add_comment .c_user p {
  margin: 0;
  padding-bottom: 5px;
}

#add_comment .c_name {
  color: #a52a2a;
}

.row .label {
  position: relative;
  top: 3px;
}

#add_comment .c_date {
  font-size: 8pt;
}

#add_comment .c_text {
  margin-left: 135px;
  padding-bottom: 5px;
}

#new_comment {
  background: #f0f0f0;
  clear: left;
}

.randphoto, .today {
  text-align: center;
  width: 150px;
  margin: 5px auto !important;
  padding: 15px 0 !important;
  background: #f0f0f0;
  border: 1px solid #333;
}

table.cat {
  width: 99%;
}

table.cat td {
  padding: 4px;
}

.cat div {
  font-size: 80%;
  margin-left: 10px;
  padding: 2px;
}

#container {
  float: left;
  width: 100%;
}

#col1, #col2, #col3 {
 	background: #fff url(/images/bg_left.gif) repeat-y;
 	margin-bottom: 20px;
}

#col3 {
  float: left;
  width: 250px;
  margin-left: -255px;
}

#col2 {
  margin: 0 260px 0 205px;
}

#col1 {
  float: left;
  width: 200px;
  margin-left: -100%;
}

.wrap {
  background: url(/images/bg_right.gif) right top repeat-y;
  margin: 0;
  padding: 13px;
  padding-right: 10px;
  padding-top: 7px;
}

#container h1 {
  text-align: left;
  font-size: 180%;
  font-weight: normal;
  margin-bottom: 0.5em;
}

#content h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 140%;
  font-weight: normal;
  padding: 2px;
  padding-bottom: 4px;
  margin: 0.8em 0 2px 0;
} 

.today img {
  border: 1px solid #333;
}

.author {
  margin: 5px 7px 5px 0;
  float: left;
}

.bg_bottom2 {
  background: url(/images/bg_bottom2.gif) bottom right no-repeat;
  height: 10px;
}

.thumb {
	float: left;
	padding: 10px;
	margin: 0 15px 15px 0;
	text-align: center;
	font-size: 80%;
	background: #f0f0f0;
	border: 1px solid #333;
}

.thumb img {
	border: 1px solid #333;
}

.clear {
  clear: both;
}

.clearleft {
  clear: left;
}

.menu {
  font-size: 110%;
}

table.thumbdescr {

	background: #f0f0f0; 
	border-collapse: collapse;
}	
	
table.thumbdescr td {
	vertical-align: top;
	border-bottom: 2px solid #fff;	
}

table.thumbdescr td img {
	border: 1px solid #333;
}

table.thumbdescr p {
  margin: 0.3em 0;
}

#content #wrap {
  padding: 10px 20px;
}

.wrap p {
  font-size: 94%;
}

p.center {
  text-align: center;
}

#navigation p {
  padding: 0 6px;
  margin: 0.5em 0 0.5em;
}

.help {
  background: url(/images/help.gif) no-repeat 10px 10px; 
  background-color: #fff;
  padding: 5px;
  border: 1px dashed #333;
  margin-top: 10px;
}

.help p {
  margin: 0.2em 0;
}

.errormsg, .okmsg {
	padding: 5px;
	font-weight: bold;
	border: 1px dashed #333;
}

.errormsg {
  background: #f0f0f0;
  color: #a52a2a;
}

.okmsg {
	background: #ffe;
	color: maroon;
}

#search {
  background: #f2f0e3;
  padding: 5px;
  margin-bottom: 10px;
}

#search p {
  margin-bottom: 0.2em;
  font-size: 90%;
}

#search #str {
  width: 80%;
  padding: 1px;
  float: left;
}

#out {
  margin: 0 20px;
}

.okmsg {

}

.errormsg {
  color: #a52a2a;
  font-size: 160%;
  margin: 20px 0;
}

li {
  margin-bottom: 0.2em;
}

p {
  margin-bottom: 5px;
}

p.descr {
  margin: 0 0 0.5em 20px;
  font-size: 90%;
}

.l1 {
	background: #ffe;
	color: #333;	
	background: url(/images/bullet2.gif) no-repeat 0px 3px;
	padding-left: 15px;
}

.l2 {
	background: url(/images/bullet1.gif) no-repeat 12px 3px;
	padding-left: 20px;
}

.block {
  margin-bottom: 17px;
}

.treeItem {
  cursor: pointer;
}

.haveContainer {
  background: url(/images/ico_plus.gif) no-repeat 0 6px;
  padding-left: 25px !important;
}

.expanded .haveContainer, h2.expanded {
	background-image: url(/images/ico_minus.gif);
}


/* ---------------------- */


  #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
  #colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(/images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(/images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
  #cboxLoadedContent{margin-bottom:28px;}
  #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
  #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
  #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
  #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
  #cboxPrevious.hover{background-position:-25px -25px;}
  #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
  #cboxNext.hover{background-position:0px -25px;}
	#cboxLoadingOverlay{background:url(/images/loading_background.png) center center no-repeat;}
  #cboxLoadingGraphic{background:url(/images/loading.gif) center center no-repeat;}
	#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
	#cboxClose.hover{background-position:-50px -25px;}
	
.star {
  background: url(/images/rating.gif) no-repeat;
  display: block;
  float: left;
  width: 85px; 
  height: 100%;
  overflow: hidden;
  position: relative;
  left: 5px;
  margin-right: 10px;
}

.average{
  display: block;
  background: url(/images/rating.gif) 0 -16px no-repeat; 
  text-indent:-9999px;
}

.rss {
  vertical-align: middle;
}

.photos {
  width: 140px;
  height: 174px;
  background: none;
  text-align: center;
  border: none;
  margin: 0 0 4px;
  padding: 5px;
}

.photos p {
  margin: 0;
}