/* -----------------------------------------------------------

   The New Yorker
   A Premium Tumblr Theme by Pixel Union
   the-new-yorker-theme.tumblr.com
   version: 1.1.0
   
   ----------------------------------------------------------- */

/* YUI Reset: http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}fieldset,img,abbr,acronym{border:0}

/* Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */
body { font:13px/1.231 sans-serif; *font-size:small; *font:x-small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* -----------------------------------------------------
	M I N I M A L  B A S E  S T Y L E S
   ----------------------------------------------------- */

body, input, textarea { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
h1,h2,h3,h4,h5,h6 { color: #000; font-family: 'Lato', 'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-weight: bold; line-height: 1.2; margin-bottom: 18px; font-weight: bold; text-rendering: optimizeLegibility; }
h1 { font-size: 30px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
a, a:active, a:visited { color: #000; text-decoration: none; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}
/* Align checkboxes, radios, text inputs with their label 
by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } 
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; -webkit-apperance: none;}
/* Selection */
/*
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/
/* j.mp/webkit-tap-highlight-color */
/* a:link { -webkit-tap-highlight-color: #FF5E99; } */
/* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* 
 * Non-semantic helper classes 
 */
/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
.icon { display: block; position: absolute; left: 0; top: 0; }


/* -----------------------------------------------------
	C O R E  S T Y L E S
   ----------------------------------------------------- */

body {
	background: #E9E8DB url(http://static.tumblr.com/njty47g/Dgllqv05s/bg.jpg) repeat;
	font-size: 14px;
	line-height: 22px;
}

#page { 
	width: 940px;
	margin: 0 auto;
}
#header { 
	position: relative;
}
	.custom_banner #header {
		padding-top: 25px;
	}
#logo h1 {
	font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 70px;
	letter-spacing: 3px;
	line-height: 1em;
	text-shadow: 4px 5px #EEEEE3, 5px 6px rgba(0, 0, 0, 0.13);
	text-align: center;
/* 	padding: 1.2em 1.8em; */
	padding: 1.1em 2.5em 1em;
	margin: 0;
	-webkit-transform: matrix(1, -0.23, 0, 1, 0, 0);
	   -moz-transform: matrix(1, -0.23, 0, 1, 0, 0);
	     -o-transform: matrix(1, -0.23, 0, 1, 0, 0);
}
#logo h1 a { font-weight: normal; }
#logo h4 {
	font-size: 11px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1.6;
	text-align: center;
	-webkit-transform: matrix(1, -0.23, 0, 1, 0, 0);
	   -moz-transform: matrix(1, -0.23, 0, 1, 0, 0);
	     -o-transform: matrix(1, -0.23, 0, 1, 0, 0);
	margin-top: -60px;
	margin-bottom: 50px;
	padding: 0 250px;
}
#top_icon {
	background-image: url(http://static.tumblr.com/njty47g/nY5lqv25r/top_icon.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 23px;
	height: 45px;
	position: absolute;
	left: 50%;
	top: 25px;
	margin-left: -11px;
}
#header .mustache { 
	background-position: left bottom;
	width: 79px;
	height: 24px;
	margin-left: -39px;
	top: 35px;
}
#header .lips { 
	background-position: left top;
	width: 75px;
	height: 27px;
	margin-left: -37px;
	top: 35px;
}
	.custom_icon #header #top_icon {
		background: none;
		width: 950px;
		height: auto;
		margin-left: 0;
		left: 0;
		text-align: center;
		position: static;
		padding-top: 25px;
	}
	.custom_icon #header #top_icon img {
		max-height: 100px;
	}
	.custom_icon #logo h1 {
		padding-top: 0.1em;
	}

#banner { 
	text-align: center; 
	padding-bottom: 25px;
}
#content {
	padding-top: 50px;
}

/* -----------------------------------------------------
	T O P  B A R
   ----------------------------------------------------- */
   
