/*
Theme Name: Responsive Fresh
Author: Feissarimokat.com
*/

/* page wrappers */

html, body {
	background: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

#wrapper {
	display: block;
	margin: auto;
	padding: 0;
	max-width: 650px;
}

#wrapper2 {
	text-align: left;
	padding: 0;
}

.sitesearch {
	float: right;
	text-align: right;
	width: 50%;
	height: 56px;
	overflow: hidden;
	padding: 0;
	margin-top: 7px;
}

input, textarea {
	padding: 10px;
	font-size: 1em;
	width: 80%;
}

input.s {
	width: 80%;
}

/* wp_paginate */

.navigation {
	padding: 20px;
	width: 280px;
	overflow: hidden;
	margin: auto;
}

.nocom {
	padding: 20px;
	background: #fff;
}

.postbody {
	white-space: pre-line;
	padding: 10px;
}

.postbody img {
	margin-left: -10px;
	margin-right: -10px;
	padding: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

.postcontents .padded {
	padding: 10px;
}

.loadblox, .loadblox2 {
	overflow: hidden;
	width: 90%;
	margin: 10px auto 30px;
	background: #f2f2f2;
	border: 1px solid #CCC;
	cursor: pointer;
}

.loadblox-content img, .loadblox-content2 img {
	width: initial !important;
}

.loadblox-content, .loadblox-content2 {
	display: block;
	height: 200px;
	background: #fff;
	overflow: hidden;
}

.loadblox-teaser, .loadblox-teaser2 {
	display: block;
	padding: 0px 20px;
}

#avatarpreview {
	width: 96px;
	height: 96px;
}

#avatarpreview img {
	border: 10px #fafafa solid;
}

.nav-container {
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
}

.nav-time {
	display: inline-block;
	text-align: center;
}

.nav-year {
	width: 50px;
}

.nav-month {
	width: 25px;
}

/* common tags */

/* LOGIN */

#logindiv {
	background: #f5f5f5;
	text-align: center;
	padding: 5px;
}

#somobile {
	background: #FFC;
	color: #333;
	padding: 30px;
	text-align: center;
}

#yourcode, #yourpass {
	font-size: 16px;
	width: 200px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}

#submit {
	height: 30px;
	font-size: 16px;
	width: 200px;
	line-height: 20px;
}

.error {
	color: #F00;
	font-weight: bold;
}

.fortumo, .fortumo a {
	font-size: 10px;
	color: #666;
	text-align: center;
}

/* END LOGIN */

/* links */

a {
	color: #2282e4;
	text-decoration: none;
	cursor: pointer;
}

a.current {
	font-weight: bold;
}

a:visited {
	color: #2282e4;
}

a:hover {
	color: #5095ff;
}

.clickable {
	cursor: pointer;
	color: #2282e4;
}

/* prettier images */

img {
	border: none;
}

/* blockquote */

blockquote {
	background: #f9f8de;
	font-style: normal;
	font-size: 0.9em;
	margin-left: 1em;
	padding: 1em;
	margin-bottom: 0;
	/* white-space: pre-line; */
}

cite.fn {
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin-left: 5px;
	margin-top: 10px;
}

img.avatar {
	background: #fff;
	margin-right: 5px;
	height: 48px;
	width: 48px;
	float: left;
}

.says, .comment-form-url, .form-allowed-tags, h3#reply-title, a.comment-reply-link {
	display: none;
}

p.tags {
	font-size: 10px;
	padding: 20px;
}

.center {
	text-align: center;
}

.btn {
	background: #2f78bf;
	font-family: Arial;
	color: #ffffff !important;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 13px;
	text-transform: uppercase;
}

.btn:hover {
	opacity: 0.8;
	text-decoration: none;
}

li.page-item-1160, li.page-item-260, #post-98 {
	display: none !important;
}

.mobile-only {
	display: block !important;
}

.mobile-zoom {
	display: none !important;
}

.mobile-menu {
	display: inline !important;
}

.desktop-only, .desktop-menu {
	display: none !important;
}

/* main contents */

#main {
	background: #fff;
}

#content {}

.pagecontent p {
	padding: 5px 20px 5px 20px;
	line-height: 26px;
}

.load-content {
	display: none;
}

.postmeta {
	clear: both;
	font-size: 0.7em;
	color: #666;
	padding: 10px;
}

h1, h2, h3 {
	font-size: 24px;
	color: #FFF;
	background: none repeat scroll 0% 0% #76a2be;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
	line-height: 50px;
}

h2 {
	font-size: 18px;
}

h3 a:link, h3 a:visited {
	color: #fff;
}

h4 {
	font-size: 1em;
	color: #fff;
	background: #76a2be;
	padding-left: 0.3em;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	margin: 0;
}

h2.widgettitle {
	font-size: 18px;
	color: #FFF;
	background: none repeat scroll 0% 0% #76a2be;
	padding-left: 20px;
	margin: 0px;
	height: 50px;
	line-height: 50px;
}

h2.widgettitle a {
	color: #fff;
}

