/*
Theme Name: Timewarp
Theme URI: http://themeforest.net/
Description: Timewarp is a WordPress theme especially for basic users, bloggers, photographers or artists in any fields that want to communicate on their own with people. It has the ability to showcase your projects, gallery, video or audio files with ease and in a very clean, minimal modern design. 
Version: 1.6
Author: OTOTW
Author URI: http://themeforest.net/user/OTOTW/profile
Tags: white, black, boxed, photographer, designer, blogger, gallery, audio
License URI: http://www.gnu.org/licenses/gpl-3.0.html
License: GNU General Public License
*/

body {
	padding:120px 0 0 0;
	margin:0;
	font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;
	background: #fff;
}

/*  ----------------------------------------------------------
	Typography
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1,h2,h3,h4,h5,h6 { -webkit-font-smoothing: subpixel-antialiased;}

p {
	font-style: normal;
	font-variant: normal;
}

time {
	font-weight: 300;
	display: block;
}

/* Links ----------------------------*/ 
a {
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
	text-decoration: none;     
}

/* ==========================================================================
   Structure
   ========================================================================== */

/* Header ----------------------------*/  
#header {
	position: fixed;
	top:0;
	height: 110px;
	width: 100%;
	margin:0;
	padding:0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	background: #fff;
	z-index: 1000;
}

.site-title {
	letter-spacing: -1px;
	padding:0;
	margin:0;
	line-height: 110px;
}

.site-title a {
	text-decoration: none;
}


/* Main Navigation ----------------------------*/  
#header nav {
	float:right;
}

#header nav ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

#header nav ul li {
	position: relative;
	width: auto;
	padding:0;
	margin:0;
	float:left;
	line-height: 110px;
}

#header nav ul li a {
	display:block;
	margin:0;
	padding:0 10px;
	text-align: left;
	text-decoration: none;
	-webkit-font-smoothing: subpixel-antialiased;
}

#header nav ul li.icon a {
	font-size:14px;
}
.home article {
	overflow: hidden;
}

/* Mobile Nav ----------------------------*/



/* Drops ----------------------------*/
#header nav ul.sub-menu {
	position:absolute;
	top:-500px;
	width: 165px; 
	z-index: 4900;
	margin:0;
	padding:12px 0;
	background: #000;
	-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.37);
	-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.37); 
	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.37); } 

#header nav ul.sub-menu li {
	margin:0;
	padding:0 8px;
	line-height: 100%;
	width:100%; } 

#header nav ul.sub-menu li a {
	display:block;
	font-size:14px;
	line-height: 155%;
	color:#fff;
	text-transform: none;
	background: none; } 

/* Header Widgets ----------------------------*/ 
.widget-header {
 	width: 100%;
}

/* Main Content ----------------------------*/
/*section[role="main"] {
	margin-top:160px;
}*/

.box {
	margin-bottom:20px;
}

/* Scroll up ----------------------------*/ 
.scrollup { 
    position:fixed; 
    bottom:50px; 
    right:-60px;     
    width:30px; 
    height:26px;
    padding:10px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 10000; }

.scrollup .icon-angle-up {
    width:24px; 
    height:24px;
    line-height: 24px;
    color:#fff;
    text-align: center;
    border:2px solid #fff;    
    font-size: 22px; 
    border-radius: 50%; 
}

/* ==========================================================================
   Page Specifics
   ========================================================================== */

/* ==========================================================================
   Elements Specifics
   ========================================================================== */

/* Content ----------------------------*/ 
.content, .title {
	position: relative;
	padding:0;
	width: 100%;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	background: #fff;
}

.content article {
	margin:0 0 20px 0;
}

 
.inner {padding-left:0px;padding-right:0px; padding-top:0px;}

.title { margin-bottom:24px; }

.title h2 {
	font-size:14px;
	margin:0;
	padding:12px;
}

.content hgroup h1, .content hgroup h3 {
	padding:0;
	margin:0;	
}

.content hgroup h3 {
	margin:10px 0 0 0;
	font-weight: 400;	
}

.divider {
  border-top-color:#ccc;
  border-top-style:solid;
  border-top-width:1px;
  height:30px;
  margin:45px auto;
  width:80%;
}

.divider span {
  background:#fff;
  display:block;
  font-size:16px;
  font-weight: 300;
  margin:-11px auto auto;
  padding:0 10px;
  text-align:center;
  letter-spacing: 1px;
  text-transform:uppercase;
  width:190px;
}

