/*
DEFAULT THEME
*/

body {	
	color: #333; 	
	margin: 10px;	
	line-height:1.5em; 
	font-size: 1em; 
	font-family: Baskerville,"Baskerville Old Face","Constantia",Georgia,"Times New Roman",serif;    
	background-color: white; 
	outline-color:-moz-use-text-color; 
	outline-style:none; 
	outline-width:0;
}

img {border:0}

input, img {outline:none}

a {color: #333; font-weight: bold; text-decoration: underline; outline:none}
a:hover {color: #444;}


blockquote {
	border: 1px dashed black; 
	background-color: #eee; 
	margin-bottom: 10px; 
	width: 400px; 
	margin: 0 0 10px 110px; 
	padding:5px;
}

.main {	height: 100%; }

.main_menu {
	background-color: white;	
	width: auto;    
	position:absolute;    
	top:0;    
	left:0;
}

.main_menu img {
	border: 1px solid #eee;	
	width: 110px;    
	float: left;    
	padding: 6px;    
	margin: 2px 0 0 2px;
}

.main_menu span {
	width: auto;    
	height: 100px;    
	float: left;    
	padding: 10px;    
	margin:0;
}


#userInfoBlock {position:absolute; top: 10px; right: 210px;}
#userInfoBlock  a {display:block; background-color: ; color:  green; padding:0; margin:0 auto;}
#userInfoBlock  img {display:block; margin:10px auto; width: 24px; height: 24px; padding: 2px; border: 1px solid #999 }

#tag_clouds {position: absolute; top: 0px; right: 310px;}

.main_menu h4 {display: block; color: #aaa;	float: left;	margin: 5px; 	padding: 2px 7px;	font-size: 17px; font-weight: normal}
.main_menu a.logo_lnk {border:0; padding:0; background-color: inherit}
.main_menu a.logo_lnk:hover {background-color: inherit}
.main_menu a {display: block;	float: left;	margin: 5px; 	background-color: #eee;	color: #6FA4EE;	padding: 2px 7px;	text-decoration:none;}
.main_menu a:hover {	background-color: orange;	color: white;}
.main_menu img.site_sublogo {width: auto; border: 0; display: block; color: #aaa; float: left;}
.main_menu div{clear:both}

.categories {    background-color: white;    position:absolute;    top:0;    right:0;    margin: 5px;    width: 180px;    height: 100px;}
.categories  a {display:block; color: #777; padding: 2px 4px; text-decoration:none; border-bottom: 1px dotted #999;}
.categories  a:hover, .categories  a.current {color: #000; border-bottom: 1px dotted black;}


.clear {clear:both}


.wide_content {	margin-top: 89px; 	padding: 20px 10px; 	width: 95%; 	height: 100%;}

.std_content {    margin: 130px 10px 0 10px;	padding: 10px;    width: auto;    border: 0px solid red;}

.posts {	width: 100% }
.item {	width: 100%;	padding: 10px;	margin-right: 20px;	text-align: justify;margin-top:40px}
.item img {float: left; padding: 5px;/* margin: 15px;*/}
.item p.adddate {font-size: 12px; font-weight: bold; color: #F65478; border-bottom: 1px dashed #999; text-align: right; margin:0}
.item a.leave_comment {text-decoration: none;font-size: 12px; font-weight: bold; color: #F65478; border-bottom: 1px dashed white; text-align: right}
.item a.leave_comment:hover{color: #F67799}
.item h1.story_title {font-weight: normal; color: #F65478; border-bottom: 1px dashed #999;margin:0}
.item h1.story_title a {font-size: 18px; color: #F65478;}
.item h1.story_title a:hover {color: #F67799}
.item .post_content {vertical-align: top; overflow:auto; padding: 10px;}
.item .post_content img {display:inline; float: left; padding: 7px}

.item_pager {	margin-top: 40px;	width: 400px;	height: 40px;	padding: 10px;	vertical-align: middle;	text-align: center}
.item_pager a {	display: block; float:left;	width: 40px; color: black;	background-color: #eee;	padding:2px;	text-decoration: none;	margin: 4px 0;}
.item_pager a:hover {	background-color: #ccc;	color: black;}

.item_pager a.current {	background-color: #ccc;	color: black;}

.comment_form {margin-left: auto; margin-right: auto; width: 300px; height: 300px; border: 1px solid orange}
.comment_form textarea{width: 250px; height: 150px; background-color:black; color: white; border: 1px solid #eee}



/* VIEW ITEM */
.viewItem {width: 100%;}
.viewItem .post_content {vertical-align: top; padding: 10px; height: auto; overflow:none; }

 
.viewItem .item {width: 100%; height: auto; border: 0px solid green;}
.viewItem .comments {margin: 50px 0 50px 0; width: 70%; margin-left: auto; margin-right: auto;}

.viewItem .comments h3{font-weight: bold; font-size: 14px; line-height: 12px; font-family: Arial; border-bottom: 1px dotted #ccc}

.commentsItem {position:relative; border: 1px solid #777; padding:0;margin-top: 30px; vertical-align:top}
.commentsItem .commentLeftBlock {padding: 10px; width: 80px; float:left; border-right: 1px dotted #777; text-align:center}
.commentsItem .commentLeftBlock img {width: 70px; padding: 4px; border: 1px solid #eee}
.commentsItem .commentLeftBlock .commentDate {font-size: 11px; color: #888}
.commentsItem .commentLeftBlock .commentAuthor {font-size: 15px; color: green; font-weight: bold}
.commentsItem  p.commentContent{margin:0 60px 0 95px; padding: 15px;}
.commentsItem .rateBlock {position:absolute; top:0; right: 0; text-align:right;}
.commentsItem .rateBlock input{display:block; margin: 0 0 0 auto; width: 60px;}

/*.viewItem .commentCreateForm {display:none}*/
.commentCreateForm  {margin-left: auto; margin-right: auto; width: 500px; border: 0px solid red; text-align:center}
.commentCreateForm div {margin: 10px 0}
.commentCreateForm textarea {width: 300px; height: 100px; background-color: #333; border: 1px solid white; color:white}
.commentCreateForm input {width: 300px; background-color: #333; font-weight: bold; letter-spacing: 2px; border: 1px solid white; color:white; text-align:center}
.commentCreateForm .comment {position:absolute; margin-left: -2000px;}
.commentCreateForm ._buttons {width:auto; background-color:#333; color:white; font: 12px Arial}
.commentCreateForm input.checkbox {width:auto;}

.commentCreateForm input.name-login {background: #333 url(/images/forms/name-login.png) no-repeat top right }
.commentCreateForm input.email {background: #333 url(/images/forms/email.png) no-repeat top right }
.commentCreateForm input.cappptcha {background: #333 url(/images/forms/cappptcha.png) no-repeat top right }
.commentCreateForm textarea.content {background: #333 url(/images/forms/content.png) no-repeat center center }

.commentCreateForm input.h_name-login {background-image:none}
.commentCreateForm input.h_email {background-image:none}
.commentCreateForm input.h_cappptcha {background-image:none}
.commentCreateForm textarea.h_content {background-image:none}


.commentCreateForm .responseBlock {border: 0; width: auto; height: auto}

div.innerError {color: red;   border-left: 2px solid red;   padding-left: 5px; margin-left: 100px; width: 400px; text-align:left}
div.innerDone  {color: green; border-left: 2px solid green; padding-left: 5px; margin-left: 100px; width: 400px; text-align:left}


#photos_categories {margin-top: 300px; width: 19500px; height: 70%;}
#photos_categories .cat_item {width: 400px; float: left; margin: 10px 100px; border-right: 10px dotted #ddd; border-left: 10px dotted #ddd; text-align: center}
#photos_categories .cat_item:hover {background-color: #eee; cursor:pointer}
#photos_categories .cat_item_first {margin-left:0 !important}
#photos_categories h3 {}
#photos_categories img {}
#photos_categories .descr {}
#photos_categories .adddate {color: #ccc; font-size:11px;}
#photos_categories .updateddate {color: #ccc; font-size:11px;}
#photos_categories .items_count {color: #ccc; font-size:11px;}


.messenger_error { color: red}
.messenger_done { color: green}


.green {color: green}
.gray {color: gray}
.red {color: red}


/* Posts arrows */
.nextPost {float:left; margin:50px 10px; width: 40px; height: 400px;}

.php.php {padding: 5px 13px; font-family: Arial; font-size: 11px}


.file_item {width: 180px; height: 300px; overflow: auto; float: left; padding: 10px; margin: 10px; border: 1px solid #ddd}
.file_item h4 {font-family: Verdana, Geneva, Arial, font-size: 15px;}
.file_item p {color: #333}
.file_item div.size {color: #333; font-size: 11px}
.file_item div.adddate {color: #333; font-size: 11px}
.file_item div.adddate {color: #333; font-size: 11px}
.file_item a {color: black;}


.footer {   width: 100%;	text-align: left;	border: 0px solid white;}
.footer img {float: left}


.promo_links { margin-left: 20px; color: #ccc;}
.promo_links a {padding: 0 10px; font-size: 11px; color: #ccc; }
.market_links, .market_links a {color: #999; font-size: 10px; font-weight: normal}