/*  
 * Theme Name: Black Paper
 * Theme URI: http://justpx.com/product/black-paper/
 * Version: 1.3.2
 * Author: JustPX
 * Author URI: http://justpx.com/
 * Description: Light, easy-to-use, functional template Black Paper is perfect for personal blogging. It features a laconic design, which makes it appropriate both for a man and a woman and does not limit bloggers to a certain subject. Template creators have decided against using unnecessary graphic elements. The visitors of your blog will be able to focus on content and not be distracted by anything else.
 * Black Paper WordPress Theme, Copyright 2013 JustPX
 * Black Paper is distributed under the terms of the GNU GPL
 * Tags: black, gray, dark, one-column
 * Text Domain: blackpaper
 * License: GNU General Public License v3.0
 * License URI: http://www.gnu.org/copyleft/gpl.html
 * Template: white-paper
*/

@charset "utf-8";

*{
	margin:0; 
	padding:0;
}



.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.bypostauthor{
}
.sticky {
	border-bottom: none;
	border: 1px solid #9D9D9D;
	padding: 16px;
}
.wp-caption{
	border: 1px solid #9D9D9D;
	max-width: 100%;
	padding: 4px 4px 4px 4px;
	text-align: center; 
	margin: 6px;
}
.wp-caption img {
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 16px;
	margin: 0;
	padding: 6px 0 0 0;
}
.wp-caption.alignnone{
	margin: 4px 10px 10px 0px;
}
.wp-caption.alignleft{
	margin: 4px 10px 10px 0px;
}
.wp-caption.alignright{
	margin: 5px 20px 0px 0;
}
.wp-caption-text {
	margin: 0 0 6px;
}
::selection {
	background: #2ab4ed;
	color: #232122;
}
															/* gallery start*/
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 0;
	text-align: center;
	list-style: none;
	padding: 0;
}
.gallery .gallery-row {
	display:block;
	clear: both;
	overflow: hidden;
	margin: 0;
}
.gallery .gallery-item img, 
.gallery .gallery-item img.thumbnail {
	max-width: 100%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
}
.gallery-caption {
	margin-left: 0;
}															/* gallery end*/

body{
	background:#232122;
	word-wrap: break-word;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	color:#9D9D9D;
}	
.main{
	width:960px; 
	margin:0 auto;
}
.head{
	height:100%;
	padding: 50px 0 40px 0;
}

.head a{
	font-size: 48px;
	color:#b09765; 
	text-decoration:none; 
	margin:20px 10px 0 0;
}	
.head2 {
	font-size: 18px;
	color:#9D9D9D; 
	text-decoration:none; 
	margin:0px 10px 0 0;
}	
															/* menu start*/
.menu {
	width: 240px;
}

.menu li a {
	text-decoration: none;
}

.menu li a:link{
	color: #b09765;
	display: block;
	padding: 8px 0 8px 30px;
}

.menu li a:hover {
	color: #232122;
	background: #9D9D9D;
	padding: 8px 0 8px 30px; 
	text-decoration: none;
}

.menu li a:active {
	color: #fff;
	background: #9D9D9D;
	padding: 8px 0 8px 30px; 
}
li.current_page_item {				/* menu active */
	background-color:#9D9D9D;
	color:#232122;
	text-decoration:none;
}

li.current_page_item a{				/* menu active */
	text-decoration:none;
	color:#232122;
}															/* menu end */

															/* search start */
.search-main{
	margin: 0 0 0 0;
}	
	
.serch-txt{
	height:23px; 
	background:#232122;
	border:1px solid #9D9D9D; 
	width:180px; 
	margin: 0px 8px 0 0;
	padding: 0 0 0 6px;
	color:#9D9D9D;
}

.serch-btn{
	position:relative; 
	top:8px;
	background: url(images/serach-button1.jpg) no-repeat;
	border: none;
	width: 26px;
	height: 25px;
}					

										/* search end */

															/* sidebar start*/
