/*
Theme Name: Cafe
Theme URI: http://bestwebsoft.com/theme/cafe
Author: the BestWebSoft team
Author URI: https://github.com/bestwebsoft
Description: If you are searching for a theme with an excuisite and balanced interface that would highlight the content of your website without being too distracting, we are proud to offer you a solution! Cafe is a streamlined, stylish and professional theme that will serve as a perfect entourage for your ideas. Also, this theme is 100%-compliant with plugins developed by BestWebSoft. We believe that Captcha plugin (http://wordpress.org/plugins/captcha/) along with Contact Form (http://wordpress.org/plugins/contact-form-plugin/) will complement your website a great deal, as well as improve its work. This way, having isntalled these, not only will you extend your website's functionality considerably, but also prevent any compatibility issues that may occur with other products! See how this theme may look on your website at http://bestwebsoft.com/wordpress_demo_theme/cafe/
Version: 1.5
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-entry h2 a {
	color: inherit;
	text-decoration: none;
}

.cafe-entry h2 a:hover {
	text-decoration: none;
	color: #e52d25;
}

.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"],
input[type="button"] {
	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,
input[type="button"]: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;
}

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;
}