/*
Theme Name: Cafe
Theme URI: http://bestwebsoft.com/theme/cafe
Author: the BestWebSoft team
Author URI: https://github.com/bestwebsoft
Description: Cafe is a simple theme with good-lookig design.
Version: 1.3
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Tags: right-sidebar, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready, white, red, gray
Text Domain: cafe
*/


/**
 * Usual Reset 
 */

html, 
body, 
div, 
span, 
applet, 
object, 
iframe, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
blockquote, 
pre, 
a, 
abbr, 
acronym, 
address, 
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, 
side, 
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%;
	vertical-align: baseline;
	color: inherit;
}

a {
	text-decoration: none;
}

/*for browsers that don't have HTML5 support*/

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


/**
 * ==== Fonts ====
 *
 * Generated by Font Squirrel (http://www.fontsquirrel.com) on March 5, 2014 
 */

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

@font-face {
	font-family: 'open_sansbold_italic';
	src: url('fonts/Open-Sans/opensans-bolditalic-webfont.eot');
	src: url('fonts/Open-Sans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Open-Sans/opensans-bolditalic-webfont.woff') format('woff'),
		 url('fonts/Open-Sans/opensans-bolditalic-webfont.ttf') format('truetype'),
		 url('fonts/Open-Sans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'open_sansextrabold_italic';
	src: url('fonts/Open-Sans/opensans-extrabolditalic-webfont.eot');
	src: url('fonts/Open-Sans/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Open-Sans/opensans-extrabolditalic-webfont.woff') format('woff'),
		 url('fonts/Open-Sans/opensans-extrabolditalic-webfont.ttf') format('truetype'),
		 url('fonts/Open-Sans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'open_sansitalic';
	src: url('fonts/Open-Sans/opensans-italic-webfont.eot');
	src: url('fonts/Open-Sans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Open-Sans/opensans-italic-webfont.woff') format('woff'),
		 url('fonts/Open-Sans/opensans-italic-webfont.ttf') format('truetype'),
		 url('fonts/Open-Sans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

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

@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('fonts/Open-Sans/opensans-semibolditalic-webfont.eot');
	src: url('fonts/Open-Sans/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Open-Sans/opensans-semibolditalic-webfont.woff') format('woff'),
		 url('fonts/Open-Sans/opensans-semibolditalic-webfont.ttf') format('truetype'),
		 url('fonts/Open-Sans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'droid_sans_monoregular';
	src: url('fonts/Droid-Sans-Mono/droidsansmono-webfont.eot');
	src: url('fonts/Droid-Sans-Mono/droidsansmono-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Droid-Sans-Mono/droidsansmono-webfont.woff') format('woff'),
		 url('fonts/Droid-Sans-Mono/droidsansmono-webfont.ttf') format('truetype'),
		 url('fonts/Droid-Sans-Mono/droidsansmono-webfont.svg#droid_sans_monoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**
 * ==== HEADINGS ====
 */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color: #424242;
	clear: both;
	line-height: normal;
}

.cafe-entry h1 {
	font-size: 22px; 
	margin: 28px 0 18px;
}

.cafe-entry h2 {
	font-size: 19px; 
	margin: 19px 0 18px;
}

.cafe-entry h3 {
	font-size: 17px; 
	margin: 18px 0 18px;
}

.cafe-entry h4 {
	font-size: 15px; 
	margin: 20px 0 20px;
}

.cafe-entry h5 {
	font-size: 13px; 
	margin: 20px 0 22px;
}

.cafe-entry h6 {
	font-size: 10px; 
	margin: 24px 0 30px;
}


/**
 * ==== General styles ====
 */
.cafe-clear, .clear {
	clear: both;
}

img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

iframe, 
embed,
object,
video {
	max-width: 100%;
}

img.alignleft,
div.alignleft {
	padding: 0 10px 10px 0;
}

img.alignright,
div.alignright {
	padding: 0 0 10px 10px;
}

article.post img,
article.page img {
	border: medium none;
	vertical-align: bottom;
}

body {
	width: 100%;
	font-family: 'open_sansregular', sans-serif;
	font-size: 14px;
}


/**
 * ==== Site wrapper, container, title ====
 */

.cafe-site-wrapper {
	width: 100%;
}

.cafe-site-header {
	margin: 0 auto 24px;
	min-height: 120px;
	position: relative;
}

.cafe-site-header-container {
	padding: 20px 0 0 0;
	margin: 0 auto;
	width: 1140px;
}

.cafe-site-header .cafe-custom-header {
	position: absolute;
	z-index: -1;
	overflow: hidden;
	max-width: 100%;
}

.cafe-clearfix:after {
	clear: both;
	content: "";
	display: table;
}

.cafe-site-title-desctiption {
	float: left;
	max-width: 752px;
}

.cafe-site-title {
	background-color: #e52d25;
	color: #fff;
	font-size: 56px;
	font-family: 'open_sansextrabold_italic', sans-serif;
	font-weight: 800;
	font-style: italic;
	text-align: left;
	text-transform: uppercase;
	padding: 6px 16px 8px 9px;
	line-height: 48px;	
	word-wrap: break-word;
	display: inline-block;
	word-break: break-all;
	max-width: 100%;
}

.cafe-site-description {
	padding-top: 4px; 
	min-height: 12px;
	color: #2c2c2c;
	font: 14px 'open_sansbold_italic', sans-serif;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	text-align: left;
	clear: both;
	word-spacing: -1px;
	word-wrap: break-word;
	max-width: 752px;
}


/**
 * === MENU begining ===
 */

#cafe-main-menu {
	padding: 0;
	float: right;
	font-size: 0;
}

#cafe-main-menu ul {
	text-transform: uppercase;
	font: 16px 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	display: inline-table;
	position: relative;
	z-index: 100;
}

#cafe-main-menu li {
	float: left;
	list-style: none;
	margin-bottom: -1px;
	position: relative;
	border-bottom: solid 1px #dedddd;
}

#cafe-main-menu li a {
	text-decoration: none;
	display: block;
	color: #ababab;
	padding: 18px 24px 16px 28px;
	border-bottom: 4px solid transparent;
}

/*red border and text-color on current and hover items*/

#cafe-main-menu > div > ul > li.current_page_item,
#cafe-main-menu > div > ul > li:hover {
	border-bottom: 1px solid #e52d25;
}