h1 a:link, h1 a:visited {
	color: #fff;
}

div#logotop {
	padding: 1%;
	background: #364d8b;
	color: #000;
}

div#logotop a:link, h1#logotop a:visited {
	color: #000;
}

.mainmenu {
	background: #f2f2f2;
	list-style-type: none;
	display: block;
	padding: 10px 20px 10px 20px;
	border-bottom: 0px #e4e4e4 solid;
	border-top: 1px #fff solid;
	color: #5c77ad;
}

.excerpt {
	opacity: 0.5;
	height: 50px;
	overflow: hidden;
}

.adbox {
	margin: auto;
	width: 336px;
	height: 280px;
	text-align: center;
	line-height: 280px;
	background: #e9e9e9 url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
}

.adbox-smaller {
	margin: auto;
	width: 300px;
	min-height: 250px;
	text-align: center;
	line-height: 250px;
	background: #fafafa url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
}

.adbox-bigger {
	margin: auto;
	width: 300px;
	min-height: 300px;
	text-align: center;
	line-height: 300px;
	background: #e9e9e9 url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
}

.adbox-tower {
	margin: auto;
	width: 160px;
	min-height: 600px;
	text-align: center;
	line-height: 600px;
	background: #e9e9e9 url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
}

.nextbox {
	margin: auto;
	color: #fff;
	width: 300px;
	height: 250px;
	overflow: hidden;
	margin-top: 20px;
}

.nextbox a {
	color: #fff;
	text-transform: none;
	font-size: 14px;
	background: #76A2BE;
}

.nextbox a:hover, .topnext:hover, .bottomprev:hover {
	opacity: 0.8;
}

.bignext {
	font-size: 24px;
	text-transform: uppercase;
}

.topnext {
	display: block;
	background: #76a2be url(img/arrow-right.png) right center no-repeat;
	height: 38%;
	padding: 5%;
	border-bottom: 1px #fff solid;
	line-height: 30px;
}

.bottomprev {
	display: block;
	background: #76a2be url(img/arrow-left.png) left center no-repeat;
	height: 38%;
	padding: 5%;
	line-height: 30px;
	text-align: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.flexibox {
	margin: auto;
	min-width: 300px;
	min-height: 300px;
	text-align: center;
	line-height: 300px;
	background: #e9e9e9 url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
	overflow: hidden;
}

.adbox-large {
	margin: auto;
	margin-top: 20px;
	width: 300px;
	height: 600px;
	text-align: center;
	line-height: 600px;
	background: #e9e9e9 url(img/ad-pattern.png) center no-repeat;
	background-size: 64px 64px;
}

.meta-nav {
	display: block;
	padding: 0.5em;
	margin: 0;
	border-bottom: 1px #ccc solid;
}

.mainmenu:hover {
	color: #f64264;
}

a.menulink {
	color: #000;
	font-weight: bold;
}

a.menulink:hover {
	color: #4b5975;
	text-decoration: none;
}

.etusivulle, .really_simple_share {
	padding-left: 20px;
}

.etusivulle {
	margin-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
	padding: 20px;
}

.hide, .hidden {
	display: none;
}

.etusivulle p {
	margin: 0;
	margin-bottom: 20px;
	padding: 0 !important;
}

/* header */

#header {}

/* posts */

.postnavigation {
	font-size: 0.9em;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align: center;
	color: #666;
}

.left {
	clear: both;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

.padsome {
	padding: 10px;
}

body.blog .post .postmeta, body.archive .post .postmeta {
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

body.blog .post:last-child .postmeta, body.archive .post:last-child .postmeta {
	border-bottom: none;
}

.gdt-size-20.gdthumb a.gdt-starrating, .gdt-size-20.gdthumb div.gdt-starrating {
	background: url("img/thumb-sprite20.png") no-repeat scroll 0% 0% transparent;
}

/* EXTRA BAR (real sidebar) */

#extrabar {
	display: none;
}

/* sidebar (bottom) */

#sidebar {}

#sidebar ul {
	list-style-type: none;
	margin: 0;
}

#sidebar li {
	list-style-type: none;
	margin-left: 0;
}

#sidebar li li {
	list-style-type: none;
	display: block;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-bottom: 0px #ccc solid;
	padding-left: 0.3em;
}

#sidebar ul {}

#sidebar li ul ul {
	margin-left: 0;
}

#sidebar h2 {
	padding-bottom: 0.1em;
	margin: 0;
}

#sidebar .widget {
	margin-bottom: 20px;
}

/* footer */

#footer {
	display: block;
	color: #999;
	clear: both;
	border-top: 1px solid #eee;
	padding: 5px;
	text-align: center;
	margin-bottom: 100px;
}

#footer a {
	color: #86acb3;
}

#footer p {
	font-size: 0.9em;
}

/* topnav and footer nav */

#topnav ul, #footer ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

#topnav {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: center;
}

#topnav li, #footer li {
	list-style-type: none;
	display: inline;
	padding-left: 0;
	margin: 0;
	padding-right: 0.5em;
}

