/*   
Theme Name: The Fox is Black (v2)
Theme URI: http://thefoxisblack.com
Description: A custom theme for The Fox is Black based on the HTML5 Reset Theme.
Author: Tim Mather
Author URI: http://look.itst.im
Design By: Bobby Solomon
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

em,i{
  font-style:italic
}
strong{
	font-weight: 500;
}
big{
	font-size: 1.1em;
	line-height: 1.2em;
	color: #000;
}
small{
	font-size: 0.7em;
}
h1, h2, h3, h4,{
	font-family: 'Univers59', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

h5{
	font-family: 'Univers59', sans-serif;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding-bottom: 2px;
}

hr{
	size: 1px;
	margin-bottom: 20px;
}

@font-face {
  font-family: 'OpenSans';
  src: url('assets/fonts/OpenSans-Light-webfont.eot');
  src: url('assets/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/OpenSans-Light-webfont.woff') format('woff'),
       url('assets/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Light-webfont.svg#OpenSans') format('svg');
  font-weight: 300;
  font-style: 300;

}
@font-face {
  font-family: 'OpenSans';
  src: url('assets/fonts/OpenSans-Regular-webfont.eot');
  src: url('assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/OpenSans-Regular-webfont.woff') format('woff'),
       url('assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Regular-webfont.svg#OpenSans') format('svg');
  font-weight: 400;
  font-style: 400;
}
@font-face {
  font-family: 'OpenSans';
  src: url('assets/fonts/OpenSans-Semibold-webfont.eot');
  src: url('assets/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
       url('assets/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Semibold-webfont.svg#OpenSans') format('svg');
  font-weight: 500;
  font-style: 500;
}
@font-face {
  font-family: 'OpenSans';
  src: url('assets/fonts/OpenSans-Bold-webfont.eot');
  src: url('assets/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/OpenSans-Bold-webfont.woff') format('woff'),
       url('assets/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
       url('assets/fonts/OpenSans-Bold-webfont.svg#OpenSans') format('svg');
  font-weight: 600;
  font-style: 600;

}
@font-face {
  font-family: 'OpenSans';
  src: url('assets/fonts/OpenSans-ExtraBold-webfont.eot');
  src: url('assets/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
       url('assets/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
       url('assets/fonts/OpenSans-ExtraBold-webfont.svg#OpenSans') format('svg');
  font-weight: 700;
  font-style: 700;
}
@font-face {
  font-family: 'Univers59';
  src: url('assets/fonts/univers59-ultracondensed.eot');
  src: url('assets/fonts/univers59-ultracondensed.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/univers59-ultracondensed.woff') format('woff'),
       url('assets/fonts/univers59-ultracondensed.ttf') format('truetype'),
       url('assets/fonts/univers59-ultracondensed.svg#OpenSans') format('svg');
  font-weight: 400;
  font-style: 400;
}

html, body{
	width: 100%;
  height: 100%;
}

body{
	font-family: Helvetica, sans-serif;
	background: #fff;
  	position: relative;
}
a{
	color: #000000;
}
a:hover{
	color: #747168;
}

#site{
	background-color: #fff;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 200ms ease;
	   -moz-transition:    -moz-transform 200ms ease;
	    -ms-transition:     -ms-transform 200ms ease;
	     -o-transition:      -o-transform 200ms ease;
	        transition:         transform 200ms ease;
}
#site.open{
	transform: translate(0,260px);
	-ms-transform: translate(0,260px);
	-webkit-transform: translate(0,260px);
}
#site .menu_overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 12;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}
#site .menu_overlay.active{
  visibility: visible;
  opacity: 1;
}

#container{
	max-width: 1200px;
	width: 100%;
	margin: 44px auto 0;
	padding: 0 60px;
 	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#header{
	height: 200px;
	width: 100%;
	background-color: #eaff1e;
	background-size: cover;
	padding: 32px 68px 0px 16px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#header .inner{
	position: relative;
	max-width: 1060px;
	width: 100%;
	margin: 0 auto;
}
#header .fox{
	position: absolute;
	padding: 0 0 0 20px;
}
#header .fox .logo{
	display: inline-block;
	background: transparent url(http://thefoxisblack.com/blogimages//the-fox-is-black-logo-1.png) top left no-repeat;
	width: 184px;
	height: 160px;
}
#header .fox div{
	display: inline-block;
	vertical-align: top;
	width: 144px;
	padding-top: 40px;
	margin-left: 16px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#header .fox div h1{
	font-size: 3em;
	line-height: 0.9em;
	padding-bottom: 7px;
	text-transform: uppercase;
}
#header .fox div p a{
	display: inline-block;
	text-indent: -9999px;
	width: 28px;
	height: 28px;
	margin-right: 8px;
}
#header .fox div p a:last-child{
	margin-right: 0;
}
#header .fox div p a.tw{
	background: transparent url(assets/images/ico_twitter.png) top left no-repeat;
}
#header .fox div p a.fb{
	background: transparent url(assets/images/ico_facebook.png) top left no-repeat;
}
#header .fox div p a.ig{
	background: transparent url(assets/images/ico_instagram.png) top left no-repeat;
}
#header .fox div p a.rss{
	background: transparent url(assets/images/ico_rss.png) top left no-repeat;
}
#header .nav{
	position: absolute;
	right: 0px;
	top: 32px;
}
#header .nav div{
	width: 164px;
	display: inline-block;
	vertical-align: top;
	margin-left: 28px;
}
#header .nav div h2{
	font-size: 1.4em;
    	letter-spacing: 0.04em;
   	text-transform: uppercase;
    	line-height: 1em;
	border-bottom: 1px solid #000;
	margin-bottom: 8px;
	padding-bottom: 8px;
	font-family: 'Univers59', sans-serif;
}
#header .nav div p{
	font-style: italic;
	font-size: 0.75em;
	line-height: 1.4em;
	color: #000;
}

/* Sidebar ------ */
#sidebar{
	display: inline-block;
	width: 29%;
	max-width: 300px;
	min-width: 300px;
	vertical-align: top;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#sidebar .contact{
 margin-bottom: 24px;	
}
#sidebar .contact a{
	display: block;
	width: 100%;
	background-color: #000;
	color: #eaff1e;
	margin-bottom: 8px;
	padding: 16px 0 12px;
	font-size: 1.6em;
	text-align: center;
	font-family: 'Univers59', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