#cafe-main-menu li:hover > a,
#cafe-main-menu li.current_page_item > a {
	border-bottom: 4px solid #e52d25;
}

#cafe-main-menu > div ul li:hover > a,
#cafe-main-menu > div > ul > li.current_page_item > a {
	color: #444545;
}

/*clearing deeper li-a pairs from borders*/

#cafe-main-menu li li,
#cafe-main-menu li li:hover {
	border-bottom: none;
}

#cafe-main-menu li li a,
#cafe-main-menu li li:hover a,
#cafe-main-menu li li.current_page_item a {
	border-bottom: none;
}

/*hiding and displaying hidden intra menu items*/

#cafe-main-menu ul ul{
	display: none;
	position: absolute;
	top: 100%;
	border: 3px solid #e52d25;
}

#cafe-main-menu ul li:hover > ul {
	display: block;
}

/*list elements and links*/

#cafe-main-menu ul ul li {
	min-width: 244px;
	float: none;
	position: relative;
	background: #e52d25;
	margin: 0;
	border-bottom: none;
}

#cafe-main-menu ul ul li a {
	padding: 10px 26px 12px;
	color: #fff;
}

/*list elements and links on hover*/

#cafe-main-menu ul ul li:hover {
	background: #fff;
}

#cafe-main-menu ul ul li:hover > a,
#cafe-main-menu ul ul li a:hover {
	color: #e52d25;
}

/*positioning menu elements*/

#cafe-main-menu ul ul {
	margin-top: -4px;
}

#cafe-main-menu ul ul ul {
	position: absolute;
	left: -102%;
	top: 10%;
}

#cafe-main-menu ul ul ul ul ul,
#cafe-main-menu ul ul ul ul ul ul ul ul ul,
#cafe-main-menu ul ul ul ul ul ul ul ul ul ul ul ul ul {
	left: 100%;
}