.widget {
	margin: 20px 0 0px 0;
}
.widgettitle{
	font-size: 22px;
	color:#BDBDBD; 
	text-decoration:none;
	padding: 0 0px 0 0;
}

.sidebar-left {
	float: left;
	width: 240px;
	margin-right: 0px;
	color: #9D9D9D;
	padding: 0 15px 0 0;
	font-size: 18px;
}
.sidebar-left a{
	color: #b09765;
	font-size: 18px;
	text-decoration: none;
}
.sidebar-left a:hover{
	color: #9D9D9D;
	text-decoration: none; 
	font-size: 18px;
}

.sidebar-left li {
	list-style: none;
}

.sidebar-center {
	float: left;
	width: 250px;
	color: #9D9D9D;
	padding: 0 15px 0 15px;
	font-size: 18px;
}

.sidebar-center a{
	color: #b09765;
	font-size: 18px;
	text-decoration: none;
}
.sidebar-center a:hover{
	color: #9D9D9D;
	text-decoration: none; 
	font-size: 18px;
}

.sidebar-center li {
	list-style: none;
}

.sidebar-right {
	width: 425px;
	float: left;
	color: #9D9D9D;	
	font-size: 18px;
}

.sidebar-right li {
	list-style: none;
	font-size: 18px;
}

.sidebar-right a{
	color: #b09765;
	font-size: 18px;
	text-decoration: none;
}

.sidebar-right a:hover{
	color: #9D9D9D;
	text-decoration: none; 
	font-size: 18px;
}
															/* sidebar end*/
															
															/* calendar start*/
#wp-calendar {
	display: block;
	margin: 0px;
	padding: 0 0;
	text-align: center;
	border:0px;
}

#wp-calendar td {
	padding: 2px 2px;
	color: #9D9D9D;
	text-align: center;
	border:0px solid #fff; 
}

#wp-calendar th {
	padding: 2px 4px;
	background-color: #232122;
	text-align: center;
	border:0px solid #fff; 
	border-top:1px solid #9D9D9D;  
	border-bottom:1px solid #9D9D9D;  
}
#wp-calendar a{
	padding: 2px 2px;
	color: #b09765;
	text-align: center;
}
#wp-calendar a:hover{
	padding: 2px 2px;
	color: #9D9D9D;
	text-align: center;
}
#wp-calendar .pad {
	background: transparent;
	border:0px;
}															/* calendar end*/

.content-main{
	overflow:hidden; 
	border-bottom:1px solid #b09765;
	padding-bottom: 20px;
}	
.content{
	width:100%; 
	float:left; 
	margin:0 0 0 0px;
}		
															/* post start */	
.post{
	margin: 0 0px 15px;
}		
.post p{
	font-size: 18px;
	margin: 0 0 15px;
	color: #9D9D9D;
}

.post a{
	color:#b09765; 
	text-decoration:none;
	font-size: 18px;
}	

.post a:hover{
	color:#9D9D9D; 
	text-decoration:none;
	font-size: 18px;
}	
.post:after { 
   content: "";
   display: block; 
   clear: both;
}

::-webkit-scrollbar {
	width: 12px;
	background: #fff;
    }
::-webkit-scrollbar-thumb {
    background: #9D9D9D;
}
.categories{
	font: normal 13px sans-serif;
	padding: 4px 0 4px 0;
	color:#9D9D9D;
}
.categories a{
	font: normal 13px sans-serif;
	padding: 4px 0 4px 0;
	color:#b09765;
	text-decoration: none;
}
.categories a:hover{
	font: normal 13px sans-serif;
	padding: 4px 0 4px 0;
	color:#9D9D9D;
}
.post-main{
	border-bottom:1px solid #b09765;
	margin:0 0 20px 0;
}
.wp-post-image{
	float:left; 
	margin:0 15px 15px 0;
}