#top_bar {
	text-transform: uppercase;
	font-size: 12px; 
	letter-spacing: 0.5px;
	background-image: url(http://static.tumblr.com/hugxd2w/V96lzpz5p/top-bar-light.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 940px;
	height: 100px;
	position: relative;
	z-index: 3;
}
#top_bar a { font-weight: normal; }
.toggleable > div,
.social_icons {
	background:url(http://static.tumblr.com/njty47g/GTXlqv6zx/dotted.gif) repeat;
}
.toggleable > div.enabled { background: none; }
#top_bar ul { margin: 0; }
#top_bar .icon { 
	background: url(http://static.tumblr.com/hugxd2w/V96lzpz5p/top-bar-light.png) no-repeat;
}
#top_bar .profile {
	width: 212px;
	height: 56px;
	padding: 3px 4px;
        z-index: 1;
}
#top_bar .profile a {
	display: block;
	height: 56px;
	font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
	letter-spacing: 1px;
	position: relative;	
	line-height: 55px;
	padding-left: 60px;
}
#top_bar .profile .icon {
	background-position: -53px -178px;
	width: 17px;
	height: 31px;
	position: absolute;
	left: 25px;
	top: 11px;
}
#top_bar .profile a:hover,
#top_bar .profile.active a {
	background-color: #000;
	color: #EEEEE3;
}
#top_bar .profile a:hover .icon,
#top_bar .profile.active a .icon {
	background-position: -34px -178px;
}

#top_bar .female .icon {
	background-position: -17px -178px;
	width: 15px;
	height: 31px;
	left: 25px;
}
#top_bar .female.active a .icon, #top_bar .female a:hover .icon {
	background-position: 0px -178px;
}


#top_bar .links {
	position: absolute;
	left: 4px;
	bottom: 4px;
	width:212px;
	height: 34px;
	line-height: 34px;
}
#top_bar .links li { 
	display: inline-block; 
	padding-left: 20px;
}
#top_bar .links li a:hover { 
	border-bottom: 1px dotted #000;
}
#top_bar .random a,
#top_bar .submit a,
#top_bar .ask a,
#top_bar .likes a { 
	position: relative; 
	display: block;
	height: 26px;
	text-align: center;
	padding-top: 66px;
	line-height: 1;
}
#top_bar .random {
	position: absolute;
	left: 219px;
	top: 3px;
	width: 87px;
	height: 94px;
}
#top_bar .random .icon {
	background-position: -866px -140px;
	width: 37px;
	height: 26px;
	left: 26px;
	top: 19px;
}
#top_bar .random.enabled:hover, #top_bar .submit.enabled:hover, #top_bar .ask.enabled:hover, #top_bar .likes.enabled:hover {
	background: #000;
}
#top_bar .random:hover a, #top_bar .random a:hover,
#top_bar .submit:hover a, #top_bar .submit a:hover,
#top_bar .ask:hover a, #top_bar .ask a:hover,
#top_bar .likes:hover a, #top_bar .likes a:hover {
	color: #edede2;
}
#top_bar .random:hover .icon {
	background-position: -866px -102px;
}
#top_bar .submit {
	position: absolute;
	left: 310px;
	top: 3px;
	width: 75px;
	height: 93px;
}
#top_bar .submit .icon {
	background-position: -101px -178px;
	width: 27px;
	height: 27px;
	left: 24px;
	top: 19px;
}
#top_bar .submit:hover .icon {
	background-position: -72px -178px;
}
#top_bar .ask {
	position: absolute;
	left: 388px;
	top: 3px;
	width: 62px;
	height: 93px;
}
#top_bar .ask .icon {
	background-position: -905px -140px;
	width: 19px;
	height: 29px;
	left: 21px;
	top: 23px;
}
#top_bar .ask:hover .icon {
	background-position: -905px -102px;
}

/* Likes */
#top_bar .likes {
	position: absolute;
	width: 156px;
	height: 38px;
	left: 453px;
	bottom: 3px
}
#top_bar .likes a {
	line-height: 38px;
	padding-top: 0;	
	padding-left: 41px;
	text-align: left;
}
#top_bar .likes .icon {
	background-position: -926px -115px;
	width: 14px;
	height: 11px;
	left: 16px;
	top: 13px;
}
#top_bar .likes:hover .icon {
	background-position: -926px -102px;
}

/* Pages */
#top_bar .pages {
	color: #000;
	position: absolute;
	left: 450px;
	top: 0;
	width: 244px;
	height: 60px;
	z-index: 6;
}
#top_bar .pages .container {
	position: relative;
	height: 60px;
	line-height: 60px;
}

#top_bar .pages .label {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	padding-left: 20px;
}