/* Pagination ----------------------------*/ 
.pagination, .post-pagination {
	padding: 0;
	margin: 40px 0 0 0; }

.pagination ul, .post-pagination ul {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center; 
	list-style: none;
}

.post-pagination ul {
	padding:20px 0 0 0;
	margin:0;
	border-top:1px solid #ddd;
	font-size:12px;
}

.pagination ul li, .post-pagination ul li {
	display: inline-block;
	margin: 0 5px;
}


.post-pagination ul li{
	font-size:14px;
}

.post-pagination ul li.prev-nav {
	float:left;
	text-align: left;
	width: 37%;
}

.post-pagination ul li.next-nav {
	float:right;
	text-align: right;
	width: 37%;
}

.pagination ul li a {
	font-size: 16px;
	color: #9E9E9E;
	width: 50px;
	height: 50px;
	line-height: 49px;
	text-align: center;
	border:2px solid #9E9E9E;
	display: inline-block;
	padding:0;
	margin:0;
	border-radius: 50%;
}

.pagination ul li.act a, .pagination ul li a:hover { background:rgba(158,158,158,0.2); }

#infscr-loading {
	font-size: 0.75em;
	height: 50px;
	left: 0%;
	bottom: 0px;
	position: fixed;
	text-align: center;
	width: 100%;
	background: #fff;
}
#nav-below{
	display: none;
}
/* ==========================================================================
   Projects
   ========================================================================== */

.projects-index article {
	position: relative;
	margin-bottom: 18px;
	overflow: hidden; }

.projects-index a {
	display: block;
	position: relative;
	width: 100%;
	text-decoration: none; }
	
.projects-index h2, .projects-index h3 {
	line-height: 100%;
	margin-top:0;
	position: relative;
	z-index: 1;
	zoom: 1;
	-webkit-font-smoothing: antialiased;
}

.projects-index h2 {
	font-size: 1.742857142857143em;
	font-weight: 400;
	padding: 30px 31px 0;
	margin-bottom:0;
	color: #fff;
}

.projects-index h3 {
	font-size: 1.1142857142857142em;
	padding: 10px 31px 0;
	margin-top:0;
}

.projects-index article,
.projects-index article img {
	width: 100%;
	height: auto; }
		
.projects-index .hover {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	color:#fff;
	display: block;
	z-index:1;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-ms-transition: opacity 0.25s linear;
	transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
}
	
.projects-index .hover { color:#fff; }
		
.projects-index .hover .angle {
	width: 100%;
	height: 100%;
	background: #000;
	display: block;
	position: absolute;
	top:0;
	left:0;
	-khtml-opacity: .85;
	-moz-opacity: .85;
	opacity: .85;
	-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
	-ms-transition: opacity 0.25s linear;
	transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.projects-index a:hover .hover {
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	/*filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';*/
}

/* Projects Single ----------------------------*/ 
.projects {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	background: #fff;
}

.projects header {
	padding:50px 0;
	width: 100%;
	text-align: center;
	box-shadow: none;
}

.projects header h3 {
	color:#000; }

.projects header p.lead {
	max-width: 70%;
	margin:30px auto 0 auto;
}

.projects header .post-like {
	margin: 20px 0 0 0;
}

.post-like .like {
	font-size:24px;
	line-height: 24px;
	vertical-align: middle;
}

.post-like .count {
	font-size:16px;
	line-height: 24px;
}

.projects .inner {
	padding:0 40px;
}

/* Entry Meta */
.projects .entry-meta {
	border-top:1px solid #ddd;
	padding:20px 0;
	margin:0;
	width: 100%;
	font-size: 14px;
	text-align: center;
}

article.format-status div.entry-title {
line-height:34px;
padding: 2px;
position: absolute;
top: 20px;
left: 24px;
width: 45%;
}
article.format-status div.entry-title h2 {
line-height:38px;
 margin-top:25px;
}

.projects .entry-meta .object {
	float:left;
	margin-right:8px;
}

.projects .entry-meta span {
	font-size: 14px;
	display: inline-block;
}

.projects .entry-meta .socials {
	float:right;
	vertical-align: middle;
}

.projects .entry-meta .socials a span {
	font-size: 24px;
	margin-left:8px;
	cursor: pointer;
}

/* Gallery */
/* Gallery */
.projects ul#gallery {
	margin:0 0 20px 0;
	padding:0;
	list-style: none;
}

.projects ul#gallery li {
	margin:0 0 24px 0;
	position: relative;
}

/* Gallery One Column */
ul#gallery.one li {
	width: 100%;
	float:left;

}