#cafe-main-menu ul ul ul ul ul ul ul,
#cafe-main-menu ul ul ul ul ul ul ul ul ul ul ul,
#cafe-main-menu ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
	left: -102%;
}


/**
 * =================
 * ==== CONTENT ====
 * =================
 */

.cafe-site-content {
	margin: 0 auto;
	padding-top: 17px;
	padding-bottom: 44px;
	width: 1140px;
}

/* BREADCRUMS */

.cafe-breadcrumbs {
	min-height: 38px;
	margin:18px 0 0;
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #ababab;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15.5px;
	letter-spacing: -1px;
	line-height: 1;
}

.cafe-breadcrumbs a {
	color: #ababab;
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	border-bottom: 2px solid #d5d5d5;
	display: inline-block;
} 

.cafe-breadcrumbs div {
	display: inline-block;
	color: #444445;
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	border-bottom: 2px solid #a1a1a2;
}

.cafe-breadcrumbs span {
	padding: 0 2px;
}


/* 
 * ==== MAIN AND SIDEBAR ====
 */

.cafe-main-and-sidebar {
	width: 100%;
}


/* 
 * === MAIN CONTENT  ===
 */

.cafe-main {
	float: left;
	width: 752px;
}

article.post,
article.page,
article.attachment,
.entry-content {
	overflow: hidden;
	z-index: 0;
	margin-bottom: 30px;
	background-color: #f5f6f6;
}

.post-heading-section {
	background-color: #dddcdc;
}

.entry-title-and-img {
	position: relative;
}

.thumbnail-caption-text {
	font: 14px 'open_sansitalic', sans-serif;
	color: #424242;
	font-weight: normal;
	font-style: italic;
	padding: 5px 10px;
}