/* #top_bar .pages .container:hover .icon, */
#top_bar .pages .active .icon {
	background-position: -866px -130px;
}
/* #top_bar .pages .container:hover, */
#top_bar .pages .active {
	color: #EEEEE3;
	background-color: #000;
}

#top_bar .pages .icon {
	background-position: -879px -130px;
	width: 11px;
	height: 6px;
	left: 208px;
	top: 27px;
}
#top_bar .pages .dropdown {
	background: #000;
	width: 244px;
	margin-top: -5px;
	display: none;
	-webkit-border-bottom-right-radius: 5px;	        
	-webkit-border-bottom-left-radius: 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
}
#top_bar .pages .dropdown li {
	border-top: 1px solid rgba(255,255,255,0.2);
}
#top_bar .pages .dropdown a {
	font-size: 11px;
	display: block;
	color: #EEEEE3;
	padding: 14px 20px;
	line-height: 1;
}
#top_bar .pages .dropdown a:hover {
	background: rgba(255,255,255,0.12);
}
#top_bar .pages .dropdown li:last-child a {
	-webkit-border-bottom-right-radius: 5px;	        
	-webkit-border-bottom-left-radius: 5px;
	   -moz-border-radius: 0 0 5px 5px;
	        border-radius: 0 0 5px 5px;
}
/* #top_bar .pages .container:hover .dropdown, */
#top_bar .pages .active .dropdown {
	display: block;
}

/* Search */
#top_bar .search {
	width: 242px;
	height: 52px;
	position: absolute;
	right: 4px;
	top: 4px;
}
#search_form { 
	height: 52px;
	position: relative; 
}
#search_form .text {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px; 
	letter-spacing: 0.5px;
	background: none;
	border: 0;
	width: 173px;
	padding: 0 52px 0 17px;
	height: 52px;
}
#search_form .text:hover,
#search_form .text:focus {
	background: rgba(255,255,255,0.5);
}
#search_form .submit_search {
	background-position: -152px -178px;
	width: 20px;
	height: 20px;
	border: 0;
	right: 16px;
	top: 15px;
	left: auto;
}


/* Social Icons */

