* {margin:0;padding:0;}
/* font face */
@font-face {
    font-family: 'Liberation';
    src: url('../fonts/liberationsansnarrow-regular-webfont.eot');
    src: url('../fonts/liberationsansnarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/liberationsansnarrow-regular-webfont.woff') format('woff'),
         url('../fonts/liberationsansnarrow-regular-webfont.ttf') format('truetype'),
         url('../fonts/liberationsansnarrow-regular-webfont.svg#liberation_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibrii.eot');
    src: url('../fonts/calibrii.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibrii.woff') format('woff'),
         url('../fonts/calibrii.ttf') format('truetype'),
         url('../fonts/calibrii.svg#CalibriItalic') format('svg');
    font-weight: normal;
    font-style: normal;
} 
             
body {
	background:url(http://tourist.kharkov.ua/img/bg-body.png);
	font:12px/14px Arial, Helvetica, sans-serif;
	color:#4b4b4b;
}
ul {list-style:none;}

a img{
	border:none;
}
a {
    outline: none; /* Убираем границу вокруг ссылок  */
   }


.holderBox {
	min-width:780px;
	max-width:1200px;
	padding:0 20px;
	/*width:960px;*/
	margin:0 auto;
}
.holderBox:after {
	clear:both;
	display:block;
	content:"";
}


/* top banner */

.topBanner{	
	width:100%;   
	height:90px;
	padding-top:11px;
	overflow: hidden;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../img/bg-banner-box.png);


}

.holderBox {
	min-height:90px;
	padding-top:11px;
}




.topBanner .banner01 { margin-left:-729px; top: 5px; position:absolute;  left:50%; border: 0px solid black;}
.topBanner .banner02 { margin-left:-547px; top: 5px; position:absolute;  left:50%; border: 0px solid black;}
.topBanner .banner03 { margin-left:-365px; top: 5px; position:absolute;  left:50%; border: 0px solid black;}
.topBanner .banner04 { margin-left: 367px; top: 5px; position:absolute;  left:50%; border: 0px solid black;}
.topBanner .banner05 { margin-left: 549px; top: 5px; position:absolute;  left:50%; border: 0px solid black;}
.topBanner a {border:0;}
/*navbar*/
.navbar {
//	background:#FFF7E8;
	background:url(../img/fnh.png);
	height:100px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
        margin-top:0px;
}

