@font-face {
    font-family: 'arimobold';
    src: url('../fonts/arimo-bold-webfont.eot');
    src: url('../fonts/arimo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arimo-bold-webfont.woff2') format('woff2'),
         url('../fonts/arimo-bold-webfont.woff') format('woff'),
         url('../fonts/arimo-bold-webfont.ttf') format('truetype'),
         url('../fonts/arimo-bold-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'arimoregular';
    src: url('../fonts/arimo-regular-webfont.eot');
    src: url('../fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arimo-regular-webfont.woff2') format('woff2'),
         url('../fonts/arimo-regular-webfont.woff') format('woff'),
         url('../fonts/arimo-regular-webfont.ttf') format('truetype'),
         url('../fonts/arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displaybold_italic';
    src: url('../fonts/playfairdisplay-bolditalic-webfont.eot');
    src: url('../fonts/playfairdisplay-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-bolditalic-webfont.woff') format('woff'),
         url('../fonts/playfairdisplay-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplay-bolditalic-webfont.svg#playfair_displaybold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay-regular-webfont.eot');
    src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?37gyz8');
	src:url('../fonts/icomoon.eot?37gyz8#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?37gyz8') format('truetype'),
		url('../fonts/icomoon.woff?37gyz8') format('woff'),
		url('../fonts/icomoon.svg?37gyz8#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-draugiem:before {
	content: "\e900";
}
.icon-plezna-white:before {
	content: "\e901";
}
.icon-plezna-black:before {
	content: "\e902";
}
.icon-camera:before {
	content: "\e903";
}
.icon-play:before {
	content: "\e904";
}
.icon-price-tags:before {
	content: "\e905";
}
.icon-location:before {
	content: "\e906";
}
.icon-download:before {
	content: "\e907";
}
.icon-forward:before {
	content: "\e91c";
}
.icon-quotes-left:before {
	content: "\e908";
}
.icon-quotes-right:before {
	content: "\e909";
}
.icon-search:before {
	content: "\e90a";
}
.icon-link:before {
	content: "\e90b";
}
.icon-attachment:before {
	content: "\e90c";
}
.icon-heart:before {
	content: "\e90d";
}
.icon-heart-broken:before {
	content: "\e90e";
}
.icon-cross:before {
	content: "\e90f";
}
.icon-share:before {
	content: "\e910";
}
.icon-mail2:before {
	content: "\e911";
}
.icon-google-plus:before {
	content: "\e912";
}
.icon-facebook:before {
	content: "\e913";
}
.icon-instagram:before {
	content: "\e914";
}
.icon-twitter:before {
	content: "\e915";
}
.icon-feed2:before {
	content: "\e916";
}
.icon-youtube3:before {
	content: "\e917";
}
.icon-vimeo:before {
	content: "\e918";
}
.icon-linkedin2:before {
	content: "\e919";
}
.icon-pinterest:before {
	content: "\e91a";
}
.icon-foursquare:before {
	content: "\e91b";
}





html {
	
}

body {
	background: white;
	font-size: 16px;
	font-family: 'arimoregular', sans-serif;
	min-width: 320px; 
	overflow-x: hidden;
	overflow-y: scroll;
}

a {
	text-decoration: none;
}

a:focus {
	outline: none;
}

p {
	font-family: 'playfair_displayregular', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'arimobold';
	font-weight: normal;
}


figure {
	margin: 0;
}

button {
	outline: none;
	line-height: 1em;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.normalize {
	list-style: none;
	margin: 0;
	padding: 0;
}

.caption {
	height: 75px;
	font-size: 24px;
	color: #666666;	
	font-family: 'playfair_displaybold_italic', sans-serif;
	overflow: hidden;
}

.caption .title {
	font-size: 24px;
	color: #666666;		
	font-weight: normal;
	padding: 0;
	margin: 0;
}


.btn-prev,
.btn-next {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: white;
	background: #333333;
	transition: all 0.2s ease 0s;
	border: 0;
}

.btn-next .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-prev .icon {
	padding-right: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-prev:hover,
.btn-next:hover {
	background: #000000;
	color: white;
}

.btn-white-prev,
.btn-white-next {
	display: inline-block;
	height: 45px;
	line-height: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: #333333;
	border: 2px solid #333333;
	transition: all 0.2s ease 0s;
}

.btn-white-next .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-white-prev .icon {
	padding-right: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-white-prev:hover,
.btn-white-next:hover {
	background: #333333;
	color: white;
}

.btn-comment {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 2em;
	color: white;
	background: #333333;
	transition: all 0.2s ease 0s;
	border: 0;
}

.btn-comment .icon {
	padding-left: 16px;	
	display: inline-block;
	font-size: 20px;
}

.btn-comment:hover {
	background: #000000;
	color: white;
}



.pleznas .icon {
	display: inline-block;
	color: #666666;
}

.pleznas a.icon:hover {
	color: black;	
}

.qtn {
	position: relative;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.trend {
	font-size: 16px;
	position: absolute;
	top: -0.3em;
	right: -10px;
}

.banner {
	display: block;
	width: 100%;
	float: right;
	margin: 40px 0;
}

.banner-bottom {
	display: block;
	width: 100%;
	margin-bottom: 40px;
}






.wrapper {
	width: 1720px;
	margin: 0;
	background: white;
}

.page {
	float: left;
	width: 1366px;
	padding: 0 50px 0 370px;
	background: #f5f5f5;
}

aside.side {
	position: relative;
	float: left;
	margin-left: -320px;
	width: 260px;
	padding: 40px 0;
}
	
aside.side .logo {
	position: relative;
	display: block;
	margin-bottom: 40px;
	z-index: 9;
}

aside.side .logo img {
	height: auto;
}

aside.side .mobile {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	z-index: 9;
}

aside.side .mobile img {
	height: auto;
}
	
aside.side ul.menu {
	margin-bottom: 40px;
	border-bottom: 1px solid #b3b3b3;	
}


aside.side ul.menu li a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #4d4d4d;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'arimobold', sans-serif;
	border-top: 1px solid #b3b3b3;
}

aside.side ul.menu li a:hover {
	color: #009bd1;
}

aside.side ul.menu > li.hasChilds > a:after {
	content: "+";
	padding-left: 1em;
}
	
aside.side ul.menu > li.hasChilds.active > a:after {
	content: "-";
}
	
aside.side ul.sub {
	padding: 10px 0;
	border-top: 1px solid #b3b3b3;
}

aside.side ul.sub li {
	border: 0;
}

aside.side ul.sub li a {
	position: relative;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	text-transform: none;
	color: #999999;
	font-family: 'arimo', sans-serif;
	border: 0;
}

aside.side ul.sub li.active a {
	color: #333333;
}

aside.side ul.sub li.active a:before {
	position: absolute;
	height: 30px;
	line-height: 30px;	
	content: "→";
	left: 0;
	top: -3px;
}
	
aside.side form.search {
	position: relative;
	border: 2px solid black;
}

aside.side form.search:hover {
	border: 2px solid #035582;
}

aside.side form.search:hover input {
	background: white;	
}

aside.side form.search button {
	position: absolute;
	background: none;
	border: 0;	
	height: 40px;
	width: 40px;
}

aside.side form.search button .icon-search {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
	width: 40px;		
}

aside.side form.search input {
	border: 0;
	background: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 .5em 0 50px;
}

aside.side .suggested {
	margin-top: 40px;
}

aside.side .suggested .title {	
	display: block;
	font-family: 'arimobold';
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

aside.side .suggested ul li {
	position: relative;
	font-size: 11px;
	padding: .1em 0;
	color: #999999;
}

aside.side .suggested ul li:before {
	content: "»";
	position: absolute;
	left: 0;
	top: 1px;
}
	
aside.side .suggested ul li a {
	display: block;
	padding-left: 10px;
	color: #999999;
}

aside.side .suggested ul li a:hover {
	color: #009bd1;
}

aside.side .history {
	display: none;
}
	

.list {
	width: 100%;
	float: left;
}

.list .posts {
	width: 586px;
	float: left;
}

.list aside.extra {
	width: 300px;
	float: right;
	margin-bottom: 60px;
}

.list aside.extra .whatis {
	margin-bottom: 40px;
	line-height: 1.5em;	
}

.open {
	width: 100%;
	float: left;
}

.open .posts {
	width: 676px;
	float: left;
}

.open aside.extra {
	width: 210px;
	float: right;
	margin-bottom: 60px;
	opacity: .35;
	transition: all 0.2s ease 0s;
}

.open aside.extra:hover {
	opacity: 1;
}

.related {
	margin-bottom: 40px;
}

.related article {
	float: left;
	margin: 0 4% 4% 0;	
}

.related article:nth-child(2n+1) {
	margin-right: 0;
}



/**
*		newsletter
*/

aside.extra .newsletter {
	margin-bottom: 40px;
}

aside.extra .newsletter p {
	margin: 0 0 1em 0;
}

aside.extra .newsletter form {
	position: relative;
	border: 1px solid #B3B3B3;
}

aside.extra .newsletter form input {
	background: #FAFAFA none repeat scroll 0% 0%;
	border: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 50px 0 .5em;
}

aside.extra .newsletter form input:focus {
	background: white;
}

aside.extra .newsletter form button {
	position: absolute;
	right: 0;
	top: 0;
	background: #333;
	color: white;
	border: 0px none;
	height: 30px;
	line-height: 30px;
	padding: 0 .75em;
}

aside.extra .newsletter form button:hover {
	background: black;
}




/**		
 *		hightlight	
 */

.hightlight {
	position: relative;
	float: left;
	width: 100%;
	min-height: 388px;
	padding-top: 100px;
}

.hightlight figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 690px;
	height: 388px;	
	overflow: hidden;		
}

.hightlight figure img {
	position: absolute;
	max-width: 100%;
	height: auto;	
}

.hightlight div.box {
	position: relative;
	float: right;
	z-index: 5;
	width: 460px;
	padding: 40px;
	background: white;
	opacity: .9;
}

.hightlight article {
	font-size: 16px;
}

.hightlight article .date {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	margin-right: 2em;	
}

.hightlight article .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

.hightlight article .category {
	display: inline-block;
	height: 25px;
	line-height: 25px;
}

.hightlight article .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

.hightlight article .category a:hover {
	text-decoration: underline;
}

.hightlight article h2 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.2em;	
}

.hightlight article h2 a {
	color: #333333;
}

.hightlight article h2 a:hover {
	color: #009bd1;
}

.hightlight article h2 .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.5em;
	line-height: 1.5em;	
	padding: 0 0 0 .5em;
}

.hightlight article p.short {
	font-size: 1em;
	color: #666666;
	line-height: 1.5em;
	padding: 10px 0 20px 0;
	margin: 0;
}



	

/**
*		post item
*/

article.post-item {
	position: relative;
	width: 100%;
	margin-bottom: 60px;
	padding-bottom: 40px;
	background: white;	
	font-size: 16px;
	color: #333333;
}

article.post-item figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	overflow: hidden;
}

article.post-item figure img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;	
}

article.post-item figure .media {
	position: absolute;
	top: 10px;
	left: 10px;
}

article.post-item .media .icon {
	display: inline-block;
	background: white;
	padding: .25em;
	vertical-align: middle;
	opacity: .5;
	font-size: 1.5em;
}
	
article.post-item .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;	
	background: white;
	padding: 0 40px;	
}

article.post-item .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}