#topnav li ul, #footer li ul {
	display: inline;
	padding: 0;
}

#bottomnav {
	padding-bottom: 20px;
}

/* comments */

ul, ol, li {
	list-style-position: none;
	margin: 0;
	padding: 0;
}

#comments {
	font-size: 0.9em;
	margin: 0;
	border-top: 20px #f3f3f3 solid;
}

#comments ol {
	margin: 0px;
	background: #f3f3f3;
}

#comments li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#comments li ul {
	margin: 0;
	padding-left: 10px;
	margin-bottom: 0;
}

.comment-name-date {
	float: left;
}

.comment-author-name {
	font-style: normal;
	font-weight: bold;
	padding: 0;
	margin-left: 5px;
	display: block;
	line-height: 0;
	margin-top: 20px;
}

.comment-date, .datelink {
	display: block;
	color: #999;
	font-size: 12px;
	margin-left: 5px;
	line-height: 0;
	margin-top: 20px;
}

.thumblock {
	clear: both;
	padding-top: 20px;
}

.voteblock {
	font-size: 12px;
}

a.vote-up {
	background: #90e050;
	color: #fff;
	padding: 6px;
	border-radius: 3px;
	margin-right: 26px;
	cursor: pointer;
}

a.vote-down {
	background: #f64264;
	color: #fff;
	padding: 6px;
	border-radius: 3px;
	margin-right: 16px;
	cursor: pointer;
}

a.vote-up:hover {
	background: #6fb338;
	color: #fff;
}

a.vote-down:hover {
	background: #d63654;
	color: #fff;
}

a.post-up, a.post-down {
	font-size: 22px;
}

.remove-quote {
	margin-bottom: 10px;
}

#rich-comment {
	border: 1px solid #ccc;
}

#rich-comment p {
	background: #fafafa;
	margin: 12px;
	min-height: 30px;
	padding: 14px;
}

.pending {
	color: #999;
	font-size: 12px;
	margin-top: 10px;
}

.gdup {
	margin-right: 2em;
}

.gddw {
	margin-right: 1em;
}

#comments .comment-body {
	margin: 0;
	padding: 10px;
	line-height: 22px;
	word-wrap: break-word;
	padding: 20px;
}

.comment-container {
	white-space: pre-line;
}

#comments .comment-meta {
	font-size: 0.8em;
	padding-bottom: 0.5em;
	text-align: right;
	margin-top: -20px;
}

.comment-meta a:link, .comment-meta a:visited {
	color: #999;
}

#comments .reply {
	padding-bottom: 10px;
	font-size: 0.8em;
	margin: 0;
}

#comments .thread-even {
	background: #fff;
	margin: 0;
	margin-bottom: 10px;
}

#comments .thread-odd {
	background-color: #fafafa;
	margin: 0;
	margin-bottom: 10px;
}

#respond {
	padding: 20px;
}

#respond label {
	display: block;
}

#respond input, #respond textarea, button {
	padding: 1%;
	font-size: 1.2em;
	width: 90%;
}

.fb-like {
	margin-bottom: 0.5em;
}

/* wordpress classes */

.alignleft {
	float: left;
	padding: 2px 8px 8px 2px;
}

.alignright {
	float: right;
	padding: 2px 2px 8px 8px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text, .gallery-caption {
	color: #666;
	font-size: 0.8em;
	padding: 3px 0;
}

.gallery {
	padding: 10px 10px 25px 10px;
}

/* customize search widget here */

.widget_search .searchform {}

.widget_search .searchform label {
	display: block;
}

.widget_search .searchform .s {
	width: 100px;
}

.widget_search .searchsubmit {}

/* ADS */

.desktop-adunit {
	display: none;
}

.mobile-adunit {
	display: block;
}

.random-name.btn {
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	display: inline-block;
}

.random-name-intro {
	margin-bottom: 20px;
	color: #888;
}

.readmore a, .suggested a {
	display: block;
	padding: 20px;
	clear: both;
}

.random-suggestion, .poll-container {
	border-top: 20px #f3f3f3 solid;
}

.post-description {
	padding: 20px;
	background: #fafafa;
	color: #666;
}

.poll-content {
	background: #fff;
	padding: 20px;
	text-align: center;
}

.poll-container .btn {
	display: block;
	max-width: 200px;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	padding: 20px;
	clear: both;
}

.poll-container .disclaimer {
	font-size: 14px;
	color: #666;
}

.poll-container .btn-default {
	background: #999;
}

.poll-footer {
	background: #fafafa;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
}

.poll-results {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.poll-preview {
	text-align: center;
	padding: 20px;
	clear: both;
	margin-bottom: 20px;
}

.result-bar {
	width: 100%;
	background: #efefef;
	height: 10px;
}

.result-progress {
	background: #4d90fe;
	height: 10px;
	width: 0%;
}

.light {
	color: #999;
}

.show-poll {
	visibility: hidden;
}

.legit {
	display: inline-block;
	background: #e8e8e8;
	color: #333;
	border-radius: 3px;
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 5px;
}