.post {
	padding-bottom: 5em;
	border-bottom: 1pt solid #cccccc;
	margin-bottom: 4em;
}

a.next, a.prev {
	width: 50px;
	height: 50px;
	float: left;
	margin-bottom: 30px;
	margin-right: 2%;
	position: relative;
	background-color: #999999;
	color: white;
	-moz-border-radius: 3pt;
	-webkit-border-radius: 100%;
	border: none;
	background-position: 0;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	font-size: 60px;
	font-weight: normal;
	margin-top: 2em;
	font-family: NexaSlab-Book, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}

a.random {
	padding: 15px;
	margin-bottom: 30px;
	background-color: #999999;
	text-align: center;
	color: white;
	font-size: 20px;
	border-radius: 30px;
	text-decoration: none;
	font-weight: normal;
	font-family: NexaSlab-Book, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	display: block;
}

.postnotesbox {
	margin-bottom: 3em;
	padding-top: 3em;
	border-top: 1pt solid #cccccc;
	margin-top: 2em;
}

a.postnoteslink {
	text-decoration: none;
}

a.postnoteslink:active, a.postnoteslink:hover {
	color: #666666;
}

a.next:hover, a.prev:hover, a.random:hover {
	background-color: #c00c20;
}

	.f-dropdown.open {
		left: 27% !important;
	}


	.grabbags, .numbers, .quote, ul.quotenew, ul.newnumberone, ul.newnumbertwo, ul.newnumberthree, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
    width: 100%;
    }
    
    post.img {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    img.postimage {
		min-width: 60%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}


/* Tumblr Notes */

.postnotes {
	display: none;
}

li.note {
	color: #666666;
	margin-bottom: .8em;
	padding-bottom: 0;
	display: inline-block;
	width: 100%;
}

li.note.like:active, li.note.like:hover, li.note.tag:active, li.note.tag:hover, li.note.reblog:active, li.note.reblog:hover {
	opacity: 1;
	margin-left: .2em;
}

li.note.like, li.note.tag {
	margin-bottom: .4em;
	margin-top: .4em;
	margin-left: .2em;
	opacity: .8;
}

li.note.reblog, li.note.reply {
	margin-bottom: .4em;
	margin-top: .4em;
	margin-left: .2em;
	opacity: .8;
	display: inline-block;
}

li.note.reblog.with_commentary {
	margin-bottom: .6em;
	margin-top: .6em;
	margin-left: 0;
	opacity: 1;
	color: black;
}

li.note a {
	color: #999999;
	font-size: inherit;
	font-family: NexaSlab-Bold, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

li.note.like .avatar_frame, li.note.tag .avatar_frame {
display: block;
float: left;
height: 36px;
width: 36px;
padding: 0px;
margin-right: .5em;
}

li.note.like img.avatar, li.note.tag img.avatar {
    height: 36px;
	width: 36px;
	margin-right: 0px;
	padding: 0px;
	display: block;
	border-radius: 2em;
}

li.note.like a, li.note.tag a {
	color: #999999;
}


li.note.reblog .avatar_frame, li.note.reply .avatar_frame {
display: block;
float: left;
height: 36px;
width: 36px;
padding: 0px;
margin-right: .5em;
}

li.note.reblog img.avatar, li.note.reply img.avatar {
    height: 36px;
    width: 36px;
    margin-right: 0;
    padding: 0px;
    display: block;
	border-radius: 2em;
}

li.note.reblog.with_commentary .avatar_frame {
display: block;
float: left;
height: 64px;
width: 64px;
padding: 0px;
margin-right: .5;
}

li.note.reblog.with_commentary img.avatar {
    height: 64px;
    width: 64px;
    margin-right: 0px;
    padding: 0px;
    display: block;
}

li.note.like .action, li.note.tag .action {
display: block;
float: none;
max-width: 100%;
margin-left: 0;
margin-right: 1em;
margin-top: 0.2em;
margin-bottom: .2em;
overflow: hidden;
font-size: .8em;
max-width: 70%;
}

li.note.reblog .action {
display: block;
float: none;
max-width: 80%;
margin-left: 0;
margin-right: 1em;
margin-top: 0.2em;
margin-bottom: .2em;
overflow: hidden;
font-size: .7em;
}

li.note.reblog.with_commentary .action {
max-width: 60%;
}

li.note.reblog .action a.tumblelog {
display: block;
font-size: 1.5em;
line-height: 1em;
margin-top: .3em;
word-wrap:break-word;
}

li.note.reblog.with_commentary .action a.tumblelog {
color: #c00c20;
}


li.note.with_commentary {
	border:	1pt solid #999999;
	padding: .3em;
}

li.note.reblog blockquote {
	border-left: none;
	display: block;
	clear: both;
	margin: 0;
}

li.note.reblog blockquote a:before {
	content: "\201C";
	color: #999999;
	display: inline;
}

li.note.reblog blockquote a:after {
	content: "\201D";
	color: #999999;
	display: inline;
}

li.note.reblog blockquote p {
	display: inline;
}

li.note.reblog blockquote a {
	color: #999999;
	text-decoration: none;
	font-family: NexaSlab-Book, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	display: iline;
}


@media only screen and (min-width: 832px) {

.text, .link, .caption {
	font-size: 1em;
	padding-left: 15%;
	padding-right: 15%;
}

.audio .caption, .video .caption {
	text-align: center;
}

.text h1, .text h2, .link h1, .link h2, .caption h1, .caption h2, .caption h5 {
	text-align: center; 
	text-align: center;
	padding-right: 0;
	width: 90%;
	padding-left: 0;
	margin-left: 5%;
	margin-right: 5%;
}

.post .quote {
	font-size: 1.1em;
	padding-left: 10%;
	padding-right: 10%;
}

.post .numbers ul {
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}

.post .aside p {
	width: 100%;
	font-size: 1.2em;
}

.photoset-grid {
margin-left: auto;
margin-right: auto;
padding-bottom: 1em;
}

.share_icons, .clock {
max-width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.grabbags ul, ul.grabbagtwo, ul.grabbagthree, ul.grabbagfour, ul.grabbagfive {
    width: 80%;
    margin-left: 10%;
	margin-right: 10%;
    }
    
p.officehours, blockquote.officehours {
	width: 90%;
}

.note img {
	margin: 0;
	padding-right: 1em;
	display: inline;
}

	ol.notes {
		column-count: 3;
		column-gap: 10px;
		-moz-column-count: 3;
		-moz-column-gap: 10px;
		-webkit-column-count: 3;
		-webkit-column-gap: 10px;
		margin-left: 0;
		list-style: none;
	
	}
	
	.audio-embed { width: 100%; height: 100%; max-width: 600px; max-height: 500px; margin-left: auto; margin-right: auto; margin-bottom: 1em; }

	.audio-embed iframe.spotify_audio_player { width: 100%; height: 100%; max-width: 600px; max-height: 500px; margin-left: auto; margin-right: auto; }


}

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

	a.next, a.prev {
		margin-top: 0;
	}
	
	a.prev {
		float: right;
	}
	
	a.next {
		float: left;
	}
	
	ol.notes {
		column-count: 2;
		column-gap: 10px;
		-moz-column-count: 2;
		-moz-column-gap: 10px;
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		margin-left: 0;
		list-style: none;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.audio-embed { width: 100%; max-width: 600px; margin-left: 0; margin-right: auto; margin-bottom: 1em; margin-top: 1em;}

	.audio-embed iframe.spotify_audio_player { width: 100%; height: 80px; max-width: 600px; max-height: 80px; margin-left: 0; margin-right: auto;}
 }


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

	.post {
		padding-bottom: 8em;
		border-bottom: 1pt solid #cccccc;
		margin-bottom: 4em;
	}

	.postnotesbox {
		margin-bottom: 3em;
		padding-top: 3em;
		border-top: 1pt solid #cccccc;
		margin-top: 5em;
	}

	a.next, a.prev, a.random {
		zoom: .8;
	}

	ol.notes {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		margin-left: 0;
		list-style: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;	
	}
	
	li.note.like {
		opacity: 1;
	}
	
	li.note.reblog {
		opacity: 1;
		display: inline-block;
	}

	
.postnotes {
	display: none;
}

li.note {
	color: #666666;
	margin-bottom: .8em;
	padding-bottom: 0;
	display: inline-block;
	width: 100%;
}

li.note.like:active, li.note.like:hover, li.note.reblog:active, li.note.reblog:hover {
	opacity: 1;
	margin-left: .2em;
}

li.note.like {
	margin-bottom: .4em;
	margin-top: .4em;
	margin-left: .2em;
	opacity: .8;
}

li.note.reblog {
	margin-bottom: .4em;
	margin-top: .4em;
	margin-left: .2em;
	opacity: .8;
	display: block;
	padding-top: .5em;
	padding-bottom: .5em;
}

li.note.reblog.with_commentary {
	margin-bottom: .6em;
	margin-top: .6em;
	margin-left: 0;
	opacity: 1;
	color: black;
}

li.note a {
	color: #999999;
	font-size: inherit;
	font-family: NexaSlab-Bold, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

li.note.like .avatar_frame {
display: block;
float: left;
height: 24px;
width: 24px;
padding: 0px;
margin-right: .5em;
}

li.note.like img.avatar {
    height: 24px;
	width: 24px;
	margin-right: 0px;
	padding: 0px;
	display: block;
	border-radius: 2em;
}

li.note.like a {
	color: #999999;
}


li.note.reblog .avatar_frame {
display: block;
float: left;
height: 24px;
width: 24px;
padding: 0px;
margin-right: .5em;
}

li.note.reblog img.avatar {
    height: 24px;
    width: 24px;
    margin-right: 0;
    padding: 0px;
    display: block;
	border-radius: 2em;
}

li.note.reblog.with_commentary .avatar_frame {
display: block;
float: left;
height: 56px;
width: 56px;
padding: 0px;
margin-right: .5;
}

li.note.reblog.with_commentary img.avatar {
    height: 56px;
    width: 56px;
    margin-right: 0px;
    padding: 0px;
    display: block;
}

li.note.like .action {
display: block;
float: none;
max-width: 100%;
margin-left: 0;
margin-right: 1em;
margin-top: 0.2em;
margin-bottom: .2em;
overflow: hidden;
font-size: 1em;
max-width: 70%;
}

li.note.reblog .action {
display: block;
float: none;
max-width: 80%;
margin-left: 0;
margin-right: 1em;
margin-top: 0;
margin-bottom: .2em;
overflow: hidden;
font-size: 1em;
}

li.note.reblog.with_commentary .action {
max-width: 60%;
}

li.note.reblog .action a.tumblelog {
display: inline;
font-size: 1.2em;
line-height: 1em;
margin-top: .3em;
word-wrap:break-word;
}

li.note.reblog.with_commentary .action a.tumblelog {
color: #c00c20;
}


li.note.with_commentary {
	border:	1pt solid #999999;
	padding: .3em;
}

li.note.reblog blockquote {
	border-left: none;
	display: block;
	clear: both;
	margin: 0;
}

li.note.reblog blockquote a:before {
	content: "\201C";
	color: #999999;
	display: inline;
}

li.note.reblog blockquote a:after {
	content: "\201D";
	color: #999999;
	display: inline;
}

li.note.reblog blockquote p {
	display: inline;
}

li.note.reblog blockquote a {
	color: #999999;
	text-decoration: none;
	font-family: NexaSlab-Book, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	display: iline;
}

	
}