.post > .post-heading-section > div {
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.post .cafe-post-content,
.page .cafe-post-content,
.attachment .cafe-post-content {
	margin: 24px 32px 24px 30px;
	line-height: 1.45em;
}

.cafe-entry {
background-color: #F5F6F6;
}

.cafe-entry p {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #555655;
	margin-bottom: 14px;
}

.cafe-entry img {
	max-width: 690px;
}

.post .cafe-entry p strong,
.page .cafe-entry p strong {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
}

.cafe-entry a {
	color: #e52d25;
	text-decoration: underline;
}

.cafe-entry a:hover {
	text-decoration: none;
}

.cafe-black-box-with-thumbnail {
	background: url("images/black-block.png") repeat scroll 0 0 transparent;
	position: absolute;
	bottom: 0;
	padding: 11px 30px 15px;
	z-index: 10;
	width: 692px;
}

.cafe-black-box-no-thumbnail {
	background: #333;
	padding: 11px 30px 15px;
	z-index: 10;
	width: 692px;
}

.has-post-thumbnail .entry-title-and-img .wp-post-image {
	display: block;
	margin: 0 auto;
}

.entry-title-and-img:hover .cafe-black-box-has-excerpt {
	padding: 23px 30px 15px;
}

.cafe-post-title {
	font-family: 'open_sanssemibold_italic', sans-serif;
	color: #fff;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	font-size: 24px;
}

.cafe-post-title a {
	color: #fff;
}

.cafe-post-metadata {
	color: #818181;
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'open_sansitalic', sans-serif;
	font-weight: normal;
	font-style: italic;
}
.cafe-post-metadata a {
	color: #818181;
}

.cafe-post-metadata .cafe-post-date,
.cafe-post-metadata .cafe-post-category {
	font-family: 'open_sansbold_italic', sans-serif;
	font-weight: 700;
	font-style: italic;
}

.cafe-post-metadata .cafe-post-date a:hover,
.cafe-post-metadata .cafe-post-category a:hover {
	color: #fff;
}

.cafe-post-metadata img {
	margin: 7px;
}

.cafe-square-divider {
	vertical-align: bottom;
}

/*--- excerpt ---*/

.cafe-post-excerpt {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	font-size: 12.5px;
	line-height: 1.8;
	color: #cfcfcf;
	display: none;
	padding: 23px 0 8px;
}

.cafe-post-excerpt strong {
	color: #fff;
}

.cafe-post-excerpt a {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
}

.cafe-post-excerpt a:hover {
	text-decoration: underline;
}

.entry-title-and-img:hover .cafe-post-excerpt {
	display: block;
}

/* Sticky post */

.post.sticky {
	border-top: 8px double #dddcdc;
	border-bottom: 8px double #424242;
	text-align: center;
}

.wp-caption,
.bypostauthor {
	max-width: 100%;
}

.wp-caption-text {
	font: 14px 'open_sansitalic', sans-serif;
	color: #424242;
	font-weight: normal;
	font-style: italic;
	padding: 5px 10px;
}

.alignright {
	float: right;
	text-align: right;
}

.alignleft {
	float: left;
	text-align: left;
}

.aligncenter {
	text-align: center;
	display: block;
	margin: 0 auto;
}

/*== List Styles ==*/

dl {
	margin-left: 30px;
}

.cafe-entry dl dt {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #424242;
}

dl dd,
.cafe-entry ol li,
.cafe-entry ul li {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	color: #555655;
}

.cafe-entry ol {
	margin-left: 51px;
	margin-top: 18px;
	line-height: 1.65em;
}

.cafe-entry ul ol,
.cafe-entry ol ol {
	margin-top: 0;
}

.cafe-entry ol li {
	padding-left: 2px;
}

.cafe-entry ul {
	margin-left: 48px;
	line-height: 1.65em;
}

.cafe-entry ul li {
	padding-left: 2px;
}

/*== Forms ==*/

fieldset {
	padding-right: 100px;
}

input[type="text"] {
	width: 200px;
	height: 52px;
	padding-left: 20px;
	margin-right: 21px;
	background-color: #dddcdc;
	border: 0;
	color: #666e72;
	outline: medium none;
}

textarea {
	width: 195px;
	height: 96px;
	padding: 10px 5px 5px 20px;
	background-color: #dddcdc;
	border: 0;
	color: #666e72;
	margin-bottom: 10px;
	outline: medium none;
}

textarea:focus,
input[type="text"]:focus,
input[type="file"] {
	background-color: #fff;
	border: 0;
}

/*== Select ==*/

.cafe-entry select {
	width: 215px;
	height: 52px;
	padding: 15px 0 15px 15px;
	background-color: #fff;
	border: 0;
	color: #666e72;
}

.cafe-entry label {
	display: inline-block;
	margin-bottom: 8px;
}
	
.cafe-select {
	background: url("images/select-arrow.png") no-repeat scroll right 0 #fff;
	border: 0 none;
	display: inline-block;
	height: 20px;
	padding: 15px 10px 17px 20px;
	width: 190px;
}

.cafe-select h1 {
	cursor: default;
	color: #666e72;
	text-transform: none;
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	margin: 0;
	letter-spacing: 0;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 86%;
	word-spacing: 0;
}

.cafe-select .cafe-select-block {
	background-color: #2c2c2c;
	display: inline-block;
	height: initial;
	overflow-y: auto;
	position: absolute;
	margin: 16px 0 0 -20px;
	width: 220px;
	z-index: 99;
}

.cafe-optgroup {
	min-height: 133px;
}

.cafe-optgroup .cafe-optgroup-h1 {
	color: #ababab;
	overflow: hidden;
	padding: 15px 5px 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-spacing: 0;
}

.cafe-option {
	color: #666e72;
	overflow: hidden;
	padding: 16px 5px 6px 38px;
	text-overflow: ellipsis;
	white-space: pre-wrap;
	word-spacing: 0;
}

.cafe-option:hover {
	color: #fff;
	background-color: #424242;
	cursor: pointer;
}

/*== Radiobuttons ==*/

.cafe-radio {	
	display: block;
	background: url(images/sprites.png) 0 -19px no-repeat transparent;
	margin-bottom: 16px;
	margin-top: 1px;
	margin-left: 29px;
	margin-right: 8px;
	float: left;
	width: 18px;
	height: 18px;
}

.cafe-radio:ACTIVE, .cafe-radio.active:ACTIVE, .cafe-radio.active {
	background: url(images/sprites.png) -19px -19px no-repeat;
}

.cafe-radio:hover {
	background: url(images/sprites.png) -19px -19px no-repeat ;
	opacity: 0.5;
}

.cafe-radio.active:hover {
	opacity: 1;
}

/*== Checkboxes ==*/

.cafe-check {
	display: block;
	background: url(images/sprites.png) 0 0 no-repeat ;
	margin-bottom: 14px;
	margin-top: 2px;
	margin-left: 29px;
	margin-right: 8px;
	float: left;
	width: 18px;
	height: 18px;
}

.cafe-check:ACTIVE, .cafe-check.active:ACTIVE, .cafe-check.active {
	background: url(images/sprites.png) -19px 0 no-repeat;
}

.cafe-check:hover {
	background: url(images/sprites.png) -19px 0 no-repeat ;
	opacity: 0.5;
}

.cafe-check.active:hover {
	opacity: 1;
}

/*== File upload ==*/

.cafe-upload-file {
	display: inline-block;
	height: 48px;
	padding: 21px 0 11px;
	width: 590px
}

.cafe-upload-file-input {
	background: url("images/upload-arrow.png") no-repeat scroll 183px -1px #fff;
	border: none;
	display: inline-block;
	padding: 13px 5px 13px 20px;
	width: 195px;
	word-spacing: 0;
}

.cafe-upload-file-status {
	display: inline-block;
	padding: 14px 0 14px 15px;
	word-spacing: -1px;
}

/*== Buttons==*/

input[type="reset"], 
input[type="submit"] {
	background-color: #363636;
	border: 0 none;
	color: #fff;
	font: normal 15px/23px 'open_sansbold';
	font-weight: 700;
	font-style: normal;
	margin-left: 0;
	margin-right: 10px;
	margin-top: 9px;
	padding: 13px 13px 16px 13px;
	text-transform: uppercase;
}

input[type="reset"]:hover, 
input[type="submit"]:hover {
	background-color: #e52d25;
}


/*=== Misc Stuff – abbr, acronym, pre, code, sub, sup, etc. ===*/

.cafe-entry p:last-of-type {
	margin-bottom: 0;
}

.cafe-entry pre,
.cafe-entry blockquote {
	margin-bottom: 18px;
	margin-top: 18px;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

sup, 
sub {
	font-size: 0.7em;
}

pre {
	background-color: #2c2c2c;
	font-family: 'droid_sans_monoregular', monospace;
	font-size: 12px;
	overflow-x: auto;
	color: #808080;
	padding: 22px 28px 28px;
}

code {
	background-color: #fff;
	border: 1px dotted #CECECE;
	color: #999999;
	font-family: 'droid_sans_monoregular', monospace;
	font-style: normal;
	padding: 0 3px;
}

abbr, 
dfn, 
acronym {
	cursor: help;
}

abbr {
	text-decoration: underline;
}

pre abbr {
	text-decoration: none;
}

cite {
	font-family: 'open_sansitalic';
	font-weight: normal;
	font-style: italic;
}

kbd, 
tt {
	background-color: #fff;
	color: #999999;
	font-family: 'droid_sans_monoregular', monospace;
	font-style: normal;
	padding: 0 3px;
}

blockquote cite {
	font-family: 'open_sansitalic', sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #b8b8b8;
	font-size: 16px;
	text-transform: none;
	display: block;
	margin: 15px;
}

.cafe-entry blockquote p,
blockquote {
	margin-left: 22px;
	font-family: 'open_sansbold_italic', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 26px;
	color: #2c2c2c;
	text-transform: uppercase;
	width: 412px;
	line-height: 1.26;
}

/*== Tables  ==*/

table {
	color: #555655;
	font: 14px "open_sansregular",sans-serif;
	letter-spacing: 0;
	margin-top: 0;
	text-transform: none;
	width: 100%;
	border-collapse: collapse;
	word-spacing: -1px;
	background: #eee;
}

table caption,
table thead {
	word-spacing: 0;
	color: #424242;
	font-family: 'open_sansbold',sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	background: #DDDCDC;
}

th,
td {
	padding: 10px;
	border: 1px solid #bbb;
}

th {
	color: #424242;
	font-family: 'open_sansbold',sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	background: #DDDCDC;
}

.cafe-entry table a {
	color: #555655;
	text-decoration: none;
}

.cafe-entry table a:hover {
	color: #e52d25;
}

/*== Gallery  ==*/

.gallery {
	margin-bottom: 10px;
	margin-left: -4px;
	padding-bottom: 10px;
	width: 100%;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition:         opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-item {
	margin: 0;
}

.gallery-item img {
	margin: 5px;
	margin-bottom: 2px;
	height: auto;
	max-width: 100%;
}

p.attachment {
	padding: 20px;
}

/*== Tags ==*/

.post .cafe-tags {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	color: #b5b5b5;
	margin-top: 18px;
}

.post .cafe-tags a {
	color: #b5b5b5;
}

.post .cafe-tags a:hover {
	color: #e52d25;
}

/*== Next and Previous Pages & Post  ==*/

.cafe-nav-link {
	margin: 10px 20px;
}

.cafe-nav-link h3 {
	color: #ababab;
}

.cafe-nav-link a:hover{
	color: #444545;
}

.post-navigation{
	word-wrap: break-word;
}

.post-nav-prev, .post-nav-next{
	max-width: 45%;
}

.post-nav-next{
	text-align: right;
}

#cafe-image-navigation .cafe-nav-previous {
	margin-left: 80px;
}

#cafe-image-navigation .cafe-nav-next {
	margin-right: 80px;
}

/*== Comment Form  ==*/

.comment-form {
	font: 16px 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
}

.comment-form label {
	display: block;
	padding: 15px;
}

.comment-list {
	margin-left: 15px;
}

.comments {
	margin: 10px 20px;
	font-size: 13px;
	color: #555;
}

.comments header h2 {
	font-family: 'open_sansbold_italic',sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
	margin: 5px 0;
}

.comment-list {
	list-style-type: none;
}

.comments-nav h5 {
	margin: 0;
}

.comments-nav a {
	text-decoration: none;
	color: #ababab;
}

.avatar {
	margin-right: 15px;
	float: left;
	height: auto;
}

.comment .children {
	list-style-type: none;
}

.comment-author {
	margin: -20px -20px 0 -20px;
	padding-top: 5px;
	padding-left: 5px;
	color: #fff;
	background: #333;
	min-height: 40px;
}

.comment-author a {
	font-family: 'open_sanssemibold_italic', sans-serif;
	color: #999;
	text-decoration: none;
}

.comment-author a:hover {
	color: #fff;
}

.comment-meta {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}

.comment-meta a {
	color: #555655;
	font-family: 'open_sansitalic', sans-serif;
	font-size: 80%;
	text-decoration: none;
	padding: 10px;
}

.reply {
	margin-top: 10px;
}

.reply a {
	padding: 5px;
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #b5b5b5;
}

.comment-meta a:hover,
.reply a:hover {
	color: #e52d25;
}

.comment-body {
	padding: 20px;
	background-color: #F5F6F6;
	margin-bottom: 20px;
}

.comment-respond {
	padding: 20px;
	background-color: #F5F6F6;
	margin-bottom: 20px;
	margin-left: 17px;
}

.comment-respond h3.comment-reply-title {
	margin-top: 0;
}

.comment-body p {
	margin-bottom: 10px;
}

.comment-form-comment label{
	display: block;
}

.comments blockquote {
	margin-bottom: 5px;
	margin-top: 5px;
}

.comments pre {
	width: 90%;
}

.form-allowed-tags {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 90%;
}

.form-allowed-tags code {
	display: block;
}

.comment-list ul.children {
	margin-left: 20px;
}

#comment {
	width: 96%;
	height: 225px;
}


