/*-------------------------------------------------
	* File: 	     styles.css
	* Description: 	 General styles
	* Project: 	     http://webmasterok.net/
	* Created by: 	 DCOReARTs (http://dcorearts.com/)
---------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font:"Times New Roman", Times, serif; vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {background:#fdfdfd url(../images/body_bg.png) repeat-x top; color: #000000; line-height: 1;} 

/*body {background:#fdfdfd url(../images/body_bg.png) repeat-x top; color:#7e7c7c; line-height: 1;} */

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

b {font-weight:500;}
i {font-style:italic;}
a {color:#2c8fc9; text-decoration: none;}
a:hover {text-decoration: none;}
a img  {border: 0 none;}

input, textarea, select, button, body {font: 13px/16px 'Cuprum', Arial, Helvetica, sans-serif;}
input, textarea, select, button, a {outline: none;}

.clr {clear: both;}
.thide {overflow: hidden; display: block; height: 0; line-height: normal;}
table, table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0; }
.left, .right, form {display: inline;}
.left {float: left;} .right {float: right;}

.wrapper {width: 1000px; margin: 0 auto;}
.wrapper:before, .wrapper:after, .topmenu:after, .topbar:after, .abottom:after, .container:before, .container:after, .fphead:after, .foothead:after, ui-dialog-buttonset:after, .bcomment:after {clear: both; display: block; line-height: 0; content: '';}