.post-main h1{
	font-size: 24px;
	font-family:'Open Sans',sans-serif;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h1 a{
	font-size: 22px;
	color:#b09765; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h1 a:hover{
	font-size: 22px;
	color:#9D9D9D; 
	text-decoration:underline;
}	
.post-main h1 span{
	font-size: 12px;
	color:#9D9D9D;
	float: right;
	padding: 6px 0px 0 0;
}
.post-main h1 span a{
	font-size: 12px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}
.post-main h1 span a:hover{
	font-size: 12px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}
.post-main h2{
	font-size: 22px;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h2 a{
	font-size: 22px;
	color:#9D9D9D; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h2 a:hover{
	font-size: 22px;
	color:#9D9D9D; 
	text-decoration:underline;
}
.post-main h2 span{
	font-size: 22px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}

.post-main h3{
	font-size: 20px;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h3 a{
	font-size: 20px;
	color:#9D9D9D; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h3 a:hover{
	font-size: 20px;
	color:#9D9D9D; 
	text-decoration:underline;
}
.post-main h3 span{
	font-size: 20px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}

.post-main h4{
	font-size: 18px;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h4 a{
	font-size: 18px;
	color:#9D9D9D; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h4 a:hover{
	font-size: 18px;
	color:#9D9D9D; 
	text-decoration:underline;
}
.post-main h4 span{
	font-size: 18px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}
.post-main h5{
	font-size: 16px;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h5 a{
	font-size:16px;
	color:#9D9D9D; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h5 a:hover{
	font-size: 16px;
	color:#9D9D9D; 
	text-decoration:underline;
}
.post-main h5 span{
	font-size: 16px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}
.post-main h6{
	font-size: 14px;
	color:#9D9D9D; 
	padding: 5px 0 8px 0px; 
	margin: 0 0 5px 0;
}
.post-main h6 a{
	font-size: 14px;
	color:#9D9D9D; 
	text-decoration:none;
	padding: 0 0px 0 0;
}
.post-main h6 a:hover{
	font-size: 14px;
	color:#9D9D9D; 
	text-decoration:underline;
}
.post-main h6 span{
	font-size: 14px;
	color:#9D9D9D;
	float: right;
	padding: 0 0px 0 0;
}
.nav-previous {
	float: left;
	width: 50%;	
	height: 20px;
	margin: 6px 0 6px 0;
}
.nav-previous a {
	color: #9D9D9D;
	text-decoration:none;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	height: 20px;
	margin: 6px 0 6px 0;
}
.nav-next a {
	color: #9D9D9D;
	text-decoration:none;
}
															/* navigation */
.navigation{
	text-align:center;
	border:0px !important;
}
.navigation a{
	color:#9D9D9D;	
	border:0px !important;
}
.navigation a:hover,
.navigation .current{
	text-decoration:none;
	color:#fff;
	background:#9D9D9D;
}
.navigation .pages{
	color:#9D9D9D;
	border:0px !important;
}
.navigation .alignleft{
	float: left;
}
.navigation .alignright{
	float: right;
}
.navigation .alignright a,
.navigation .alignleft a{
	color:#232122;
	background:#9D9D9D;
	text-decoration:none;
	padding: 10px;
}
.navigation .alignright a:hover,
.navigation .alignleft a:hover{
	color:#9D9D9D;
	background:#232122;
	border: 1px solid #9D9D9D;
	text-decoration:none;
	padding: 10px;
}

.nav a,
.nav a{
	color:#232122;
	background:#9D9D9D;
	text-decoration:none;
	border: 1px solid #232122;
	padding: 10px;
}
.nav a:hover,
.nav a:hover{
	color:#9D9D9D;
	background:#232122;
	border: 1px solid #9D9D9D;
	text-decoration:none;
	padding: 10px;
}

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

ol{
	list-style-type:decimal;
	margin: 0 0 0 22px;
}

kbd{
	color:#9D9D9D;
	display:inline-block;
	font-size: 11px;
	line-height:1.4;
}

pre {
	white-space: pre-wrap;  
	white-space: -moz-pre-wrap;  
	white-space: -pre-wrap;      
	white-space: -o-pre-wrap;    
	word-wrap: break-word;       
	color:#fff;
	background-color: #9D9D9D;
	padding: 10px;
	word-wrap: break-word;
}  
tt{
	color:#9D9D9D;
	display:inline-block;
	font-size: 11px;
	line-height:1.4;
}

img.alignnone {
	max-width: 100%;
}
	
.alignnone {
	max-width: 100%;
}	
hr {
	border-bottom:1px solid #9D9D9D;
}	


blockquote {
	padding: 0 20px 0 20px;
	border-left: 4px solid #9D9D9D;
}
ins {
	background-color: #9D9D9D;
	padding: 0 2px;
	color: #fff;
	text-decoration: none;
}

table{
	border-collapse:collapse;
	width: 100%;
}
table, td, th{
	font-size: 20px;
	border:1px solid #9D9D9D;
	padding: 4px;
}

dl {
	font-size: 20px;
	padding: 0 10px;
}
dt{
	font-size: 20px;
	padding: 10px;
}
dd{
	font-size: 20px;
	padding: 0 10px;
}
.post-main ul{
	padding-left: 19px; 
	margin: 0px;
	list-style-type:square;
	background-repeat: no-repeat;
	font-size: 20px;
}
.post-main ul li{
	list-style-type:square;
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 14px; 
	font-size: 18px;
}

.post-main .tagi {
	font-size: 13px;
	color:#9D9D9D;
	padding: 0 8px 0 0px;
	float: left;
}
.post-main .tagi a{
	font-size: 13px;
	color:#b09765;
	padding: 0 1px 0 0px;
	text-decoration: none;
}
.post-main .tagi a:hover{
	font-size: 13px;
	color:#9D9D9D;
	padding: 0 1px 0 0px;
}
															/* Comment start*/												
.entry-comments{
	font-size: 13px;
	color:#9D9D9D;
	padding: 3px 1px 0 0px;
	float: right;
}
.entry-comments a{
	font-size: 13px;
	color:#9D9D9D;
	padding: 3px 1px 0 0px;
	float: right;
}
.entry-comments a:hover{
	font-size: 13px;
	color:#b09765;
	padding: 3px 1px 0 0px;
	float: right;
}
#reply-title{
	display: none;
}											
.says{
	color: #9D9D9D;
	font-size: 14px;
}
.fn{
	font-size: 26px;
}
.fn a{
	font-size: 26px;
	color: #b09765;
	text-decoration: none;
}
.fn a:hover {
	font-size: 26px;
	color: #9D9D9D;
	text-decoration: none;
}
#respond p {
   margin: 10px 0;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
   display: block;
   float: left;
   margin: 0 10px 0 5px;
   width: 33%;
}

.avatar{
	float: left;
	padding-right: 6px;
	width: 42px;
	height: 42px; 
}

#respond .comment-notes {				/* Your email address will not be published. Required fields are marked */
	display:none;
	/*color: #9D9D9D;
	font-size: 14px;
	*/
}

#respond textarea {
	border: 1px solid #9D9D9D;
	margin: 4px 0 4px 0;
	padding: 8px 8px 8px 8px;
}
#respond textarea {
	display: block;
	width: 98%;
	background: #232122;
	color:#9D9D9D;
}