/*===================*/
/* ==== SIDEBAR ==== */
/*===================*/

.cafe-sidebar {
	float: right;
	width: 364px;
}

.cafe-sidebar .widget {
	margin-bottom: 30px;
	background: #f5f6f6;
	padding: 25px 28px 20px 29px;
	color: #444445;
	font: 14px 'open_sansregular';
	font-weight: normal;
	font-style: normal;
}

.cafe-sidebar .widget h4 {
	color: #444445;
	margin-bottom: 15px;
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	letter-spacing: -1px;
}

.cafe-sidebar .widget ul {
	list-style: none;
}

.cafe-sidebar .widget ul li {
	list-style: none;
	line-height: 2.2em;
}

.cafe-sidebar .widget ul li a,
.cafe-sidebar .widget .tagcloud a {
	color: #999;
}

.cafe-sidebar .widget ul li a:hover,
.cafe-sidebar .widget .tagcloud a:hover {
	color: #e52d25;
}

/*= search-form =*/

.cafe-sidebar .widget_search,
.widget_search {
	min-height: 62px;
	position: relative;
	margin-bottom: 30px;
	padding: 0;
}

.widget_search form {
	background-color: #dddcdc;
}

.widget_search h4 {
	color: #444445;
	padding: 25px 28px 0;
}