ul#gallery.one li img {
	width: 100%;
	height: auto;
	float:left;
	margin-right:20px;
}

ul#gallery.one li iframe {
	width: 100%;
	margin-right:0;
	min-height: 600px;
}

/* Gallery Two Columns */
ul#gallery.two li {
	width: 100%;
	max-width: 49%;
	margin-top:20px;
	margin-bottom:0;
	margin-right:2%;
	float:left;

}

ul#gallery.two li img {
	width: 100%;
	max-width: 100%;
	height: auto;
	float:left;
}

ul#gallery.two li:nth-child(2n+2) { float:right; margin-right:0; }				

ul#gallery li span.caption {
  background:rgba(0, 0, 0, 0.498039);
  border-bottom-left-radius:1px;
  border-bottom-right-radius:1px;
  border-top-left-radius:1px;
  border-top-right-radius:1px;
  bottom:10px;
  color:#FFFFFF;
  font-size:9px;
  margin:0 auto;
  padding:5px;
  line-height: 100%;
  position:absolute !important;
  right:10px;
  text-transform:uppercase;
}

.projects .flexslider {
	margin: 0 0 40px 0;
}

.projects ul#gallery li {
	position: relative;
}			




/* ==========================================================================
   Blog
   ========================================================================== */

/* Blog Index ----------------------------*/ 
.post {
	position: relative;
	clear: both;
}

.post article {
	position: relative;
	margin-bottom:20px;
	overflow: hidden;
	background: #000;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-webkit-transition:background 0.2s linear;
	-moz-transition:background 0.2s linear;
	-o-transition:background 0.2s linear;
	-ms-transition:background 0.2s linear;
	transition:background 0.2s linear;	
}
	
.post article .inner {
	height: 100%;
	width: 100%;
	padding:0 0 37px 0;
}

.post article.format-image .inner, body.search article.projects .inner {
	position: absolute;
	top:0;
	left:0;
	padding:0;
}

/* Entry Title */
.post article h2.entry-title {
	margin:12px 0;
	padding:20px 20px 0;
	font-size:18px;
	line-height: 140%;
	display: inline-block;
}

	.post article.six h2.entry-title {
		font-size:18px;
	}

.post article h2.entry-title a, .post article h2.entry-title {
	color:#fff;
	text-decoration: none;
}	

.post article .entry-format{
	position: absolute;
	top:12px;
	right:12px;
	z-index: 900;
}

.post article.has_thumb h2.entry-title {
	margin:0 0 12px 0;
}

.post article.sticky h2.entry-title a {
	color:#000;
}

.post article.sticky:hover h2.entry-title a {
	color:#fff;
}


/* Entry Content */
.post article .entry-content {
	margin:0 0 20px 0;
	padding:0 20px;
}

.post article .entry-content p {
	font-size:12px;
}

/* Entry Meta */
.post article .entry-meta {
	position: absolute;
	bottom:12px;
	left:20px;
	font-size:11px;
	z-index: 100;
}

.post article .entry-meta span {
	font-size: 11px;
	display: inline-block;
}

/* Article Hover */
.post article:hover {
	background:#262626;
}

.post article:hover .entry-format {
	color:#fff;
}

/* Format Image */
.post article.format-image h2.entry-title {
	margin-right:40px;
}

.post article.format-image h2.entry-title a {
	color:#000;
	padding:3px 0px;
	font-size:24px;
	width: 90%;
	line-height: 145%;
}

.post article.format-image h2.entry-title  {
	background: #fff;
	padding:2px;
	position: absolute;
	top: 20px;
	left: 24px;
}

.post article.format-image .entry-meta {
	position: absolute;
	bottom: 12px;
	left: 24px;
}


.post article.sticky.format-image:hover h2 a {
	color:#000;
}

.post article.format-image.archive h2.entry-title a {
	font-size:22px;
}

/* Format Quote & Status */
.post article.format-quote h2.entry-title, .post article.format-status h2.entry-title {
	font-size:28px;
	font-weight:300;
	line-height:125%;
	margin-bottom:12px;
}

.post article.format-status:hover h2.entry-title {
	color:#fff;
}

.video-three-cols iframe{
	width: 100%;
	height: auto;
	min-height: 180px;
	display: block;
}

