/*
Theme Name: silencematters
Theme URI: http://jeremyzilar.com/
Description: A long distance exploration of love.
Version: 4.0
Author: Jeremy Zilar
Author URI: http://jeremyzilar.com/
Tags: love, writing, ideas, photography, drawing
*/




/*Colors
#444                  - dark color
rgba(68,68,68,1)      - dark color
#F4F4F2               - light color
rgba(244,244,242,1)   - light color
*/


/*Fonts*/

/* Franklin Gothic  — font-family: "franklin-gothic-urw"; */
/* Kepler STD       — font-family: "kepler-std"; */
/* Chaparral Pro    — font-family: "chaparral-pro"; */

@font-face {
  font-family: NewnueG;
  src: url('fonts/NewnueG/NewnueG.otf');
}



body{
  padding-top:0px;
  padding-bottom:175px;
	font-family: 'franklin-gothic-urw', Arial, sans-serif;
  color:#444;
  background:#F8F8F8;
  background:#F4F3ED;
  background:rgba(244,244,242,1); /*#F4F4F2*/
/*  background:#F5F5F6;*/
}

body .text-light{
  color:#F4F4F2;
  background:#2f2f2f;
}


a{
  color:rgba(0, 136, 204, .8);
}
a:hover{
  color:rgba(0, 136, 204, 1);
  text-decoration: none;
}

/*Headings*/
h5{
  margin:0 0 2px 0;
}
h6{
  margin:0;
  text-transform: uppercase;
}


.hide{display:none;}
.show{display: visible;}





#head{
  margin:0;
	margin-bottom:100px;
  padding:85px 0 90px 0;
/*	background: url('https://farm6.staticflickr.com/5346/9766629343_01cc9ad04d_h.jpg') no-repeat center center;*/
	background: url('img/art/brush-strokes.png') no-repeat center center;
/*	background: url('https://farm3.staticflickr.com/2281/2047386855_af97df8b7c_b.jpg') no-repeat center center;*/
/*	background: url('https://farm3.staticflickr.com/2300/2049757111_05335899db_b.jpg') no-repeat center center;*/
}


#head .container{}
#art{
	margin-bottom:15px;
}
#art h1{
	position:relative;
	opacity: 0;
	-moz-opacity: 0;
		filter:alpha(opacity=0);
}
#art h1 a{
	color:#333;
}

#art img{
  width:120px;
  -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}



#art img:hover{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

/*video#bgvid{
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background: url(polina.jpg) no-repeat;
	background-size: cover;
}*/


#head h1{
	margin-top:0px;
	text-align: center;
	font-size:21px;
	position:relative;
	top:15px;
	height:0;
	opacity: 0;
	-moz-opacity: 0;
		filter:alpha(opacity=0);
}

/*#head #art:hover h1{
	top:20px;
	opacity: 1;
	-moz-opacity: 1;
		filter:alpha(opacity=1);
}*/

#head h1 a{
  color:#222;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
#head h1 a:hover{
  border-bottom:2px solid #444;
}

#head #daynight{
	margin:0 auto;
	text-align: center;
	position:relative;
	top:70px;
	display:none;
}
#head #daynight span{
	padding:3px 4px;
	color:rgba(235,232,190,.90);
/*	background:rgba(23,23,23,.65);*/
	background:rgba(40,46,74,.65);
	border:1px rgba(150,150,150,.65) solid;
}






/*Banner Images*/
.banner{
  margin:0 auto !important;
  padding:25px;
  float:left;
/*  -webkit-box-shadow: inset 1px 1px 1px rgba(60, 63, 66, 0.1), 1px 1px 0 rgba(60, 63, 66, 0.1);
     -moz-box-shadow: inset 1px 1px 1px rgba(60, 63, 66, 0.1), 1px 1px 0 rgba(60, 63, 66, 0.1);
          box-shadow: inset 1px 1px 1px rgba(60, 63, 66, 0.1), 1px 1px 0 rgba(60, 63, 66, 0.1);*/
}
.banner img{
  margin:0 auto;
}


/*Archive Header*/
.archive-hed{
	margin-top:50px;
	padding:0;
	border-bottom:1px #ccc solid;
}
.archive-hed strong{
	text-transform: uppercase;
}

/* Blog = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#blog{}
#blog .container{
/*	background:rgba(255,255,255,.2);*/
}

#blog article:first-child .doc{
	margin-top:125px;
}

.doc{
/*	background:rgba(255,255,255,.6);*/
}

.entry{
  padding:85px 0 95px 0;
}
.entry:hover{
	background:#E6E7E8;
	background:#F1F2F2;
}