article.post-item .noimage {
	position: relative;
	height: 50px;
}

article.post-item .noimage .media {
	position: absolute;
	bottom: 0;
	right: 50px;
	height: 50px;
	line-height: 50px;		
}


article.post-item .details {
	padding: 0 40px;
}

article.post-item .category {
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

article.post-item .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-item .category a:hover {
	text-decoration: underline;
}

article.post-item h2 {
	margin: 0;
	font-size: 1.5em;
	line-height: 1.2em;		
}

article.post-item h2 a {
	color: #333333;
}

article.post-item h2 a:visited {
	color: #035582;
}

article.post-item h2 a:hover {
	color: #009bd1;
}

article.post-item h2 .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.2em;
	line-height: 1.2em;	
	padding: 0 0 0 .5em;
}

article.post-item p.short {
	font-size: 1em;
	color: #666666;
	line-height: 1.75em;
	padding: 10px 0;
	margin: 0;
}
	
article.post-item .stats {
	position: relative;
	/* height: 45px; */
	margin-top: 20px;
}

article.post-item .details .right {
	position: absolute;
	bottom: 0;
	right: 0;
}

article.post-item .votes {
	margin-left: 2em;
}




.list nav.pager {
	position: relative;
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

.list nav.pager:after {
	content: "";
	display: block;
	clear: both;
}

.list nav.pager .pages {
	position: absolute;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #999999;
}
	
.list nav.pager .btn-white-prev {
	float: left;
	position: relative;
	z-index: 2;
}

.list nav.pager .btn-white-next {
	float: right;
	position: relative;
	z-index: 2;
}




/**
*		post open
*/

article.post-open {
	margin-bottom: 40px;
	color: #4d4d4d;
}

article.post-open .featured {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	overflow: hidden;
}

article.post-open .featured img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;	
}