.video-six-cols iframe{
	width: 100%;
	height: auto;
	min-height: 350px;
	display: block;
}

/* Post like */
.like {
	-moz-transition: all 0.2s ease-out 0.1s;
	-webkit-transition: all 0.2s ease-out 0.1s;
	-o-transition: all 0.2s ease-out 0.1s
}

.featured-post {
  border-right-color:transparent;
  border-right-style:solid;
  border-right-width:80px;
  border-top-style:solid;
  border-top-width:80px;
  height:0;
  position:absolute;
  width:0;
  z-index:10;
}

.featured-post p {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	-o-transform: rotate(-45deg); /* Opera */
	-moz-transform: rotate(-45deg); /* Firefox */
	color:#fff;
	font-size:10px !important;
	left:12px;
	position:relative;
	top:-40px;
	text-transform: uppercase;
}
.project-views{
	margin: 1.5em 0 0 0;
}

/* Blog Single ----------------------------*/ 
article.content header h1 {
	margin:0 0 10px 0;
	letter-spacing: -1px;
	font-size:3.5em;
}

article.content header .sn {
	cursor: pointer;
	font-size:16px;
	margin-left:3px;
}

article.content header .sn span {
	font-size:18px;
}

.single-post article .fitvid, .single-post article .wp-post-image {
	margin-bottom:-10px;
}

.single-post article .inner .fitvid, .single-post article .inner .wp-post-image {
	margin-bottom:20px;
}

/* AudioJS ----------------------------*/ 
audio.audiojs { height: 0; overflow: hidden; }

.audiojs {
	margin:0;
	border:  1px solid #ddd;	
	font-size: 14px;
	height: 55px;
	overflow: hidden;
	clear: both;
}

.audiojs .play-pause {
	border-right: 1px solid #ddd;
	float: left;
	height: 55px;
	margin: 0;
	overflow: hidden;
	width: 75px;
}

.audiojs .play-pause > p {
	font-size: 24px;
	line-height: 55px;
	margin: 0 auto;
}
.audiojs .play-pause p.play{
	padding-left: 12px;
}
.audiojs p {
	cursor: pointer;
	display: none;
	height: 40px;
	margin: 0;
	width: 25px;
}
.audiojs .play {
	display: block;
}
.audiojs .scrubber {
	background: #e9ebef;
	float: left;
	height: 10px;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 22px;
	overflow: hidden;
	position: relative;
	width: 72%;
	
}
.audiojs .progress {
	background: #000;
	height: 10px;
	position: absolute;
	z-index: 1;
	width: 73%;

}
.audiojs .loaded {
	height: 10px;
	position: relative;
	width: 73%;

}
.audiojs .time {
	height: 55px;
	line-height: 55px;
	margin: 0 0 0 0;
	padding: 0 6px 0 12px;
}
.audiojs .time em {
	padding: 0 2px 0 0;
}
.audiojs .time strong {
	padding: 0 0 0 2px;
}
.audiojs .error-message {
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	color: #fff;
	display: none;
	float: left;
	height: 36px;
	line-height: 36px;
	margin: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 400px;
}
.audiojs .error-message a {
	border-bottom: 1px solid rgb(250,250,250);
	color: #eee;
	padding-bottom: 1px;
	text-decoration: none;
	white-space: nowrap;
}
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }
ol.audio-list {
	list-style-position: inside;
	margin:0;
	padding:0;
	margin-bottom: 30px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	list-style: none;
}
ol.audio-list li {
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding-left: 20px;
	-moz-transition: all 400ms linear;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
   transition: all 400ms linear;
}
ol.audio-list li:nth-child(odd) { background-color: rgb(250,250,250); }
ol.audio-list li:hover {
	background-color: #000;
	cursor: pointer;
}
ol.audio-list li:hover a{
color: #fff;
background-color: transparent;
}
ol.audio-list li span.icon-play-circle {
	display: none;
}

ol.audio-list li.playing span.icon-play-circle {
	display: inline-block;
	margin-right:5px;
}


/* Comments ----------------------------*/
#comments {
	margin:40px 0 0 0;
	padding:40px 0;
}

#comments .inner {
	margin:0;
	padding:20px 40px 0;
}

/* comments */
.comments-area h3.comments-title {
	margin:0;
}

#commentform fieldset label {
	display: inline;
	float: left;
	margin-right: 5px;
}