.entry h1,
.entry h3{
  margin:0 0 0 0;
  font-family: NewnueG, Arial, sans-serif;
/*	font-family: 'franklin-gothic-urw', Arial, sans-serif;*/
  font-size:21px;
  line-height:28px;
  letter-spacing:-1px;
}
.entry h1,
.entry h3 a{
  color:#444;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.entry h3 a:hover{
  border-bottom:2px solid #444;
}

.text-light h1,
.text-light h3 a{
  color:#F4F4F2;
}

.text-light h3 a:hover{
  color:#F4F4F2;
  border-bottom:2px solid #F4F4F2;
}

.entry-header{
  margin-bottom:15px;
}
.kicker{
	margin-bottom:15px;
	font-size:13px;
	font-weight:800;
	text-transform: uppercase;
}

.entry-content {
  font-size:18px;
  line-height:24px;
/*	background:lightcoral;*/
}

.entry-collection{
  padding:70px 0;
}

.aside{
	padding:30px 0 35px 0;
}
.aside .doc .dot,
.aside .doc p{
	font-size:18px;
	line-height:24px;
}
.doc p.via{
	margin-top:10px;
	display:block;
	font-size:14px;
	line-height:21px;
	color:#999;
}
.doc .via img{
	margin-top:-2px;
	margin-right:5px;
}
.aside .doc a{
	text-decoration: none;
}
.aside .doc a.dot{
  margin:0 0 0 0;
  padding:0px;
  width:14px;
  height:14px;
  position:relative;
  top:7px;
  font-weight:200;
  font-family:Arial;
  color:rgba(68,68,68,1);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
/*  background:#C0C1BF;*/
  display:inline-block;
  font-size:36px;
  line-height:16px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}


.entry-content .status-draft:hover{
  background:rgba(0, 136, 204, .25);
  background:rgba(8, 101, 209, .15);
  background:rgba(252,221,71,.5);
}
.entry-content .status-trash:hover{
  background:rgba(255, 82, 82, .25);
}