article.post-open .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 50px;
	line-height: 50px;	
	background: white;
	padding: 0 40px;	
}

article.post-open .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-open h1 {
	margin: 0;
	font-size: 2.1em;
	line-height: 1.2em;	
	color: black;	
}

article.post-open .details {
	padding: 0 40px;
}

article.post-open .category {
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
}

article.post-open .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-open .category a:hover {
	text-decoration: underline;
}

article.post-open p {
	font-size: 1em;
	line-height: 1.95em;
}

article.post-open p.short {
	font-weight: bold;
	padding: 30px 0 10px 0;
	margin: 0;	
}

article.post-open a {
	color: #009BD1;
}

article.post-open a:hover {
	text-decoration: underline;
}
	
article.post-open img {
	max-width: 100% !important;
	height: auto !important;
}

article.post-open blockquote {
	position: relative;
	font-size: 1.3125em;
	margin: 0 40px;
}

article.post-open blockquote p {
	line-height: 1.5em;
}

article.post-open ul li {
	font-family: 'playfair_displayregular', sans-serif;
	line-height: 1.95em;
}
	
article.post-open blockquote:before{
	content: "\e909";
	position: absolute;
	left: -40px;
	top: 5px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;	
}
	
article.post-open .endmark {
	margin-top: 40px;
	height: 6px;
	width: 60px;
	background: #CCCCCC;
}


