/*
Theme Name: MeadowHill
Theme URI: http://meadowhill.tomastoman.cz/
Author: Tomas Toman
Author URI: http://www.tomastoman.cz/
Description: MeadowHill is an easily customizable WordPress blog and portfolio theme. It is a fully responsive theme that allows for easy viewing on any device. MeadowHill offers 4 pre-defined color schemes, 220 Google fonts, custom landing page template and Theme Options Panel for easy adaptation to your needs. There are customizable About, Portfolio, Informational, Image and Blog sections on the homepage. Available in Czech, English, French, German, Russian, Slovak and Spanish.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, yellow, black, green, red, blue, orange, brown, white, one-column, two-columns, right-sidebar, custom-menu, custom-header, featured-images, sticky-post, theme-options, translation-ready, editor-style, rtl-language-support, responsive-layout
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 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, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: none;
  margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1 {
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 30px;
  line-height: 48px;
  margin: 20px 0 0;   
}
h2, h3, h4, h5, h6 {
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  line-height: 175%;                   
}
h2 {
  color: #222222;
  font-size: 25px;  
}
h3 {
  color: #333333;
  font-size: 21px;  
}
h4 {
  color: #444444;
  font-size: 17px;  
}
h5 {
  color: #555555;
  font-size: 15px;  
}
h6 {
  color: #666666;
  font-size: 14px;  
}
p, ul, ol, li, dl, address {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 14px;
  text-align: left;
}
ul {
  list-style-type: square;
  margin-left: 15px;   
}
ol {
	list-style-type: decimal;
  margin-left: 20px;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
  margin-bottom: 20px;   
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 5px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote cite {
  font-style: normal;
	text-transform: uppercase;
}
a {
  color: #9a310e;
  text-decoration: underline;           
}
a:hover {
  text-decoration: none;           
}
a img {
  border: none;      
}
img {
  height: auto; 
  max-width: 100%;   
}
table {
  font-size: 14px;
  width: 100%;      
}
table, td, th {
  border: 1px solid #bbbbbb;
  border-collapse: collapse;
  text-align: left;
}
td, th {
  padding: 5px 8px;       
}
th {
  background: #9a310e;
  color: white;
  font-weight: bold;   
}
blockquote, q { 
  border-left: 1px solid #cccccc;
  color: #333333;
  font-style: italic;
  margin: 0 0 20px;
  padding-left: 20px;
}
address {
  font-style: italic;        
}
pre {
  margin-bottom: 20px;
  overflow: auto;   
}
sup {
  vertical-align: super;    
}
sub {
  vertical-align: sub;    
}
iframe,
embed {
  clear: both;
  width: 100%;   
}
hr {
  background: #e3e3e3;
  border: none;
  height: 1px; 
  margin: 15px 0;  
}


/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}
.wp-caption,
.gallery-caption {
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.wp-audio-shortcode {
  margin-bottom: 20px;                   
}


/* basic structure
-------------------------------------------------------------- */