#top_bar .social_icons {
	position: absolute;
	right: 4px;
	bottom: 3px;
	width: 324px;
	height: 38px;
}
#top_bar .social_icons.has_navi {
	right: 17px;
}
#top_bar .social_icons ul {
	border-left:4px solid #000;
	position:absolute;
	right:0;
}
#top_bar .social_icons li {
	background: url(http://static.tumblr.com/njty47g/Dgllqv05s/bg.jpg);
	float: right;
	width: 36px;
	height: 38px;
}
.social_icons a {
	background: url(http://static.tumblr.com/hugxd2w/V96lzpz5p/top-bar-light.png) no-repeat;
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.social_icons .foursquare a { background-position: 0px -140px; }
.social_icons .skype a { background-position: -36px -140px; }
.social_icons .google a { background-position: -72px -140px; }
.social_icons .facebook a { background-position: -108px -140px; }
.social_icons .twitter a { background-position: -144px -140px; }
.social_icons .flickr a { background-position: -180px -140px; }
.social_icons .linkedin a { background-position: -216px -140px; }
.social_icons .gowalla a { background-position: -252px -140px; }
.social_icons .rdio a { background-position: -288px -140px; }
.social_icons .pinterest a { background-position: -324px -140px; }
.social_icons .mail a { background-position: -360px -140px; }
.social_icons .apple a { background-position: -396px -140px; }
.social_icons .vimeo a { background-position: -432px -140px; }
.social_icons .blogger a { background-position: -468px -140px; }
.social_icons .wordpress a { background-position: -504px -140px; }
.social_icons .myspace a { background-position: -540px -140px; }
.social_icons .lastfm a { background-position: -576px -140px; }
.social_icons .spotify a { background-position: -612px -140px; }
.social_icons .pinboard a { background-position: -648px -140px; }
.social_icons .behance a { background-position: -684px -140px; }
.social_icons .delicious a { background-position: -720px -140px; }
.social_icons .squarespace a { background-position: -756px -140px; }
.social_icons .dribbble a { background-position: -792px -140px; }
.social_icons .youtube a { background-position: -828px -140px; }

.social_icons .foursquare a:hover { background-position: 0px -102px; }
.social_icons .skype a:hover { background-position: -36px -102px; }
.social_icons .google a:hover { background-position: -72px -102px; }
.social_icons .facebook a:hover { background-position: -108px -102px; }
.social_icons .twitter a:hover { background-position: -144px -102px; }
.social_icons .flickr a:hover { background-position: -180px -102px; }
.social_icons .linkedin a:hover { background-position: -216px -102px; }
.social_icons .gowalla a:hover { background-position: -252px -102px; }
.social_icons .rdio a:hover { background-position: -288px -102px; }
.social_icons .pinterest a:hover { background-position: -324px -102px; }
.social_icons .mail a:hover { background-position: -360px -102px; }
.social_icons .apple a:hover { background-position: -396px -102px; }
.social_icons .vimeo a:hover { background-position: -432px -102px; }
.social_icons .blogger a:hover { background-position: -468px -102px; }
.social_icons .wordpress a:hover { background-position: -504px -102px; }
.social_icons .myspace a:hover { background-position: -540px -102px; }
.social_icons .lastfm a:hover { background-position: -576px -102px; }
.social_icons .spotify a:hover { background-position: -612px -102px; }
.social_icons .pinboard a:hover { background-position: -648px -102px; }
.social_icons .behance a:hover { background-position: -684px -102px; }
.social_icons .delicious a:hover { background-position: -720px -102px; }
.social_icons .squarespace a:hover { background-position: -756px -102px; }
.social_icons .dribbble a:hover { background-position: -792px -102px; }
.social_icons .youtube a:hover { background-position: -828px -102px; }

.social_icons a:hover {
	background-color: #000;
}

/* jCarousel */

.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	overflow: hidden;
}
.jcarousel-next, .jcarousel-prev {
	background: url(http://static.tumblr.com/hugxd2w/V96lzpz5p/top-bar-light.png) no-repeat;
	display: block;
	width: 17px;
	height: 38px;
	background-color: #000000;
	cursor: pointer;
	position: absolute;
	top: 0px;
}
.jcarousel-prev {
	background-position: -174px -180px;
	left: -17px;
}
.jcarousel-next {
	background-position: -193px -180px;
	right: -17px;
}

/* Profile Box */
#profile_box {
	background: url(http://static.tumblr.com/njty47g/Dgllqv05s/bg.jpg);
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0;	
	position: absolute;
	width: 932px;
	top: 100px;
	left: 0;
	border: 4px solid #000;
	border-top: 0;
	display: none;

}
#profile_box .section { padding: 25px; }
#profile_box h2 { 
	font-size: 13px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: 900;
}
#profile_box a { font-weight: 700; }
#profile_box .portrait {
	width: 128px;
	height: 128px;
	margin-bottom: 25px;
	float: left; 
	-webkit-border-radius: 64px;
	   -moz-border-radius: 64px;
	        border-radius: 64px;
}
#profile_box .profile_content { margin-left: 158px; }
#profile_box .tweet { font-size: 12px; line-height: 18px; padding-bottom: 10px; font-weight: normal; }
#profile_box .tweet_meta { font-size: 11px; display: block; padding-top: 10px; }
#profile_box_close { 
	color: #EEEEE3;
	background: #000;
	position: absolute; 
	right: -2px; 
	bottom: -2px;
	display: block;
	padding: 2px 7px;
	cursor: pointer;
	font-size: 12px;
}

/* -----------------------------------------------------
	P O S T  S T Y L E S
   ----------------------------------------------------- */

