/* ********** TYPOGRPAHY ********** */
body { 
	color: #131313; 
	font-family: "Times New Roman", serif;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

a, a:visited { 
	color: #131313; 
	text-decoration: none;
}
a:hover {
	color: #666666;
}
.category, .menu {
    font-weight:300 ;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}
.sub-menu, .date, .read_more_container, header, .notes, .source, .tab-controls, .section-title, .pager {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}
article .title, article .quote-body{ 
	font-family:'Georgia', serif;
	font-size: 30px;
	line-height: 30px;
}
.menu a:hover, .sub-menu a:hover {
	color: #131313;
	text-decoration: underline;
}

/* ********** LAYOUT ********** */
html, body { height:100%; min-height: 100%; }
.container {
    min-width: 569px;
	min-height: 100%;
	height: 100%;
    padding: 0 0 0 225px;
}
.container .column { 
	float: left;
}
nav { 
	width: 225px;
	min-height: 100%;
    margin-left: -225px;
	position: fixed;
    z-index: 100;
    -webkit-box-shadow: 2px 0px 2px rgba(100, 100, 100, 0.3);
    -moz-box-shadow:    2px 0px 2px rgba(100, 100, 100, 0.3);
    box-shadow:         2px 0px 2px rgba(100, 100, 100, 0.3);
}
#main { 
    margin-top: 30px;
    width: 600px;
}
#main .holder { 
}
nav {
	padding-top: 70px;
}

/* Header */