html, body {
  height: 100%;
}
body {
  color: black;
  font-family: Arial, Helvetica, sans-serif;  
  line-height: 150%; 
  min-height: 100%;
}
#wrapper-header {
  background-attachment: fixed;
  background-image: url(images/meadow-hill.jpg);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  float: left;
  height: 400px;
  padding-top: 0;
  position: relative;
  width: 100%;
  z-index: 100;       
}   
.home #wrapper-header,
.blog #wrapper-header {
  height: 100% !important;        
}
#wrapper-about,
#wrapper-informational,
#wrapper-blog,
#wrapper-content {
  background: white; 
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}
#wrapper-image {
  background-image: url(images/meadow-hill.jpg);
  background-position: 50% bottom;
  background-repeat: no-repeat;
  float: left;
  height: 370px;
  position: relative;
  width: 100%;        
} 
#wrapper-portfolio {
  background: #f9f0cb; 
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}
#wrapper-footer {
  background: #9a310e;
  border-top: 4px solid #732106; 
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}
#header {
  height: 100%;
  margin: 0 auto; 
  max-width: 1100px;
  position: relative;
  width: 100%;
  z-index: 50;
}
.container {  
  margin: 0 auto;
  max-width: 1100px;
  padding: 30px 0 55px 0;
  position: relative;
  width: 100%; 
}
#content {
  float: left;
  margin: 0 50px 40px 0;
  position: relative;
  width: 750px; 
}
#wrapper .full-width {
  margin-right: 0;
  width: 100%;                    
}
#sidebar {
  float: right;
  margin: 15px 0 10px 0;
  position: relative;
  width: 300px;
}
#footer {
  margin: 0 auto;
  max-width: 1100px; 
  position: relative;
  width: 100%;
  z-index: 50; 
}
.footer-pattern,
.header-pattern,
.image-pattern {
  background: left top repeat url(images/pattern-1.png);
  background-attachment: fixed;  
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;              
}
.header-pattern {
  background-attachment: fixed;             
}
.scroll-top {
  background: #666666 left top no-repeat url(images/scroll-top.png);
  border: 1px solid black;
  cursor: pointer;
  display: block;
  height: 29px;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 29px;
  z-index: 200;            
}
#wrapper .scroll-top:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1s;
  transition: opacity 1s;                             
}


/* header
-------------------------------------------------------------- */

.header-bar {
  background: #9a310e;
  min-height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;            
}
.title-box {
  float: left;
  width: 50%;           
}
.menu-box {
  float: right; 
  width: 50%;           
}
.site-title {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 50px;
  line-height: 55px;  
  margin: 15px 0 0 22px;
  padding-bottom: 19px;     
}
.site-title a {
  color: #f9f4e0;
  text-decoration: none;              
}
.header-logo {
   height: auto;
   margin-top: 10px;
   max-height: 100%;
   position: relative;
   left: 22px;
   width: auto;             
}
#header .header-description {  
  height: auto;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;                            
}
.site-description {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 37px;
  font-weight: normal;
  height: auto;
  line-height: 48px;
  text-align: center;
  width: 100%;                  
}
.read-more-button {
  background: left top repeat url(images/read-more-hover.png);
  border: 1px solid black; 
  color: #3d0f00;
  display: block;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  margin: 40px auto;
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-align: center;
  text-decoration: none;
  width: 150px;                  
}
.read-more-button:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1s;
  transition: opacity 1s;                       
}