.logo {
	float:left;
	background:url(../img/logolong.png) no-repeat 0px -1260px;
	width:190px;
	height:87px;
	text-indent:-9999px;
	margin:-10px 0 0;
}
.logo a {
	display:block;
	height:100%;
}
ul.login {
	float:right;
	background:url(../img/ico01.png) no-repeat;
	padding:0 0 0 10px;
	margin:17px -10px 0 0;
	width:190px;
}
ul.login li {
	float:left;
	padding:0 11px 0 10px;
	font:12px/16px Arial, Helvetica, sans-serif;
	background:url(../img/separator01.gif) no-repeat;
}
ul.login li:first-child {
	background:none;
}
ul.login a,
ul.login a:hover,
.navin a:hover{color:#ff6819;}

.navin{
	float:left;
	position:absolute;
	padding:15px 0px 0px 0px;
	top:0px;
	z-index:99;
	margin: 15px 0 0px 190px ;
	width:35%;
	border: 0px solid red;
	height:70px;

}
.navin td { padding:0px 2% 5px 4%; }
.navin td {border-left:#ddd 1px dotted;}
.navin td:first-child {border-left:#eee 0px solid;}
.navin table {border-collapse: collapse;}
.navin a {
	font:13px/16px  Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	color:#4b4b4b;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 18px;
	border:0;
	margin:0 0 -5px;
	white-space: nowrap;
	//font-family: Calibri,Arial;
}

.inew{position:absolute; background:url(../img/inew.png); width: 18px; height:63px; margin-left:-17px; z-index:999;
}
.irep{position:absolute; background:url(../img/irep.png); width: 18px; height:46px; margin-left:-17px; z-index:999;
}
.iart{position:absolute; background:url(../img/iart.png); width: 18px; height:55px; margin-left:-17px; z-index:999;
}



.navin .active a {

/*
background:url(../img/arrow01.png) no-repeat 50% 100%;
*/
border-bottom:3px solid #FF6819; width: 60px;
margin-bottom:0 !important;
padding-bottom:5px !important;
}
/* main content */
.mainCnt {
	background:
		url(../img/map.png) no-repeat,
		url(../img/palm.png) no-repeat 100% 0;
	padding:5px 0;
}
.mainCnt .aside {
	float:right;
	width:207px;
}
.mainCnt2 .aside2 {
	float:right;
	width:207px;
}

.aside .bn{margin:0px 0px 10px 7px;}
.sideBox {
	border:1px solid #e4dac4;
	border-radius:5px;
//	background:rgba(240,232,212,0.55);
	background:url(../img/fnh.png)	;
	padding:12px 0 0;
	margin:0 0 21px;
}
.category {
	margin:0 0 0 26px;
	//background:url(../img/line02.gif) no-repeat 0 100%;
	padding:0 0 13px;
	position:relative;
}
.category:after {
	clear:both;
	display:block;
	content:" ";
}
.category input,
.filterArea input {
	border:solid #e4dac4;
	border-width:1px 0 1px 1px;
	padding: 5px;
	height:13px;
	width:135px;
	color:#d4cfc1;
	margin:0;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	background:#fff /*url(../img/arrow05.gif) no-repeat 95% 9px*/;
}
.category input:focus,
.filterArea input:focus {color:#585858;}
.category .ui-helper-hidden-accessible,
.filterArea .ui-helper-hidden-accessible {display:none;}
.category .ui-button,
.filterArea .ui-button {
	background:red;
	float:left;
	width:23px;
	height:25px;
	cursor:pointer;
	background:url(../img/arrow07.gif) no-repeat;
}




.ui-autocomplete {
	background:#fff;
	border:solid #e4dac4;
	border-width:0 1px 1px;
	width:167px;
	z-index:15;
	box-shadow:1px 0 2px rgba(0,0,0,0.15);
	font:12px/24px Arial, Helvetica, sans-serif;
}
.ui-autocomplete a {
	padding:0 5px;
	display:block;
	cursor:pointer;
}
.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus {background:#f4eddb;}



ul.sideNav {
	position:relative;
	z-index:10;
	overflow:hidden;
	height:500px;
}
ul.sideNav li {
	font:13px/34px Arial, Helvetica, sans-serif; //Droid,
	padding:0 0 0 12px;
}
ul.sideNav a {
	display:block;
	padding:0 0 0 26px;
	text-decoration:none;
	color:#646464;
}
ul.sideNav .active a {
	background:#fff;
	box-shadow:4px 0 5px rgba(0,0,0,0.12);
	text-decoration:none;
	position:relative;
}
.sideBox .btnBox {padding:20px 0 20px 26px;}
.sideBox .btnBox a {
	color:#e64f00;
	border-bottom:1px dashed #ec9e6e;
	text-decoration:none;
}
.sideBox .btnBox a:hover {border:0;}



.events {
	margin:0 0 0 33px;
}
.events h2 {
	border:1px solid #e5dbc7;
	border-radius:3px;
	background:rgba(245,237,214,0.53);
	padding:0 10px;
	margin:0 0 8px;
	font:16px/30px Calibri, Arial, Helvetica, sans-serif;
}
.calendar {margin:0 0 13px;}
.events {padding:0 0 20px;}
.events h3 {
	font:14px/16px Calibri, Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}
.eventBox {
	border:1px solid #e6ddc9;
	border-radius:3px;
	margin:0 0 20px;
	background:rgba(245,237,214,0.53);
}
.eventBox .row {
	border-top:1px solid #d9ccb0;
	padding:10px 8px 11px;
}
.eventBox .row:first-child {border:0;}
.eventBox .heading {
	overflow:hidden;
}
.eventBox .allComm {
	float:left;
	background:url(../img/ico08.png) no-repeat;
	width:23px;
	font:bold 11px/16px Arial, Helvetica, sans-serif;
	padding:0 0 5px;
	margin:0 5px 0 0;
	color:#fff;
	text-align:center;
}
.eventBox .date {
	color:#000;
}
.eventBox h4 {
	font:12px/18px Arial, Helvetica, sans-serif;
	margin:2px 0 5px;
}
.eventBox h4 a,
.eventBox .info a {
	color:#e64f00;
	text-decoration:none;
	border-bottom:1px solid #f3c19e;
}
.eventBox h4 a:hover,
.eventBox .info a:hover {border-bottom:1px solid rgba(0,0,0,0);}
.eventBox .info {overflow:hidden;}
.eventBox .info a {float:right;}
.eventBox .watched {
	background:url(../img/ico09.png) no-repeat 0 1px;
	padding:0 0 0 16px;
}
.events .btnBox {margin:-15px 0 0;}
ul.advList {
	padding:0 0 0 29px;
}
ul.advList li {padding:0 0 10px;}
ul.advList img {display:block;}





.mainCnt .cnt {margin:0px 315px 0 0;}
.mainCntT .cntT {margin:0px 315px 0 0;}

.pphead {
	background: url(../img/fnh.png);
	border-radius:5px;
	position:relative;
	margin: 0px -13px 0 0;
	box-shadow:0 0 6px rgba(0,0,0,0.12);
	overflow:auto;

}

.pphead div{width:30%; float:left; position:relative; padding: 10px; line-height:18px;font-style: italic;}
.pphead strong{font-style: normal;}
.pphead a{font-style: normal;	text-decoration:none;
	color:#e64f00;
	border-bottom:1px solid #f7d0b6;
}
.pphead div:first-child{text-align:center;}
.pphead img{border:1px solid white; border-radius:10px; margin-top: -10px;}

.pprep{padding:20px; background: white;}

.ppfrie{padding:20px; }
.ppfrie img{border:1px solid gray; border-radius:10px; margin: -10px 0px 5px 0px;}

.ppfrie h2{	margin:0 0 10px;
	font:25px/30px Calibri, Arial, Helvetica, sans-serif;
}

.ppfrie a{
	font-style: normal;	text-decoration:none;
	color:#e64f00;
}

.friend {position:relative; margin:10px; width:100px;  height: 130px;  overflow: visible; float:left; display:inline;}
.friend img {max-width: 100px; height: 100px; }


.cntBox {
	background:#fff;
	border-radius:5px;
	position:relative;
	margin: 0px -13px 0 0;
	box-shadow:0 0 6px rgba(0,0,0,0.12);
}




.cntBox .holder {
	padding:15px 20px; 
}
h1 {
	font:36px/38px Calibri, Arial, Helvetica, sans-serif;
	margin:0 0 15px;
}
.cntBox .rowArea {
	overflow:hidden;
}
.cntBox .rowArea .col {
	float:right;
	width:46%;
}
.cntBox .rowArea .col:first-child {float:left;}
.infoArea {padding:0 0 25px;}
.infoArea .heading {
//	background:#f4eddb;
	background:url(../img/fnh.png);
	border-radius:3px;
}
.addBtn {
	float:right;
	background:url(../img/ico04.png) no-repeat 0 2px;
	float:right;
	padding:0 0 0 17px;
	margin:7px 10px 0 0;
	color:#9d8049;
	text-decoration:none;
}
.infoArea .heading h2 {
	color:#606060;
	font:16px/30px Calibri, Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
}
.infoArea .box {
	padding:10px 0 5px;
}
.infoArea .box h3 {
	font:13px/14px Arial, Helvetica, sans-serif;
	margin:0 0 7px;
}
.infoArea .box h3 a,
.infoArea .info h4 a {
	color:#e64f00;
	text-decoration:none;
	border-bottom:1px solid #f7cab2;
}
.infoArea .box h3 a:hover,
.infoArea .info h4 a:hover {border-color:#fff;}
.infoArea .row {
	overflow:hidden;
	padding:0 0 9px;
}
.infoArea .box h3 {
font-weight:bold;
}
.infoArea .imgBox {
	float:left;
	padding:2px;
	margin:0 12px 0px 0;
	border:1px solid #d4c396;
	border-radius:3px;
	height: 76px;
	overflow: hidden;
}
.imgBoxIn {
	border:0px;
	height: 76px;
	overflow: hidden;
}

.imgBoxAll {
	float:left;
	padding:2px;
	margin:0 12px 0px 0;
	border:1px solid #d4c396;
	border-radius:3px;
	height: 125px;
	overflow: hidden;
}

.imgBoxInAll {
	border:0px;
	height: 125px;
	overflow: hidden;
}


.imgBoxArt {
	float:left;
	padding:2px;
	margin:0 12px 0px 0;
	border:1px solid #d4c396;
	border-radius:3px;
	height: 55px;
	width: 55px;

	overflow: hidden;
}
.imgBoxInArt {
	border:0px;
	padding:0 0px 0px 0px;
	margin-left: 0px;
	height: 55px;
	width: 55px;	
	overflow: hidden;
}

.imgBoxInArtIn {
	margin-left: -30px;
}


.imgBoxInArt img {

}

.imgBoxIn img:hover {
-webkit-filter: contrast(100%) brightness(110%) saturate(120%);

}









.imgAva {

	padding:0px;
	margin:0 12px 0px 30px;
	border:0px solid #d4c396;
	border-radius:1px;
	height: 75px;
	width: 75px;

	overflow: hidden;
}







.infoArea .info {
	display:table;
}
.infoArea .info p {margin:0 0 3px;}
.infoArea .info h4 {
	font:12px/14px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}
.infoArea .info h4 a {color:#d17542;}
ul.voteList:after {
	display:block;
	clear:both;
	content:"";
}
ul.voteList li {
	float:left;
	padding:0 10px 0 0;
	color:#999;
}
ul.voteList li.date {
	background:url(../img/ico05.png) no-repeat 0 1px;
	padding-left:17px;
}
ul.voteList li a {
	color:#d17542;
	text-decoration:none;
}
ul.voteList li.comm a,
ul.voteList li.like a,
ul.voteList li.watched a {
	position:relative;
	padding:0 0 0 16px;
}
ul.voteList li.like a {padding:0 0 0 18px;}

ul.voteList li.comm a:after,
ul.voteList li.like a:after,
ul.voteList li.watched a:after {
	content:"";
	position:absolute;
	top:1px;
	left:0;
	width:12px;
	height:11px;
	background:url(../img/ico06.png) no-repeat;
}
ul.voteList li.comm a:hover:after,
ul.voteList li.like a:hover:after {background-position:0 -11px;}
ul.voteList li.like a:after {
	background:url(../img/ico07.png) no-repeat;
	width:14px;
}
ul.voteList li.watched a:after {
	background:url(../img/ico10.png) no-repeat;
	width:14px;
	height:10px;
	top:2px;
}
ul.voteList li.watched a:hover:after {background-position:0 -10px;}
ul.voteList li.author a {border-bottom:1px solid #f7cab2;}
ul.voteList li.author a:hover {border-color:#fff;}

.tagsArea {
	overflow:hidden;
	background:url(../img/line01.gif) repeat-x 0 50%;
}

.tagsArea p {
	float:right;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:0 6px;
	font:italic 11px/18px Arial, Helvetica, sans-serif;
	border-radius:3px;
}
.cntBox .rowArea .col:first-child .tagsArea p {float:left;}
.tagsArea p a {
	text-decoration:none;
	color:#d17542;
}
.tagsArea p a:hover {text-decoration:underline;}
.btnBox {
	overflow:hidden;
	padding:10px 0 0;
}
.btn01,
.btn02 {
	display:inline-block;
	background:#ece3cc;
	padding:0 10px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	border-radius:3px;
	color:#a88d5a;
	text-decoration:none;
}
.btn02 {
	background:#ccb27c;
	color:#fff;
}
/*peoples*/

.tab  {
	 height: 160px;
	 overflow:hidden;	
}
.peoples {padding:35px 0 0;}
.peoples .heading {
	overflow:hidden;
	padding:0 0 11px;
}
.peoples h2,
.forumInfo h2 {
	font:36px/38px Calibri, Arial, Helvetica, sans-serif;
	float:left;
}
.peoples ul.tabs {
	float:left;
	padding:10px 0 0 20px;
}
.peoples ul.tabs li {
	float:left;
	padding:0 10px 0 0;
	font:13px/22px Arial, Helvetica, sans-serif;
}
.peoples ul.tabs a {
	float:left;
	padding:0 8px;
	text-decoration:none;
	color:#4b4b4b;
}
.peoples ul.tabs a:hover,
.peoples ul.tabs .active a {
	background:#ff6819;
	color:#fff;
	border-radius:3px;
}
ul.persons {
	overflow:hidden;
	padding:0 0 10px;
}
ul.persons li {
	float:left;
	border:1px solid #e3d9bf;
	border-radius:5px;
	background: rgba(245, 237, 214, 0.53);
	margin:0  0 0 45px;
	padding:15px 5px 15px;
	width:140px;
	line-height:16px;
	text-align:center;
}
ul.persons li:first-child {margin:0;}
ul.persons img {margin-bottom:5px;}
ul.persons h3 {
	font:13px/16px Arial, Helvetica, sans-serif;
	margin:0 0 5px;
}
ul.persons h3 a {
	color:#e64f00;
	text-decoration:none;
	border-bottom:1px solid #f4caac;
}
ul.persons h3 a:hover {border:0;}
/*forum*/
.forumInfo {
	padding:15px 0 0;
}
.forumInfo h2 {
	float:none;
	margin:0 0 14px;

}
.forumInfo h3 {
	border-radius:5px;
	padding:0 10px;
	font:italic 14px/30px Arial, Helvetica, sans-serif; //Droid, 
	color:#000;
	margin:0 0 10px;
	background: rgba(103, 75, 0, 0.1);
}
.forumInfo .row {overflow:hidden;}
.forumInfo .row .col {
	float:right;
	width:47%;
}
.forumInfo .row .col:first-child {float:left;}
.forumInfo ul li {line-height:19px;}
.forumInfo ul a {
	text-decoration:none;
	color:#e64f00;
	border-bottom:1px solid #f7d0b6;
}
.forumInfo ul.list a:hover {border:0;}
/*footer */
.footer {
	background:url(../img/bg-footer02.png) no-repeat 50% 0;
	padding:118px 0 0;
}
.footer .wrapper {background:#eae3d3 url(../img/bg-footer01.png) no-repeat 0 80px;}
.footer .holderBox {
	background:url(../img/bg-footer03.png) no-repeat 100% 95%;
	padding-bottom:45px;
}
.footer .row {
	overflow:hidden;
	margin:0 0 20px;
}
.footer .aside {
	float:right;
	width:172px;
	padding:22px 0 0;
}
.footer h3 {
	font:bold italic 14px/16px  Arial, Helvetica, sans-serif;//Droid,
	margin:0 0 5px;
}
ul.socialLinks {
	background:#d9d3c4;
	border-radius:5px;
	overflow:hidden;
	padding:12px 0 10px;
	margin:0 0 28px;
}
ul.socialLinks li {
	float:left;
	padding:0 0 0 10px;
}
ul.addLinks li {padding:0 0 10px 26px;}
ul.addLinks li.item01 {background:url(../img/ico02.png) no-repeat;}
ul.addLinks li.item02 {background:url(../img/ico03.png) no-repeat;}
ul.addLinks a,
.footer ul.list a {
	color:#8e7c5b;
	text-decoration:none;
}
ul.addLinks a:hover,
.footer ul.list a:hover {text-decoration:underline;}
.footer .box {
	padding:22px 0 0;
	margin-right:218px;
}
.footer .box .col {
	float:right;
	width:47%;
}
.footer .box .col:first-child {float:left;}
.footer .box h3 {
	border-bottom:1px solid #cabfa9;
	padding-bottom:7px;
	margin:0 0 10px;
}
.footer ul.list {
	float:left;
	width:50%;
}
.footer ul.list li {padding:0 0 11px;}
.footer p {
	color:#4b4b4b;
	font-size:11px;
}

/*article page */
.sideInfo {padding:0 10px 0 26px;}
.sideInfo h2 {
	margin:0 0 10px;
	font:25px/30px Calibri, Arial, Helvetica, sans-serif;
}
ul.list01 li {padding:0 0 25px;}
ul.list01 a,
.promoArticle h2 a,
ul.tags a,
.backArticle a,
.comments .row h3 a {
	color:#e64f00;
	border-bottom:1px solid #f7cab2;
	text-decoration:none;
}
ul.list01 a:hover,
.promoArticle h2 a:hover,
ul.tags a:hover,
.backArticle a:hover,
.comments .row h3 a:hover {border:0;}

.promoArticle {
	background:#f2eddd;
	border-radius:5px;
	padding:11px;
	margin:0 0 10px;
}
.promoArticle .imgBox {
	float:left;
	margin:0 8px 0 0;
}
.promoArticle .text {
	position:relative;
	display:table;
	width:88%;
	padding:0 0 35px;
	height:40px;
}
.promoArticle h2 {
	float:left;
	width:140px;
	font:14px/20px Arial, Helvetica, sans-serif;
}
ul.tags li {
	float:left;
	line-height:20px;
	background:url(../img/separator02.gif) no-repeat 100% 5px;
	padding:0 8px 1px 6px;
}
ul.tags li:last-child {background:none;}
.promoArticle ul.voteList {
	position:absolute;
	bottom:5px;
	left:0;
}
.promoArticle ul.voteList li.date {width:120px;}
.backArticle {
	padding:0 0 0 14px;
	margin:0 3px 30px;
	background:url(../img/arrow06.gif) no-repeat 0 4px;
}
.article p {
	font:17px/24px Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}
.article div {
	font:17px/24px Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}


.quotecontent{background: white; padding:10px;}
.quotetitle{background: #FFF6E5; padding:10px;}




.article iframe {
	display:block;
	margin: 5px auto 20px auto;
	max-width:100%;
}



.article img {
	display:block;
	margin: 5px auto 20px auto;
	max-width:100%;

}

.fromv img {
	display:inline;
	margin:5px;

}


ul.imgList01 {
	overflow:hidden;
}
ul.imgList01 li {
	float:left;
	padding:0 18px 0 0;
}
.articleSummary {
	margin:35px 0 42px;
}
.articleSummary .row {padding:0 0 30px; height: 30px;}
.articleSummary .row:after {
	clear:both;
	display:block;
	content:"";
}
.articleSummary .row p {
	float:left;
	width:120px;
	line-height:26px;
}
ul.pleaseVote {
	float:left;
	padding:0 15px 0 0;
}
ul.pleaseVote li {
	float:left;
	padding:0 8px 0 0;
}
ul.pleaseVote a {
	float:left;
	background:#fcf9f3;
	border:1px solid #dfddd7;
	border-radius:3px;
	text-decoration:none;
	color:#e64f00;
	width:34px;
	line-height:20px;
	text-align:center;
}
ul.pleaseVote a:hover,
ul.pleaseVote .active a {
	color:#fff;
	background:#e64f00;
	border-color:#e64f00;
}
ul.pleaseVote .active a {
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}
.articleSummary .thanks input{
	color:#c3c0b2;
	font:italic 11px/26px Arial, Helvetica, sans-serif;
	border: 0;
	background:transparent;
}
.thanks input{height: 25px; }

.articleSummary .box p {
	margin:0 0 5px;
	font-size:13px;
}
.articleSummary .box p a {color:#4b4b4b;}
.articleSummary .box p a:hover {text-decoration:none;}
.comments {
	margin:0 15px 0 0;
	position:relative;
}
.comments .heading {
	border-radius:5px;
	padding:0 10px;
	margin:0 0 25px;
	background: rgba(103, 75, 0, 0.1);
}
.comments .heading .numb {
	float:right;
	color:#d17542;
	line-height:30px;
}
.comments .heading h2 {
	color:#000;
	font:italic 14px/30px  Arial, Helvetica, sans-serif;//Droid,
}
.comments .row {
	overflow:hidden;
	padding: 5px;
	margin: 10px 10px 15px 10px;
	background: #F6EFE3;
		
}
.comments .row img {
	float:left;
	margin:0 10px 0 0;
}
.comments .row .text {
	display:table;
}
.comments .row h3 {
	margin:0 0 5px;
	font:12px/14px Arial, Helvetica, sans-serif;
}
.comments .row p {
	line-height:18px;
	margin:0 0 5px;
}
.comments .row .date {
	color:#919191;
	display:block;
	font-size:11px;
}
.comments a {
	color:#919191;
	 
	font-size:14px;
}



.comments form {
	background: rgba(103, 75, 0, 0.1);
	margin:0 0 0 54px;
	padding:10px 15px;
}
.comments form input {
	border:1px solid #e4dac4;
	padding:4px 25px 4px 5px;
	width:90%;
	color:white;
	margin:5px;
	font:12px Arial, Helvetica, sans-serif;
	background: gray;
}
.comments form textarea {
	border:1px solid #e4dac4;
	padding:4px 25px 4px 5px;
	width:90%;
	color:#CE5C20;
	margin:5px;
	font:12px Arial, Helvetica, sans-serif;
	background: white;
}

.comments form input:focus {color:#585858;}

/* list page */

.addArticle {
	float:right;
	background:#ff6819 url(../img/ico11.gif) no-repeat 10px 9px;
	margin:5px 0 0;
	padding:0 10px 0 28px;
	color:#fff;
	font:14px/28px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-radius:3px;
}
.filterArea {
	background:#f2eddd;
	border-radius:3px;
	padding:15px 10px 10px;
}
.filterForm .row {
	overflow:hidden;
}
.filterForm .row label {
	float:left;
	width:187px;
	font-weight:bold;
	padding:0 0 3px;
	font-size:13px;
}
.filterForm .option {
	width:187px;
	float:left;
	margin:3px 0 12px;
}

.sort p {
	font-size:13px;
	margin:0 0 5px;
}
.sort .box {
	overflow:hidden;
}
.sort .summ {
	float:right;
	color:#666;
	font:italic 12px/22px Arial, Helvetica, sans-serif;
}
.sort ul.list li {
	float:left;
}
.sort ul.list a {
	float:left;
	padding:0 10px;
	color:#4b4b4b;
	text-decoration:none;
	font:12px/22px Arial, Helvetica, sans-serif;
}
.sort ul.list a:hover,
.sort ul.list .active a {
	background:#c4b382;
	color:#fff;
	border-radius:3px;
}
.articles {
	padding:15px 0 0;
}
.articles .infoArea .box h3 {
    font:bold 16px/18px Arial,Helvetica,sans-serif;
    margin: 0 0 12px;
}
.articles .infoArea .info h4 {margin:0 0 10px;}
.articles .infoArea p {line-height:20px;}
.articles .tagsArea {
	position:relative;
}
.articles .tagsArea ul.voteList {
	position:absolute;
	left:0;
	top:5px;
}
.articles .tagsArea ul.voteList li.date {background-color:#fff;}
.articles .tagsArea ul.voteList a {
	background-color:#fff;
	padding-right:5px;
	border-left:5px solid #fff;
}
.articles .tagsArea ul.voteList li {
	padding:0;
	margin:0 10px 0 0;
}
.articles .tagsArea ul.voteList li.date {
	padding-left:18px;
	padding-right:5px;
}
.paging {
	width: 100%;
	text-align:center;
	padding:0 0 20px;
}
.paging {
	display:inline-block;
	padding:0 5px;
	font:20px/20px Arial, Helvetica, sans-serif;
}
.paging a {color:#e64f00; margin:7px;}
.paging .active a {color:#585858;text-decoration:none;}
.paging a:hover {text-decoration:none;}

.quick-login-css {
	position: absolute;
	z-index: -10000;
	left: 20px;
	margin-top: 7px;
	background: #ECF3F7;
	text-align: center;
	box-shadow: 0px 2px 12px;
}

.sp-wrap			{ margin: 8px auto; }
.sp-wrap			{ width: 98%;  }
.sp-wrap .sp-wrap		{ margin: 2px auto 4px; }
.sp-wrap, .sp-head, .sp-body	{
	border: solid #C3CBD1; border-width: 1px 1px 1px 2px; 
}
.sp-body	{ padding: 2px 6px; }
.sp-head	{ text-align: left !important; }

.sp-wrap	{ padding: 0; background: #E9E9E6; }
.sp-head	{ border-width: 0; font-size: 11px; padding: 1px 14px 3px; margin-left: 6px; line-height: 15px; font-weight: bold; color: #2A2A2A; cursor: pointer; }
.sp-body	{ border-width: 1px 0 0 0; display: none; font-weight: normal; background: #F5F5F5; }

.clickable	{ cursor: pointer; }
.folded	{ display: block;
	background: transparent url(../phpbb/images/spoiler/icon_plus_1.gif) no-repeat left center; padding-left: 14px; }
.unfolded	{ display: block;
	background: transparent url(../phpbb/images/spoiler/icon_minus_1.gif) no-repeat left center; padding-left: 14px; }

var.postImgAligned {
	display: block;
}

img.postImg  { vertical-align: text-bottom; }
img.postImg        { margin: 2px 2px 0 0; }
img.postImgAligned { margin: 4px 4px 2px; }

.clear     { clear: both; height: 0; font-size: 0px; line-height: 0px; overflow: hidden; }
/* mobile */
.holderBox{
    position: relative;
    overflow: hidden;
}
.footer .box{
    overflow: hidden;
}
.holder .left{
    overflow: hidden;
}
#open-nav{
  float: right;
  display: none;
  text-indent: -9999px;
  width: 24px;
  height: 18px;
  background-image: url(../img/burger-menu-icon.svg);
  overflow: hidden;
  margin: 10px 0 0 10px;
  outline: none;
  position: fixed;
  right: 10px;
}
.cntBox{
    overflow: hidden;
}
.cnt-315{
    margin-right: 315px;
}
.mainCnt .aside-307{
    width: 307px;
}
.select-130{
    margin-right: 10px;
    width: 130px;
}
.tags{
    overflow: hidden;
}
@media screen and (max-width: 820px){
    .addArticle{
	margin: 5px 28px 0 0;
	padding: 0 10px;
    }
    .articleSummary, .comments{
	padding: 0 20px;
    }
    .promoArticle .imgBox{
	float: none;
	margin: 0 0 10px;
    }
    .promoArticle .text{
	height: auto;
	width: 100%;
    }
    .promoArticle h2{
	float: none;
	margin: 0 0 10px;
    }
    .promoArticle ul.voteList{
	position: static;
    }
    ul.tags li {
	padding: 0 12px 0 0;
	margin: 0 0 10px;
    }
    .holderBox{
	min-width:100%;
	padding: 0;
    }
    .pphead div:first-child {
	float: none;
    }
    ul.voteList li.date{
	padding: 0;
	margin: 0 0 10px;
    }
    .select-130{
	width: 100%;
	margin: 0 0 10px;
    }
    .rowArea .col{
	width: 100% !important;
	float: none;
    }
    #open-nav{
	display: block;
    }
    .mainCnt .aside{
	position: absolute;
	right: -207px;
    }
    .mainCnt .cnt {
	margin: 0;
    }
    .cntBox{
	margin: 0;
	padding: 0 36px 0 0;
    }
    .peoples, .forumInfo{
	padding:15px 20px;
    }
    .footer{
	padding: 30px 0 0;
    }
    .footer .wrapper{
	padding: 0 20px;
    }
    .logo{
	background:url(../img/logo-mob.png) no-repeat !important;
	width: 62px;
	height: 78px;
	background-position:0 0 !important;
	margin: 10px 0 0 8px;
    }
    .navin{
	margin: 0;
	padding: 28px 0 0 71px;
	box-sizing: border-box;
	width: 100%;
    }
    .no-mobile{
	display: none;
    }
    .navin td{
	border: none;
    }
    .navin a{
	font-size: 11px;
    }
    h1{
	font-size: 32px;
    }
    .mainCnt .aside-307{
	width: 207px;
    }
    ul.login{
	margin: 5px -36px 0 0;
    }
    ul.login li{
	font-size: 11px;
    }
    .filterArea b{
	display: block;
	 margin: 0 0 5px;
    }

}
@media screen and (max-width: 540px){
    .footer .aside{
	float: none;
    }
    .footer .box .col{
	float: none;
	width: auto;
    }
    .footer ul.list{
	float: none;
	width: auto;
    }
    .footer .box{
	margin: 0;
    }
    .footer .box .col:first-child{
	float: none;
    }
}