@CHARSET "UTF-8";

/** USER NAME ON WHOLE SITE
--------------------------------------------------- **/
.username {
	line-height: 22px;
	padding-left: 22px;
	background: url(../../Images/Design/gender_sprite_online.png) left 0px no-repeat;
	display: inline-block;
}
.username.male { background-position: left 0px; }
.username.female { background-position: left -22px; }
.username.couple { background-position: left -44px; }
.username.online { background-image: url(../../Images/Design/gender_sprite_online.png); }
.username.offline { background-image: url(../../Images/Design/gender_sprite_offline.png); }


/** ICONED ELEMENTS
--------------------------------------------------- **/
.iconed {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-right: 3px;
	line-height: 20px;
}
.iconed.add_friend { background-image: url(../../Images/Design/add_friend.png); }
.iconed.message { background-image: url(../../Images/Design/message.png); }
.iconed.heart { background-image: url(../../Images/Design/heart.png); }
.iconed.gift { background-image: url(../../Images/Design/gift.png); }
.iconed.tags { background-image: url(../../Images/Design/tags.png); }
.iconed.comments { background-image: url(../../Images/Design/comments.png); }
.iconed.rateup, .iconed.rate.up { background-image: url(../../Images/Design/rate_up.png); }
.iconed.ratedown, .iconed.rate.down { background-image: url(../../Images/Design/rate_down.png); }