.comments-area article {
	margin: 24px 0 0 0;
}
.comments-area article header {
	margin: 0;
	height: auto;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	border-radius:2px;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 65px;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 18px;
}
.comments-area article header time {
	font-size:14px;
	text-decoration: none;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	padding: 5px;
	font-size: 11px;
	line-height: 100%;
	color:#fff;
	border-radius: 2px;

}
a.comment-reply-link,
a.comment-edit-link {
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {

}

.commentlist {
	list-style: none;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

.commentlist .pingback {
	margin-bottom: 24px;
}

	.commentlist .children {
		list-style: none;
		padding:0;
		margin:0;
		border-left:2px solid rgb(236,234,242);
		margin-left: 65px;
		padding-left:24px;
	}

.comment-content {
	margin-left:65px;
	font-size:14px;
}

.comment-content p {
	font-size:14px;
}


/* Respond */
#respond {
 padding:0 40px 0;
}

h3.reply-title {
	font-size:1.5em;
	line-height:0;
	margin:0;
}

#respond form {
	margin: 0;
}
#respond form p {
	margin: 11px 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
}

#respond form fieldset {
	padding:0;
	margin:0;
	border:none;
}

#respond form label {
	display: block;
	line-height: 2.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	font-size: 12px;
	line-height: 1.714285714;
	padding: 5px;
	width: 100%;
	color:#000;
}

#respond form textarea {
	min-height: 200px;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}

/* Widgets ----------------------------*/ 
.sidebar {
	margin:0;
	padding:0;
}

.sidebar .widget-area {
	padding:20px;
	margin:0 0 20px 0;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	background: #fff;
	font-size: 14px;
}

.widget-area h3 {
	margin:8px 0;
}

.widget-area ul {
	width: 100%;
	margin:0;
	padding:0;
	list-style: none;
	font-size: 13px;
}

.widget-area ul li {
	display: block;
	border-bottom:1px solid #eeeeee;
	line-height: 200%;
	text-indent: 5px;
}

.widget-area ul li:last-child {
	border-bottom:none;
}

.widget-area ul.sub-menu li {
	text-indent: 25px;
}

.widget-area ul ul li:last-child {
	border-bottom:none;
}

.widget-area ul li a {
	display: block
}

/* Twitter Feeds */
.widget-area ul.tweet_list li {
	border-bottom:none;
	line-height: inherit;
	text-indent: 0;
}

.widget-area ul.tweet_list li a {
	display: inline-block;
}

/* Categories Widget */
.widget_categories ul li {
	border-bottom:none;
	line-height: inherit;
	text-indent: 0;
	display:inline-block;
	background: #000;
	padding:1px 5px;
	margin:0 0 3px 0;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;
	border-radius: 1px;
}

.widget_categories ul li a {
	color:#fff;
	font-size: 11px;
	text-transform: uppercase;
}

/* Categories Widget */
.widget_recent_entries ul li {
	text-indent: 0;
	padding:5px 5px;
	line-height: 140%;
}

.widget_recent_entries ul li:last-child {
	border-bottom:none;
}

/* Social Network */
.widget-area ul.social {
	margin-top:12px;
}

.widget-area ul.social li  {
	float:left;
	border:none;
	display: inline-block;
}

.widget-area ul.social li a {
	font-size:22px;
	text-indent: 0;
	margin:0 5px 0 0;
	text-align: left;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	transition:all 0.2s linear;     
}

/* Calendar */
#calendar_wrap {
	margin:20px 0 0 0;
	padding:0; }
	
#calendar_wrap caption {
	padding:0; 
	margin:0;
	text-align: center;  }
	
table#wp-calendar { 
	width:100%;
	text-align:center; }

table#wp-calendar th {
	color:#000; }

table#wp-calendar tr td {
	padding:3px;
	background: transparent;
	border:none; }

table#wp-calendar tfoot tr td {
	padding:10px 0 0 0;
	background: transparent;
	border:none; }

table#wp-calendar tfoot #prev a, table#wp-calendar tfoot #next a  {
	padding: 2px 8px;
	font-size:11px;
	text-transform: uppercase;	
	text-decoration: none;
	color:#000; }

table#wp-calendar tfoot #prev a {
	float:left; }

table#wp-calendar tfoot #next a {
	float:right; }

/* Text Widget */
.textwidget {
	margin:20px 0 0 0;
	line-height:150%; }

/* Search Widget */
input#s {
	padding:5px 0;
	text-indent: 5px; }

/* ==========================================================================
   Footer
   ========================================================================== */