#sidebar .contact a:hover{
	background-color: #eaff1e;
	color: #000;
}
#sidebar .contact p{
	text-align: center;
	font-size: 0.7em;
	line-height: 1.4em;
	color: #959182;
	text-transform: uppercase;
}
#sidebar .search{
	margin-bottom: 8px;
	position: relative;
}
#sidebar .search #searchsubmit{
 	width: 48px;
	height: 48px;
	position: absolute;
	left: 0;
	-webkit-appearance: none;
	opacity: 0;
	cursor: pointer;
}
#sidebar .search input[type=search]{
	-webkit-appearance: none;
	font-family: 'Univers59', sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.04em;
	width: 100%;
	font-size: 1.4em;
	padding: 16px 12px 12px 12px;
	border: 1px solid #000;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Content ------ */
#content{
	display: inline-block;
	position: relative;
	width: 70%;
	padding-right: 40px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .post{
	margin-bottom: 80px;
	color: #000;
  	font-weight: 300;
	font-size: 15px;
	letter-spacing: 0.02em;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .post h2{
	font-family: 'Univers59', serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin-bottom: 16px;
}
#content .post h2 a{
	font-size: 2.8em;
	line-height: 1em;
	color: #000;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;	
}
#content .post h2 a:hover{
	color: #000;
	font-weight: 400;
}
#content .post .entry a{
	color: #000;
}
#content .post .entry a:hover{
	color: #000;
}
#content .post .entry img{
	width: 100% !important;
	height: auto !important;
}
#content .post .entry p{
	font-size: 1.3em;
    	line-height: 1.4em;
   	margin-bottom: 24px;
}
#content .post .entry blockquote{
	font-size: 1em;
	line-height: 2.1em;
	color: #666;
	padding: 0em 0em 0 2em;
	margin-bottom: 16px;
	margin-top: 16px;
	border-left: solid 4px #eaff1e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content .post .entry a{
	color: #000;
	text-decoration: none;
	border-bottom: 3px solid #eaff1e;
	font-weight: 400;
}
#content .post .meta{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0.4em;
	margin: 24px 0 32px;

}
#content .post .meta p.author{
	color: #000;
	font-size: 1.4em;
   	text-transform: uppercase;
   	display: inline-block;
   	vertical-align: top;
  	padding-top: 12px;
	padding-left: 8px;
    	letter-spacing: 1px;
    	font-family: Univers59;
}
#content .post .meta p.author a{
	color: #000;
	border-bottom: 1px solid black;
}
#content .post .meta .like{
	float: right;
	margin-top: 10px;
}
#content .post a.more-link{
	display: block;
	margin-top: 20px;
	font-size: 28px;
	margin-bottom: 32px;
}
#content .related .title{
	height: 24px;
	padding-left: 36px;
	font-size: 1.125em;
	letter-spacing: 2px;
	text-transform: uppercase;
	width: 180px;
	margin: 0 auto 12px;
	background: transparent url(assets/images/ico_book.png) left center no-repeat;
	background-size: 24px 20px;
}
#content .related .title span{
	display: inline-block;
	padding-top: 2px;
}
#content .related .nr_title{
	display: none;
}
#content .related .nr_panel{
	width: 19% !important;
	padding: 0 !important;
}
#content .related .nr_text{
	font-weight: 400 !important;
	font-family: 'Gentium Book Basic', serif;
	font-size: 0.8em;
	line-height: 1.4em;
}
#content .navigation{
	width: 100%;
	min-height: 50px;
	margin-bottom: 32px;
}
#content .navigation .next-posts a, #content .navigation .prev-posts a{
	display: block;
	font-size: 1.6em;
	color: #000;
	width: 180px;
	padding: 18px 12px 12px 16px;
	text-align: center;
	font-family: 'Univers59', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
#content .navigation .next-posts a{
	background-color: #000;
	color: #eaff1e;
	float: right;
}
#content .navigation .next-posts a:hover{
	background-color: #eaff1e;
	color: #000;
}
#content .navigation .prev-posts a{
	background-color: #000;
	color: #eaff1e;
	float: left;
}
#content .wallpaper h2{
	margin-bottom: 20px;
}
#content .wallpaper p, #content .wallpaper blockquote{
	display: none;
}
#content .wallpaper p:first-child{
	display: block;
}
#content .wallpaper .paper{
	width: 48%;
	margin-bottom: 8px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	line-height: 1.2em;
}
#content .wallpaper .paper:nth-child(odd){
	margin-right: 20px;
}
#content .category-the-desktop-wallpaper-project h3{
	display: none;
}
#content .wallpaper .paper h3{
	display: block !important;
	font-family: univers59;
    	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin-bottom: 12px;
}
#content .wallpaper .paper h3 a, #content .category-the-desktop-wallpaper-project h3 a{
	font-size: 2em;
	line-height: 1em;
}
#content .wallpaper .paper p{
	margin-bottom: 16px;
}
#content .wallpaper .paper ul, #content .category-the-desktop-wallpaper-project ul{
	margin-bottom: 24px;
}
#content .wallpaper .paper ul li, #content .category-the-desktop-wallpaper-project ul li{
	display: inline-block;
	padding: 0 2px;
	margin: 0 2px 6px 8px;
	position: relative;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .wallpaper .paper ul li:after, #content .category-the-desktop-wallpaper-project ul li:after{
	content: " • ";
	position: absolute;
	right: -12px;
}
#content .wallpaper .paper ul li:last-child:after, #content .category-the-desktop-wallpaper-project ul li:last-child:after{
	display: none;
}
#content .wallpaper .paper ul{
	width: 100%;
}
#content .wallpaper .paper ul li{
	font-size: 1.1em;
}
#content .category-the-desktop-wallpaper-project ul{
	width: 80%;
	margin: 0 auto 16px;
	text-align: center;
}
#content .category-the-desktop-wallpaper-project ul li{
	font-size: 1.4em;
	margin-bottom: 8px
}
#content .fourohfour{
	text-align: center;
	height: 700px;
	padding-top: 60px;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .fourohfour img{
	margin-bottom: 16px;
	width: 100%;
	max-width: 400px;
}
#content .fourohfour h2{
	font-size: 2.6em;
	color: #000;
	padding: 0;
	margin-bottom: 12px;
}
#content .fourohfour h2 em{
	font-style: italic;
}
#content .fourohfour p{
	font-size: 1.2em;
	margin-bottom: 24px;
}
#content .fourohfour #searchsubmit{
	display: none;
}
#content .fourohfour input[type=search]{
	-webkit-appearance: none;
	width: 70%;
	font-size: 20px;
	padding: 12px 8px 12px 42px;
	font-family: "OpenSans";
	border: none;
	background: #fff url(assets/images/search_large.png) 12px center no-repeat;
  -webkit-background-size: 20px 23px;
          background-size: 20px 23px;
  -webkit-box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);        
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .post .entry .profile{
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#content .post .entry .profile:last-child{
border:none;
}
#content .post .entry .profile img{
	width: 24% !important;
	display: inline-block !important;
	vertical-align: top;
	padding-right: 12px;
	overflow: hidden;
	-webkit-border-radius: 150px;
	border-radius: 150px;
}
#content .post .entry .profile .bio{
	display: inline-block;
	width: 70%;
}
#content .post .entry .profile .bio .links{
	margin-bottom: 0;
}
#content .mixtapes .paper{
	margin-bottom: 48px;
}
#content .mixtapes .paper .cover{
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
#content .mixtapes .paper .details{
	width: 75%;
	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#content .mixtapes .paper .details h3{
	font-size: 1.7em;
	margin-bottom: -14px;
}
#content .mixtapes .paper .details p{
	font-size: 1.2em;
	line-height: 1.6em;
}

/* Archive - Author */
#content .post.author .details{
/*	padding: 0 2.2em 24px;
*/}
#content .post.author span{
	display: inline-block;
	vertical-align: top;
}
#content .post.author .details .data{
	width: 74%;
	margin-left: 12px;

}
#footer_970{
	width: 970px;
	margin: 32px auto 0;
}

/* Footer ---- */
.ad-footer{
	display: none;
}
footer{
	background: #000 url(assets/images/footer_pattern.jpg) top left repeat;
  -webkit-background-size: 200px 200px;
          background-size: 200px 200px;
	padding: 40px 0;
	margin-top: 20px;
}
footer a{
	color: #999;
}
footer a:hover{
	color: #fff;
}
footer .inner{
	max-width: 1020px;
	margin: 0 auto;
}
footer .inner section{
	width: 25%;
	vertical-align: top;
	display: inline-block;
	font-size: 14px;
	padding: 0 32px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
footer .inner section div{
	margin-bottom: 36px;
	line-height: 24px;
	color: #999;
}
footer .inner section div p span{
	color: #333;
}
footer .inner section div p .year a{
	color: #fcfcfa;
	display: inline-block;
	margin-right: 8px;
}
footer .inner section h2{
	font-size: 1.4em;
	margin-bottom: 8px;
	color: #fcfcfa;
}
footer .inner section.wide{
	width: 50%;
}
footer .search{
	margin-top: 20px;
	width: 72%;
	margin: 0 auto;
}
footer .search label, footer .search #searchsubmit{
	display: none;
}
footer .search input[type=search]{
	-webkit-appearance: none;
	width: 100%;
	font-size: 1.4em;
	font-family: 'Univers59', sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.04em;
	padding: 16px 8px 12px 12px;
	border: 1px solid #000;

}
iframe{
  max-width: 100%;
}

/* Responsive Styles */

@media screen and (max-width: 1200px){
	#content{
		width: 67%;
	}
}

@media screen and (max-width: 1023px) {
	#container{
		padding: 0 0 0 60px;
		max-width: 1023px;
	}
	#header .nav{
		display: none;
	}
	#header .fox{
		left: 50%;
		margin-left: -88px;
		margin-top: 0px;
	}
#sidebar{
	display: inline-block;
	width: 2%;
	max-width: 300px;
	min-width: 300px;
	vertical-align: top;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#sidebar .contact{
 margin-bottom: 24px;	
}
#sidebar .contact a{
	display: block;
	width: 100%;
	background-color: ##eaff1e;
	color: #000;
	margin-bottom: 8px;
	padding: 14px 0 8px;
	font-size: 1.8em;
	text-align: center;
	letter-spacing: 2px;
	font-family: "Univers59", Helvetica, sans-serif;
	text-transform: uppercase;
}
#sidebar .contact a:hover{
	background-color: #ccff00;
}
#sidebar .contact p{
	text-align: center;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #666;
}
#sidebar .search{
	margin-bottom: 8px;
	position: relative;
}
#sidebar .search .search_btn{
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	width: 48px;
	height: 48px;
	background: #6d6a60 url(assets/images/ico_search.png) center center no-repeat;
}
#sidebar .search .search_btn:hover{
	background-color: #959182;
}
#sidebar .search #searchsubmit{
 	width: 48px;
	height: 48px;
	position: absolute;
	top: 2px;
	left: 0;
	-webkit-appearance: none;
	opacity: 0;
	cursor: pointer;
}
#sidebar .search input[type=search]{
	-webkit-appearance: none;
	font-family: "Univers59";
	text-transform: uppercase;
	color: #000;
	letter-spacing: 1px;
	width: 100%;
	font-size: 1.6em;
	padding: 14px 56px 12px 14px;
	border: 1px solid #999;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#sidebar .ad-holder #azk63060{
	border: 1px solid #dedede;
	height: 600px;
	margin-bottom: 12px;
}
#sidebar .ad-holder{
	text-align: center;
	font-size: 12px;
}
#sidebar .host{
	margin-top: 24px;
	text-align: center;
}
	#content{
		width: 60%;
	}
}

@media screen and (max-width: 970px) {
	#header #leaderboard{
		display: none;
	}
	#header{
		height: 200px;
		padding: 20px 20px 0px 20px;
	}
	#footer_970{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#container{
		padding: 0;
		margin: 0 auto;
	}
	
	#header .mobile_menu{
		display: block;
		width: 60px;
		height: 28px;
		position: absolute;
		background: transparent url(http://thefoxisblack.com/blogimages/ico_mobile_menu@2x.png) top left no-repeat;
  	-webkit-background-size: 60px 28px;
    background-size: 60px 28px;
    z-index: 10;
    cursor: pointer;
	}
	#sidebar{
		display: none;
	}
	#sidebar .header{
		width: 100%;
		padding: 8px 32px;
		background-color: #333;
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		-webkit-box-shadow: 0px 1px 5px 0px rgba(1, 1, 0, 0.4);
    box-shadow: 0px 1px 5px 0px rgba(1, 1, 0, 0.4);
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	#sidebar h1{
		width: 49px;
		height: 42px;
		margin: 0 auto;
	}
	#sidebar h1 a{
		width: 49px;
		height: 42px;
		float: none;
	}
	#sidebar nav{
		position: absolute;
		z-index: 5;
		left: 0;
		width: 100%;
		background-color: #fff;
		visibility: hidden;
		-webkit-box-shadow: 0px 2px 8px 0px rgba(1, 1, 0, 0.3);
    box-shadow: 0px 2px 8px 0px rgba(1, 1, 0, 0.3);
		-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; 
	}
	#sidebar nav.active{
		bottom: auto;
		visibility: visible;
		top: 62px !important;
	  -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; 
	}
	#sidebar ul{
		margin-bottom: 0;
	}
	#sidebar ul li{
		background: none;
		border-bottom: 1px solid #dfdfdf;
		text-align: center;
		padding: 0 20px;
	}
	#sidebar ul li a{
		color: #555555;
	}
	#sidebar nav .about{
		border-bottom: 1px solid #dfdfdf;
		text-align: center;
		padding: 0 20px;
		padding: 12px 0 14px;
		font-weight: 500;
		line-height: 1.4em;
		margin-bottom: 0;
	}
	#sidebar .search{
		display: none;
	}
	#sidebar .host{
		display: none;
	}
	#sidebar .ad-holder{
		display: none;
	}
	#sidebar .menu-btn{
		display: block;
	}

	#content{
		display: block;
		width: 100%;
		padding: 0 32px;
	}
	#content .top-social{
		display: none;
	}
	#content .post{
		margin-bottom: 64px;
	}
	#content .post h2{
		padding: 32px 12px 0;
		margin-bottom: 12px;
	}
	#content .post h2 a{
		font-size: 2em;
		line-height: 1.2em;
	}
	#content .post .entry{
		padding: 0 12px;
		margin-bottom: 32px;
	}
	#content .post .entry p{
		font-size: 1.3em;
	}
	#content .post .meta{
		padding: 12px 12px;
	}
	#content .post .meta .avatar{
		width: 40px;
		height: 40px;
	}
	#content .post .meta p.author{
		color: #666;
		font-size: 1.1em;
		text-transform: uppercase;
		padding: 8px;
		letter-spacing: 1px;
	}
	#content .post .meta p.textby{
		margin-top: 0px;
		font-size: 12px;
	}
	#content .navigation{
	width: 100%;
	min-height: 50px;
	margin-bottom: 52px;

	}
	footer{
		margin-top: 0;
		padding: 32px 0; 
	}
	footer .inner section{
		width: 48%;
		padding: 0 32px;
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	footer .inner section.wide{
		display: block;
		width: 100%;
	}
	footer .inner section .archive{
		display: none;
	}

}

@media screen and (max-width: 460px) {
	#header{
		position: relative;
		height: 132px;
		padding: 18px 18px 0px 18px;
		font-size: 1.1em;
		margin-bottom: 4px;
	}
	#header .leaderboard{
		display: none;
	}
	#header .fox .logo, #header .fox div{
		display: block;
	}
	#header .fox div p{
		display: none;
	}
	#header .fox{
		position: absolute;
		left: auto;
		width: 100%;
		text-align: center;
		margin: 0 auto 0;
		padding-top: 4px;
	}
	#header .fox .logo{
		display: block;
		background: transparent url(assets/images/fox_mobile@2x.png) top left no-repeat;
		margin: 0 112px;
		background-size: 98px 86px;
		width: 98px;
		height: 86px;
	}
	#header .fox div{
		display: block;
		vertical-align: top;
		padding-top: 16px;
		margin-left: 0;
		text-align: center;
		width: 100%;
		-webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
	#header .fox div h1{
		font-size: 2em;
		line-height: 0.9em;
		text-transform: uppercase;
	}

	#sidebar .header{
		padding: 8px 12px;
	}

	#content{
		padding: 0;
	}
	#content .post{
		margin-bottom: 40px;
	}
	#content .post h2{
		padding: 24px 18px 0;
		margin-bottom: 20px;
		text-align: center;
	}
	#content .post h2 a{
		font-size: 2em;
		line-height: 1em;
	}
	#content .post .entry{
		padding: 0 18px;
		margin-bottom: 16px;
	}
	#content .post .entry p{
		font-size: 1.1em;
		margin-bottom: 1.1em;
	}
	#content .post .entry blockquote{
		font-size: 1em;
		line-height: 1.8em;
		color: #666;
		padding: 0em 0em 0 1.4em;
			margin-bottom: 12px;
		margin-top: 12px;
		border-left: solid 4px #eaff1e;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#content .post a.more-link{
		display: block;
		font-size: 1.4em;
		margin-top: 16px;
		margin-bottom: 24px;
	}
	#content .post .meta{
		padding: 12px 12px 4px 12px;
		margin-top: 8px;
		text-align: center;
	}
	#content .post .meta .like {
		display: none;
	}
	#content .post .meta p.textby{
		margin-top: 0px;
		font-size: 12px;
	}
	#content .post .meta .avatar{
		display: none;
	}
	#content .post .meta p.author{
		font-size: 1.2em;
		line-height: 1.1em;
		padding-top: 0px;
		font-family: 'Univers59', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		padding-top: 4px;
	}
	#content .post .meta p.date{
		font-size: 12px;
	}
	#content .post .meta p.date span{
		display: none;
	}
	#content .related{
		display: none;
	}
	#content .navigation{
		padding: 0 20px;
		min-height: 52px;
		margin-bottom: 28px;
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	#content .navigation .next-posts a, #content .navigation .prev-posts a{
		font-size: 24px;
		width: 114px;
		padding: 16px 8px;
	}
	#content .wallpaper .paper{
		width: 100%;
		display: block;
	}
	#content .category-the-desktop-wallpaper-project ul{
		width: 96%;
	}
	#content .category-the-desktop-wallpaper-project ul li{
		font-size: 1.1em;
	}
	#content .post .entry .profile img{
		width: 100% !important;
		padding-right: 0;
		margin-bottom: 12px;
	}
	#content .post .entry .profile .bio{
		width: 100%;
	}
	#content .post.author .details .avatar{
		display: none;
	}
	#content .post.author .details .data{
		width: 100%;
		margin: 0;
	}	

	footer{
		margin-top: 20px;
		padding: 28px 12px;
	}
	footer .inner section div{
		margin-bottom: 24px;
		line-height: 24px;
		color: #999; 
	}
	footer .inner section{
		width: 100%;
		padding: 0 12px;
		margin-bottom: 0;
	}
	footer .inner .search{
		width: 100%;
		padding: 0 6px;
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}

}

#menu{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  font-family: OpenSans, sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
}
#menu.open{
  opacity: 1;
  visibility: visible;
}
#menu ul{
  margin-top: 16px;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: none;

}
#menu ul li {
  font-family: Helvetica, sans-serif;
  letter-spacing: 2px;
  text-transform: none;
  list-style: none;
  color: #fff;
  text-align: center;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}
#menu ul li a {
  color: #fff;
  display: block;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: none;
  margin: 0 auto;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  padding: 24px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}
#menu ul li.last a{
  border: none;
  display: inline-block;

}
#menu p.about{
  text-align: center;
  color: #fff;
 
}
#menu p.about a{
  display: inline-block;
  padding: 0 12px;
  color: #fff;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: none;
  text-decoration: none;
  padding: 20px 12px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}