/* header menu */
/* 
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. */
/* style the outer div to give it width */
/* remove all the bullets, borders and padding from the default list styling */
.menu-box ul {
  float: right;
  list-style-type: none;
  margin: 0;
  text-align: right;
}
/* style the sub-level lists */
.menu-box ul ul {
  background: #f7f0cf;
  border: 1px solid #641d05;
  width: 210px;
  z-index: 110;
}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu-box ul li {
  float: left;
  height: 90px;
  line-height: 90px;
  margin-right: 37px;
  position: relative;
}
/* style the sub level list items */
.menu-box ul ul li {
  border-bottom: 1px solid #e3e3e3;
  display: block;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  position: relative;
  width: 210px;
}
#wrapper #wrapper-header .menu-box ul ul .last-menu-item {
  border-bottom: none;                          
}
/* style the links for the top level */
.menu-box a,
.menu-box a:visited {
  color: white;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  height: 90px;
  line-height: 90px;
  text-align: right;
  text-decoration: none;
}
/* style the sub level links */
#wrapper-header .menu-box ul ul a,
#wrapper-header .menu-box ul ul a:visited {
  color: #333333;
  display: block;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  line-height: 39px;
  margin: 0;
  min-height: 39px;
  padding-right: 12px;
  text-align: right;
  width: 198px;
}
/* style the third level background */
#wrapper-header .menu-box ul ul ul a,
#wrapper-header .menu-box ul ul ul a:visited {
  color:#444444;
}
/* style the level hovers */
/* first */
.menu-box a:hover,
.menu-box :hover > a {
  color: #f7f0cb;
  -webkit-transition: color 1s;
  transition: color 1s;
}
/* second */
#wrapper-header .menu-box ul ul a:hover,
#wrapper-header .menu-box ul ul :hover > a {
  background-color: #f7e487;
  border-bottom: none;
  color: black;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu-box ul ul {
  height: 0;
  position: absolute;
  right: 0px;
  top: 90px;
  visibility: hidden;
  width: 210px; 
}
/* position the third level flyout menu */
.menu-box ul ul ul {
  left: -212px;
  top: -1px;
  width: 210px;
}
/* make the second level visible when hover on first level list OR link */
.menu-box ul li:hover ul,
.menu-box ul a:hover ul {
  height: auto;
  padding-bottom: 0;
  visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu-box ul :hover ul ul {
  visibility: hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu-box ul :hover ul :hover ul ul {
  visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu-box ul :hover ul :hover ul {
  visibility: visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu-box ul :hover ul :hover ul :hover ul {
  visibility: visible;
}
/* indication of active items */
#wrapper-header .menu-box .current-menu-item > a,
#wrapper-header .menu-box .current-menu-ancestor > a,
#wrapper-header .menu-box .current_page_item > a,
#wrapper-header .menu-box .current-page-ancestor > a {
  color: #f7eaad;
}
#wrapper-header .menu-box .sub-menu .current-menu-item > a,
#wrapper-header .menu-box .sub-menu .current-menu-ancestor > a,
#wrapper-header .menu-box .sub-menu .current_page_item > a,
#wrapper-header .menu-box .sub-menu .current-page-ancestor > a {
  color: black;
}
.selectnav {
  display: none;
}  


/* main content
-------------------------------------------------------------- */

.section-headline {
  color: #641d05;
  font-size: 39px;
  font-weight: normal;
  line-height: 170%;
  margin: 0 0 12px 0;
  text-align: center;                  
}
#content .section-headline {
  line-height: 50px;
  margin: 8px 0 21px;
  text-align: left;                           
}
.archive-meta,
.author-description {
  padding-bottom: 20px;              
}
.container p,
.container ul,
.container ol,
.container table,
.container address {
  margin-bottom: 20px;           
}
.container ul ul,
.container ol ol,
.container ol ul,
.container ul ol {
  margin-bottom: 0;           
}
.author-avatar img {
  margin: 5px 0 10px 0;               
}
.author-description p {
  color: #333333;                      
}
.single-post #content .attachment-post-thumbnail,
.single-post #content .attachment-fullwidth-thumb,
.page #content .attachment-post-thumbnail,
.page #content .attachment-fullwidth-thumb { 
  margin: 5px 0 20px; 
}
#meadowhill-post-nav {
  text-align: left;                     
}
#meadowhill-post-nav .section-heading {
  color: #111111;
  font-size: 22px;
  font-weight: normal;                    
}
#content .social-share { 
  clear: both;
  margin-top: 30px;
  width: 100%;
}

/* "portfolio" section */
.portfolio-boxes-wrapper {
  float: left;  
  margin: -8px 0 50px -34px;                     
}
.portfolio-box {
  float: left;
  height: auto;
  margin: 16px 0 0 34px;
  position: relative; 
  width: 344px;       
} 
.portfolio-box h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  position: relative;
  text-align: center; 
  width: 100%;                   
}
.portfolio-link {
  color: black;
  display: block;
  text-decoration: none;               
}
.portfolio-box:hover {
  text-decoration: underline;               
}
.portfolio-box :hover > img {
  border-color: #641d05;
  -webkit-transition: border-color 1s;
  transition: border-color 1s;                            
}
.portfolio-box img {
  border-bottom: 5px solid #9a310e;
  border-top: 1px solid #9a310e;
  display: block;
  max-width: 344px;
  width: 100%;                       
}

/* "image" section */
.image-description {
  height: auto;
  position: absolute;
  left: 0;
  top: 125px; 
  width: 100%;
  z-index: 50;                            
}
#wrapper-image .image-description p {
  color: white;
  font-size: 27px;
  line-height: 37px;
  margin: 0;
  text-align: center;                                  
}
#wrapper-image .read-more-button {
  margin: 30px auto;                                 
}

/* post entry */
.post-entries-wrapper {
  float: left;  
  margin: 15px 0 30px 0;
  width: 100%;                     
}
.post-entry {
  background: #f9f4e0;
  border-top: 1px solid #cd6541;
  float: left;
  margin-bottom: 35px;
  padding-bottom: 25px;
  position: relative; 
  width: 100%;           
}
.container .sticky {
  background: #f7f0cb;                 
}
.container .sticky .post-info {
  background: #f9f4e0;              
}
.post-thumbnail {
  clear: left;
  float: left;
  height: auto;
  margin: 0 25px 0 30px;
  position: relative;   
  width: 240px;           
}
.post-entry .attachment-post-thumbnail {
  display: block;
  height: auto; 
  margin-bottom: 4px;
  max-width: 240px;
  width: 100%;                                      
}
.post-read-more {
  background: #9a310e;
  color: white !important;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 100%;                
}
.post-read-more:hover {
  background-color: #732106;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;                      
}
.post-entry-content {
  float: right;
  margin-right: 30px;
  width: 775px;                
}
.post-entry .post-entry-headline {
  font-size: 29px;
  line-height: 39px; 
  padding: 14px 30px;              
}
.post-entry .post-entry-headline a {
  color: black;
  text-decoration: none;                 
}
.post-entry .post-entry-headline a:hover {
  color: #641d05;
  -webkit-transition: color 1s;
  transition: color 1s;                       
}
.post-info {
  background: #f7f0cb;
  font-size: 13px;
  line-height: 26px;
  margin-bottom: 25px;
  min-height: 26px;
  padding: 8px 30px;           
}
#content .post-info {
  background-color: #f9f4e0;
  margin-bottom: 30px;
  padding: 5px 20px;                    
}
.post-info a {
  color: #444444 !important;
  text-decoration: none;             
}
.post-info a:hover {
  color: black !important;
  text-decoration: underline;             
}
.post-info span { 
  border-left: 1px solid #cd6541;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 10px 0 34px;                
}
.post-info .post-info-date {
  background: left top no-repeat url(images/icon-date.png);
  border-left: none; 
  padding-left: 22px;               
}
.post-info .post-info-author {
  background: 14px top no-repeat url(images/icon-author.png);                
}
.post-info .post-info-category {
  background: 14px top no-repeat url(images/icon-category.png);                
}
.post-info .post-info-tags {
  background: 14px top no-repeat url(images/icon-tag.png);                
}
.post-info .post-info-comments {
  background: 14px top no-repeat url(images/icon-comments.png);               
}
.container #nav-below,
.container .navigation {
  float: left;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;                                   
}
.nav-previous,
.nav-next {
  display: inline;                       
}
.navigation-links {
  margin-bottom: 0 !important;
  text-align: center;                  
}


/* sidebar
-------------------------------------------------------------- */

.sidebar-widget {
  color: #333333;
  font-size: 13px;
  margin-bottom: 35px;                
}
.sidebar-widget .sidebar-headline {
  border-bottom: 1px solid #f7e27b;
  color: #641d05;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 5px;
  margin-bottom: 6px;                                  
}
.sidebar-widget .sidebar-headline a {
  color: #641d05;
  text-decoration: none;                                    
}
.sidebar-widget img {
  height: auto;
  max-width: 100%;                    
}
.sidebar-widget p,
.sidebar-widget ul,
.sidebar-widget ol {
  margin-bottom: 2px;                  
}
.sidebar-widget p,
.sidebar-widget ul li,
.sidebar-widget ol li {
  color: #333333;
  font-size: 13px;                   
}
.sidebar-widget a {
  color: #a6350f;                  
}


/* footer
-------------------------------------------------------------- */

#footer p {
  font-size: 13px;          
}
#footer ul li,
#footer ol li {
  font-size: 13px;           
}
#footer a {
  color: #f9f4e0;          
}
#footer ul li a,
#footer ol li a {
  text-decoration: none;                
}
#footer ul li a:hover,
#footer ol li a:hover {
  text-decoration: underline;                
}
#footer .footer-widget-area p,
#footer .footer-widget-area ul,
#footer .footer-widget-area ol {
  margin-bottom: 2px;          
}
.footer-widget-area {
  float: left;
  height: auto;
  padding: 35px 0 10px;
  position: relative; 
  width: 344px;                 
}
.footer-widget-area-2,
.footer-widget-area-3 {
  margin-left: 34px;                      
}
.footer-widget {
  margin-bottom: 30px;               
}
#footer .footer-widget .footer-headline {
  border-bottom: 1px solid #732106;
  color: #f2e3a1;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 4px;
  margin-bottom: 4px;                                  
}
#footer .footer-widget .footer-headline a {
  color: #f2e3a1;
  text-decoration: none;                                        
}
.footer-signature { 
  float: left;
  position: relative;
  width: 100%; 
  z-index: 50;       
}
.footer-signature .footer-signature-content {
  background: #732106;
  min-height: 50px;
  margin: 0 auto;
  max-width: 1100px;                                            
}
.footer-signature .footer-signature-content p {
  color: black;
  font-size: 13px;
  line-height: 22px;
  min-height: 22px;
  padding: 14px 0;
  text-align: center;                                              
}
.footer-signature .footer-signature-content a {
  color: #f9f0cb;                                             
}


/* default widgets
-------------------------------------------------------------- */

#wp-calendar th,
#wp-calendar td {
  text-align: center;                   
}
#wp-calendar a,
#wp-calendar #today {
  font-weight: bold;
  text-decoration: none;               
}
#wp-calendar #prev {
  text-align: left;                   
}
#wp-calendar #next {
  text-align: right;                   
}
#footer #wp-calendar,
#footer #wp-calendar th,
#footer #wp-calendar td {
  border: 1px solid #222222;
  font-size: 13px;                                       
}
.tagcloud {
  padding-top: 3px;          
}
.tagcloud a {
  text-decoration: none;          
}
.tagcloud a:hover {
  text-decoration: underline;          
}
.sidebar-widget img,
.footer-widget img {
  padding-top: 3px;                           
}
.sidebar-widget .wp-caption,
.footer-widget .wp-caption {
  border: none;
  margin-right: 0;                          
}
.sidebar-widget .wp-caption img,
.footer-widget .wp-caption img {
  max-width: 100%;                           
}
.twitter-widget-body {
  margin-top: 8px;
  width: 100%;                     
}
.social-widget-body {
  margin-top: 10px;                    
}
.social-item {
  display: inline-block;
  height: 20px;
  margin-bottom: 8px; 
  width: 33%;            
}
.social-item p {
  float: left;
  font-size: 13px;
  line-height: 26px;
  text-decoration: none; 
  width: auto;             
}
.social-item a {
  text-decoration: none;               
}
.social-item a:hover {
  text-decoration: underline;               
}
.social-item a img {
  float: left;
  margin-right: 7px;                   
}
.sidebar-widget .social-widget-body {
  margin-bottom: 0;                                    
}
.sidebar-widget .social-item {
  width: 50%;                              
}
.fb-like-box-wrapper {
  height: auto;
  margin: 0 auto;
  width: 98%;                     
}
.fb-like-box-wrapper .fb-like-box {
  color: black !important;
  height: auto;
  position: relative;
  width: 100%;                    
}
#fb-root {
  display: none;
} 
.fb-like-box-wrapper .fb_iframe_widget,
.fb-like-box-wrapper .fb_iframe_widget span,
.fb-like-box-wrapper .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}


/* form fields
-------------------------------------------------------------- */

input[type="text"],
input[type="file"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="url"],
textarea,
select {
  background-color: #f9f4e0;
  border: 1px solid #d38469;
  line-height: normal;
  padding: 5px;
  width: 50%;
}
textarea {
	overflow: auto;
	vertical-align: top;
  width: 98%;
}
input[type="submit"],
input[type="reset"],
.centered-button,
.custom-button {
  background: #9a310e;
  border: none; 
  color: white;
  cursor: pointer;
  font-size: 16px;
  height: auto;
  margin-top: 5px;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;                   
}
.centered-button {
  display: block;
  margin: 10px auto;
  width: 25%;                 
}
.custom-button {
  display: inline-block;
  margin-top: 10px;                 
}
input[type="submit"]:hover,
input[type="reset"]:hover,
.centered-button:hover,
.custom-button:hover {
  background-color: #732106;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;                        
}
#searchform,
.container #sidebar #searchform {
  width: 99%;            
}
.container #searchform {
  width: 50%;            
}
#footer #searchform,
.container #sidebar #searchform {
  margin-top: 9px;                    
}
#searchform .searchform-wrapper {
  background-color: #f9f4e0;
  border: 1px solid #d38469;
  height: 30px;
  position: relative;
  width: 100%;                                
}
#searchform .searchform-wrapper #s {
  background-color: #f9f4e0;
  border: none;
  color: #333333; 
  font-size: 13px;
  height: 20px;
  padding: 5px 0 5px 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;              
}
#searchform .searchform-wrapper .send {
  background-image: url(images/searchform-send.png);
  border: none;
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  z-index: 20; 
}
#searchform .send:hover {
  background-position: left -30px;
}


/* comments area
-------------------------------------------------------------- */

#comments {
  clear: both;
  margin-top: 40px;         
}
.commentlist {
  list-style-type: none;
  margin-bottom: 25px;             
}
.commentlist .children {
  list-style-type: none;                       
}
.comments-title,
.comment-reply-title {
  color: #111111;
  font-size: 22px;
  font-weight: normal;
  line-height: 32px;
  margin-top: 10px;
  padding-top: 20px;              
}
.comment-reply-link {
  font-size: 13px;                    
}
.comments-title {
  margin-top: 0;                
}
.section-heading {
  font-size: 20px;
  line-height: 26px;
  margin-top: 30px;              
}
#comments .section-heading {
  font-weight: normal;              
}
#comments ol {
  color: #333333;
  margin-left: 0;             
}
#comments ol ol {
  margin: 0 20px;             
}
#comments ol li { 
  border-top: 1px solid #f7e27b;
  margin: 20px 0 0 0;
  padding: 15px 0 0 0;                
}
#comments .avatar,
#comments .fn {
  float: left;
  margin: 0 6px 0 0;                  
}
#comments .fn {
  font-style: italic; 
  margin: 0 3px 0 0;             
}
#comments time,
#comments .edit-link {
  color: #555555;
  float: right; 
  font-size: 13px;              
}
#comments .comment-content {
  clear: both;
  padding-top: 10px;                          
}
#comments #comment-nav-below {
  margin-bottom: 35px; 
  text-align: left;                  
}
#comments #comment-nav-below .section-heading {
  margin-top: 15px;                 
}
#comments input,
#comments textarea {
  margin-top: 7px;                
}
#content #commentform .form-allowed-tags {
  color: #555555; 
  font-size: 12px;                  
}  
#comments .bypostauthor {
  background: #f9f6ea;
  color: black;
  padding: 10px 30px;              
}
.reply {
  margin-top: -10px;
  width: 50%;      
}
#content .comment-content p {
  font-size: 13px;
  margin-bottom: 10px;                   
}
#content .comment-content .edit-link {
  margin-top: 0;
  text-align: right; 
  width: 50%;                                    
}
#content .comment-content li {
  border: none;
  font-size: 13px;
  margin: 0;
  padding: 0;                             
}
#content #commentform p {
  color: #333333;
  font-size: 13px;
  margin-bottom: 5px;                        
}
#content .logged-in-as {
  margin-bottom: 0;         
}

/* G+1 bugs in RTL - they absolutely position on the left which makes a scrollbar */
iframe[id^="oauth2relay"] {
  left: auto !important;
  right: 0;
}


/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1100px) {
  #wrapper #header,
  #wrapper #footer,
  #wrapper .container,
  #wrapper .footer-signature .footer-signature-content {
    width: 90%;             
}  
  #wrapper #content {
    width: 100%;                    
}
  #wrapper #sidebar {
    float: left;
    margin-top: 0;
    width: 50%;                    
} 
  .js #nav {
    display: none;
}
  .js .menu-box .selectnav {
    display: block;
    float: right;
    height: 28px;
    position: relative;
    right: 22px;
    top: 31px;
    width: 90%;
} 
  #wrapper-portfolio .portfolio-boxes-wrapper {
    margin-left: 0;
    width: 100%;                                              
}
  .portfolio-boxes-wrapper .portfolio-box {
    float: none;
    margin: 30px auto;
    max-width: 344px;
    width: auto;                                         
}
  .portfolio-boxes-wrapper .portfolio-box h3 {
    font-size: 14px;                                             
}
  .post-entry .post-thumbnail {
    margin: 0 0 0 3%;
    max-width: 22%;
    width: auto;                   
}
  .post-entry .post-thumbnail .attachment-post-thumbnail {
    width: 100%;                                                         
}
  .post-entry .post-entry-content {
    margin: 0 3%;
    max-width: 69%;
    width: auto;                                  
}
  #wrapper #footer {
    padding-top: 35px;                   
}
  #footer .footer-widget-area {
    padding: 0;
    width: 100%;                              
}
  #footer .footer-widget-area-2,
  #footer .footer-widget-area-3 {
    margin-left: 0;                                
} 
  #wrapper-footer .footer-signature .footer-signature-content {
    width: 90%;                                                              
}
}

@media screen and (max-width: 800px) {
  #wrapper .container #sidebar {
    width: 100%;                    
}
  #wrapper #header .title-box {
    padding: 10px 0;
    width: 100%;                     
}
  #wrapper #wrapper-header #header .menu-box {
    padding-bottom: 20px;
    width: 100%;                    
}
  #wrapper #wrapper-header #header .header-logo {
    height: auto;
    margin: 0 auto;
    max-width: 90%;
    position: relative;
    top: 0; 
    left: 5%;              
}
  .js .menu-box .selectnav {
    margin: 0;
    right: 5%;
    top: 0;
} 
  #wrapper #wrapper-header #header .header-description {
    bottom: 0;                              
}      
  #header .header-description .site-description {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: -10px;                             
}
  .post-entry .post-thumbnail {
    margin: 0 5%;
    max-width: 90%; 
    width: auto;                
}
  .post-entry .post-entry-content {  
    float: none;
    margin: 15px 5% 0;
    max-width: 90%;                                
}
}

/* print
-------------------------------------------------------------- */

@media print {
	html body,
  #wrapper #wrapper-content,
  #wrapper #wrapper-blog,
  #wrapper #wrapper-about,
  #wrapper #wrapper-portfolio,
  #wrapper #wrapper-informational {
    background: none;
    border: none;           
}
  #wrapper-header,
  #wrapper-image,
  #wrapper-footer,
  #sidebar,
  #respond,
  .social-share,
  .reply {
    display: none;                                   
}
  #content {
    width: 100%;         
}
}