footer {
	padding: 40px 0;
	margin: 50px 0 0 0; 
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07); 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);	
	background: #fff;
}

/* Widgets Footer ----------------------------*/ 
.widget-footer {
 	width: 100%;
}

.widget-footer h3 {
	margin:0 0 12px 0;
}

.widget-footer ul {
	margin:0;
	padding:0;
	list-style: none;
	clear: both;
}

.widget-footer ul li {
	font-size:100%;
}

.widget-footer ul li a {
	padding:0;
	margin:0;
	border:none;
	text-decoration: none;   
}

.widget-footer ul li a:hover {
	background: none;
}

.widget-footer ul.social  {
	margin-top:1.3em;
}

.widget-footer ul.social li a {
	font-size:24px;   
}

.copyright {
	text-align: center;
	margin:20px 0 10px 0;
}

.copyright p {
	font-size:11px;
}

.twitter-tweet{
	width: 100%;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */

	@media only screen and (max-width: 1250px) {
		
		.post article .entry-content p { font-size: 11px; line-height: 16px }

		.audiojs .scrubber, .audiojs .progress {width: 65%;}

	}

   @media only screen and (max-width: 959px) {	#homewhite {display: none;}


   		p { font-size: 14px; }
   		blockquote p { font-size: 18px; }

   		#header {
   			position: relative;
   			margin-top:0px;
   		}

		section[role="main"] {
			margin-top:40px;
		}

  		body {
  			padding: 0px 0 0 0;
  		}
		#header .site-title {
			text-align: center;
		}

	    .fourth,
	    .third,
	    .half,
	    .two-thirds {
	        width: 100%;
	        margin-right:0;
	        margin-top:0;
	        margin-bottom:20px;
	        clear: both;
	    }

		.emphasis { font-size: 18px !important; line-height: 150% !important; }

		/* Blog */
		.post article h2.entry-title, .post article.six h2.entry-title, .post article.format-image.archive h2.entry-title { 
			font-size: 26px; }

		.post article.format-quote h2.entry-title a { 
			color:#9099a3;
		}

		.post article.format-status h2.entry-title, .post article.format-quote  h2.entry-title { 
			padding:30px; font-size: 3em; }

		article.content header h1 {
			font-size:2.4em;
		}

		.audiojs .scrubber, .audiojs .progress {width: 60%;}
		ul#gallery.one li iframe { min-height: 400px; }

	}

	@media only screen and (max-width: 767px) {

	#homewhite {display: none;}
	

	article.format-status div.entry-title {
		width: 100%;
		padding: 2px;
		position: absolute;
		top: 0px;
		left: 0px;
	 
	}
	
 
	
	article.format-status div.entry-title h2 {
		 
margin-bottom:10px;padding:10px;color:#fff;line-height:38px; font-size:1.9em;
	 
	}

		.post article.format-status h2.entry-title, .post article.format-quote  h2.entry-title { 
			padding:30px; font-size: 2em; }

		article.content header h1, article.projects header h1 {
			font-size:2em;
		}

		article.projects header h3 {
			font-size:1.3em;
			padding-left:20px;
			padding-right:20px;
		}

		article.projects header p.lead { font-size:16px; }

		.emphasis { font-size: 16px !important; line-height: 150% !important; }

		.audiojs, ol.audio-list li { font-size: 80% ;}
		.audiojs .scrubber, .audiojs .progress {width: 40%;}

		ul#gallery.one li iframe { min-height: 280px; }

	}

	@media only screen and (max-width: 480px) {

	
	#homewhite {display: none;}

article.format-status div.entry-title h2 {
margin-bottom: 10px;
padding: 10px;
color: #fff;
line-height: 26px;
font-size: 1.5em;
}

		.post article h2.entry-title { font-size: 16px !important; }

		.post article.format-status h2.entry-title, .post article.format-quote  h2.entry-title { 
			padding:30px; font-size: 20px !important; }

		.post article.format-image h2.entry-title a {
			font-size:20px;
			line-height: 155%;
		}

		.audiojs .scrubber, .audiojs .progress {width: 42%;}

		.audiojs .time, ol.audio-list li span { display: none; }

		ul#gallery.one li iframe { min-height: 200px; }
		
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
	margin-right: 1.5em;
}

img.alignright {
	margin-left: 1.5em;
}

.wp-smiley {
	margin: 0;
}

.more-link {
	text-decoration: none;
}

.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 {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    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;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

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

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}
/*
     
     
     

     
     
*/