header {
    position: fixed;
	height: 34px;
    width: 100%;
    background: #FFF;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 4px -1px #CCC;
    -moz-box-shadow: 0 2px 4px -1px #CCC;
    box-shadow: 0 2px 4px -1px #CCC;
}
header .controls { 
	height: 34px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
}
header .controls .back {
	padding-left: 60px;
	padding-right: 20px;
	background: url('http://static.tumblr.com/wqcsqza/ojgm9ky33/double_arrow_small.png') no-repeat 24px 8px;
}
header .controls .button {
	width: 40px;	
	padding: 0;
	display: inline-block;
}
header .share { display: inline; }
header .controls .twitter { background-position: 10px -62px; }
header .controls .facebook { background-position: 10px 6px; }
header .controls .pintrest { background-position: -59px 8px; }
header .controls a {
	height: 34px;
	display: inline-block;
	border-right: 1px solid #DEDEDE;
	line-height: 36px;
	padding: 0 10px;
	float: left;
}
header .controls a.notes {
    padding: 0 15px;
}
.arrow_left_small,
.arrow_right_small {
	background: url('http://static.tumblr.com/wqcsqza/TaKm9ky3r/arrows_small.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
header .arrow_left_small {
  background-position: 12px 8px;
}
header .arrow_right_small {
  background-position: -40px 8px;
}

header .branding { 
	padding: 2px 0;
	width: 100%;
}
header.post-video .pintrest, .post-video .pintrest { display: none; }

/* Nav */
.logo {
    width: 128px;
    height: 128px;
    border-radius: 64px;
    display: inline-block;
    overflow: hidden;
}
nav { 
	text-align: center; 
}
nav .site-description { 
	font-size: 12px;
	margin: 30px 0px 24px 0px; 
	line-height: 1.5em;
}
nav hr { 
	width: 33%; border: solid #131313; border-width: 1px 0 0; clear: both; height: 0; 
}
nav .main-menu {
	padding: 0 18px 100px 18px;
	padding-bottom: 220px;
}
nav .menu {
	margin: 28px 0;
}
nav .menu li { margin-bottom: 8px; }
nav .sub-menu {
	display: block;
	width: 225px;
	height: 90px;
	position:absolute;
	bottom: 60px;
	left: 0px;
}
nav .sub-menu li {
	margin-bottom: 6px;
}
nav a.current, nav a .current { text-decoration: underline; }

.social-links { margin-left: -20px; }
.social {
    height: 39px;
	width: 39px;
	display: inline-block;
    margin-right: -10px;
}
.facebook-dark,
.pintrest-dark,
.twitter-dark {
	background-image: url('http://static.tumblr.com/wqcsqza/9YRmbetsa/social-dark.png');
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
}
.twitter-dark {
  background-position: 10px -59px;
}
.facebook-dark {
  background-position: 10px 10px;
}
.pintrest-dark {
  background-position: -59px 10px;
}

/* *** POST LAYOUTS *** */

/* COMMON */
.post { position: relative; }
.post .date { 
    position: absolute;
    top: 0;
    left: 20px;
}
article {
    padding-left: 100px;
}
article .share { 
    border: 1px solid #DEDEDE;
    height: 40px;
    float: left;
}
article .share a {
    height: 39px;
	width: 39px;
	display: inline-block;
	border-left: 1px solid #DEDEDE;
}
article .share a:first-child { border-left: none; }
article .notes { 
    display: inline; 
    padding: 14px 0 0 20px; 
    float: left;
}
article .source { margin-bottom: 15px; display: block;}

.facebook,
.pintrest,
.twitter {
	background-image: url('http://static.tumblr.com/wqcsqza/aUpm9ky1f/social.png');
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
}
.twitter {
  background-position: 10px -59px;
}
.facebook {
  background-position: 10px 10px;
}
.pintrest {
  background-position: -59px 10px;
}
.ad { 
    display: block; 
    background: #F3F3F3;
}
.post-notes {
    padding-bottom: 20px;
    margin-top: -20px;
    width: 100%;
    text-align: center;
}
.post-notes .notes {
	font-family: "Times New Roman", serif;
	text-transform: none;
	font-size: 13px;
}
.post-notes li {
    margin-bottom: 4px;
    list-style: inside decimal;
}
.post-notes img { display:none; }
.spacer { padding: 0 3px; }

.quote-body { 
    font-family: Georgia, serif; 
}
.album-art {
    width: 250px;
    float: left;
}
.audio-meta { text-transform: uppercase; }
.album-art img { width: 220px; }
.audio-player { margin-bottom: 15px; }
.post-link .link { text-decoration: underline;}

.chat strong { font-weight: bold; }
.chat .line { padding-bottom: 15px; }

/* ONE */
article .title, article .quote-body, article .quote-source { 
	padding: 0 0 15px 0;
}
article p { 
    padding-bottom: 15px; 
}
article img , article iframe{
	max-width: 500px;
    margin-bottom: 15px;
}
article .caption .title {
	font-family:'Georgia';
	font-size: 30px;
	line-height: 30px;
}
.paging .next, .paging .prev { width: 40%; }
.paging .next { float: left; }
.paging .prev { float: right; text-align: right;}

.arrow_left,
.arrow_right {
	background: url('http://static.tumblr.com/wqcsqza/O5dm9ky5g/arrows.png') no-repeat;
	display: inline-block;
	cursor: pointer;
	padding: 20px;
}
.arrow_left {
  background-position: 20px 20px;
  width: 22px;
  height: 32px;
  left: 0px;
}
.arrow_right {
  background-position: -42px 20px;
  width: 22px;
  height: 32px;
  right: 0px;
  padding-right: 0;
}
.pager {
    position: relative;
    bottom: 32px;
}

/* TWO */
h2 { display: inline-block; }
article { 
	text-align: left; 
	margin-bottom: 40px;
	position: relative; 
    min-height: 260px;
}
article .caption {
	font-family: "Times New Roman", serif;
	font-size: 13px;
	line-height: 13px;
}
article .share { 
    display: inline-block; 
}
.type-tag article .notes { display: block; }

.type-tag .ad { margin-bottom: 40px; }

/* THREE */
.type-permalink .container { 
	width: 100%; 
	max-width: none;
	padding: 34px 0 0 0;
    height: auto;
    min-height: none;
}
.type-page #main, .type-permalink #main { 
    width: 100%;
}
.type-page article, .type-permalink article { 
	width: 750px; 
	margin: 0 auto;
	text-align: center;
    padding-top: 40px;
    margin-bottom: 40px;
    padding-left: 0;
}
.type-page article .title, .type-permalink article .title { 
	font-size: 56px;
	line-height: 56px;
	margin: 0 0 40px 0; 
    padding: 0;
    width: auto;
}
.type-permalink article img, .type-permalink article iframe { 
    max-width: 750px;
    margin: 0 auto 30px auto;
}
.type-page article .caption, .type-permalink article .caption {
	font-family: "Times New Roman", serif;
	font-size: 13px;
	line-height: 13px;
    padding: 0px 0 15px 0;
}
.type-permalink article p, .type-permalink article img { padding-bottom: 40px; }
.type-permalink article .caption p { padding-bottom: 15px; }

.type-page article .title, 
.type-page article p, 
.type-permalink article .title,
.type-permalink article p {
    width: auto;
}
.type-permalink .wrapper { text-align: center; } 
.type-permalink .date { position: relative; left: auto; top: auto; margin-top: 10px; } 

.type-permalink .post-audio { width: 500px; text-align: left; }
.type-permalink .post-audio.audio-embed { text-align: center; }

/* Page ONLY */
.type-page article { width: 500px; } 
.type-page article .title {
    font-size: 38px;
    text-transform: uppercase;
    line-height: auto;
    margin-bottom: 15px;
}

/* # Mobile
================================================== */

/* All sizes */
@media screen and (max-device-width: 480px),
@media screen and (min-device-width: 481px) 
{
}

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    nav { position: relative; } 
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    /*.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }*/

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }