/*********************************************************************************************

Theme Name: Blocco
Theme URI: http://www.press75.com/
Description: A very unique block style theme including a responsive design.
Version: 1.1.1
Author: Press75.com
Author URI: http://www.press75.com/
License: GNU General Public License
License URI: license.txt
Tags: white, black, two-columns, custom-menu, featured-images, theme-options

**********************************************************************************************/

/* CSS Reset (DO NOT EDIT)
*********************************************************************************************/

html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}header,section,footer,article,aside{display:block}input,textarea{border:none;outline:none;}a{text-decoration:none;}body{-webkit-tap-highlight-color:#FFFFAF}::selection{background:#FFFFAF}::-moz-selection{background:#FFFFAF}img::selection{background:transparent}img::-moz-selection{background:transparent}

/* Primary Background
*********************************************************************************************/

html, body {
background: #000000 url('images/hatch-dark.png') repeat;
height: 100%;
}

/* Primary Font Styles
*********************************************************************************************/

body,
input {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #808080;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
}

/* Primary Link Styles
*********************************************************************************************/

a {
color: #404040;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

a:hover  {
color: #808080;
}

.fade:hover {
opacity: 0.8;
}

/* Font Property Styles
*********************************************************************************************/

strong {
font-style: inherit;
font-weight: bold;
line-height: inherit;
}

em {
font-style: italic;
font-weight: inherit;
line-height: inherit;
}

.muted {
color: #E6E6E6;
}

/* Heading Styles
*********************************************************************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 26px;
font-weight: bold;
color: #404040;
margin-bottom: 5px;
}

h1 {
font-size: 30px;
}

h2 {
font-size: 24px;
}

h3 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

h5 {
font-size: 14px;
}

h6 {
font-size: 13px;
color: #BFBFBF;
text-transform: uppercase;
}

/* Paragraph Styles
*********************************************************************************************/

p {
line-height: 18px;
margin-bottom: 10px;
}

p small {
font-size: 11px;
color: #BFBFBF;
}

/* Font Block Styles
*********************************************************************************************/

blockquote {
background: url('images/quote.png') top left no-repeat;
margin-bottom: 10px;
padding-left: 40px;
font-style: italic;
}

code, pre {
font-family: Monaco, Andale Mono, Courier New, monospace;
font-size: 11px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

code {
background-color: #F5F5F5;
}

pre {
background-color: #F5F5F5;
display: block;
padding: 16px;
font-size: 11px;
line-height: 16px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Field Styles
*********************************************************************************************/

input[type='text'], 
input[type='password'], 
textarea {
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
color: #707070;
padding: 8px 10px;
}

input[type='text']:focus, 
input[type='password']:focus, 
textarea:focus {
box-shadow:0 0 15px #C8C8C8;
-webkit-box-shadow:0 0 15px #C8C8C8; 
-moz-box-shadow: 0 0 15px #C8C8C8;
}

/* Button Styles (Default)
*********************************************************************************************/

.menu li a,
#paginate li a,
.reply a,
#submit,
#respond a, 
#search-form input {
background: #D8D8D8;
background: linear-gradient(top, #EFEFEF, #D8D8D8) #D8D8D8;
background: -moz-linear-gradient(top, #EFEFEF, #D8D8D8) #D8D8D8;
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#D8D8D8)) #D8D8D8;
border: 1px solid #ABABAB;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
font-size: 12px;
font-weight: bold;
color: #707070;
text-align: center;
float: left;
margin-right: 5px;
padding: 5px 10px 6px;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
}

.menu li a:hover,
#paginate li a:hover,
.reply a:hover,
#submit:hover,
#respond a:hover,
#search-form input:hover {
background: #E3E3E3;
background: linear-gradient(top, #F6F6F6, #E3E3E3) #E3E3E3;
background: -moz-linear-gradient(top, #F6F6F6, #E3E3E3) #E3E3E3;
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E3E3E3)) #E3E3E3;
}

#search-form input { // Kate edit
display:block;
}

/* Button Styles (Green)
*********************************************************************************************/

li.green a,
li.current-menu-item a,
#paginate li a.current-page {
background: #D8D8D8; // Kate edit, was 19A500
background: linear-gradient(top, #EFEFEF, #D8D8D8) #D8D8D8; // was (top, #22D100, #19A500) #19A500;
background: -moz-linear-gradient(top, #EFEFEF, #D8D8D8) #D8D8D8;; // was (top, #22D100, #19A500) #19A500
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#D8D8D8)) #D8D8D8; // was (linear, left top, left bottom, from(#22D100), to(#19A500)) #19A500;
border: 1px solid #ABABAB; // was #1B8800
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #707070; // was FFFFFF
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}


li.green a:hover,
li.current-menu-item a:hover,
#paginate li a.current-page:hover {
background: #E3E3E3;
background: linear-gradient(top, #F6F6F6, #E3E3E3) #E3E3E3;
background: -moz-linear-gradient(top, #F6F6F6, #E3E3E3) #E3E3E3;
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E3E3E3)) #E3E3E3;
}
/*
background: #22CC00;
background: linear-gradient(top, #24D800, #1DB200) #24D800;
background: -moz-linear-gradient(top, #24D800, #1DB200) #24D800;
background: -webkit-gradient(linear, left top, left bottom, from(#24D800), to(#1DB200)) #24D800; 
} */


/* Button Styles (Light Blue, Twitter (and Vimeo))
*********************************************************************************************/

li.light-blue a,
li.twitter a,
li.vimeo a {
background: #00ACD2;
background: linear-gradient(top, #05D2FF 0%, #00ACD2 100%) #00ACD2;
background: -moz-linear-gradient(top, #05D2FF 0%, #00ACD2 100%) #00ACD2;
background: -webkit-gradient(linear, left top, left bottom, from(#05D2FF), to(#00ACD2)) #00ACD2;
border: 1px solid #0B88A7;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.light-blue a:hover,
li.twitter a:hover,
li.vimeo a:hover {
background: #01C1EC;
background: linear-gradient(top, #43DDFE 0%, #01C1EC 100%) #01C1EC;
background: -moz-linear-gradient(top, #43DDFE 0%, #01C1EC 100%) #01C1EC;
background: -webkit-gradient(linear, left top, left bottom, from(#43DDFE), to(#01C1EC)) #01C1EC;
}

/* Button Styles (Dark Blue, Facebook)
*********************************************************************************************/

li.dark-blue a,
li.facebook a {
background: #273F6A;
background: linear-gradient(top, #3B5998 0%, #273F6A 100%) #273F6A;
background: -moz-linear-gradient(top, #3B5998 0%, #273F6A 100%) #273F6A;
background: -webkit-gradient(linear, left top, left bottom, from(#3B5998), to(#273F6A)) #273F6A;
border: 1px solid #273F6A;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.dark-blue a:hover,
li.facebook a:hover {
background: #35528D;
background: linear-gradient(top, #4568B1 0%, #35528D 100%) #35528D;
background: -moz-linear-gradient(top, #4568B1 0%, #35528D 100%) #35528D;
background: -webkit-gradient(linear, left top, left bottom, from(#4568B1), to(#35528D)) #35528D;
}




/* Button Styles (Yellow, Twit)
*********************************************************************************************/

li.yellow a,
li.twit a {
background: #fda417;
background: linear-gradient(top, #fedf47 0%, #fda417 100%) #fda417;
background: -moz-linear-gradient(top, #fedf47 0%, #fda417 100%) #fda417;
background: -webkit-gradient(linear, left top, left bottom, from(#fedf47), to(#fda417)) #fda417;
border: 1px solid #A52B59;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.yellow a:hover,
li.twit a:hover {
background: #fdaa28;
background: linear-gradient(top, #fde156 0%, #fdaa28 100%) #fdaa28;
background: -moz-linear-gradient(top, #fde156 0%, #fdaa28 100%) #fdaa28;
background: -webkit-gradient(linear, left top, left bottom, from(#fde156), to(#fdaa28)) #fdaa28;
}





/* Button Styles (Charcoal, Google Plus)
*********************************************************************************************/

li.charcoal a,
li.google-plus a,
#respond a {
background: #242424;
background: linear-gradient(top, #373737 0%, #242424 100%) #242424;
background: -moz-linear-gradient(top, #373737 0%, #242424 100%) #242424;
background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#242424)) #242424;
border: 1px solid #252525;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.charcoal a:hover,
li.google-plus a:hover,
#respond a:hover {
background: #343434;
background: linear-gradient(top, #4C4C4C 0%, #343434 100%) #343434;
background: -moz-linear-gradient(top, #4C4C4C 0%, #343434 100%) #343434;
background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#343434)) #343434;
}

/* Button Styles (Pink, Dribbble)
*********************************************************************************************/

li.pink a,
li.dribbble a {
background: #CA356D;
background: linear-gradient(top, #F0699A 0%, #CA356D 100%) #CA356D;
background: -moz-linear-gradient(top, #F0699A 0%, #CA356D 100%) #CA356D;
background: -webkit-gradient(linear, left top, left bottom, from(#F0699A), to(#CA356D)) #CA356D;
border: 1px solid #A52B59;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.pink a:hover,
li.dribbble a:hover {
background: #D35886;
background: linear-gradient(top, #F38EB3 0%, #D35886 100%) #D35886;
background: -moz-linear-gradient(top, #F38EB3 0%, #D35886 100%) #D35886;
background: -webkit-gradient(linear, left top, left bottom, from(#F38EB3), to(#D35886)) #D35886;
}

/* Button Styles (Orange, Subscribe)
*********************************************************************************************/

li.orange a,
li.subscribe a {
background: #F65A1C;
background: linear-gradient(top, #FCA166 0%, #F65A1C 100%) #F65A1C;
background: -moz-linear-gradient(top, #FCA166 0%, #F65A1C 100%) #F65A1C;
background: -webkit-gradient(linear, left top, left bottom, from(#FCA166), to(#F65A1C)) #F65A1C;
border: 1px solid #C94916;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.orange a:hover,
li.subscribe a:hover {
background: #F67B4B;
background: linear-gradient(top, #FBB486 0%, #F67B4B 100%) #F67B4B;
background: -moz-linear-gradient(top, #FBB486 0%, #F67B4B 100%) #F67B4B;
background: -webkit-gradient(linear, left top, left bottom, from(#FBB486), to(#F67B4B)) #F67B4B;
}

/* Button Styles (Red, YouTube)
*********************************************************************************************/

li.red a,
li.youtube a {
background: #E00000;
background: linear-gradient(top, #FF7B7B 0%, #E00000 100%) #E00000;
background: -moz-linear-gradient(top, #FF7B7B 0%, #E00000 100%) #E00000;
background: -webkit-gradient(linear, left top, left bottom, from(#FF7B7B), to(#E00000)) #E00000;
border: 1px solid #B70000;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .25) inset;
color: #FFFFFF;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .33);
}

li.red a:hover,
li.youtube a:hover {
background: #FE0F0F;
background: linear-gradient(top, #FE9797 0%, #FE0F0F 100%) #FE0F0F;
background: -moz-linear-gradient(top, #FE9797 0%, #FE0F0F 100%) #FE0F0F;
background: -webkit-gradient(linear, left top, left bottom, from(#FE9797), to(#FE0F0F)) #FE0F0F;
}

/* Button Styles (Square)
*********************************************************************************************/

li.square a,
.menu li a,
#paginate li a,
.reply a,
#submit,
#respond a,
#search-form input {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Button Styles (Small)
*********************************************************************************************/

li.small a,
.reply a,
#respond a {
font-size: 11px;
padding: 3px 8px 4px;
}

/* Foreword
*********************************************************************************************/

#foreword {
width: 200px;
float: left;
}

#foreword img {
float: right;
margin: 27px 27px 0 0;
}

/* Menu & Pagination Styles
*********************************************************************************************/

#menu {
position: absolute;
top: 50px;
left: 1370px; /* Kate edit */
z-index: 5; 
}

@media all and (max-width: 1024px) {
#menu {
position: absolute;
top: 50px;
left: 1020px; /* Kate edit */
z-index: 5;
}
}

#menu-mobile,
#menu-mobile-left {
display: none;
}

#menu ul {
width: 100%;
float: left;
margin-bottom: 45px;
}

#search-form { // Kate edit
display: none;
/* float: left;
margin-bottom: 50px; */
}

#menu ul.home-menu {
margin-bottom: 0;
}

#menu li {
width: 100%;
float: left;
}

#menu li a,
#paginate li a,
#search-form input {
border-left: none;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-bottom: 5px;
padding-right: 12px;
padding-left: 10px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

a.current-page {
margin-left: -1px;
}

#menu li a:hover,
#paginate li a:hover {
padding-left: 20px;
}

#search-form input {
display: none;
/*
cursor: text;
margin: 0;
padding: 4px 2px 4px 2px; */
}

@-moz-document url-prefix() {
	#search-form input {
	padding: 4px 9px 4px 8px;
	}
}

/* Main Content Containers
*********************************************************************************************/

#content {
background: #FFFFFF url('images/hatch-light.png') repeat; // Kate edit
box-shadow: 0px 0px 2px #333333;
-moz-box-shadow: 0px 0px 2px #333333;
-webkit-box-shadow: 0px 0px 2px #333333;
max-width: 1170px; /* Kate edit */
position: absolute;
left: 200px;
z-index: 15;
min-height: 100%;
}

@media all and (max-width: 1024px) {
#content {
background: #FFFFFF url('images/hatch-light.png') repeat; // Kate edit
box-shadow: 0px 0px 2px #333333;
-moz-box-shadow: 0px 0px 2px #333333;
-webkit-box-shadow: 0px 0px 2px #333333;
max-width: 820px; /* Kate edit */
position: absolute;
left: 200px;
z-index: 15;
min-height: 100%;
} 
}

#content-gallery,
#content-single {
float: left;
margin: 50px;
}

/* Gallery Item Styles
*********************************************************************************************/

.gallery-item {
width: 180px; /* Kate edit */
height: 270px; /* Kate edit */
float: left;
position: relative;
}

.gallery-item img {
width: 179px; /* Kate edit */
height: 269px; /* Kate edit */
position: absolute;
z-index: 10;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
}

.gallery-item a img:hover {
opacity: 0.5; /* Kate edit */
} 

.gallery-item h2,
.gallery-item h2 a {
background: #FFFFFF; /* Kate edit */
font-size: 31px;
font-weight: bold;
color: #000000; /* Kate edit */
line-height: 39px;
text-transform: uppercase;
width: 179px; /* Kate edit */
height: 269px; /* Kate edit */
padding: 0px 0px 0px 8px; /* Kate edit */
position: absolute;
z-index: 5;
top: 0;
left: 0;
}

.gallery-item h2 a:hover {
background: #FFFFFF; 
box-shadow: inset 0 0 2px #CCCCCC;
-moz-box-shadow: inset 0 0 2px #CCCCCC;
-webkit-box-shadow: inset 0 0 2px #CCCCCC;
color: #000000;
}

/* Single Post/Page Header Styles (Thumbnail & Video)
*********************************************************************************************/

.post-header {
width: 100%;
height: 440px;
float: left;
margin-bottom: 20px;
position: relative;
}

.has-video {
display: none;
}

.post-header-video {
background: #000000;
width: 660px;
height: 371px;
float: left;
margin-bottom: 17px;
overflow: hidden;
}

.grid-vertical-left {
width: 219px;
height: 440px;
border-right: 1px solid #FFFFFF;
position: absolute;
z-index: 10;
}

.grid-vertical-right {
width: 439px;
height: 440px;
border-right: 1px solid #FFFFFF;
position: absolute;
z-index: 10;
}

.grid-horizontal {
width: 660px;
height: 219px;
border-bottom: 1px solid #FFFFFF;
position: absolute;
z-index: 10;
}

.post-header img {
width: 660px;
height: 440px;
}

/* Post & Page Content Styles
*********************************************************************************************/

.post-content {
width: 100%;
float: left;
}

.post-content ul,
.post-content ol {
padding-left: 19px;
list-style: disc;
margin-bottom: 10px;
}

.post-content ol {
list-style: decimal;
}

.post-content li {
line-height: 18px;
}

.post-content .alignright {
float: right;
}

.post-content .alignleft {
float: left;
}

.post-content p img {
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
max-width: 100%;
padding: 3px;

}




/* kate edit */

.post-content img:hover {
opacity: 0.5;
}



.post-content a:hover:after,
.post-content a:focus:after
{
    content: attr(title);
    color: #000;
    position: absolute;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.7);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7), rgba(204,204,204,0.7)); /* Firefox 3.6+ */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.7)), to(rgba(204,204,204,0.7))); /* Safari */
    display: block;
    text-shadow: 1px 1px 1px #fff;
}

  

/* end Kate edit */




.post-content p img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.post-content p img.alignright {
float: right;
margin: 0 0 20px 20px;
}

.post-content p img.alignleft {
float: left;
margin: 0 20px 20px 0;
}

.post-content .wp-caption {
text-align: center;
margin-top: 5px;
padding: 5px 5px 0 5px;
text-transform: uppercase;
}

.post-content .wp-caption.alignright {
margin: 0 0 20px 20px;
}

.post-content .wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}

.post-content .wp-caption.alignleft {
margin: 0 20px 20px 0;
}

/* Post & Page Sidebar Styles
*********************************************************************************************/

.post-sidebar {
display: none; /*
width: 220px;
float: right;
margin: -19px 0 20px 20px;
}*/

.post-sidebar ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}

.post-sidebar .gallery-item {
display: none; /*
background: #EBEBEB;
color: #808080;
width: 180px;
height: auto;
float: left;
margin-bottom: 1px;
padding: 14px 20px;
} */

.post-sidebar .gallery-item h2,
.post-sidebar .gallery-item h2 a {
display: none; /*
width: 181px;
height: 188px;
} */

.post-sidebar .has-thumbnail {
margin-top: -221px;
padding: 0;
}

.post-sidebar .has-video {
margin-top: 3px;
margin-bottom: 221px;
padding: 0;
display: inline;
}

.post-sidebar .gallery-item.no-thumbnail.has-video {
margin-top: 3px;
margin-bottom: 221px;
}

.post-sidebar .no-thumbnail {
margin-top: 19px;
margin-bottom: 220px;
padding: 0;
}

.post-sidebar .gallery-item a {
color: #404040;
font-weight: bold;
}

.post-sidebar .gallery-item a:hover {
color: #808080;
}

.post-sidebar .gallery-item h3,
.post-sidebar .gallery-item p {
margin: 0;
}

.post-sidebar .gallery-item p,
.post-sidebar .gallery-item li {
font-size: 18px;
line-height: 26px;
font-weight: bold;
}

.post-sidebar .thumbnail-mobile {
display: none;
}

/* Post Comment Styles
*********************************************************************************************/

#post-comments,
.post-comment,
#comments {
width: 100%;
float: left;
}

#comments {
margin-bottom: 26px;
}

#post-comments {
margin-top: 30px;
}

#comments .avatar {
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 5px;
padding: 3px;
position: absolute;
left: 50px;
}

#comments h4 {
line-height: 26px;
font-weight: bold;
font-size: 14px;
color: #404040;
margin: 0;
}

.post-comment-text {
float: left;
padding-left: 50px;
margin-bottom: 14px;
}

/* Post Comment Form Styles
*********************************************************************************************/

#respond {
width: 100%;
float: left;
margin-bottom: -12px;
position: relative;
}

.post-comment #respond {
width: 610px;
margin-bottom: 31px;
margin-left: 50px;
}

#respond p {
width: 100%;
float: left;
}

.comment-form-author {
width: 240px;
float: left;
}

.comment-form-author input {
width: 200px;
}

.comment-form-comment {
width: 398px;
float: left;
}

.post-comment .comment-form-comment {
width: 368px;
}

.comment-form-comment textarea {
width: 396px;
height: 145px;
margin-top: 2px;
}

.post-comment .comment-form-comment textarea {
width: 346px;
}

#respond input {
margin-left: 0;
}

#respond a {
float: right;
margin-top: 4px;
margin-right: 0;
}

#respond .logged-in-as {
display: none;
}