article.post-open form.search {
	position: relative;
	border: 2px solid black;
}

article.post-open form.search button {
	position: absolute;
	background: none;
	border: 0;	
	height: 40px;
	width: 40px;
	right: 0;
	top: 0;
}

article.post-open form.search input {
	border: 0;
	background: none;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 50px 0 .5em;
}











/**
*		gallery
*/

.gallery {
	padding: 40px 40px 0 40px;
	margin-right: -1%;
}

.gallery:after {
	content: "";
	display: block;
	clear: both;
}

.gallery figure {
	float: left;
	width: 24%;
	margin: 0 1% 1% 0;	
}
	
.gallery a {
	position: relative;
	display: block;
	padding-bottom: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;	
}

.gallery a figcaption {
	display: none;
}
	
.gallery a .num {
	position: absolute;
	padding: .25em .5em;
	background: white;
	opacity: .75;
	bottom: 0;
	right: 0;
	font-size: 10px;
	color: black;
}




/**
*		post addon
*/

.post {
	background: white;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.post-addon {
	padding: 0 40px;
	margin: 40px 0;
}

.post-addon .row {
	display: table;
	position: relative;
	color: #999999;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #b3b3b3;
}

.post-addon .row .left {
	display: table-cell;
	text-align: left;	
}

.post-addon .row .right {
	display: table-cell;
	text-align: right;	
}

.post-addon .row .label {
	color: #999999;
	font-size: 10px;
	text-transform: uppercase;
}

.post-addon .share a {
	color: #999999;
	font-size: 21px;
	padding-right: .5em;
}

.post-addon .share a:hover {
	color: black;
}
	
.post-addon .pleznas a {
	font-size: 21px;
}

.post-addon .rating {
	display: none;
}

.post-addon .tags .icon {
	padding-right: 1em;
}

.post-addon .tags a {
	color: #999999;
	font-size: 12px;
}

.post-addon .tags a:hover {
	color: #009bd1;
}

.post-addon .row .votes {
	margin-left: 1em;
}





/**
*		comments
*/

section.comment {
	padding: 0 40px;
	font-size: 14px;
	color: #4d4d4d;
}

section.comment .caption {
	height: 40px;
}

section.comment .caption .title {
	font-weight: normal;
}

section.comment .comments {
	padding: 30px 0;
}

section.comment .comment-item {
	position: relative;
	padding: 0 0 25px 70px;
	margin: 0 0 50px 0;
	min-height: 50px;
	border-bottom: 1px dotted #B3B3B3;
}

section.comment .comment-reply {
	margin-left: 70px;
}
	
section.comment .comment-item figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50px;
}

section.comment .comment-item figure img {
	max-width: 100%;
}

section.comment .comment-item .names {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
}

section.comment .comment-item .names .reply {
	color: #999;
	padding-bottom: 5px;	
}
	
section.comment .comment-item time {
	font-size: 12px;
	color: #999;
}