#respond input[type=text]{
	border: 1px solid #9D9D9D;
	margin: 4px 0 4px 0;
	padding: 8px 8px 8px 8px;
}

#respond input[type=text]{
	display: block;
	width: 90%;
	background: #232122;
	color:#9D9D9D;
}

#respond .form-allowed-tags {		/* HTML tag del */
	display: none;
	color: #fff;
}
.comment{
	position: relative;
}

.commentlist .comment{
	list-style-type: none;
	margin: 40px 0;
	padding-left: 20px;
}

.comment .comment-meta {
	font-size: 12px;
	color:#9D9D9D;
	position: absolute;
	right: 1px;
	top: 10px;
}

.comment .comment-meta a{
	font-size: 12px;
	color:#9D9D9D;
}
.comment-reply-link a{
	font-size: 12px;
	color:#9D9D9D;
}

#respond input#submit:hover  {			/* button */
	background: #9D9D9D;
	color: #232122;
	font-size: 20px;
	cursor: pointer;
}
#respond input#submit {				/* button */
	border: 1px solid #9D9D9D;
	font-size: 20px;
	padding: 6px 6px 6px 6px;
	color: #9D9D9D;
	background:#232122; 
	cursor: pointer;
}															/* Comment end*/

															/* footer start */					
.footer{
	overflow:hidden; 
	padding: 0px 0px 10px 0px;
}