.cafe-searchform .screen-reader-text {
	font: 16px 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #AAA;
	position: absolute;
	z-index: 10;
	padding: 20px 20px 19px;
}

.cafe-searchform input[type="text"] {
	font: 15.5px 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #AAA;
	margin: 0;
	border: none;
	outline: medium none;
	padding: 20px 20px 19px;
	width: 74%;
	height: 23px;
	text-transform: uppercase;
}

.cafe-footer-widget .cafe-searchform input[type="text"] {
	font: 12px 'open_sansbold', sans-serif;
	padding: 10px;
	width: 74%;
}

.cafe-searchform input[type="text"]:focus {
	background-color: #dddcdc;
}

#searchSubmit {
	background: url("images/search-button.png") no-repeat scroll 46% 50% transparent;
	border: 0 none;
	border-radius: 0 0 0 0;
	font-size: 0;
	line-height: 0;
	font-weight: 700;
	font-style: normal;
	margin: 0;
	position: absolute;
	padding: 30px 20px;
	width: 15.6%;
}

.cafe-footer-widget #searchSubmit {
	background: url("images/search-button.png") no-repeat scroll 46% 50% transparent;
	padding: 20px 10px;
}

/*== Widgets styles ==*/

#wp-calendar caption {
	background: none repeat scroll 0 0 #333;
	color: #fff;
	margin: 0;
	padding: 9px 0;
}