section.comment .comment-item .comment {
	font-size: 1em;
	line-height: 1.75em;
	overflow: hidden;
}

section.comment .comment-item .actions { }	

section.comment .comment-item .actions:after {
	content: "";
	display: block;
	clear: both;
}

section.comment .comment-item .btn-rate {
	display: inline-block;
	color: #999;
	padding: .5em 1em .5em 0;
	font-size: 12px;		
}

section.comment .comment-item a.btn-rate:hover {
	color: black;
}
	
section.comment .comment-item .btn-reply {
	display: inline-block;
	color: #999;
	background: #fafafa;
	padding: .5em 1em;
	font-size: 12px;
	text-transform: uppercase;
	float: right;
}
section.comment .comment-item .btn-reply:hover {
	background: #333333;
	color: white;
}

section.comment form.comment {
	margin: 0 0 50px 0;
}

section.comment form.comment ul.who {
	width: 100%;
	display: table;
}

section.comment form.comment ul.who li {
	display: table-cell;
	padding: .5em;
}

section.comment form.comment ul.who li input {
	border: 1px solid #B3B3B3;
	background: #fafafa;
	width: 100%;
	padding: .5em;	
}

section.comment form.comment .reply {
	padding: 0 .5em;
}

section.comment form.comment .what,
section.comment form.comment .actions,
section.comment form.comment .extra {
	padding: .5em;
}

section.comment form.comment textarea {
	width: 100%;
	border: 1px solid #B3B3B3;
	background: #fafafa;
	width: 100%;
	height: 10em;
	padding: .5em;	
}

section.comment form.comment ul.who li input:focus,
section.comment form.comment textarea:focus {
	background: white;
	border-color: #994520;
}

section.comment form.comment .error {
	border: 1px solid red !important;	
}

section.comment form.comment .actions {
	display: table;
	width: 100%;
}

section.comment form.comment .actions > div {
	display: table-cell;	
}

section.comment form.comment .actions .right {
	text-align: right;
}

	
section.comment form.comment label {
	display: block;
	padding: .25em 0;
	font-size: 12px;
	color: #999;
}





/**		prev next	*/

nav.more {
	display: table;
	width: 100%;
	margin-bottom: 40px;
}

nav.more a {
	color: #333333;
}

nav.more .prev {
	display: table-cell;
	width: 50%;
	text-align: left;	
}

nav.more .prev .btn {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-family: 'arimobold', sans-serif;
	text-transform: uppercase;
	padding-left: 30px;
}

nav.more .prev .btn .icon {
	position: absolute;
	top: -4px;
	left: 0;
	font-size: 20px;
	height: 30px;	
	line-height: 1em;
}

nav.more .next {
	display: table-cell;
	width: 50%;
	text-align: right;	
}

nav.more .next .btn {
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	font-family: 'arimobold', sans-serif;
	text-transform: uppercase;
	padding-right: 30px;
}

nav.more .next .btn .icon {
	position: absolute;
	top: -4px;
	right: 0;
	font-size: 20px;
	height: 30px;
	line-height: 1em;	
}
	
nav.more span.title {
	display: block;
	color: #666666;
	font-size: 12px;
	padding: 10px 30px;
}

nav.more a:hover {
	color: #009bd1;
}








/** 
 *		post side
 */
	
article.post-side {
	margin-bottom: 60px;
	font-size: 16px;
	color: #333333;
}

article.post-side .line {
	position: absolute;
	top: 0;
	left: 0;
	border-top: 1px solid #666666;
	width: 50px;
}

article.post-side .date {
	margin-bottom: 5px;
}

article.post-side .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-side .category {
	position: relative;
	height: 25px;
	line-height: 25px;
	margin-bottom: 10px;
}

article.post-side .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-side .category a:hover {
	text-decoration: underline;
}

article.post-side div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

article.post-side div.title a {
	color: #333333;
}

article.post-side div.title a:visited {
	color: #035582;
}

article.post-side div.title a:hover {
	color: #009bd1;
}

article.post-side div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

article.post-side figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	margin: 0 0 10px 0;	
	overflow: hidden;
}

article.post-side figure img {
	position: absolute;
	max-width: 100%;
	width: 100%;
	height: auto;
}

article.post-side p.short {
	/* font-size: 1em; */
	font-size: 0.85em;
	color: #666666;
	/* line-height: 1.5em; */
	line-height: 1.75em;
	margin: 0 0 10px 0;	
}