.entry-content a.dot{
  margin:0 5px 0 0;
  padding:0px;
  width:21px;
  height:21px;
  position:relative;
  top:3px;
  font-weight:200;
  font-family:Arial;
  color:rgba(68,68,68,1);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
/*  background:#C0C1BF;*/
  display:inline-block;
  font-size:36px;
  line-height:16px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

a.dot:hover{
  border:none;
  text-decoration: none;
/*  background:rgba(255,255,255,.5);*/
}

.status-draft h3 a,
.status-draft h1 a{
  background:rgba(252,221,71,.5);
}

.brief .entry-content{
  font-size:18px;
  line-height:26px;
}
.entry-content hr{
  width:60%;
  margin:45px auto 50px auto;
  border:none;
  border-top:3px #E4E4E4 solid;
}

.text-light .entry-content hr{
  border-top:2px #E4E4E4 solid;
}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content blockquote{
  margin:0 0 21px;
  font-weight:300;
	line-height:24px;
	border:none;
}
.entry-content blockquote{
	padding:0px 35px;
}
.entry-content *:last-child{
  margin-bottom:0;
}
.entry-content ul,
.entry-content ol{
  padding:0 30px;
}
.entry-content ul{
  padding:0 18px;
}
.entry-content li{
  margin-bottom:10px;
  line-height:31px;
}
.entry-content strong{
/*  color:#222;*/
}

.text-light .entry-content strong{
  color:#fff;
}
.entry-meta{
  margin:15px 0 0 0;
  padding:5px 0;
  font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	color:#888;
}
.single-artwork .entry-meta{
	margin-top:60px;
}
.entry-meta .date{
	padding:2px 0;
  display:inline-block;
	font-size:12px;
}
.entry-meta a.date{
  color:#888;
/*  color:#FF8E89;*/
/*  color:#B26561;*/
}
.entry-meta a.date:hover{
	text-decoration: underline;
}

.text-light .entry-meta a.date{
  color:#F4F4F2;
}

.h{
  padding:2px 1px;
  background:rgba(255, 242, 0, 0.7);
}

.entry-meta .btn-edit{
	margin:0 10px;
	color:#efefef;
}
.entry-meta .btn-edit:hover{
	color:#efefef;
}

.entry-meta .btn-twitter{
	margin-right:3px;
	padding-left:22px;
	padding-right:6px;
	border-color:transparent;
	position:relative;
	color:#efefef;
	top:-1px;
	background:rgba(0, 136, 204, .8) url('img/twitter_logo_white_14.png') no-repeat 4px 3px;
  -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;

}
.entry-meta .btn-twitter:hover{
	background-color:rgba(0, 136, 204, 1);
}

/* LINK = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.format-link{
  padding:36px 0;
}

/* BRIEF = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.brief{
  padding:48px 0;
}
.brief h5{
  font-family: NewnueG, Arial, sans-serif;
}


/* ARTWORK = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.single .artwork.format-quote .entry-title{
	margin-bottom:15px;
}
.single .artwork.format-quote .entry-content *{
	font-weight:900;
	font-size:21px;
	line-height:30px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.single .artwork.format-quote .entry-content{
	padding:35px 40px 50px 40px;
	background:#fff;
}

.art-label{
	margin-top:25px;
	padding:15px 0;
	border-top:1px #999 solid;
	width:60%;
}
.single .art-label{
	margin-top:50px;
}
.art-label p{
	font-size:14px;
	font-family: Georgia, serif;
	font-weight:200;
	color:#555;
}
.art-label .work-medium{
	font-family: 'franklin-gothic-urw', Arial, sans-serif;
}
.art-label .work-title{
	margin-bottom:5px;
	font-size:16px;
	line-height:18px;
	font-family: 'franklin-gothic-urw', Arial, sans-serif;
	font-weight:600;
}
.artwork a.work-title{
	color:#444;
}
.artwork a.work-title:hover{
	color:#222;
}

/*Elements*/
.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe,
.video object,
.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Photos - - - */
.photo{
  margin-bottom:25px;
}
.photo img{
	margin-bottom:2px;
}
.photo .credit{
  margin:2px;
  font-size:10px;
  color:#333;
  text-align: right;
  display:block;
  line-height:11px;
}
.photo .caption{
	margin:10px 1px 0 1px;
  color:#999;
  font-size:13px;
  line-height:17px;
	display:block;
}

.w700{}
.w600{
	margin-left:auto;
	margin-right:auto;
}
.w500{
	margin-left:auto;
	margin-right:auto;
}
.w350{
	margin-left:15px;
	float:right;
}
.w163{
	margin-top:5px;
	margin-left:15px;
	width:163px;
	float:right;
}
.w150{
	margin-left:15px;
	float:right;
}
.w300{}


/*Infinite Scroll*/
#infinite-handle,
.infinite-loader{
	margin-top:40px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
	width:110px;
}
#infinite-handle span{
  background:#444;
  text-shadow:none;
  font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
  border:none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
}
#infinite-handle span:hover{
  background:#333;
}


#infinite-handle .btn:hover,
#infinite-handle .btn:focus,
#infinite-handle .btn:active,
#infinite-handle .btn.active,
#infinite-handle .btn.disabled,
#infinite-handle .btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;*background-color:#d9d9d9;
}


#feed{
  width
}


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

#sidebar{
	margin-top:0;
	padding:0;
	font-family: 'franklin-gothic-urw', Arial, sans-serif;
	font-size:13px;
	line-height:18px;
	font-weight:400;
	position:absolute;
	width:185px;
}
#sidebar .block:first-child{
	margin:0;
}
#sidebar .block{
	margin:0 0 15px 0;
}

#sidebar .operator{display:none;}

#sidebar hr{
	margin: 15px 0 20px 0;
	border-top:1px #E5E5E5 solid;
	border-top:1px #ddd solid;
	width:25%;
}

#sidebar .entry{
	padding:3px 0;
	border:none;
}
#sidebar .entry p{
	margin-bottom:10px;
	color:#777;
}


#sidebar h5{
	margin-bottom:8px;
	font-weight:600;
	font-size:13px;
	text-transform: uppercase;
	font-family: 'franklin-gothic-urw', Arial, sans-serif;
}
#sidebar img{
	margin-bottom:10px;
}

#sidebar img.profile{
  margin:5px 10px 5px 0;
	width:65px;
}

#sidebar .nav{
/*	padding:0;*/
}
#sidebar .nav li{
	font-weight:700;
	text-transform: uppercase;
}
#sidebar .nav li a{
	padding:3px 0;
	color:#17253A;
}
#sidebar .nav li a:hover{
	color:#4387E8;
	background:none;
}

#sidebar .nav li.divider{
	border-top: 1px #ccc solid;
	margin:15px 100px 15px 0;
	width: 35px;
}
/*Social*/
.social{
	margin:2px 0;
	padding-left:25px;
	height:20px;
}
.twitter{
	background: url('img/twitter_logo_black.png') no-repeat 0 0;
}