.footertext{
	font-size: 14px;
	float:left;
	padding: 12px 0 0 0;
}					

.footertext a{
	font-size: 14px;
	color:#b09765; 
	text-decoration:none; 
	margin:12px 0px 0 0;
}	
.footertext a:hover {
	font-size: 14px;
	color:#9D9D9D; 
	text-decoration:none; 
	margin:12px 0px 0 0;
}	
.mlogo{
	float:right;
	padding: 12px 0 0 0;
}					

.mlogo a{
	font-size: 14px;
	color:#b09765; 
	text-decoration:none; 
	margin:12px 0px 0 0;
}
.mlogo a:hover{
	font-size: 14px;
	color:#9D9D9D; 
	text-decoration:none; 
	margin:12px 0px 0 0;
}

	
.alignleft {
	display: inline;
	float: left;
	margin: 0px 12px 4px 0;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	display: inline;
	float: right;
}

														/* Responsive */
.row { margin-bottom: 0px }

[class*="span"]{
	float: left;
	display: inline;
	}

@media only screen and (max-width: 990px) {
	.main { width: 750px;}
	.span1 { width: 300px } 
	.span2 { width: 360px } 
	.serch-txt{width: 312px}
	#wp-calendar{width: 250px}
	#wp-calendar td { padding: 2px 16px 2px 16px; }
	.commentmetadata{ display:none;	}
	#respond textarea {	width: 90%;	}
	#respond input[type=text]{	width: 90%;	}
	.sidebar-center {padding: 0px 15px 0px 0px;}
	.menu {	width: 360px;}
	.sidebar-right {width: 752px;}
}
@media only screen and (max-width: 900px) {
	.main { width: 600px;}
	.span1 { width: 300px } 
	.span2 { width: 592px } 
	.serch-txt{width: 544px}
	#wp-calendar{width: 250px}
	#wp-calendar td { padding: 2px 32px 2px 32px;}
	.commentmetadata{ display:none;	}
	#respond textarea {	width: 90%;	}
	#respond input[type=text]{	width: 90%;	}
	.menu {	width: 600px;}
	.sidebar-center {padding: 0px 15px 0px 0px;}
}

@media only screen and (max-width: 750px) {
	.main { width: 440px;}
	.span1 { width: 300px } 
	.span2 { width: 432px } 
	.serch-txt{width: 384px}
	#wp-calendar{width: 250px}
	#wp-calendar td { padding: 2px 21px 2px 21px;}
	.sidebar-center {padding: 0px 15px 0px 0px;}
	.commentmetadata{ display:none; }
	#respond textarea {	width: 90%;	}
	#respond input[type=text]{	width: 90%;	}
	.menu {	width: 440px;	}
}

@media only screen and (max-width: 550px) {
	.main { width: 300px;}
	.span1 {	width: 300px } 
	.span2 { width: 290px } 
	.serch-txt{width: 242px}
	#wp-calendar{width: 250px}
	#wp-calendar td { padding: 2px 11px 2px 11px;	}
	.sidebar-center {padding: 0px 0px 0px 0px;}
	.commentmetadata{ display:none;	}
	#respond textarea {	width: 90%;	}
	#respond input[type=text]{width: 90%;}
	p.comment-form-author,p.comment-form-email,p.comment-form-url {   display: block;   float: left;   margin: 0 10px 0 5px;   width: 30%;}
}