#wp-calendar tfoot {
	background: none repeat scroll 0 0 #333;
	border: medium none;
}

#wp-calendar tfoot td {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #fff;
}

#wp-calendar th,
#wp-calendar td {
	text-align: center;
	border: 1px solid #333;
}

#wp-calendar tbody td a {
	font-family: 'open_sansbold', sans-serif;
	font-weight: 700;
	font-style: normal;
}

#wp-calendar tbody td a:hover {
	color: #e52d25;
}

aside ul ul {
	padding-left: 20px;
}


/*==================*/
/* ==== FOOTER ==== */
/*==================*/

.cafe-site-footer {
	background: #2c2c2c;
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0;
}

.cafe-footer-widget-area-wrapper {
	width: 100%;
	display: inline-block;
	padding-bottom: 15px;
}

.cafe-footer-widget-area {
	width: 1164px;
	height: 100%;
	margin: auto;
}

.cafe-footer-widget-area .widget,
.cafe-footer-widget {
	float: left;
	width: 267px;
	padding: 0;
	margin: 34px 12px 0 12px;
	color: #5c5c5c;
	font-size: 14px;
	line-height: 1.65em;
}

.cafe-footer-widget-area .widget h4,
.cafe-footer-widget h3 {
	color: #3d3d3d;
	margin-bottom: 20px;
	font-size: 17px;
	font-weight: normal;
}

.cafe-footer-widget-area .widget li,
.cafe-footer-widget li {
	list-style: none;
	margin-bottom: 20px;
}

.cafe-footer-widget-area .widget a,
.cafe-footer-widget a {
	color: #fff;
}

.cafe-footer-widget-area .widget a:hover,
.cafe-footer-widget a:hover {
	text-decoration: underline;
}

.cafe-footer-widget.widget_nav_menu li,
.cafe-footer-widget-menu li {
	margin-bottom: 7px;
}

.cafe-footer-widget ul.recentcomments_list p {
	word-spacing: -1px;
}