article.post-side .details {
	position: relative;
	font-size: 10px;
	color: #666666;
	padding: 10px 0;	
}

article.post-side .details .votes {
	float: right;
}






/**
*		post related
*/

article.post-related {
	width: 48%;
	background: white;
}

article.post-related figure {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;	
	margin: 0 0 10px 0;	
	overflow: hidden;
}

article.post-related figure img {
	position: absolute;
	max-width: 100%;
	height: auto;
}

article.post-related .date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 35px;
	line-height: 35px;	
	background: white;
	padding: 0 20px;	
}

article.post-related .date time {
	font-size: 12px;
	color: #4D4D4D;
	text-transform: uppercase;	
}

article.post-related .category {
	position: relative;
	height: 25px;
	line-height: 25px;
}

article.post-related .category > * {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;		
}

article.post-related .category a:hover {
	text-decoration: underline;
}

article.post-related .details {
	padding: 0 20px 10px 20px;
	min-height: 100px;
}

article.post-related div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

article.post-related div.title a {
	color: #333333;
}

article.post-related div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

article.post-related div.title a:visited {
	color: #035582;
}

article.post-related div.title a:hover {
	color: #009bd1;
}




/**
*		search
*/

.search {

}

.search-item {
	margin-bottom: 20px;
	background: white;
	padding: 40px;	
}

.search-item div.title {
	margin: 0 0 10px 0;	
	font-size: 1.125em;
	font-family: 'arimobold';
	line-height: 1.2em;	
}

.search-item div.title a {
	color: #333333;
}

.search-item div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

.search-item div.title a:visited {
	color: #035582;
}

.search-item div.title a:hover {
	color: #009bd1;
}








aside.socials {
	float: left;
	background: white;
	padding: 0 25px;	
}

aside.socials .inner {
	width: 300px;
	padding-top: 100px;
}

aside.socials .caption {
	height: auto;
	font-size: 18px;
	color: #b3b3b3;
	margin-bottom: 20px;
}

aside.socials ul li {
	margin-bottom: 20px;
	padding: 20px;
	border: 1px solid #f5f5f5;
}


aside.socials .social:after {
	content: "";
	display:block;
	clear: both;
}
	
aside.socials .social a {
	display: inline-block;
	float: left;
	margin: 0 5px 5px 0;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	color: white;
	font-size: 24px;
	background: #333;
}

aside.socials div.title {
	margin: 0 0 10px 0;	
	font-size: 1em;
	line-height: 1.2em;	
}

aside.socials div.title a {
	color: #333333;
	font-family: 'arimobold';
}

aside.socials div.title .qtn {
	display: inline-block;
	vertical-align: middle;
	height: 1.125em;
	line-height: 1.125em;	
	padding: 0 0 0 .5em;
}

aside.socials div.title a:visited {
	color: #035582;
}

aside.socials div.title a:hover {
	color: #009bd1;
}

aside.socials .comment-item .names {
	font-size: 12px;
	color: #999;
}

aside.socials .comment-item .comment {
	font-size: .85em;
	line-height: 1.75em;
	color: #666;
	margin: 0;
	overflow: hidden;
}

aside.socials .comment-item,
aside.socials .rating-item {
	margin-bottom: 20px;
}

aside.socials .rating-item .names {
	font-size: 12px;
	color: #999;
}

aside.socials .rating-item .pleznas {
	font-size: 10px;	
}






/**
*		notices
*/

.notices-wrap {
	position: fixed;
	bottom: 0;
	left: 20px;
}

.notices {
	display: none;
	position: relative;
	background: #333333;
	padding: 1em 2em;
	color: white;
	font-size: 12px;
	border-radius: 10px 10px 0 0;
	opacity: .85;
}

.notices:hover {
	opacity: 1;
}
	
.notices .label {
	display: block;
	font-weight: bold;
	margin-bottom: .25em;
}

.notices a.title {
	color: white;
}

.notices a.title:hover {
	color: #009bd1;
}





	

/**
*		footer
*/

footer {
	width: 100%;
	clear: both;
	background: #333333;	
}

footer .inner {
	position: relative;
	padding: 50px;
	width: 1740px;
	margin: 0;
	color: white;
}

footer .left {
	float: left;
	color: #808080;
	font-size: 12px;
}

footer .right {
	float: right;
	color: #808080;
	font-size: 12px;	
}

footer .right a {
	color: #808080;;
	padding-left: 1em;
}