/* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: http://centroarts.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: inherit; vertical-align: baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 }
html, body { height: 100% }
.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: block; height: 0; width: 0; visibility: hidden }

body { word-wrap: break-word }
body, select, textarea, button { font: 16px/1.45 "pf_dindisplay_prolight", Helvetica, Arial, sans-serif; background: #fff; color: #383738; outline: none }

a { outline: none; color: #ee307d; text-decoration: none; transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear }
a:hover { color: #383838 }
a img { border: 0 none }
a > img { vertical-align: bottom }

::selection { background: #767676; color: #fff }
::-moz-selection { background: #767676; color: #fff }

h1,h2,h3,h4,h5 { font-weight: bold;  margin-bottom: .3em }
h1 { font-size: 40px; line-height: 48px }
h2 { font-size: 34px; line-height: 42px }
h3 { font-size: 22px; line-height: 28px }
h4 { font-size: 18px; line-height: 24px }
h5 { font-size: 16px; line-height: 20px }

ul, ol { list-style: none; padding: 0; margin: 0; }
.scont ul { padding-left: 16px; list-style: disc outside; }
.scont ol { list-style-image: none; list-style-position: outside; list-style-type: decimal; margin-left: 2.2em; }
/**/
textarea { overflow: auto; vertical-align: top }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px;
	transition: color 0.2s linear; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; -moz-transition: color 0.2s linear;
	font-weight: bold; border: 1px solid #d9d9d9; display: inline-block; height: 37px; padding: 7px 22px; cursor: pointer; margin: 0 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
	background-color: #fff;
	background: -webkit-gradient(linear, top, #ffffff, to(#f7f7f7)); 
	background: -webkit-linear-gradient(top, #ffffff, #f7f7f7); 
	background: -moz-linear-gradient(top, #ffffff, #f7f7f7); 
	background: -ms-linear-gradient(top, #ffffff, #f7f7f7); 
	background: -o-linear-gradient(top, #ffffff, #f7f7f7);
	background: linear-gradient(top, #ffffff, #f7f7f7)
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: #ef0767 }
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: #f4f4f4;
	box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1)
}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button { font-weight: normal; font-size: .8em; height: 32px; padding: 4px 14px }

p,dl,dd,pre,ul,ol,blockquote,address,table,fieldset { margin-bottom: 25px }

blockquote { margin-left: 20px; padding: 0 20px; font-family: Georgia, Times, serif; font-style: italic; border-left: 6px solid #d7d7d7; color: #737373 }
strong, b { font-weight: bold }
em, cite, i { font-style: italic }
caption { text-align: left }
th, td { vertical-align: middle }
small, .small { font-size: 12px }
.pink { color: #ed0866 }

table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0 }
.thd, .ui-icon, .close { display: inline-block; overflow: hidden; text-indent: -9999px; white-space: nowrap; background-image: url("../images/sprite.png") }
.lcol { float: left; display: inline }
.rcol { float: right; display: inline }

/* Site */
.wrp { margin: 0 auto; width: 990px }

/* Header */
#header { height: 178px; background: url("../images/bottomshadow.jpg") no-repeat 50% 100% }
	
	.dreemchest, #language, #language .active { float: left }
	.dreemchest a { height: 80px; width: 380px; margin-right: 30px; margin-top: 20px  }

#language { margin-top: 26px; position: relative }
	#language .active, .language ul, .quicksearch input, .formbox { border: 1px solid #e2e2e2; background: #fff; -webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px;
		box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1)
	}
	#language .active { cursor: pointer; padding: 6px 28px 0 13px; height: 26px; position: relative }
	#language .active .thd { cursor: pointer; width: 11px; height: 11px; position: absolute; right: 10px; top: 10px; background-position: -11px -80px }
	.language { display: none; position: absolute; top: 34px; left: 0; padding-top: 4px }
	.language ul { padding: 10px 20px }
	.language ul a { display: block; color: #383738; white-space: nowrap; padding: 3px 0 }
	.language ul a:hover { color: #ee307d }

.socgroup { margin-top: 26px; float: right }
	.socgroup a { margin-left: 2px; float: left; height: 32px; width: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear }
	.fb { background-position: -107px -93px }
	.yt { background-position: -139px -93px }
	.tw { background-position: -171px -93px }
	.gp { background-position: -203px -93px }
	.rs { background-position: -235px -93px }

	.fb:hover { background-color: #4463a6; background-position: -107px -125px }
	.yt:hover { background-color: #ff6666; background-position: -139px -125px }
	.tw:hover { background-color: #5dd4f0; background-position: -171px -125px }
	.gp:hover { background-color: #1c252d; background-position: -203px -125px }
	.rs:hover { background-color: #ffae32; background-position: -235px -125px }

/* Search */
#quicksearch { margin: 26px 0 0 20px; float: right }
	.quicksearch { width: 200px; position: relative }
	.quicksearch input { padding: 5px 34px 5px 15px; width: 100%; height: 34px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.quicksearch input:focus { border-color: #d0d0d0 }
	.quicksearch button { width: 34px; height: 34px; position: absolute; right: 0; top: 0; background-color: #fff; background: url("../images/sprite.png") no-repeat 0 -91px; padding: 0; border: 0 none;
		box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none
	}
	.quicksearch button:hover { background-position: -34px -91px }

/* Login */
#topbar { height: 46px }
#loginpane { padding: 10px 12px; float: right; height: 26px; background: #f8f8f8; -webkit-border-radius: 0 0 17px 17px; -moz-border-radius: 0 0 17px 17px; -o-border-radius: 0 0 17px 17px; border-radius: 0 0 17px 17px }
	#loginpane a { padding: 0 12px; float: left; color: #383738 }
	#loginpane a .thd { width: 11px; height: 11px; vertical-align: middle; margin-left: 2px }
	.log-in .thd { background-position: -11px -80px }
	.sign-up .thd { background-position: 0 -80px }

#loginbox { background: #fff; padding: 30px; width: 280px; margin-left: -170px; min-height: 150px; position: absolute; z-index: 9999; left: 50%; top: 20%;
	box-shadow: 0 15px 95px 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 15px 95px 0 rgba(0,0,0,0.22);
	-webkit-box-shadow: 0 15px 95px 0 rgba(0,0,0,0.22);
	-webkit-border-radius: 17px; -moz-border-radius: 17px; -o-border-radius: 17px; border-radius: 17px
	}

	.close, .ui-icon-closethick { background-color: #4f4f4f; cursor: pointer; margin: 6px; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-position: -267px -93px; transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear }
	.close:hover, a:hover .ui-icon-closethick { background-color: #ef0767 }

	.not-logged .f_input { font-size: 1.2em; padding: 8px; width: 100%; height: 44px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	#loginbox form { margin: 0 }
	.not-logged li { margin-bottom: 1em }
	.not-logged li label { display: block; margin-bottom: .2em }
	.submitline .rcol { line-height: 37px }
	.subline { margin: 0 0 30px 15px }
	.signbox { padding: 0 0 0 90px; }
	.signbox .lcol { margin-left: -90px }
	.signbox .rcol { width: 100% }
	.signbox ul { margin: 0 }
	.signbox ul li a { display: block; color: #595959; margin: 4px 0 }
	.signbox ul li a:hover { color: #ef0767 }
	.avatar { display: block; width: 60px }
	.avatar img { width: 100% }

/* TopMenu */
#topmenu {  }
	#topmenu * { float: left }
	#topmenu ul { margin: 0; border-left: 1px solid #ededed }
	#topmenu a { border-right: 1px solid #ededed; color: #383738; font-weight: bold; padding: 1em; font-size: 1.3em }
	#topmenu a:hover { color: #ef0767 }
	#topmenu a.active { background: #383738; color: #fff }

/* Content */
#page { padding: 32px 0 0; background: url("../images/topshadow.png") repeat-x }

/* Slider */
#slides { background-color: #383738; width: 100%; position: relative }
	.slides_container { width: 100%; overflow: hidden; position: relative; display: none }
	.slides_container .slide { width: 990px; height: 410px; display: block }
	.slide img { width: 990px; height: 410px }
	.footshadow { height: 35px; width: 100%; display: block; background: url("../images/slideshadow.jpg") no-repeat 50% 0 }
	#slides .next, #slides .prev { position: absolute; top: 50%; width: 20px; height: 50px; margin-top: -25px; display: block; z-index: 101; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; }

	#slides .next { right: -40px; background-position: -20px -125px }
	#slides .prev { left: -40px; background-position: 0 -125px }
	#slides .next:hover { right: -45px }
	#slides .prev:hover { left: -45px }

.caption { border-left: 40px solid #ed0866; z-index: 500; position: absolute; bottom: 25px; left: -600px; opacity: 0; padding: 10px 15px; background-color: #383738; background: rgba(0,0,0,.78); max-width: 400px; font-size: 2.0em; line-height: 1.2em; color: #fff }
	.caption * { margin: 0 }

/* Download */
#downloadline { position: relative; background: #fff; padding: 35px 0; width: 100%;
	box-shadow: 0 0 62px 0 rgba(0,0,0,0.08);
	-moz-box-shadow: 0 0 62px 0 rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 62px 0 rgba(0,0,0,0.08);
}
	#downloadline p { margin: 0; color: #878787 }
	#downloadline .rcol { margin-left: 30px }

.os_windows {
        display: block;
    }
a.download-link,
a.download-link:link,
a.download-link:visited {
	display: block;
	margin: 0 0 10px 50px;
	height: 95px;
	-moz-box-shadow:    0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	box-shadow:         0 3px rgba(0,0,0,0.1), inset 0 -4px rgba(0,0,0,0.1);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	overflow: visible;
	background: #58a100; /* old browsers */
	background: -moz-linear-gradient(top, #84C63C 0%, #489615 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84C63C), color-stop(100%,#489615)); /* webkit */
	background: linear-gradient(top, #84C63C 0%, #489615 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84C63C', endColorstr='#489615',GradientType=0 ); /* ie */
	-moz-transition:   box-shadow 0.2s ease-in-out;
	-webit-transition: box-shadow 0.2s ease-in-out;
	transition:        box-shadow 0.2s ease-in-out;
    zoom: 1;
}

a.download-link:hover,
a.download-link:active {
	-moz-box-shadow:    0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	box-shadow:         0 3px rgba(0,0,0,0.15), inset 0 -4px rgba(0,0,0,0.15), inset 0 0 80px rgba(255,255,255,0.3);
	-moz-transition:    box-shadow 0.2s ease-in-out;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	transition:         box-shadow 0.2s ease-in-out;
}

a.download-link span.download-content {
	position: relative;
    margin-left: -50px;
	display: block;
	background: url(../images/download-logo.png) 0 0 no-repeat;
	height: 95px;
	font-family: georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 10px 0 112px;
}

* html a.download-link,
* html a.download-link:link,
* html a.download-link:active,
* html a.download-link:hover,
* html a.download-link:active {
    background: none;
    box-shadow: none;
}

* html a.download-link span.download-content {
    background: url(/img/home/download-ie6.jpg) 0 0 no-repeat;
}

a.download-link span.download-title {
    display: block;
    font-style: normal;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -0.02em;
}

a.download-link span.download-title {
    font-size: 26px;
}

a.download-link:hover,
a.download-link:active {
	background-position: -300px 0;
	text-decoration: none;
	cursor: pointer;
}

a.download-link span.download-info {
	display: block;
	margin-top: 3px;
	color: #346012;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
}

/* Features */
#features .col-item { height: 210px; overflow: hidden }
#features .col-item2 { height: auto; overflow: hidden }
	.topshadow { padding-top: 2.8em; background: url("../images/topshadow2.jpg") no-repeat 50% 0 }
	.phead { margin-bottom: .7em; }
	.cols3 { margin-right: -30px }
	.cols3 .col-item, .cols3 .col-item2 { float: left; width: 310px; margin: 0 30px 35px 0 }
	.cols3 #pager, .cols3 .berrors { margin-right: 30px !important }

/* Showcase */
#showcase .col-item { }
	#showcase .col-item h3 { margin: 0 }
	#showcase .col-item .scont { margin-bottom: 0 }
	#showcase .col-item .scont * { display: block !important; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
	.showcase-img { width: 310px; height: 150px; display: block; margin-bottom: .8em; overflow: hidden; background: #383738;
		transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear;
		box-shadow: 0 0 12px 0 #cacaca;
		-moz-box-shadow: 0 0 12px 0 #cacaca;
		-webkit-box-shadow: 0 0 12px 0 #cacaca;
	}
	.showcase-img:hover { opacity: 0.8 }
	.showcase-img img { width: 100%; height: 150px }

/* Speedbar */
#speedbar { margin-bottom: 2em }
	#speedbar a, #speedbar { color: #909090 }
	#speedbar a:hover { color: #383838 }

/* FootSide */
#footside { margin-top: 32px; color: #fff; background: #383838; padding: 2.7em 0 }
	#footside a, #footside h3 { color: #ffae32 }
	#footside a:hover { color: #fff }
	#footside h3 { font-size: 26px; border-bottom: 1px solid #444; padding-bottom: 1em; margin-bottom: 1em }
	#footside .col-item { margin-bottom: 0 }

	.showcase-box { margin: 0 -13px .9em 0 }
	.showcase-box li, .showcase-box li * { float: left }
	.showcase-box li { margin: 0 13px 13px 0 }
	.showcase-box li a { width: 80px; height: 80px; overflow: hidden; border: 7px solid #2a2a2a }
	.showcase-box li a img { min-width: 100%; min-height: 100%; max-width: 150px }

	#footside .blog-box a { color: #fff }
	#footside .blog-box a:hover { color: #ffae32 }
	.blog-box li:first-child { padding-top: 0; border-top-width: 0 }
	.blog-box li p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
	.blog-box li h4 { margin: 0 }

	.viewall { border-top: 1px solid #444; padding-top: 1.4em; margin: 0 }

	/* Votes */
	.votenum { color: #b5b5b5 }
	.vtitle { margin-bottom: 1.2em }
	.vlist { margin-bottom: 1.6em }
	.vfoot { margin-bottom: .8em }
	.dcont { margin: 0 0 40px 30px; }
.vresult {
    border: 0 none;
    cursor: pointer;
    margin-top: 3px;
    font-size: 11px;
    color: #909ca3;
    float: right;
    width: 21px;
    height: 20px;
    padding: 0;
    background: url("../images/vresult.png") no-repeat 100% 0 !important;
}
	
/* Footmenu */
#footmenu { padding: 2.7em 0; font-size: .9em; background: #2b2b2b }
	#footmenu a, #footmenu { color: #fff }
	#footmenu a:hover { color: #ffae32 }
	#footmenu ul { margin: 0 }
	.footmenu > li { width: 198px; float: left; }

/* footer */
#footer { padding: 2em 0 }

	.centroarts, .copyright { margin: 0; position: relative; padding: 6px 0; }
	.copyright { padding-left: 50px; float: left }

	#upper { background-position: -77px -125px; width: 50px; height: 40px; position: absolute; left: 0; top: 0; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear }
	#upper:hover { opacity: 1 }

	.copyright a, .copyright, .centroarts:hover { color: #383738 }
	
	.centroarts { color: #9e9d9d; float: right; padding-right: 55px; }
	.centroarts .thd { float: left; background-color: #d7d7d7; position: absolute; right: 0; top: 0; background-position: -40px -125px; width: 37px; height: 37px; -webkit-border-radius: 19px; -moz-border-radius: 19px; -o-border-radius: 19px; border-radius: 19px;
		transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear
	}
	.centroarts:hover .thd { background-color: #2b2b2b }

/* Content */
.post { position: relative; border-bottom: 1px solid #e8e8e8 }

	.blogbox, .post { padding: 0 82px 0 198px; margin-bottom: 45px; height: 1% }
	.post .phead { font-size: 40px; line-height: 46px }

	.post-body { width: 100% }
	.post-meta { margin-left: -198px; padding-right: 35px; width: 163px }
	.meta li { float: left; clear: both; border-left: 8px solid #aed671; background-color: #383838; color: #fff; padding: 3px 6px; margin-bottom: 2px }
	.meta li:hover { border-color: #ed0e6a }
	.meta li a { color: #fff }

	.ratebox { width: 42px; position: absolute; right: 0; top: 13px; }
	.ratenum { margin-bottom: 2px; font-size: 18px; line-height: 42px; text-align: center; color: #fff; background-color: #383738; width: 42px; height: 42px; display: block }
	.ratenum.green, a.plus:hover { background-color: #aed671 }
	.ratenum.red, a.minus:hover { background-color: #f45c5b }

	.addfavorit { opacity: 0.6; float: right; margin: .8em 0 0 1em; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear }
	.addfavorit:hover { opacity: 1 }

	.iedit a { font-weight: normal; color: #878787 }
	.iedit a:hover, .post .phead a, .post .phead { color: #383838 }

	.ratebox .thd { float: left; margin-left: 2px; width: 20px; height: 20px; background-color: #383738 }
	.ratebox .plus { margin: 0; background-position: -107px -157px }
	.ratebox .minus { background-position: -127px -157px }

	.post .scont img { margin: 5px 0 25px 0; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
	.scont { margin-bottom: 35px }

	.more { margin-bottom: 45px }
	.more a { display: inline-block; background-color: #383738; padding: 10px 18px; color: #fff;
		transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear
	}
	.more a:hover { background-color: #ed0e6a }

/* Fullstory */
.fullstory { border-bottom-width: 0; margin-bottom: 0 }
	.fullstory .scont { margin-bottom: 3.4em }

	#pollbox { margin-bottom: 2.4em }
	#dle-poll-list, #searchtable, .pm_status { padding: 25px; background: #f1f1f1; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }

	.sharebox li { margin-bottom: .6em }

	.tags a { color: #878787 }
	.tags a:hover { color: #383838 }

	.pheading {
    overflow: hidden;
    border-bottom: 1px solid #dadada;
    padding: 0 15px 13px 15px;
}
	
/* Related */
.mhead { font-size: 28px; line-height: 36px; border-bottom: 1px solid #; padding-bottom: .8em; margin-bottom: 1em; border-bottom: 1px solid #e8e8e8 }

.related { margin-right: -10px }
	.related li { float: left; width: 170px; margin-bottom: 35px; margin-right: 10px }
	.related li a * { display: block; cursor: pointer }
	.related li a { display: block; color: #383838 }
	.related li a:hover { color: #ee307d }
	.related li a b { font-size: 20px; line-height: normal; margin-bottom: .4em }

/* Pager */
.storenumber { clear: both; font-weight: bold; margin-top: 45px }

	#pager { margin-bottom: 45px }
	.next-prev { margin-left: 1em; float: left }
	.next-prev * { float: left }
	.next-prev .thd { height: 32px; width: 32px }
	a .next, span .next { background-position: -299px -123px }
	a .prev, span .prev { background-position: -267px -123px }
	a:hover .next { background-position: -299px -155px }
	a:hover .prev { background-position: -267px -155px }
	span .next, span .prev { opacity: 0.6 }

	.pager { float: left }
	.pager { font-size: 20px; font-weight: bold }
	.pager * { float: left; height: 32px; line-height: 32px; padding: 0 10px }
	.pager a { color: #383738 }
	.pager a:hover { color: #ed0e6a }
	.pager span { color: #fff; background-color: #383738 }
	.pager span.nav_ext { background: none; color: #383838 }

/* Errors */
.berrors { background: #fce5ba; color: #a76846; margin: 0 0 47px 0; padding: 13px 20px; height: 1%; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.berrors a { color: #aa4e43 }

/* Comments */
.comment { height: 1%; padding-left: 90px; margin: 30px 0; border-bottom: 1px solid #e8e8e8 }
	.blogbox .comment { padding-left: 0 }
	.comment .avatar { margin-left: -90px }
	.comright { width: 100% }
	.comment .scont { margin: 0 }

	.comtop { margin-bottom: .6em }

	.cdate { float: right; color: #b5b5b5 }
	.comname a { color: #383838; font-size: 20px }

	.comedit { opacity: 0; margin: 0; font-size: 11px; height: 18px; padding: 4px 0 6px 0; transition: opacity 0.3s linear; -webkit-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear }
	.comment:hover .comedit { opacity: 1 }
	.comedit li { float: left; margin-right: 1em; }

	.comedit li.selectmass { float: right }
	.comedit li.selectmass input { float: left }

	.signature { border-top: 1px dashed #d5d5d5; padding: 14px 0; font-size: 11px; color: #828282; }

	.mass_comments_action { height: 1%; text-align: right; padding: 12px 14px 12px 14px; margin: 0 0 47px 0; background-color: #f6f6f6; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.mass_comments_action .bbcodes { margin-bottom: 0 }

	.addcombtn {
    text-align: center;
    font: 1em/20px sans-serif;
    color: #a8a8a8;
    float: right;
    height: 35px;
		line-height: 34px;
    width: 240px;
    padding-left: 15px;
    background: url("../images/addcombtn.png") no-repeat;
}

.addcombtn:hover {
    background-position: 0 -35px;
}
	
	/*---forms---*/
.baseform { background: #f5f6f7; }
.fieldsubmit, .tableform td { padding: 10px 15px; border-top: 1px solid #fff;}
.addnews { font-weight: bold; }
.impot { color: #96c; font-weight: normal; }
.formbox { width: 620px; padding: 40px; margin: 0 auto }
	.statbox, .formbox { margin-bottom: 45px }
	.formbox .tableform { margin: 0 }
	.statbox h1, .formbox h1 { margin-bottom: .6em }
	.acombox { margin: 40px 15px; border-bottom: 1px solid #f0f0f0; }
.tableform { width: 100%; }
	.tableform td, .tableform th { border-top: 1px dotted #ebebeb; padding: 10px 0; text-align: left; }
	.tableform td.label { width: 20%!important; vertical-align: top; padding-right: 0; font-weight: bold; }
		.tableform tr:first-child td, .tableform tr:first-child th { border: 0 none; }
		.tableform th, .tableform .label, .tableform .addnews { width: 25%; font-weight: normal; vertical-align: top; padding-right: 10px; padding-top: 8px; }
		.imp::after { color: #e46950; content: "*"; font-weight: bold; }

	.recipient select { width: 298px; }

	.checkbox { color: #787878; padding: 4px 0; line-height: 1em; }
	.checkbox input { margin-top: -2px; vertical-align: middle; }

	/*captcha*/
	.c-captcha { position: relative; height: 70px }
	.c-captcha #dle-captcha, .c-captcha .f_input { float: left; margin-right: 5px }
	.c-captcha #dle-captcha a { display: block; clear: both }
	.c-captcha .f_input { position: absolute; left: 125px; font-size: 20px; height: 30px; padding: 9px; width: 100px }

.f_input, .xfields input, .xprofile input { width: 288px; }
textarea { resize: vertical; }
.f_textarea, textarea.ui-corner-all { width: 96.7%; }
#category { width: 300px !important; }
.f_input { height: 16px; }
.fieldtr select, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .tdfield select, .lfield input, .editor input[type="text"], #category, textarea.ui-corner-all, .pm select,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .bbeditor select, .textin, select.rating { padding: 4px; background: #f2f2f2; border: 1px solid #cecece;
	webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
	box-shadow: inset 0 1px 2px 0 #dbdbdb;
}
.xfields textarea { width: 96.7%; }
.editor_button select { padding: 0; }
.fieldtr select:focus, .pm select:focus, .textin:focus, .f_textarea:focus, .f_input:focus, .xfields textarea:focus, .xprofile textarea:focus, .editor input[type="text"]:focus, #category:focus, textarea.ui-corner-all:focus,  .tdfield select:focus, .lfield input:focus,
.xfields input:focus, .xprofile input:focus, .xfields select:focus, .xprofile select:focus, .mass_comments_action select:focus, .bbeditor select:focus { background: #fff; border-color: #78afbe;
	box-shadow: 0 0 20px 0 #9ecfdd;
	-moz-box-shadow: 0 0 20px 0 #9ecfdd;
    -webkit-box-shadow: 0 0 20px 0 #9ecfdd;
}

/* search */
.searchstyle { width: 480px }
	.search { padding: 0 }
	#searchtable, #searchtable td { vertical-align: top; text-align: left }
	#searchtable fieldset { font-size: 11px; border: 1px solid #d7d7d7; padding: 10px; text-align: left; margin: 0 4px 4px 0 !important; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	#searchtable table, #searchtable form { margin: 0 }
	#searchtable input, #searchtable select { background-color: #fff }

	fieldset legend { font-size: 11px; font-weight: bold; color: #696969; }
	#searchuser, #searchinput { width: 90% !important; }

.searchresult { border-bottom: 1px solid #E3E3E3; padding: 0 100px 25px 0; margin-bottom: 25px; height: 1%; overflow: hidden; position: relative }
	.snum { font-weight: bold; text-align: right; font-size: 55px; border-radius: 25px; text-align: center; color: #E3E3E3; position: absolute; right: 24px; bottom: 6px; transition: color 0.3s linear; -webkit-transition: color 0.3s linear; -o-transition: color 0.3s linear; -moz-transition: color 0.3s linear }
	.searchresult:hover .snum { color: #26d29a }
	.sr-info { font-size: 11px; color: #8c8c8c; margin: 0 }

.searchresult.linedark { background: #fff; }

/* Userinfo */
.userinfo { padding-left: 110px }
	.userinfo .lcol { margin-left: -110px; width: 110px }
	.userinfo .lcol .avatar { width: 80px; margin-bottom: 1em }
	.userinfo .rcol { margin: 0; width: 100% }

	.umenu a { text-decoration: none !important; display: block; height: 1%; line-height: normal; padding: 6px 10px 5px 10px; color: #262626 }
	.umenu a:hover { border-radius: 6px; background: #9fba51; color: #fff }

	.usinf li, .userinfo  ul.rcol li { padding: 12px 0; border-top: 1px dotted #D9D9D9 }
	.usinf li:first-child, .userinfo  ul.rcol li:first-child { border: 0 none }
	.uibtn { font-size: 11px }
	.ussep { padding-top: 1.2em }
	.offline, .online { text-align: center; width: 70px; padding: 3px 5px; font-size: 11px; font-weight: bold; color: #fff; background-color: #626262; webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
	.online { background: #99ce1b }

/* statistics */
.statistics { padding-bottom: 1em }
	.statistics ul.lcol { min-height: 71px; margin-left: -1px; width: 33.3% }
	.statistics ul.lcol li { clear: both; padding: 0 15px 0 1px; margin-bottom: 2px }
	.statistics h4 { font-weight: bold; border-bottom: 1px solid #E2E2E2; margin-bottom: .5em; padding-bottom: .6em }
	.statsbox li { border-top: 1px dotted #ebebeb; padding: 8px 0 }
	.statsbox li:first-child { border-top: 0 none }

.lines { border: 1px dotted #ebebeb; padding: 10px; }
	.lines li { margin-bottom: 0.2em; }

/* PM */
.pm_menu { margin-bottom: 20px; height: 52px; border-bottom: 1px solid #E3E3E3 }
	.pm_menu * { float: left }
	.pm_menu a { text-decoration: none !important; padding: 0 15px; background: #F8F8F8; color: #383838; margin-right: 2px; height: 51px; line-height: 51px; border: 1px solid #E3E3E3; border-bottom-width: 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -o-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0 }
	.pm_menu a:hover { position: relative; background: #fff; height: 52px; color: #ed0e6a }

.pm_status { margin-bottom: 47px }
	.pm_status_head { border-bottom: 1px solid #E3E3E3; font-size: 0.9em; height: 22px; padding: 0; font-weight: bold; text-align: center; color: #4e4e4e }

.pm_progress_bar { border-radius: 4px; border: 1px solid #d8d8d8; background-color: #fff; padding: 4px; margin-top: 10px; margin-bottom: 10px }
	.pm_progress_bar span { border-radius: 2px; background: #ed0e6a; font-size: 0; text-indent: -2000em; height: 10px; display: block; overflow: hidden }