.rule_top {
	background: url(http://static.tumblr.com/njty47g/4S9lqvj18/rules.png) 180px top no-repeat;
	padding-top: 30px;
}
.post:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.post { 
	padding-bottom: 30px;
	position: relative;
}
.post_icon {
	position: absolute;
	left: 70px;
	top: 30px;
	width: 64px;
	text-align: center;
	
}
.post_icon a {
	background: url(http://static.tumblr.com/njty47g/ydOlqvma6/post_icons.png) no-repeat;
	display: inline-block;
}
.post_title {
	font-size: 26px;
}
.post .body { 
	width: 500px;
	margin-left: 180px; 
	float: left; 
}
.post .body a, .section a, #footer a {
	font-weight: 700;
}
.post .body .media, .copy p, .copy ul, .copy ol, .copy img, .copy blockquote {
	margin-bottom: 18px;
}
.post .media img, .post .media iframe {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.copy blockquote { border-left: 3px solid #000; padding-left: 12px; }
.copy ul { list-style-type: circle; }
.copy ul li, .copy ol li { padding: 2px; }
.copy img { max-width: 100%; display: block; }
.source { font-size: 11px; }

.meta { 
	width: 140px;
	float: right;
}
.meta a { font-weight: normal; }
.meta_list { margin: 0; padding-left: 10px; }
.meta .date {
	background: url(http://static.tumblr.com/njty47g/4S9lqvj18/rules.png) right top no-repeat;
	display: block;
	width: 140px;
	height: 68px;
	margin-bottom: 18px;
	margin-left: -10px;
	
}
.meta .date a { 
	display: block;
	position: relative;
	line-height: 1; 

}
.meta .date em {
	position: absolute;
	color: #545149; 
	font-size: 12px;
	left: 26px;
	top: 18px;
}
.meta .date span {
	display: block;
	position: absolute;
}
.meta .date .month {
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	left: 26px;
	top: 34px;
	letter-spacing: 0.5px;
}
.meta .date .day {
	font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 46px;
	float: right;
	right: 26px;
	top: 0px;
	line-height: 68px;	
}

.meta .notes,
.meta .comments,
.meta .reblogged_via {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}
.meta .notes a,
.meta .comments a,
.meta .reblogged_via a {
	display: block;
	position: relative;
	height: 11px;
	line-height: 11px;
	padding-left: 16px;
	opacity: 0.8;
}
.meta .notes a:hover,
.meta .comments a:hover,
.meta .reblogged_via a:hover {
	opacity: 1; 
}
.meta .notes .icon,
.meta .comments .icon,
.meta .reblogged_via .icon { 
	background: url(http://static.tumblr.com/njty47g/vk6lqxpdb/meta.png) left bottom no-repeat;
	width: 12px;
	height: 11px;
}
.meta .comments .icon { background-position: -13px bottom; }
.meta .reblogged_via .icon { background-position: -26px bottom; width: 13px; height: 12px; left: -1px; }

.tags {
	font-size: 10px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.tags strong {
	color: #000;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 1px;
}
.tags ul { margin: 0; }
.tags li,
.tags li a {
	color: #a6a298;
	background: url(http://static.tumblr.com/njty47g/vk6lqxpdb/meta.png);
	height: 19px;
	line-height: 19px;
}
.tags li {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
	white-space: pre;
}
.tags li a {
	display: block;
	background-repeat: repeat-x;
	background-position: right -20px;
	padding-right: 7px;
}
.tags li a:hover {
	color: #000;
}
.meta .share {
	position: relative;
	width: 90px;
	margin-top: 18px;
}
.meta .share_button {
	background-image: url(http://static.tumblr.com/njty47g/w0Vlqvvw8/share.png);
	background-position: left top;
	background-repeat: no-repeat;
	color: #EEEEE3;
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 84px;
	height: 20px;
	padding-left: 6px;
	line-height: 20px;
}
.meta .active .share_button, .meta .share_button:hover {
	background-position: left bottom;
}
.meta .sharebox {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	filter: alpha(opacity=0);
	background: #000;
	border: 2px solid #000;
	width: 230px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -140px;
	z-index: 4;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.meta .social_buttons {
	background: #deded5;
	min-height: 35px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;	
}
.meta .shorturl {
	padding:10px;
}
.meta .shorturl label {
	color: #7B786C;
	font-size: 12px;
	line-height: 1;	
	display: block;
	padding-bottom: 2px;
	text-align: center;
	cursor: default;
}
.meta .shorturl input {
	background: none;
	border: 0;
	width: 210px;
	color: #EEEEE3;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
.meta .sharebox .nipple {
	background-image: url(http://static.tumblr.com/njty47g/w0Vlqvvw8/share.png);
	background-position: right top;
	background-repeat: no-repeat;
	width: 16px;
	height: 14px;
	display: block;
	position: absolute;
	bottom: -14px;
	left: 130px;
}
.meta .sharebox .social_buttons  iframe {
	margin: 8px 0 0 10px !important;
}

.post .section { 
	width: 500px;
	margin-left: 180px; 
	margin-top: 10px;
	clear: both; 
	float: left;
}
.post .rule_top {
	background-position: left top;
}

/* -----------------------------------------------------
	T E X T
   ----------------------------------------------------- */

.type_text .post_icon a { 
	background-position: -1px top; 
	width: 52px;
	height: 49px;
}

/* -----------------------------------------------------
	P H O T O
   ----------------------------------------------------- */
   
.type_photo .post_icon a,
.type_photoset .post_icon a { 
	background-position: -1px -50px; 
	width: 57px;
	height: 36px;
}

/* -----------------------------------------------------
	P H O T O S E T
   ----------------------------------------------------- */

/* -----------------------------------------------------
	Q U O T E
   ----------------------------------------------------- */

.type_quote .post_icon a { 
	background-position: -1px -86px; 
	width: 61px;
	height: 50px;
}
.quote_wrap { 
	background-image: url(http://static.tumblr.com/njty47g/Obtlqvxyk/quote_texture.png);
	background-repeat: no-repeat;
	margin-bottom: 18px;
	position: relative;
}
.quote_top,.quote_bottom {
	background: url(http://static.tumblr.com/njty47g/aArlqvw7f/quote_ends.png) no-repeat;
	height: 28px;
}
.quote_bottom {
	background-position: left bottom;
}
.quote {
	background-image: url(http://static.tumblr.com/njty47g/phclqvxgu/quote_bg.png);
	background-repeat: repeat-y;
	color: #EEEEE3;
	padding: 0 30px;
}
.quote blockquote {
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
}
.quote a { color: #EEEEE3; }
.quote_nipple {
	background-image: url(http://static.tumblr.com/njty47g/F0Clqvy66/quote_nipple.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 34px;
	position: absolute;
	left: -32px;
	top: 14px;
}

/* -----------------------------------------------------
	L I N K
   ----------------------------------------------------- */

.type_link .post_icon a { 
	background-position: -1px -136px; 
	width: 61px;
	height: 48px;
}
.type_link .post_title a:hover { color: #000; }
.type_link .post_title .icon {
	background-image: url(http://static.tumblr.com/njty47g/JiGlqvyip/ext_link.png);
	background-repeat: no-repeat;
	width: 18px;
	height: 26px;
	position: relative;
	display: inline-block;
	margin-left: 5px;
	top: 4px;
}
   
/* -----------------------------------------------------
	C H A T
   ----------------------------------------------------- */

.type_chat .post_icon a { 
	background-position: -1px -226px; 
	width: 58px;
	height: 49px;
}

.chat { margin: 0 0 20px 0; }
.chat li:first-child { border-top: 0; }
.chat li, .like_chat .like_line { padding: 8px 0; border-top: 1px solid #B4AF9F; }
.chat .speaker, .like_chat .like_line strong { 
	font-weight: 900; 
	text-transform: uppercase;
	font-size: 12px; 
}
   

/* -----------------------------------------------------
	A U D I O
   ----------------------------------------------------- */

.type_audio .post_icon a { 
	background-position: -1px -184px; 
	width: 57px;
	height: 42px;
}
.player_container {
	position: relative;
	margin-bottom: 20px;
}
.album_wrap { 
	float: left; 
	height: 225px; 
	position: relative;
	margin-right: 25px;
}
.album_wrap div {
	height: 225px;
}
.album_left, .album_right, .audio_player, .audio_meta .download .icon {
	background-image: url(http://static.tumblr.com/njty47g/m2Ylqvzii/audio.png);
	background-repeat: no-repeat;
}
.album_left {
	width: 15px;
	background-position: left -1px;
	float: left;
	margin-right:3px;
}
.album_right {
	width: 16px;
	background-position: -17px 54px;
	float: left;
}
.album_art {
	background-image: url(http://static.tumblr.com/njty47g/aCglqvzf5/noalbum.png);
	background-repeat: no-repeat;
	width: 225px;
	margin-right: 3px;
	float: left; 
}
.album_art img { 
	width: 225px;
	height: 225px;
}
.player {  margin-left: 244px; }
.audio_player {
	background-position: -38px -1px;
	width: 210px;
	height: 31px;
	margin-bottom: 20px;
	padding: 3px 0 0 2px;
	display: inline-block;
}
.audio_meta span { display: block; line-height: 24px; }
.audio_meta .track_name,
.audio_meta .artist { 
	font-size: 22px;
	font-weight: 900;
}
.audio_meta .track_name { padding-bottom: 2px; }
.audio_meta .artist { font-size: 15px; font-weight: normal; }
.audio_meta .album { font-weight: 400; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;  }
.audio_meta .plays { 
	background-image: url(http://static.tumblr.com/njty47g/4S9lqvj18/rules.png);
	background-repeat: no-repeat;
	background-position: -760px -66px;
	padding-top: 4px;
	padding-right: 10px;
	margin: 6px 0;
	font-size: 12px; 
	margin-bottom: 8px;
	display: inline-block; 
}
.audio_meta .download { 
	color: #333;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	padding-left: 20px;
}
.audio_meta .download .icon {
	background-image: url(http://static.tumblr.com/njty47g/m2Ylqvzii/audio.png) ;
	background-position: -38px -35px;
	background-repeat: no-repeat;
	width: 12px;
	height: 21px;
	top: -4px;
}

   
/* -----------------------------------------------------
	V I D E O
   ----------------------------------------------------- */

.type_video .post_icon a { 
	background-position: -1px bottom; 
	width: 61px;
	height: 47px;
}

   
/* -----------------------------------------------------
	A N S W E R
   ----------------------------------------------------- */

.type_answer .post_icon a { 
	background: none;
	width: 64px;
	height: 64px;	
}
.type_answer .post_icon img {
	width: 64px;
	height: 64px;
	-webkit-border-radius: 32px;
	   -moz-border-radius: 32px;
	        border-radius: 32px;
}
.type_answer .quote blockquote {
	padding-left: 15px;
	margin-top: 13px;
	border-left: 3px solid #eeeee3;
}
   
/* -----------------------------------------------------
	N O T E S
   ----------------------------------------------------- */
   
#notes ol { margin : 0; list-style: none;}
ol.notes li {font-size: 13px; position: relative; padding: 8px 20px 8px 30px; border-bottom: 1px solid #B4AF9F; }
ol.notes li.reblog { background-position: right -48px;  }
ol.notes li.like { background-position: right 12px;}
ol.notes li.reply { background-position: right 12px;}
ol.notes li .avatar { position: absolute; left: 0; top: 11px; }
ol.notes li .action { }
ol.notes li .action a { }
ol.notes li blockquote { border-left: 3px solid #000; margin-top: 10px; padding: 2px 5px 2px 12px; }
ol.notes li:last-child { background-position: right -105px; border: 0; }
ol.notes li.more_notes_link_container { background: none !important; }
#disqus { padding-bottom: 20px; }

   
/* -----------------------------------------------------
	P A G I N A T I O N
   ----------------------------------------------------- */
   
#pagination {
	padding: 15px 0;
	padding-left: 180px;
}
#pagination div {
	float: left; 
}
#pagination .current_page span {
	color: #757165;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	width: 55px;
	margin-left: -55px;
	vertical-align: middle;
}
#pagination .current_page {
	font-family: "BebasNeueRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 38px;
	line-height: 1;
	margin-right: 25px;
}
#pagination .next, #pagination .prev {
	padding-top: 5px;
}
#pagination .next_prev a {
	background-image: url(http://static.tumblr.com/njty47g/MRvlqwjmp/footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	width: 34px;
	height: 28px;
	text-indent: -999em;
	margin-right: 5px;
}
#pagination .next_prev .next a {
	background-position: -41px top;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	F O O T E R
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
#footer {
	background-image: url(http://static.tumblr.com/njty47g/MRvlqwjmp/footer.png);
	background-position: left -31px;
	background-repeat: no-repeat;
	min-height: 42px;
	padding: 4px;
	margin-top: 40px;
	position: relative;
	padding-bottom: 70px;
}
#footer ul {
	float: left; 
	margin: 0;
}
#footer ul li {
	float: left;
	height: 42px;
	line-height: 42px;
}
#footer .links {
	width: 490px;
	margin-right: 4px;
	padding-left: 10px
}
#footer .links li {
	padding-left: 20px;
}
#footer .links a {
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
}
#footer a:hover {
	border-bottom: 1px dotted #000;
}
#footer .credits {
	
}
#footer .credits .theme {
	width: 249px;
	margin-right: 4px;
	text-align: center;
}
#footer .credits .tumblr {
	width: 174px;
	text-align: center;
}
#footer .credits .copyright {
	width: 940px;
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 50px;
}

/*
 * End of CSS
 */