.auth ul li, .avatar, .loglink li a, .vtitle, .bshead .category, .sstory .bsinfo .date, .basenavi .pages a, .basenavi .pages span, .utop .left .utop_user_number, .utop .uinfo .author a, .mhead .date, .topdrop li ul {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.fbutton, .related ul li, .left .online, .left .offline, .description, .berrors, .f_input, .userinfo .left .uavatar img, .bcomment .cava img, .bcomment .chead .date, .bcomment .comment .text, .reply a {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.fbutton {background:url(../images/fbutton.png) repeat-x bottom; border:1px solid #eaeaea; padding:3px 10px; text-transform:uppercase; color:#8f8f8f; font-style:italic; font-size:12px;}
	.fbutton, .reply a {box-shadow:0 0 2px #eaeaea; -moz-box-shadow:0 0 2px #eaeaea; -webkit-box-shadow:0 0 2px #eaeaea;}
	.fbutton:hover, .reply a:hover {color:#2c8fc9; cursor:pointer;}

/*======== HEADER =========*/
header {background:url(../images/header_bg.png) no-repeat center top; height:151px;}
.topmenu {background-color:rgba(255,255,255,0.05); height:57px;}

/* top menu */
.topdrop {margin-top: 7px;}
.topdrop li {display: block; float: left; height: 50px; background: url(../images/tmenu.png) no-repeat 100% 0; padding-right: 2px; }
	.topdrop li a {display: block; height: 50px; padding: 0 10px; line-height: 50px; font-size: 14px; text-transform:uppercase; color: #f0f0f0; text-shadow:0 1px 0 #171717;}
		.topdrop li a:hover {background: url(../images/tmenu.png) repeat-x 0 100%; text-decoration:none; text-shadow:0 1px 0 #4c8b1d; 
			box-shadow:1px 1px 0 #b1d84a inset;
			-moz-box-shadow:1px 1px 0 #b1d84a inset;
			-webkit-box-shadow:1px 1px 0 #b1d84a inset;
		}

	/* dropmenu */
	.topdrop li ul {position:absolute; top:58px; background:#121212 !important; width:155px !important; overflow:hidden;}
		.topdrop li ul li {float:none; height:auto; border-top:1px solid #1a1a1a; border-bottom:1px solid #080808; padding-right:0;}
			.topdrop li ul li:first-child {border-top:none;} .dropmenu li ul li:last-child {border-bottom:none;}
			.topdrop li ul li a {height:auto; padding:5px 10px; line-height:normal; font-size:12px; font-style:italic; text-shadow:0 1px 0 #090909;}
				.topdrop li ul li a:hover {background: url(http://samodelki.org.ua/templates/webmasterok/images/tmdroph.png) repeat-x; text-shadow:0 1px 0 #2876a6; box-shadow:none;}
				.topdrop li ul li a span {background: url(../images/gdot.png) no-repeat 0 5px; padding-left:10px;}
					.topdrop li ul li a:hover span {background: url(http://samodelki.org.ua/templates/webmasterok/images/gdoth.png) no-repeat 0 5px;}

/* search */		
.searchbar {background: url(../images/search.png) no-repeat; width: 242px; height: 31px; margin: 17px 10px 0 0; position: relative;}
	.searchbar input[type="text"] {background: none; width: 200px; height: 24px; margin: 2px 0 0 10px; border: 1; border-color:#CCCCCC; font-size: 12px; color: #fff; float: left;}
	.searchbar input[type="image"] {background: url(../images/search.png) no-repeat 0 -31px; width: 14px; height: 14px; float: left; margin: 8px 0 0 10px;}
		.searchbar input[type="image"]:hover {background-position:-14px -31px;}
		
/* topbar */
.topbar {background:url(../images/topbar.png) no-repeat center top; min-height:80px;}

.logo a {background:url(../images/logotype.png) no-repeat; width:312px; padding-top:59px; margin:20px 0 0 20px;}

/* login panel */
.loginbar {margin:10px 10px 0 0;}
.auth ul li {background:#f7f7f6; padding:5px 0 5px 10px; display:block; float:left; margin:0 5px 5px 0;}
.auth label {text-transform:uppercase; color:#bfbfb5; font-style:italic; margin-right:5px;}
	.auth ul li input {border:0 none; width:84px; background:none; color:#bfbfb5;}
.abottom {clear:both; background:url(../images/abottom.png) no-repeat; width:281px; height:30px;}
.abottom .left {margin:8px 0 0 0;}
	.abottom .left a:first-child {background:url(../images/ablink.png) no-repeat 100% 0; padding:0 10px 0 10px;}
	.abottom .left a {color:#000; font-size:12px; padding-left:5px;}
		.abottom .left a:hover {color:#66b428; text-decoration:none;}
.abottom .right {margin:5px 5px 0 0;}
	.abottom .right button {background:url(../images/authbtn.png) no-repeat; border:0 none; width:56px; height:28px; text-align:center;}
		.abottom .right button span {text-transform:uppercase; color:#66b428; padding:0 0 2px 2px; display:block;}
			.abottom .right button:hover, .abottom .right button:hover span {color:#2b8dc7; cursor:pointer !important;}
		
.avatar {background:#f0f0f0; padding:3px 3px; height:62px;}
	.avatar img {width:62px; height:62px;}
.loglink li {display:block; padding-left:5px; margin-bottom:4px;}
	.loglink li a {background:#f7f7f6 url(../images/gdot.png) no-repeat 8px 9px; display:block; padding:2px 10px 2px 18px; font-size:12px; font-style:italic; color:#92928c;}
		.loglink li a:hover {background:#64b327 url(http://samodelki.org.ua/templates/webmasterok/images/gdoth.png) no-repeat 8px 9px; text-shadow:0 1px 0 #559821; text-decoration:none; color:#fff;}
		
/*======== CONTAINER =========*/			
.container {background:url(../images/container.png) repeat-y 100% 0; width:1002px; margin:15px auto 0;}
	.container .container {background-position:0 0; background-repeat:no-repeat; padding-bottom:10px;}

/*======== CONTENT ========*/
.content {width:515px; float:left; padding-left:5px; text-align:justify;}
	.content p,div{ margin-bottom:10px;}
	
	.content img{ 
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C0C0C0;
    box-shadow: 0 0 7px 0 #A2A2A2;
    margin: 5px 0;
    padding: 2px;
	text-align:center;	
	max-width:500px;
	}

/* banner */
.banner {background:url(../images/banner_bg.png) no-repeat; width:487px; height:65px; margin:8px auto 0; padding:11px 0 0 20px;}

/* last forum posts */
.forum_post {background: url(../images/bbcont.png) repeat-y -512px 0; width: 512px; margin: 5px auto;}
.forum_post .forum_post {background: url(../images/bbcont.png) no-repeat 0 0;}
.forum_post .forum_post .forum_post {background: url(../images/bbcont.png) no-repeat 100% 100%; padding: 0 0 5px 0;}

.fphead  {padding-bottom: 15px;}
	.fphead .title {text-transform: uppercase; font-size: 14px; color: #abaaaa; float: left; padding: 13px 0 0 35px;}
		.fphead .title span {color: #389ad6;}
	.fphead .new_post {display: block; float: right; background: url(../images/new_bg.png) no-repeat; width: 152px; height: 21px; line-height: 20px; font-size: 12px; text-align: center; margin: 10px 8px 0 0;}
		.fphead .new_post a {color: #b1b1b1;} 
			.fphead .new_post a:hover {color: #72b92e; text-decoration: none;}
.topics {width: 508px; font-size: 12px; color: #999; margin-left: 2px;}
	.topics tr:nth-child(2n) {background: #f7f7f6;}
		.topics td {vertical-align: middle; padding: 5px 0; border-bottom: 1px dotted #e6e6e6;}
	.topics tr:last-child td {border-bottom: none;}
.topics .topicIcon {padding: 0 10px;}
.topics .topicInfo .topicLink {font-size: 13px; color: #64b327;}
.topics .topicAva {width: 51px; padding: 0 5px; vertical-align: middle;}
	.topics .topicAva img {display: block; width: 47px; height: 47px; border: 1px solid #f5f5f5; padding: 1px;}

/* title static */
.pheading {background:url(../images/pheading.png) no-repeat left; padding:5px 0 5px 25px; margin:0 0 0 10px; position:relative; text-transform:uppercase; font-size:14px;}
	.pheading span {color:#64b327;}

/* errors */
.berrors {background:#d53b3b url(../images/berror.png) no-repeat 10px 50%; padding:5px 10px 5px 45px; font-size:12px; text-shadow:0 1px 0 #8b2626; color:#fff; line-height:14px; border:1px solid #bf3232; max-width:450px; margin:0 5px 0; position:relative;}
	.berrors a {color:#fff; text-decoration:underline;}

/* news block */
.bnewsbg {background:url(../images/bnews.png) repeat-y -512px 0; width:512px; margin:0 auto; position:relative;}
.bnewsbg .bnewsbg {background-position: 100% 100%; background-repeat:no-repeat;}
.bnewsbg .bnewsbg .bnewsbg {background-position:0 0; background-repeat:no-repeat; padding:7px 0 10px 0;}
	.base {background:url(../images/nshadow.png) no-repeat top; width:508px; margin:-10px auto 0; padding:30px 0 0 0;}
	.contblock {padding:0 5px;}

/* speedbar */

.speedbar {width:500px; margin:0 0 0 7px; font-size:12px; color:#000; position:relative;}
	.speedbar div {background:url(../images/spbar.png) no-repeat left; padding:5px 10px 5px 35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.speedbar a {color:#000;}
		
/*
.speedbar {width:500px; margin:0 0 0 7px; font-size:12px; color:#3799d5; position:relative;}
	.speedbar div {background:url(../images/spbar.png) no-repeat left; padding:5px 10px 5px 35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
		.speedbar a {color:#919191;}
*/		
/* shortstory */
.sstory .bshead {background:url(../images/bnshad.png) no-repeat bottom; padding:0 7px 15px 7px;}
	.sstory .bshead .category {background:#2c8fc9; padding:3px 10px; font-size:12px; display:block; float:left; color:#fff;}
		.sstory .bshead .category a {color:#fff; text-transform:uppercase; text-shadow:0 1px 0 #2372a1;}
	.sstory .bshead h2 {color:#787878; font-size:14px; font-style:italic; display:block; float:left; margin:3px 0 0 10px;}
		.sstory .bshead h2 a {color:#787878;}
						
.isicon li {float:left;}
.isicon li.edit img {background:url(../dleimages/editstore.png) no-repeat; width:26px; height:25px;}
	.isicon li.edit img:hover {background-position:100% 0;}
.isicon li.complain img {background:url(../images/complain.png) no-repeat; width:25px; height:25px;}
	.isicon li.complain img:hover {background-position:100% 0;}
		
.sstory .bsinfo {background:url(../images/bsinfo.png) no-repeat bottom; width:490px; margin:0 auto; padding:0 5px 10px;}
	.sstory .bsinfo span {font-size:12px; padding-right:5px;} .sstory .bsinfo em {font-style:italic; color:#b4b4b4;}
	.sstory .bsinfo .date {background:#64b327; padding:3px 5px; color:#fff;}
	.sstory .bsinfo .comm {background:url(../images/ablink.png) no-repeat right; padding:0 7px 0 5px; margin-right:2px;}
.sstory .bstory {padding:5px;}
.sstory .botinfo {background:url(../images/botinfo.png) no-repeat; width:496px; height:31px; margin:0 auto;}
	.sstory .botinfo .morelnk a {background:url(../images/nbutton.png) no-repeat; display:block; width:79px; height:28px; line-height:29px; text-transform:uppercase; color:#64b327; font-size:12px; padding-left:13px; margin:5px 5px 0 0;}
		.sstory .botinfo .morelnk a:hover {color:#3c9fdc; text-decoration:none;}

/* fullstory */
.sstory .botinfo .backlnk a {background:url(../images/nbutton.png) no-repeat 0 100%; display:block; width:67px; height:28px; line-height:29px; text-transform:uppercase; color:#64b327; font-size:12px; padding-left:25px; margin:5px 5px 0 0;}
		.sstory .botinfo .backlnk a:hover {color:#3c9fdc; text-decoration:none;}
.related ul li {background:#f7f7f6; padding:5px 10px; margin:5px 7px 5px; position:relative;}
	.related ul li:hover {background:#2c8fc9; cursor:pointer;}
.related ul li .right {color:#c5c5c5; font-size:12px;} .related ul li:hover .right {color:#bde7ff; text-shadow:0 1px 0 #216a95;}
	.related ul li a {color:#777; font-style:italic; display:block; background:url(http://samodelki.org.ua/templates/webmasterok/images/rdot.png) no-repeat left; padding-left:15px;}
		.related ul li:hover a {background:url(http://samodelki.org.ua/templates/webmasterok/images/rdoth.png) no-repeat left; color:#fff; text-shadow:0 1px 0 #216a95; text-decoration:none;}			

/* comments */
.bcomment {border-bottom:1px dotted #ededed; padding-bottom:10px; margin-top:5px;}
.bcomment .cava {background:url(../images/cava.png) no-repeat; width:115px; height:107px; padding:8px 0 0 8px; position:relative;}
	.bcomment .cava img {width:90px; height:90px; background:#e8e8e8; padding:4px;}
	.bcomment .cava .online, .bcomment .cava .offline {top:4px; right:14px;}
.bcomment .comment {width:372px; padding-left:129px;}	
	.bcomment .chead {background:url(../images/chead.png) no-repeat; width:357px; min-height:30px; padding:10px 5px 0 10px;}	
		.bcomment .chead .date {background:#64b327; padding:3px 5px; color:#fff; margin-left:5px;}
		.comedit li {float:left; margin-top:-3px;}
		.comedit li.edit img {background:url(../dleimages/editstore.png) no-repeat; width:26px; height:25px;}
		.comedit li.complain img {background:url(../images/complain.png) no-repeat; width:25px; height:25px;}
		.comedit li.comdel img {background:url(http://samodelki.org.ua/templates/webmasterok/images/comdel.png) no-repeat; width:25px; height:25px;}
			.comedit li.edit img:hover, .comedit li.complain img:hover, .comedit li.comdel img:hover {background-position:100% 0;}
	.bcomment .comment .text { background-color: #F9F9F9; color:#000; padding:5px;}			
		.reply a {background:url(../images/fbutton.png) repeat-x bottom; display:block; float:right; padding:3px 10px; font-size:12px; font-style:italic; font-size:12px; color:#8f8f8f; text-decoration:none; margin-top:10px; border:1px solid #eaeaea;}

/*---Userinfo---*/
.userinfo {padding:0 7px;}
.ui-dialog-content .userinfo { padding: 0 0 0 ; }
	.userinfo .left { width: 110px; padding-right: 15px; position:relative; }
		.userinfo .left .uavatar { padding: 10px 7px 5px 10px; width:110px; background: #f7f7f6; box-shadow:inset 0 1px 1px #eaeae9; border-radius:0; }
			.userinfo .left .uavatar img { width: 100px; height:100px; background:#e8e8e8; padding:4px;}
		.left .online, .left .offline {position:absolute; top:5px; right:3px; font-size:10px; color:#fff;}
			.left .online {background:#64b327; padding:1px 5px; text-shadow:0 1px 0 #559821;}
			.left .offline {background:#d53b3b; padding:1px 5px; text-shadow:0 1px 0 #b53232;}			
		.userinfo .left ul { font-size: 0.9em; }

	.userinfo .rights {padding-left:135px;}
		.userinfo .rights ul { list-style: none; margin-left: 0; }
		.userinfo .rights ul li {background:url(http://samodelki.org.ua/templates/webmasterok/images/bluedot.png) no-repeat 0 5px; border-top:1px dotted #e4e4e4; padding:5px 0 3px 20px;}
			.userinfo .rights ul li:first-child {border-top:none;}
			.userinfo .rights ul li em {font-size:12px; font-style:italic;} 

		.ussep { padding-top: 12px; background: url("http://samodelki.org.ua/templates/webmasterok/images/ussep.png") no-repeat; }
.grey { color: #9c9c9c; }
.blue { color: #388bd4; }

/*---forms---*/
.baseform .pheading {margin:10px 0 0 10px;}
.tableform { width: 100%; margin-bottom:10px; }
	.tableform td { }
	.tableform td.label { width: 20%; vertical-align: top; padding-right: 0; }
	.fieldsubmit, .tableform td { padding: 5px 15px; }
	.addnews { font-weight: bold; }
	.impot { color: #96c; font-weight: normal; }
	.checkbox { padding: 4px 0; line-height: 1em; }
		.checkbox input { margin-top: -2px; vertical-align: middle; }

.f_input { 
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -ms-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -o-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: linear-gradient(top, #fcfcfc, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ffffff', GradientType=0);
    padding: 3px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0 1px 1px #f2f2f2 inset;
	-moz-box-shadow: 0 1px 1px #f2f2f2 inset;
	-webkit-box-shadow: 0 1px 1px #f2f2f2 inset;
	border:0 none;
	font-size:12px;
	width:360px;
}
.f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select { padding: 2px; background: #fff; border: 1px solid #bcc0c2; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }

/*---statistics---*/
.statistics ul.left { min-height: 71px; margin: 0 0 15px -1px; padding-top: 10px; width: 33%; }
	.statistics ul.left li { padding: 0 10px; margin-bottom: 2px; }

/* navigation */
.basenavi {background:url(../images/botinfo.png) no-repeat; width:496px; height:31px; margin:15px auto 5px;}
.basenavi .pages {float:left; margin:10px 0 0 7px;}
	.basenavi .pages a, .basenavi .pages span {padding:2px 7px; color:#585858;}
		.basenavi .pages a:hover, .basenavi .pages span {background:#64b327; color:#fff; text-decoration:none;}
.basenavi .nextprev {float:right; margin:5px 7px 0 0;}		
	.basenavi .nextprev a img, .basenavi .nextprev span img {width:27px; height:27px; background:url(../images/nextprev.png) no-repeat;}
		.basenavi .nextprev a .pnext, .basenavi .nextprev span .pnext {background-position:100% 0;}
			.basenavi .nextprev a .pnext:hover {background-position:100% 100%;}
		.basenavi .nextprev a .pprev, .basenavi .nextprev span .pprev {background-position:0 0;}
			.basenavi .nextprev a .pprev:hover {background-position:0 100%;}		
		

/*======== SIDELEFT ========*/
.sideleft {float: left; width: 240px;}

/* lblocks */
.lblock {background: url(../images/lblock.png) repeat-y; width: 230px; margin: 8px auto 0;}
.gtitle {background: url(../images/lblock_head.png) no-repeat; padding: 12px 0 5px 2px;}
.btitle {background: url(../images/lblock_head.png) no-repeat 100% 0; padding: 12px 0 5px 2px; position:relative;}
.lblock .lblock {background: url(../images/lblock.png) no-repeat 100% 100%;}
	.lblock h3 {display: block; padding-bottom: 20px; text-transform: uppercase; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); color: #fff; text-indent: 35px;}

/* navigation */
.navigation li a, .navigation li span {display: block; background: url(../images/nav_li.png) no-repeat; height: 35px; padding: 0 0 0 20px; line-height: 20px; color: #000000;}

/*
.navigation li a, .navigation li span {display: block; background: url(../images/nav_li.png) no-repeat; height: 35px; padding: 0 0 0 20px; line-height: 20px; color: #808080;}
*/
	.navigation li a:hover {background-position: 0 -35px; text-decoration: none; color: #72b92e;}
	.navigation li span:hover {background-position: 0 -70px; cursor: pointer;}
	
.navigation li.selected span {background: url(../images/nav_li.png) no-repeat 0 -70px;}

.navigation .dropmenu {background: #C7FBBD; display:none; width:226px; margin:-7px 0 7px 0; box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;}

/*
.navigation .dropmenu {background: #43a6e3; display:none; width:226px; margin:-7px 0 7px 0; box-shadow:0 1px 2px rgba(0,0,0,0.25) inset;}
*/
.navigation .dropmenu li:first-child a {border-top:none;} .navigation .dropmenu li:last-child a {border-bottom:none;}
	.navigation .dropmenu li a {display:block; height:29px; line-height:29px; background: url(http://samodelki.org.ua/templates/webmasterok/images/bdot.png) no-repeat 5px 50%; color:#000; border-bottom:1px dashed #358fc7; border-top:1px dashed #51b4f1; width:199px; padding-left:15px; margin:0 0 0 6px;}
		.navigation .dropmenu li a:hover {color:#26658b; background: url(http://samodelki.org.ua/templates/webmasterok/images/bddot.png) no-repeat 5px 50%; text-shadow:0 1px 0 #59b2e9;}


/* topnews */
.topnews li a {background:url(../images/topnews_li.png) no-repeat; display:block; height:31px; line-height:30px; font-size:12px; color:#000000; text-indent:30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:6px;}
	.topnews li a:hover {background-position:0 100%; color:#74ba2f; text-decoration:none;}


/*
.topnews li a {background:url(../images/topnews_li.png) no-repeat; display:block; height:31px; line-height:30px; font-size:12px; color:#878787; text-indent:30px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-right:6px;}
	.topnews li a:hover {background-position:0 100%; color:#74ba2f; text-decoration:none;}
*/
/* archives & calendar */
.archlnk {padding-bottom: 5px;}
.archlnk .archives {display: block; background: #f7f7f6 url(../images/gdot.png) no-repeat 10px 10px; border-radius: 5px; padding: 5px 0; margin-top: 5px; color: #8d8c8c; font-style: italic; text-indent: 20px;}
.archlnk .archives:hover {background: #2c8fc9 url(http://samodelki.org.ua/templates/webmasterok/images/gdoth.png) no-repeat 10px 50%; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.22); text-decoration: none;}
.archlnk .openarch {color: #b4b4b4; font-size: 12px; display: block; text-align: center; padding-top: 5px;}

.tabmenu {display: block; padding-bottom: 15px; margin-top:4px; text-transform: uppercase; font-size: 14px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); color: #fff;}
.tabmenu a {background:#479719 url(../images/tabmenu.png) no-repeat 10px 7px; box-shadow:inset 0 1px 1px rgba(0,0,0,0.28); color:#fff; padding:6px 15px 5px 30px; margin-left:10px;}
	.tabmenu a {border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
	.tabmenu a.select, .tabmenu a:hover {background-position: 10px 100%; text-decoration:none;}
.tabcont {margin:0 10px 0 8px;}


/* vote */
.vresult {background:url(../images/vresult.png) no-repeat; border:0 none; width:18px; padding-top:19px; position:absolute; top:11px; right:12px;}
	.vresult:hover {background-position:100% 0; cursor:pointer;}
.vtitle {background:#f7f7f6; margin:5px 7px 5px 5px; padding:5px; color:#64b327; font-style:italic;}
.vlist {margin:0 7px 0 5px;}
.vbot {background:url(../images/vbot.png) no-repeat; width:195px; height:29px; margin:5px 0; padding:7px 8px 0 8px;}

/*======== SIDERIGHT ========*/
.sideright {float: right; width: 236px; padding-right:4px;}
	
/* blocks */
.rblock {background:url(../images/rblock.png) repeat-y -231px 0; width:231px; margin:8px auto 0;}
.rblock .rblock {background:url(../images/rblock.png) no-repeat 100% 100%;}
.rblock .rblock .rblock	{background:url(../images/rblock.png) no-repeat 0 0; width:227px; padding:0 2px; overflow:hidden;}
	.rblock h3 {display:block; text-transform:uppercase; padding:15px 0 15px 35px; color:#a8a8a8;}
		.rblock h3 span {color:#6ab52a;}

/* uTop */
.utop {margin:5px 5px 0; border-bottom:1px dotted #f7f7f7; padding-bottom:5px;}
.utop .left {position:relative; border:1px solid #f7f7f7; padding:1px; height:55px;}
	.utop .left .utop_ava { width:55px; height:55px;}
	.utop .left .utop_user_number {position:absolute; bottom:3px; left:3px; color:#fff; background:rgba(0,0,0,0.90); padding:0 6px; font-size:10px;}
.utop .uinfo {padding:5px 0 0 65px; line-height:13px;}
	.utop .uinfo .author {margin-bottom:5px;}
		.utop .uinfo .author a {background:#64b327; color:#fff; text-shadow:0 1px 0 #4e8c1e; padding:2px 7px;}
	.utop .uinfo span {display:block; background:url(../images/uarrow.png) no-repeat left; padding-left:7px; color:#787878; font-size:12px;}	
	
/*======== FOOTER =========*/
.footer {background:url(../images/footer.png) no-repeat top; width:1004px; margin:0 auto; min-height:95px;}

/* footer logotype */

.flogo {background:url(../images/footsep.png) no-repeat 100% 15px; padding:20px 20px 0;}
	.flogo img {no-repeat; width:312px; height:59px; padding-top:5px;}

/* copyright */
.copyright {color:#000; margin:20px 0 0 20px;}
	.copyright a {color:#64b327;}

/* dcoreartc copyright */
.foothead a.thide {background:url(../images/dcorearts.png) no-repeat; width:110px; padding-top:22px; float:right; margin:35px 20px 0 0;}			

/* foter links */
.flink {margin:20px 5px; color:#a7a8a5;}
.flink a {color:#000; font-size:12px;}
	.flink a:hover {color:#64b327; text-decoration:none;}
	
/* counts */
.counts {margin:13px 5px 0 0;}
	.counts li {display:block; float:left; background:url(../images/count_bg.png) no-repeat top; padding:4px 0 0 4px; width:92px; height:31px; margin-left:10px;}
	
	.iCommNewHint {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    display: none;
    padding: 3px;
    position: absolute;
    top: 10px;
	left: 10px;
    width: 192px;
    z-index: 999;
}
.iCommNewHint h4 {
    background: url("http://samodelki.org.ua/templates/webmasterok/dleimages/ostats_h4.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 12px;
    height: 31px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
    text-shadow: 0 1px 0 #50931F;
}
.iCommNewHint h4:after {
    clear: both;
    content: "";
    display: block;
    line-height: 0;
}
.iCommNewHint .iCommHintInner {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    overflow: hidden;
    padding-bottom: 1px;
}

/* Мои блоки */
.allblock {
    padding:5px;
    margin:5px;
}
/*-----------------------*/

/* Темы форума */
.ipbBadge {
  color:#fff;
  font-family:Cuprum;
  font-weight:normal;
  background:#B4B4B4;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  display:inline-block;
  font-size:9px;
  line-height:10px;
  padding:2px;
  text-transform:uppercase;
  box-shadow:0px 5px 5px rgba(255,255,255,0.4) inset;
}

.ipbBadge.green {background:#7DA711;}
.ipbBadge.orange {background:#ED7914;}
/*--------------*/

/* Кнопка Вверх */
#gotop {
    position:fixed;
    width:41px;
    height:41px;
    right:7px;
    bottom:20px;
    display:block;
    background:url('../images/gotop.png') no-repeat;
    z-index:9998;
    display:none;
}
/*--------------*/

/* Сообщества */
.community {
height:30px;
margin:19px 10px 0px 10px;
}
.community img {
padding:0 3px;
}
/*--------------*/

/* Описание */
.description {
    background:#9abb84;
    padding:5px 10px 5px 15px;
    font-size:12px;
    text-shadow:0 1px 0 #779960;
    color:#fff;
    line-height:14px;
    border:1px solid #779960;
    margin:0 5px 0;
    position:relative;
}
.description a {
    color:#f7f7f7;
    text-decoration:initial;
}
/*--------*/

/* Карма */
.karma {
height:15px;
margin: -20px 10px 0px 10px;
background-color:#64B327;
background-position: initial initial;
background-repeat: initial initial;
color:#FFFFFF;
padding:5px;
text-align:center;
text-shadow:#4C881E 0 1px 0;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
/*--------------*/

/* Новый Год */
.santa {position:relative}
.santa .santa {
position:absolute;
left:-51px;
top:-10px;
background:url('http://samodelki.org.ua/santacornerhat.png');
width:128px;
height:128px;
overflow:hidden
}
/*----------------*/

/* Социальные закладки */
.news_btn {overflow:hidden; clear:both; margin:5px 0 0 0;}
.vk_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.vk_btn a {color:#2b5e81;}
.tw_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0; }
.tw_btn a {color:#2b5e81;}
.ya_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.ya_btn a span:first-letter {color:#2b5e81;}
.google_btn {font-size:11px; display:block; float:left; margin:0 5px 0 0;}
.google_btn a {color:#2b5e81;}
.code_btn {font-size:11px; display:block; float:right;}
.code_btn a {color:#72990e;}
.news_btn a, .news_btn a span {float:left; max-width:290px; overflow:hidden; height:30px; padding: 0 0 0 5px; background: url('http://samodelki.org.ua/templates/webmasterok/images/soc_icon/soc_btn.png') no-repeat; }
.news_btn a span {display:block; line-height:27px; padding: 0 8px 0 0; background-position: 100% 100%;}
.news_btn a span img {vertical-align:middle; margin:0 5px 0 0;}
.news_btn a:hover {text-decoration:none;}
/*----------------------*/

/* Яндекс апдейты */
#ya_block {padding:0 0 6px 6px}
#ya_block div.ya_title, #ya_block div.gog_title {color:#000; font-size: 14px;}
#ya_block div.ya_title img, #ya_block div.gog_title img {width:12px; height:10px;}
#ya_block div.ya_title span {color:#E90000;}
#ya_block div.gog_title span {color:#3D3BEF;}
#ya_block div.ya_one {color:#177F1C; font-size: 13px;}
#ya_block div.ya_one img { width:14px; height:10px;}
#ya_block div.ya_one span {color:#FFB32E;}
#ya_block div.ya_two {color:#7F7F7F; font-size: 13px;}
#ya_block div.ya_tree {color:#BBB; font-size: 13px; padding-bottom: 5px;}
.errorya {color:#E90000; font-size: 13px; padding:55px 0; text-align:center;}
/*----------------*/

/* Сообщение к новости */
.edit_message
{
	background: #9abb84;
    border: 1px solid #779960;
	   -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 1px 7px 2px 7px;
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 1px 0 #779960;
}

.edit_message span
{
	font-weight:bold
}
/*----------------------*/

/*---���������� � ����������� ���� jQuery UI---*/
.ui-helper-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
    font-size: 13px;
}

.ui-widget-content {
    background: #fff;
    color: #222;
}

.ui-widget-header {
    background: #fff url(../images/ui-bg_gloss-wave.png) repeat-x;
    color: #fff;
	font-size:14px;
	text-shadow:0 1px 0 #4b8b1d;
	min-height:32px;
	border-radius:2px 2px 0 0 !important;
	-moz-border-radius:2px 2px 0 0 !important;
	-webkit-border-radius:2px 2px 0 0 !important;
}

.ui-widget-header a {
    color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background: #fff url(../images/fbutton.png) repeat-x bottom;
    color: #8f8f8f;
	text-transform:uppercase;
	font-style:italic;
	border:1px solid #e7e7e7;
	border-radius:5px;
	box-shadow:0 1px 3px rgba(0,0,0,0.15);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #2e6e9e;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
    background: #fff url(../images/fbutton.png) repeat-x bottom;
    color: #6cb62b;
	text-transform:uppercase;
	font-style:italic;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #1d5987;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {

}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #e17009;
    text-decoration: none;
}

.ui-state-error {
    background: #fef1ec 50% 50% repeat-x;
    border: 1px solid #dedede;
    color: #cd0a0a;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4em;
}

.ui-button-text-only .ui-button-text {
    padding: 0 5px;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-set {
    margin-right: 7px;
}

.ui-button-set .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    overflow: hidden;
    padding:5px;
    position: absolute;
    width: 300px;
	background: rgba(0,0,0,0.6);
	background: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 10px 1em .3em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -12px 0 0 0;
    padding: 0;
    position: absolute;
    right: .3em;
    top: 50%;
    width: 17px;
	background:url(../images/ui-close.png) no-repeat;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 0;
	border:none;
}

.ui-dialog .ui-dialog-content {
    background: #fff;
    border: 0;
    overflow: hidden;
    padding: 5px 1em;
    position: relative;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: #fff;
    background-image: -moz-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -ms-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: -o-linear-gradient(top, #fcfcfc, #ffffff);
    background-image: linear-gradient(top, #fcfcfc, #ffffff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ffffff', GradientType=0);
    padding: 0;
    text-align: left;
	border-radius:0 0 2px 2px;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
	margin:0;
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 5px 5px;
    overflow: visible;
    padding: 3px 7px 3px 7px;
    width: auto;
}

.ui-dialog .ui-resizable-se {
    bottom: 3px;
    height: 14px;
    right: 3px;
    width: 14px;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.pm_status {
	float:left;
	border: 1px solid #d8d8d8;
	padding: 0px;
	width: 280px;
	height: 100px;
	margin-left: 20px;
	margin-right: 5px;
}

.pm_status_head {
	border-bottom: 1px solid #d8d8d8;
	font-size: 0.9em; 
	height: 22px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: #4e4e4e;
}

.pm_status_content {
	padding: 5px;
}
/*��� �������� �������*/
.shotstory{

}

.shotstory span{
color: #64B327;
font-weight:600;
}

.shotstory h1{
font-size:14px;
margin:5px;
}

.shotstory h1 a{
color: ##389AD6 ;
}

	.shotstory h1 a:hover{
	color:#74ba2f;	
	}


.shotstorybody{
overflow:hidden;
}
.shotstoryimg{
width:160px;
float:left;
margin-left:10px;
}

.shotstorytext{
height:150px;
margin-left:175px;
margin-right:10px;
text-align:justify;
position:relative;
}

.shotstorydop{
height:35px; 
position:absolute; 
bottom:0px; 
}

.fullstory{
margin-left:5px;
margin-right:5px;
}

.fullstory h1{
font-size:16px;
margin: 10px 0px 10px 0px;
color:#2C8FC9;
}


.rel-news-news{
				float: left;
				width: 160px;
				margin: 0 2px 0 3px;

			}
			
				.rel-news-news-image{

					width: 160px;
					height: 117px;
				}

				
					.rel-news-news-image-hidden{
						position: relative;
						top: 7px;
						left: 7px;
						width: 156px;
						height: 115px;
						overflow: hidden;
					}
						
						.rel-news-news-image-hidden img{
							position: absolute;
							top: 0px;
							left: 0px;
							width: 156px;
							min-height: 115px;
						}
						
						
			.rel-news-news h2 a{
				display: block;
				height: 48px;
				font: 12px Arial;
				color: #444444;
				overflow: hidden;
				padding: 2px 7px;
			}
				
				.rel-news-news h2 a:hover{
					color: #cc6600;
				}
				
.relnewstitle{
background-color:#61B125;
height:28px;


}
	.relnewstitle h2{
	color:#FFFFFF;
	font-size:16px;
	padding: 7px 5px; 
	
	}
	
.avatar{ - �������� ��� ������ avatar
    float: left; - ����������� � ������ ����, ��������� ������
    background: #fff; - ���
    width: 50px; - ������
    height: 50px; - ������
    padding: 5px; - ���������� �������(����, �����, ���, ����)
    border: 1px solid #999; - �������(������, ���, ����)
    border-radius: 50%; - ���������� ����� 50 ��������� �� ����� ������, ���������� 25 ��������, ��� � ���� ��������(��� ���� � ��������� -moz � -o)
    box-shadow: 0px 1px 1px 1px #bbb - ���� ������, ������, �����, �����, ����
}
.avatar img{ �������� ��� ��������, ������� "������" ������ avatar
    display: block; - �������� ��������� ��� ����, �� ������ ����� ����� ��������(���� � ������� ���������)
    width: 100%; - ������ 100%
    border: 0; - ������� �������
    margin: 0; - ������� ������ ������������
    border-radius: 50%; - ����� ����
}

.addcoment{
background-color:#3092CD;
height:28px;
margin-top:380px;
}
	.addcoment h2{
	color:#FFFFFF;
	font-size:16px;
	padding: 7px 5px; 
	
	}

.add-comment{
padding:0px 10px 0px;
}

.topnews{
text-align:center;
}
	.topnews img {
	width:120px;
	height:120px;
	}
	
	.topnews a {
	color:#000000;	
	}

.add_email{
margin-top:25px;
margin-left:25px;
}
	.add_email span{
	font-size:120%;
	font-weight: bold
	
	}
	
	
/* ==================== ������� ������ */

.rating {
	color: #757575;
	font-size: 11px;		/* ! */
	font-family: tahoma;	/* ! */
	width: 85px;
	height: 16px;
	margin-left:70px;
}
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 85px;
	height: 16px;
	position: relative;
	background-image: url(../dleimages/rating.png);
	background-position: top left;
	background-repeat: repeat-x;
}
.unit-rating li {
	text-indent: -90000px;
	padding: 0px;
	margin: 0px;
	float: left;
}
.unit-rating li a {
	display: block;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	position: absolute;
	padding: 0px;
}
.unit-rating li a:hover {
	background-image: url(../dleimages/rating.png);
	background-position: left center;
	z-index: 2;
	left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }	
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating li.current-rating {
	background-image: url(../dleimages/rating.png);
	background-position: left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

#share42 {padding: 6px 6px 0; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}

#share42 a {position:relative;}
#share42 a span {display: none; position: absolute; z-index: 10; top: 0; left: 100%; height: 19px; margin-left: 5px; padding: 0 5px; background: #FFF; border-radius: 4px; border: 1px solid #AAA; box-shadow: 0 0 5px rgba(0,0,0,0.25); text-align: center; color: #666; font: 12px/20px Arial, sans-serif;}
#share42 a:hover span {display: block}
#share42 a span:before {content: ''; position: absolute; top: 50%; left: -5px; margin-top: -3px; width: 5px; height: 7px; background: url(data:image/gif;base64,R0lGODlhBQAHAJEDAKqqqsnJyf///////yH5BAEAAAMALAAAAAAFAAcAAAIMnBEXMijiXlts1lkAADs=) no-repeat;}