.cafe_lowercase {
	text-transform: lowercase;
}

.cafe-footer-site-info-area {
	width: 100%;
	display: inline-block;
	background-color: #373737;
	font-size: 13px;
}

.cafe-footer-site-info {
	width: 1140px;
	clear: both;
	min-height: 21px;
	color: #a5a5a5;
	margin: auto;
}

.cafe-footer-site-info span {
	width: 1067px;
	display: block;
	float: left;
	margin: 20px 0;
}

.cafe-footer-site-info a {
	color: #fff;
}

.cafe-footer-site-info a:hover {
	text-decoration: underline;
}

.cafe-up-button {
	float: right;
	width: 73px;
	height: 61px;
	background: url("images/top-arrow.png") no-repeat scroll 50% 43%;
	background-color: #2c2c2c;
}

/*= search results, 404-page =*/

.search-result {
	padding: 20px;
	margin-bottom: 30px;
	background-color: #F5F6F6;
}

.page-title {
	font-size: 26px;
	color: #333;
	font-family: 'open_sansbold_italic', sans-serif;
	font-style: italic;
}

.page-title span {
	color: #999;
}

#searchform-no-results {
	width: 60%;
}

/*== BWS plugins styles ==*/

.fcbk_button,
.fcbk_like,
.gglplsn_share,
.twttr_button {
	margin: 1px;
}

/*= BWS Gallery plugin =*/

#container {
	width: 752px;
	float: left;
}

.home_page_title {
	padding: 15px 30px;
	word-wrap:break-word;
	font-family: 'open_sanssemibold_italic', sans-serif;
	color: #fff;
	background: #333;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	font-size: 24px;
}

#container .gallery_box_single,
.gallery_box {
	padding: 20px;
	background-color: #F5F6F6;
}

.gallery_detail_box {
	font-size: 15px;
}

.gallery_detail_box a {
	color: #999;
}

.gallery_detail_box a:hover {
	color: #e52d25;
}

.gallery_detail_box :first-child {
	font-size: 18px;
	font-weight: 800;
	color: #444445;
}

.gllr_image_row {
	overflow: hidden;
}

#content .gllr_single_image_text {
	font-family: 'open_sanssemibold_italic', sans-serif;
	margin: 4px 0 0;
	font-weight: 700;
	font-style: italic;
	word-wrap: break-word;
}	

/*= Portfolio plugin =*/

.page-template-portfolio-php .home_page_title,
.single-portfolio .home_page_title {
	padding: 15px 30px;
	word-wrap:break-word;
	font-family: 'open_sanssemibold_italic', sans-serif;
	color: #fff;
	background: #333;
	font-weight: 600;
	font-style: italic;
	text-transform: uppercase;
	font-size: 24px;
}

.portfolio_thumb {
	display: block;
}

.entry-content img,
.entry-content div, 
.comment-body img, 
.comment-body div, 
#commentspopup div {
	height: auto;
	max-width: 100%;
}

.portfolio_content.entry-content {
	padding: 10px;
}

.portfolio_content img{
	margin: 10px;
}

#content {
	background-color: #F5F6F6;
}

.single-portfolio .lable, 
.tax-portfolio_technologies .lable, 
.portfolio_content .lable {
	font-weight: 900 !important;
	color: #444445;
}

.portfolio_short_content {
	margin-top: 10px;
}

.portfolio_short_content a {
	color: #e52d25;
	text-decoration: underline;
}

.portfolio_short_content a:hover {
	text-decoration: none;
}

.portfolio_content .entry_footer {
	margin-left: 10px;
	margin-right: 10px;
}

.portfolio_terms {
	font-family: 'open_sansregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	color: #444445;
	margin-top: 10px;
}

.portfolio_terms a {
	color: #b5b5b5;
}

.portfolio_terms  a:hover {
	color: #e52d25;
}

/*= Quotes and tips plugin =*/

#quotes_box_and_tips h3 {
	font: 900 22px 'open_sanssemibold_italic';
	letter-spacing: 0px;
	word-spacing: 1px;
}

#quotes_box_and_tips p {
	font: 400 15px 'open_sansregular', sans-serif;
	word-spacing: -1px;
}