
body {
	font-family: Times, Arial, Helvetica, sans-serif;
	color: #888888;
	background-color: #222222;
SCROLLBAR-FACE-COLOR: #222222; SCROLLBAR-HIGHLIGHT-COLOR: #888888;
 SCROLLBAR-SHADOW-COLOR: #888888; SCROLLBAR-3DLIGHT-COLOR: #888888;
 SCROLLBAR-ARROW-COLOR: #888888; SCROLLBAR-TRACK-COLOR: #333333;
 SCROLLBAR-DARKSHADOW-COLOR: #888888}

A:link  {
	color:#888888;
	text-decoration: none;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 100%  }
	
A:visited  {
	color:#888888;
	text-decoration: none;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 100%   }
	
A:hover {
	color:#ee0000;
	text-decoration: none;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 100%}

A:active {
	color:#ee0000;
	text-decoration: none;
	font-family: Times, Arial, Helvetica, sans-serif;
	font-size: 100%}

 .imageFader{
        position:relative;
        filter:alpha(opacity=40);
        -moz-opacity:40% }

.left input {
	font-size: 11px;
}

.left ul {
	margin: 0 0 10px 20px;
}



/* http://strawberry.goodgirl.ru/forum/viewtopic.php?id=198 */
.post, .comment, .comment_form {
	margin-bottom: 20px;
    * height: 0;
}

.post .title, .comment .title {
	font-weight: bold;
    * height: 0;
	color: #aa0000;
}

.post .story, .comment .story {
	text-align: justify;
	line-height: 140%;
	padding-left: 10px;
	padding-right: 10px;
}

.post hr, .comment hr {
	width: 10%;
}

.post .date, .comment .date {
	font-size: 80%;
}

.post .attr, .comment .attr {
	font-size: 80%;
	text-align: right;
}

.post .cn_news_even, .comment .cn_comment_odd {
}

.post .cn_news_odd, .comment .cn_comment_even {
	padding: 5px;
	
}

.post .cn_news_odd hr, .comment .cn_comment_even hr {

}

.error_message {
	
	padding: 5px;
	width: 300px;
	color: red;
}

.pages {
	text-align: center;
}

.dateheader {
        color: #e30000;
        text-align: right;
	font-size: 14px;
	margin-bottom: 10px;
}

.cute_poll {
	
	font-size: 9px;
	text-align: center;
}

#calendar {
	text-align: center;
	font-size: 12px;
}

.hilite {
	color: red;
	
}

.menu {
	font-size: 13px;
	list-style: none;
	margin: 0px;
	text-align: center;
}

.menu li {
    display: block;
    float: left;
}

.menu li a:link, .menu li a:visited {
	color: #7373b7;

    padding: 5px;
    margin: 0px;
    text-decoration: none;
    height: 1px;
}

.menu li a:hover {

}


.left {
	padding: 10px;
	font-size: 10px;

}

.content {
	padding: 10px;

}


#lightbox
{
	position: absolute;
	left: 0;

 width: 100%;
 z-index: 100;
 text-align: center;
 line-height: 0;
}


#lightbox img

{
 width: auto;
 height: auto;
}


#lightbox a img
{
 border: none;
 }



#outerImageContainer
{
 position: relative;
 background-color: #222;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }


#imageContainer
{
 padding: 10px;
 }



#loading
{
 position: absolute;
 top: 40%;
 left: 0%;
 height: 25%;
 width: 100%;
 text-align: center;
 line-height: 0;
 }


#hoverNav
{
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
 }


#imageContainer

{
 left: 0;
}


#hoverNav a
{
 outline: none;
}



#prevLink, #nextLink
{
 width: 49%;
 height: 100%;
 background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
 display: block;
 }


#prevLink 
{ 
left: 0;
 float: left;
}


#nextLink
 {
 right: 0;
 float: right;
}


#prevLink:hover, #prevLink:visited:hover 
{
 background: url(../images/prevlabel.gif) left 15% no-repeat;
 }


#nextLink:hover, #nextLink:visited:hover
 {
 background: url(../images/nextlabel.gif) right 15% no-repeat;
 }



#imageDataContainer
{
 font: 10px Arial, Verdana, Helvetica, sans-serif;
 background-color: #222;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%	;
 }



#imageData
{	
padding:0 10px;
 color: #888;
 }


#imageData #imageDetails
{ 
width: 70%;
 float: left;
 text-align: left;
 }

	
#imageData #caption
{
 font-weight: bold;
	}


#imageData #numberDisplay
{
 display: block;
 clear: left;
 padding-bottom: 1.0em;
	}	
		

#imageData #bottomNavClose
{ 
width: 66px;
 float: right; 
 padding-bottom: 0.7em;
 outline: none;
}	 

	

#overlay
{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
 }