.gpgkey{
	background: url('img/lock_black.png') no-repeat 0 0;
}


.blogroll ul{
	padding:0;
}

.blogroll li{
	list-style-type: none;
	font-size:12px;
}
#sidebar .openweb{
	margin-top:65px;
}
#sidebar .openweb a{
	font-size:21px;
	color:#555;
  -webkit-transition: all 0.15s ease-in-out;
     -moz-transition: all 0.15s ease-in-out;
       -o-transition: all 0.15s ease-in-out;
          transition: all 0.15s ease-in-out;
}
#sidebar .openweb a:hover{
	color:#000;
}
#sidebar .openweb p{
	font-size:11px;
	text-transform: uppercase;
	color:#999;
}

#sidebar #tos{
  margin:100px 0
}
#sidebar #tos p{
  margin-bottom:4px;
  font-size:11px;
  line-height:14px;
  color:#888;
}
#sidebar #tos p a{
  font-weight:bold;
}

/* FOOTER = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#footer{
  margin:120px 0 0 0;
  background:#444;
  color:rgba(245,245,246,1);
}
#footer a{
  color:rgba(245,245,246,1);
}
#footer .span8{
  padding:5px 0;
  border-top:2px solid #444;
}
#footer p{
  font-size:12px;
}
#board{display:none}

#new_post{}
#new_post textarea{
  height:100px;
}


#comments{
  margin:80px 0 0 0;
}
#comments h2{
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  color:#444;
  font-size:18px;
  font-weight:700;
}
.comment-list{
  padding-left:0px;
}

.comment{
  margin-bottom:35px;
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  color:#444;
  list-style-type:none;
}
.comment .avatar{
  margin:0;
}
.comment .comment-body p{
  font-size:16px
}

#respond h3{
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  color:#444;
  font-size:18px;
  font-weight:700;
}

.comment-form label{
  width:100px;
}
.comment-notes,
.form-allowed-tags{
  display:none;
}


/*
Hide code snippets on mobile devices
XS
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/
@media screen and (max-width: 767px) {
	#head{
		margin-bottom:75px;
		padding:35px 0 60px 0;
/*		background-size: 100%;*/
	}
	#head h1{
		font-size:18px;
		top:20px;
		opacity: 1;
		-moz-opacity: 1;
				filter:alpha(opacity=1);
	}
	#head #art img{
		left:30px;
		width:100px;
	}
	.archive-hed{
		margin-left:10px;
		margin-right:10px;
		text-align: center;
	}
	.archive-hed p{
		margin-left:15px;
		margin-right:15px;
	}
	.archive-hed strong{
		display:block;
	}
	.archive-hed span{
		display:none;
	}
	.doc{
		margin-left:0;
		padding:0 10px;
	}
	.w350{
		width:150px;
	}
	.w150{
		width:75px;
	}

	#blog article:first-child .doc{
		margin-top:75px;
	}

	.entry{
		padding:45px 0 50px 0;
	}

	.artwork.format-quote .entry-content *{
		font-weight:800;
		font-size:24px;
		line-height:32px;
	}
	.single .artwork.format-quote .entry-content{
		padding:20px 25px 35px 25px;
	}
	.single .artwork.format-quote .entry-content *{
		font-size: 18px;
		line-height: 26px;
	}
	.art-label{
		width:85%;
	}
	#sidebar{
		margin:0 auto;
		width:90%;
		position:relative;
	}
	#art img{
		margin:0 auto;
		display:block;
		width:85px;
	}
	#art h1{
		top:10px;
		text-align: center;
		opacity: 1;
		-moz-opacity: 1;
				filter:alpha(opacity=1);
	}
	#sidebar .block{
		display:none;
	}
}

/*
Tablets and up
SM
*/
@media screen and (min-width: 768px) {
	#head{
		background-size: 100%;
	}
	.archive-hed{
		margin-left:200px;
	}
	.doc{
		margin-left:185px;
	}
	.entry h3{
	  margin:0 0 10px 0;
	  font-size:24px;
	  line-height:30px;
	  letter-spacing:-1px;
	}
}

/*
Tablets/desktops and up
MD
*/
@media screen and (min-width: 992px) {
	#head{
		background-size: 100%;
	}
	.archive-hed{
		margin-left:255px;
	}
	.doc{
		margin-left:240px;
	}
}



/*
Large desktops and up
LG
*/
@media screen and (min-width: 1200px) {
	#head{
		background-size: 100%;
	}
	.archive-hed{
		margin-left:255px;
	}
	.doc{
		margin-left:240px;
	}
}