/** ROUNDING ENGINE
--------------------------------------------------- **/
.rounded {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/** IE VERSION DONE BY JS **/




.services { }
.services .service {
	margin: 0px 10px 10px 0px;
	width: 161px; height: 138px;
	background: url(/Images/Design/promo_block.png) no-repeat;
	float: left;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
}
.services .service a { color: #ffffff; }
.services .service p { text-align: left; margin:0; padding: 0px 10px; }

.searchbox form { position: relative; }
.searchbox form .markup { margin-right: 100px; }
.searchbox form .search_counter {
	position: absolute; top: -40px; right: 0;
	width: 85px;
	padding-top: 10px;
	text-align: center;
	overflow: hidden;
	color: #ffffff;
	height: 132px;
	font-size: 1.5em;
	background: url(../../Images/Design/searchform_counter.png) no-repeat;
}


.latest_posts {}




/** NEWS
--------------------------------------------------- **/
.newsblock {}
.newsblock .news_sm {}
.newsblock .news_sm h4 span.image { display: block; float: left; margin-right: 5px; margin-bottom: 5px; }
.newsblock .news_sm p { clear: both; }




/** PROFILES
--------------------------------------------------- **/
.profile .photo {
	width: 107px; height: 139px;
	overflow: hidden;
	/*position: relative;*/
}
.profile .photo img { width: 107px; height: 139px; }
.profile .photo .emotion { position: absolute; top:0; left:0; width: auto; height: auto; z-index: 20;}
.profile .userid {}
.profile .nick {}
.profile .name {}
.profile .age {}
.profile .city {}
.profile .about { font-size: 0.9em;}
.profile .misc {}
.profile .actions {}

.profile.short {}
.profile.short .photo { float: left; margin-right: 17px; }
.profile.short .about { display: none; }

.profile.medium {
	/*border-top: 1px dashed #e2e1e1;*/
	padding: 5px;
	position: relative;
}
.profile.medium .photo { float: left; margin-right: 17px; }
/*.profile.medium .userid { 
	float: left; width: 100px; 
	line-height: 139px; text-align: center; 
	font-size: 1.1em;
}*/
.profile.medium .actions { position: absolute; top: 5px; right: 5px; }
.profile.medium .actions a { display: block; }

.profiles {}

/** TAGS CLOUD 
--------------------------------------------------- **/
.tags_cloud .tags{ background: #e1e1e1; padding: 10px;}
.tags_cloud a {}


/** BLOGS
--------------------------------------------------- **/
/*.blogs_search { text-align: center; background-color: #7f7f7f; }
.blogs_stats { margin: 10px 0px; }
.blogs_lists {}
.blogs_lists table { width: 100%;}
.blogs_lists thead { width: 100%; background: #e1e1e1;}
.blogs_lists .blog_rating { text-align: center; font-weight: bold; }
*/

.blog_post { margin: 10px 0px; }
.blog_post .title { float: left; font-size: 1.3em;}
.blog_post .title .subtitle { display: block; font-size: 0.6em; }
.blog_post .author { float: right; }
.blog_post .message { padding: 10px 5px; clear: both; }
.blog_post .tags { float: left; }
.blog_post .comments { float: right; }
.blog_post .rating { float: right; margin: 0px 20px; line-height: 23px;}
.blog_post .controls { clear: both; text-align: right; }

/*.blog_post h3 span { font-weight: normal; }
.blog_post p { margin: 10px 0; }
.blog_post .tags { float: left; }
.blog_post .comments { float: right; }
.blog_post .rating { float: right; margin-right: 20px; font-weight: bold; }*/

.blog_posts .blog_post { border-bottom: 1px dashed #e2e1e1; }
.blog_posts .blog_post.last { border-bottom: none; }

/** ALBUMS OF PHOTOS
--------------------------------------------------- **/
.album {}
.album .thumbs {
	position: relative;
	overflow: hidden;
}
.album .thumbs .scroller_top,
.album .thumbs .scroller_bottom{ 
	display: block;
	position: absolute;
	background: center center no-repeat;
	cursor: pointer;
}
.album .thumbs .scroller_left,
.album .thumbs .scroller_right { 
	display: block;
	position: absolute;
	background: center center no-repeat;
	cursor: pointer;
}
.album .thumbs .scroller_top:hover,
.album .thumbs .scroller_bottom:hover { background-color: #444444; }

.album .thumbs .scroller_left:hover,
.album .thumbs .scroller_right:hover { background-color: #e0e0e0; }

.album .thumbs .scroller_top	{ width: 100%; height: 15px; background-image: url(../../Images/Design/scroll_top.png); top: 0px;}
.album .thumbs .scroller_bottom	{ width: 100%; height: 15px; background-image: url(../../Images/Design/scroll_bottom.png); top: 475px;}
.album .thumbs .scroller_left 	{ width: 15px; height: 100%; background-image: url(../../Images/Design/scroll_left.png); top:0; left:0;}
.album .thumbs .scroller_right 	{ width: 15px; height: 100%; background-image: url(../../Images/Design/scroll_right.png); top:0; right: 0;}

.album .thumbs ul {
	margin: 0px 20px;
	padding: 0;
	height: 50px;
	width: 99999px;
	list-style: none;
}
.album .thumbs ul.big { height: 80px; }

.album .thumbs ul.vertical {
	margin-top: 15px;
	margin-left: 0px;
	padding: 0;
	height: 99999px;
	width: 150px;
	list-style: none;
}
.album .thumbs li { margin:0 1px; padding:0; float: left; height: 51px; line-height: 51px; }
.album .thumbs li.big { height: 81px; }
.album .thumbs li.vertical { margin-left: -3px; padding: 0px; display: block; width: 145px; height: 55px; line-height: 13px; }
.album .thumbs img { height: 50px; }
.album .thumbs img.big { height: 80px; }


.album .photo {
	border-top: 1px dashed #e2e1e1;
	border-bottom: 1px dashed #e2e1e1;
	padding: 10px;
	text-align: center;
	margin: 10px 0px;
}
.album .photo img.photo_image {
	max-width: 100%;
}
.album .photo .edit img.photo_image { 
	max-width: 68%;
	float: left;
}
.album .photo .edit form {
	float: right;
	width: 30%;
	text-align: right;
}
/*.album_photo { width: 250px; margin: 5px;}
.album_photo .illustration { width: 250px; height: 187px; }
.album_photo .illustration img { width: 250px; height: 187px; }
.album_photo .infos { float: left; }
.album_photo .commands { float: right; }
.photos_list {}
.photos_list .album_photo{
	float: left; margin-right: 10px;
}*/

/** PAGINATION
--------------------------------------------------- **/
.paginator {
	border-top: 1px dotted #e2e1e1;
	font-size: 1.05em;
	text-align: right;
	padding: 1em 0;
	margin: 0.5em 0;
}


/** CONTACTS
--------------------------------------------------- **/
.contacts_menu {
	border-bottom: 1px dashed #c6c5c5;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.contacts_menu ul {
	list-style: none;
	margin:0; padding: 0;
}
.contacts_menu ul li {
	margin: 2px 5px; padding: 3px 15px;
	display: block; float: left;
	line-height: 15px;
	background: #c6c5c5;
}
.contacts_menu ul li.selected {
	font-weight: bold;
}
.contacts_menu ul li a {
	color: #000000;
	text-decoration: none;
}
.contacts_menu ul li a:hover {
	text-decoration: underline;
}






/** Statistics **/
.statistics_graph td {
	vertical-align: bottom;
	text-align: center;
}

.statistics caption { font-weight: bold; }

.statistics table.stats .title { width: 20%; }
.statistics .graph div { float: left; height: 100%; margin-right: 1em; padding-left: 2px;  background: #87BF00;}

.statistics .man div { background-color: #00C0FF; }
.statistics .woman div { background-color: #E3488E; }
.statistics span.man { color: #00C0FF; }
.statistics span.woman { color: #E3488E; }

/** FAQ **/
.faq {}
.faq dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.faq dd { margin-bottom: 2em; }


/** POSTERS **/

.poster { margin: 5px 0px; padding: 5px 0px; }
.poster .title { font-size: 1.3em; font-weight: bold;}
.poster .title .date { font-size: 0.9em; font-weight: normal; }
.poster .comments { float: right; clear: both; }
.poster .messages { padding: 10px 5px; }
.poster .illustration { float: left; margin-right: 5px; margin-bottom: 5px; }

.posters {}
.posters .poster { border-bottom: 1px dashed #e2e1e1; }