/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #424242; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */


/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
*/
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * minimal base styles 
 */
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a { color:#607890; }
a:hover { color:#036; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
/* 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; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* Selections */
::-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; } 
/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
/* bicubic resizing for non-native sized IMG: */
.ie7 img { -ms-interpolation-mode: bicubic; }
input[type="search"] { -webkit-appearance: textfield; }
textarea, input{ outline:none;}



 /* Primary Styles
	MARS Theme - 1.0.0
	Premium Tumblr Theme
	http://marstheme.tumblr.com
	Theme by: Style Hatch - http://stylehatch.co
	Support: mars@stylehatch.co | @stylehatch | http://tumblr.com/theme/26587
 */
body {
	background: #3d3d3d url(http://static.tumblr.com/fftf9xi/IZSlgtwjy/bg.jpg) 0 0 repeat fixed;
	font: normal 14px/20px Georgia, Cambria, "Times New Roman", Times, serif;
	color: #333;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Structure
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main {
	margin: 20px auto;
	display: block;
	width: 940px;
}
body.wide #main {
	margin: 20px auto;
	width: 1160px;
}
body.columns #main {
	margin: 20px auto;
	width: 1140px;
}
aside {
	width: 280px;
	float: left;
}
#content {
	width: 640px;
	float: left;
	margin: 0 0 0 20px;
}
body.wide #content {
	width: 860px;
	margin: 0 0 0 20px;
}
body.columns #content {
	width: 840px;
	margin: 0 0 0 20px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	General
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Fonts
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Aside
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
aside {
	margin: 20px 0;
	padding: 20px 0 0 0;
}
aside header h1 {
	font-size: 32px;
	line-height: 36px;
	color: #ffffff;
	text-align: right;
}
aside header h1 a, aside header h1 a:hover {
	text-decoration: none;
	color: #ffffff;
}
aside header h1 img {
	margin-top: -20px;
}
aside header h4 {
	font-size: 22px;
	line-height: 26px;
	color: #ffffff;
	text-align: right;
	font-style: italic;
}
aside header nav ul {
	list-style-type: none;
	margin: 20px 0 40px 0;
	text-align: right;
}
aside header nav ul li {
	margin-bottom: 12px;
}
aside header nav ul li:last-child {
	margin-bottom: 0;
}
aside header nav ul li a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	padding: 4px 8px 4px 20px;
	margin-left: 20px;
	font-size: 16px;
	text-transform: uppercase;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
aside header nav ul li a:hover {
	color: #000000;
	background: #fff195;
	padding-left: 40px;
	margin-left: 0;
}
.sidebox {
	color: #ffffff;
	background: rgba(0,0,0,0.75);
	display: block;
	width: 232px;
	padding: 0 24px 24px 24px;
	margin: 60px 0 20px 0;
	position: relative;
	text-align: right;
}
html.ie6 .sidebox, html.ie7 .sidebox, html.ie8 .sidebox {
	background: #000000;
} 
.sidebox header {
	display: block;
	background: rgba(0,0,0,0.75);
	position: absolute;
	height: 24px;
	width: 256px;
	margin-right: -24px;
	top: -24px;
	}
html.ie6 .sidebox header, html.ie7 .sidebox header, html.ie8 .sidebox header {
	background: #000000;
}
.sidebox header span {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: -24px;
	overflow: hidden;
}
html.ie6 .sidebox header span, html.ie7 .sidebox header span, html.ie8 .sidebox header span {
	background: #000000;
}
.sidebox header span:before {
	content: "\00a0";
	display: block;
	height: 34px;
	width: 34px;
	position: absolute;
	top: 7px;
	left: 7px;
	background: rgba(0,0,0,0.75);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.sidebox h4 {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
}
.sidebox p {
	margin-bottom: 16px;
}
.sidebox a {
	color: #fff195;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
.sidebox a:hover {
	background: #000000;
}
.sidebox .description .icon {
	float: right;
	vertical-align: top;
	margin: 6px 0 0 8px;
}
.sidebox p a {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.sidebox .authors {
	margin: 16px 0;
}
.sidebox .authors:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 0 0 10px 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox .authors h4 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}
.sidebox .authors .icon {
	float: right;
	vertical-align: top;
	margin: 3px 0 0 8px;
}
.sidebox .authors p {
	margin-bottom: 6px;
}

.sidebox .community:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 0 0 16px 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox .community:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 20px 0 0 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox .community ul {
	margin: 0;
	list-style-type: none;
}
.sidebox p.btn {
	margin: 0;
}
.sidebox li.btn {
	margin-bottom: 14px;
}
.sidebox .btn a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #424242;
	padding: 4px 8px 4px 20px;
	margin-left: 20px;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
.sidebox .btn a:hover {
	background: #fff195;
	color: #000000;
	padding-left: 40px;
	margin-left: 0;
}
.sidebox .search {
	margin: 16px 0;
}
.sidebox .search:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 20px 0 0 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox .search input {
	width: 226px;
	font-family: Georgia, Cambria, "Times New Roman", Times, serif;
	background: #424242;
	color: #ffffff;
	border: none;
	padding: 6px 4px;
	text-align: right !important;
	font-weight: bold;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
.sidebox .search input:focus {
	background: #000000;
	color: #fff195;
}
.sidebox .search input::-webkit-input-placeholder {
	font-weight: bold;
    color: #ffffff;
    margin: 0 -12px 0 0;
}
.sidebox .social-links {
	margin: 16px 0;
}
.social-links h4 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

.twitter-follow-button {
	margin-top: 4px;
}

.social-links ul {
	list-style-type: none;
	margin: 0;
}
.social-links li {
	display: inline-block;
	margin: 0 0 2px 2px;
}

.social-links li a {
	font-size: 20px;
	text-decoration: none;
	opacity: 0.6;
	color: #ffffff;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.social-links li a:hover {
	opacity: 1;
}

.social-links li a span {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height: 1px; width: 1px; 
	margin: -1px; padding: 0; border: 0; 
}

.sidebox .tumblr-util {
	z-index: 5;
	position: relative;
	overflow: hidden;
}
.sidebox .tumblr-util ul {
	list-style-type: none;
	margin: 60px 8px 10px 0;
}
.sidebox .tumblr-util ul li a {
	color: #000000;
	font-weight: bold;
	font-style: italic;
}
.sidebox .tumblr-util ul li a:hover {
	color: #fff195;
}
.sidebox .tumblr-util:after {
	z-index: -1;
	content: "\00a0";
	display: block;
	height: 200px;
	width: 200px;
	position: absolute;
	top: 40px;
	right: -100px;
	background: #ffffff;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.sidebox.recent-updates {}
.sidebox.recent-updates ul {
	list-style-type: none;
	margin: 0;
}
.sidebox.recent-updates ul li:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 20px 0 20px 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox.recent-updates ul li a.twitter-time {
	margin-top: 12px;
	padding: 4px 0 6px 20px;
	display: inline-block !important;
	font-weight: bold;
	font-style: italic;
	border-top: 1px solid #424242;
}
.sidebox.likes {}
.sidebox.likes ul {
	list-style-type: none;
	margin: 0;
}
.sidebox.likes ul li:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin: 20px 0 20px 202px;
	background: #424242;
	content: "\00a0";
}
#likes p {
	margin-bottom: 10px;
}
#likes .like_link {
	font-weight: bold;
	margin-bottom: 10px;
}
#likes .post_info_bottom {
	margin-top: 2px;
	padding: 4px 0 6px 20px;
	display: inline-block !important;
	font-weight: bold;
	font-style: italic;
	border-top: 1px solid #424242;
}
#likes .post_info_bottom a {
	color: #818181;
}
#likes .post_info_bottom a:hover {
	color: #fff195;
}
#likes blockquote {
	border-right: 4px solid #424242;
	padding-right: 16px;
}
.sidebox.likes img {
   max-width: 100%;
}
.sidebox.likes .like_video object, .sidebox.likes .like_video embed, .sidebox.likes .like_photoset object, .sidebox.likes .like_photoset embed, .sidebox.likes .like_text object, .sidebox.likes .like_text embed {
   width: 100%;
}
.sidebox.flickr {}
.sidebox.flickr ul {
	list-style-type: none;
	margin: 0;
}
.sidebox.flickr li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 0 2px 2px;
	line-height: 0;
}
.sidebox.flickr li a, .sidebox.flickr li a img {
	display: block;
	height: 75px;
	width: 75px;
	opacity: 1.0;
	line-height: 0;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
.sidebox.flickr li a:hover {
	background: #fff195;
}
.sidebox.flickr li a:hover img {
	opacity: 0.75;
}

.flickr li:nth-child(3n+0) {
	margin-right: 0;
}
.sidebox.flickr p.btn:before {
	display: block;
	width: 30px;
	height: 1px;
	margin: 20px 0 20px 202px;
	background: #424242;
	content: "\00a0";
}
.sidebox.follows ul {
	list-style-type: none;
	margin: 0;
}
.sidebox.follows li {
	display: block;
	float: right;
	margin: 0 0 4px 4px;
}
.sidebox.follows li:nth-child(8n+0) {
	margin-left: 0;
}
.sidebox.follows p.btn:before {
	display: block;
	width: 30px;
	height: 1px;
	margin: 20px 0 20px 202px;
	background: #424242;
	content: "\00a0";
}
body.permalink .sidebox.recent-updates, body.permalink .sidebox.likes, body.permalink .sidebox.flickr, body.permalink .sidebox.follows {
	display: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	General Post Styles
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article {
	position: relative;
	background: #ffffff;
	display: block;
	width: 500px;
	padding: 0;
	margin: 20px 0 40px 0;
}
body.wide article {
	width: 720px;
}
body.columns article {
	display: block;
	width: 400px;
	margin: 20px 0 0 0;
}
body.columns.wide_permalink article {
	display: block;
	width: 720px;
	margin: 20px 0 0 0;
}
article section {
	padding: 14px 20px 0 20px;
	position: relative;
}
article section .caption {
	padding: 6px 0 20px 0;
}
article section .caption:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 20px;
	background: #cccccc;
	content: "\00a0";
}
article.text header, article.quote header, article.link header, article.chat header, article.audio header, article.ask header {
	padding: 20px 20px 0 20px;
}
article p, article section ul, article section ol {
	margin-bottom: 16px;
}
article h2 {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 16px;
}
article h3 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 16px;
}
article img {
	max-width: 100%;
}
article.photo header img, article.photoset header img {
	width: 100%;
}

article section a {
	color: #000000;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
}
article section a:hover {
	color: #000000;
	background: #e4e4e4;
}
article header p, article header h2 {
	margin-bottom: 0;
}
article blockquote {
	border-left: 4px solid #e5e5e5;
	padding-left: 16px;
}
article a.read_more {
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	padding: 0 20px 2px 8px;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
article a.read_more:hover {
	color: #000000;
	background: #a495ff;
	padding-right: 40px;
}
article p.permalink {
	overflow: hidden;
	display: block;
	width: 36px;
	height: 36px;
	top: 0;
	left: 0;
	position: absolute;
}
html.ie6 article p.permalink, html.ie7 article p.permalink, html.ie8 article p.permalink {
	display: none;
}
article p.permalink a {
	display: block;
	width: 50px;
	height: 50px;
	background: #000000;
	position: absolute;
	top: -25px;
	left: -25px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	opacity: 0.4;
}
article.active_article p.permalink a, body.columns article p.permalink a {
	opacity: 1;
}
/*- rail (date / tags) ----------*/
.rail {
	position: absolute;
	top: 0;
	right: -140px;
	width: 140px;
	display: block;
	height: 100%;
}
html.ie6 .rail, html.ie7 .rail, html.ie8 .rail {
	display: none;
}
body.columns .rail {
	display: none;
}
.rail time {
	margin: 0 18px;
	display: block;
	width: 124px;
	height: 124px;
	background: #FFFFFF;
	-webkit-border-radius: 62px;
	-moz-border-radius: 62px;
	border-radius: 62px;
	text-align: center;
	font-size: 44px;
	position: absolute;
}
.rail.text time, .rail.photo time, .rail.photoset time, .rail.quote time, .rail.link time, .rail.chat time, .rail.audio time, .rail.video time, .rail.ask time {
	background: #000000;
	color: #ffffff;
}
.bottom_date {
	position: absolute !important;
	top: auto !important;
}
.fixed_date {
	position: fixed !important;
	top: 40px;
}

.rail time hr {
	margin: 8px 24px;
}
.rail time strong {
	display: block;
	padding: 28px 0 0 0;
	margin: 0 20px;
	font-size: 20px;
}
.rail time em {
	font-style: normal;
}
.rail ul.tags {
	position: absolute;
	top: 124px;
	margin: 18px 0 0 18px;
	list-style-type: none;
}
.default_tags {
	position: absolute !important;
	top: 124px !important;
}
.bottom_tags {
	position: absolute !important;
	top: auto !important;
	bottom: 0px !important;
}
.fixed_tags {
	position: fixed !important;
	top: 164px !important;
	bottom: auto !important;
}
.rail ul.tags li {
	width: 112px;
}
.rail ul.tags li a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	padding: 2px 20px 4px 8px;
	margin-right: 20px;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
.rail ul.tags li a:hover {
	padding-right: 40px;
	margin-right: 0;
}
.rail ul.tags li {
	margin-bottom: 10px;
}
.rail ul.tags li:last-child {
	margin-bottom: 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Text
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.text {}
article.text section {
	position: static;
}
article.text section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
}
article.text header h2 a {
	text-decoration: none;
	color: #000000;
}
article.text p.permalink a {
	background: #a495ff;
}

.rail.text time em {
	color: #a495ff;
}
article.text .rail ul.tags li a:hover {
	color: #000000;
	background: #a495ff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Photo
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.photo header {
	line-height: 0;
}
article.photo h2:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 16px;
	background: #000000;
	content: "\00a0";
}
article.photo p.permalink a {
	background: #fff195;
}
.rail.photo time em {
	color: #fff195;
}
article.photo .rail ul.tags li a:hover {
	color: #000000;
	background: #fff195;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Photoset
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.photoset header {
	line-height: 0;
}
article.photoset h2:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 16px;
	background: #000000;
	content: "\00a0";
}
article.photoset p.permalink a {
	background: #fff195;
}
.rail.photoset time em {
	color: #fff195;
}
article.photoset .rail ul.tags li a:hover {
	color: #000000;
	background: #fff195;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Quote
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.quote header p {
	font-size: 28px;
	font-style: italic;
	line-height: 32px;
}
article.quote section {
	position: static;
} 
article.quote section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
}
article.quote p.permalink a {
	background: #a495ff;
} 
.rail.quote time em {
	color: #a495ff;
}
article.quote .rail ul.tags li a:hover {
	color: #000000;
	background: #a495ff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Link
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.link header h2 a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	padding: 2px 4px 4px 4px;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
article.link header h2 a:hover {
	color: #000000;
	background: #a495ff;
}
article.link section {
	position: static;
}
article.link section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
} 
article.link p.permalink a {
	background: #a495ff;
} 
.rail.link time em {
	color: #a495ff;
}
article.link .rail ul.tags li a:hover {
	color: #000000;
	background: #a495ff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Chat
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.chat section {
	position: static;
}
article.chat section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
}
article.chat p.permalink a {
	background: #a495ff;
}
.rail.chat time em {
	color: #a495ff;
}
article.chat .rail ul.tags li a:hover {
	color: #000000;
	background: #a495ff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Audio
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.audio section {
	position: static;
	padding: 14px 20px;
	margin-bottom: 10px;
}
article.audio .content_wrap_embed {
	width: 100%;
	margin: 0 0 10px 0;
}
article.audio .content_wrap_embed iframe[src*="spotify"] {
	width: 100% !important;
	height: auto !important;
	margin-bottom: -76px;
}
article.audio .content_wrap_embed iframe[src*="soundcloud"], article.audio .content_wrap_embed iframe[src*="bandcamp"] {
	width: 100% !important;
}
article.audio .content_wrap_embed iframe.tumblr_audio_player {
  width: 100% !important;
}
body.columns article.audio .content_wrap_embed {
	width: auto;
	height: auto;
	float: none;
	text-align: center;
	margin: 0 20px 0px 0;
}
article.audio section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
}
article.audio section:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 20px;
	background: #cccccc;
	content: "\00a0";
}
body.wide article.audio .audio-player {
	float: left;
	margin-right: 16px;
}
article.audio .audio-player {
	text-align: center;
	margin-bottom: 10px;
}
article.audio p.permalink a {
	background: #95ffdd;
} 
.rail.audio time em {
	color: #95ffdd;
}
article.audio .rail ul.tags li a:hover {
	color: #000000;
	background: #95ffdd;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Video
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.video header {
	line-height: 0;
}
article.video h2:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 16px;
	background: #000000;
	content: "\00a0";
}
article.video p.permalink a {
	background: #95ffdd;
} 
.rail.video time em {
	color: #95ffdd;
}
article.video .rail ul.tags li a:hover {
	color: #000000;
	background: #95ffdd;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Ask
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.ask section {
	position: static;
}
article.ask section:before {
	display: block; 
	width: 30px;
	height: 1px;
	margin-bottom: 16px;
	background: #000000;
	content: "\00a0";
}
article.ask header h2 {
	margin-bottom: 16px;
}
article.ask .asker img {
	float: left;
	margin: 2px 4px 0 0;
	height: 16px;
	width: 16px;
}
article.ask p.permalink a {
	background: #a495ff;
} 
.rail.ask time em {
	color: #a495ff;
}
article.ask .rail ul.tags li a:hover {
	color: #000000;
	background: #a495ff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Article Footer
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article footer {
	font-size: 12px;
}
ul.post-source {
	list-style-type: none;
	margin: 0;
	padding: 0 20px 0 20px;
}
ul.post-source li {
	margin-bottom: 4px;
	font-size: 14px;
}
ul.post-source li a {
	color: #000000;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
}
ul.post-source li a:hover {
	color: #000000;
	background: #e4e4e4;
}
ul.post-source li.author {
	font-style: italic;
	margin-top: -10px;
	margin-bottom: 10px;
}
ul.post-source li.author img {
	vertical-align: -3px;
}
ul.post-source li.author:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 10px;
	background: #cccccc;
	content: "\00a0";
}
ul.post-source li.source {
	clear: both;
	font-style: italic;
	background: #f0f0f0;
	padding: 6px 20px;
	font-size: 12px;
	border-top: 2px solid #ffffff;
	-webkit-box-shadow: 0 -1px 0 rgba(240, 240, 240, 1.0);
	position: relative;
}
ul.post-source li.source:before {
	content: "\00a0";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: -8px;
	background: #ffffff;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
html.ie6 ul.post-source li.source:before, html.ie7 ul.post-source li.source:before, html.ie8 ul.post-source li.source:before { display: none; }
ul.post-source li.source a {
	color: #000000;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
}
ul.post-source li.source a:hover {
	color: #000000;
	background: #ffffff;
}
ul.post-source li.tags, ul.post-source li.reblog {
	font-style: italic;
	padding: 0 16px 0 16px;
	font-size: 12px;
	border-left: 4px solid #e5e5e5;
	border-right: 4px solid #e5e5e5;
	margin-bottom: 10px;
}
ul.post-source li.tags strong:after {
	content: "\00a0\00B7";
}
ul.post-source li.tags strong:last-child:after {
	content: "";
}
body.default ul.post-source li.tags, body.wide ul.post-source li.tags {
	display: none;
}
html.ie6 ul.post-source p.tags, html.ie7 ul.post-source p.tags, html.ie8 ul.post-source p.tags {
	display: block !important;
}
ul.post-source li:last-child {
	margin: 0 0 20px 0;
}
ul.post-meta {
	list-style-type: none;
	margin: 0;
	padding: 0 20px 8px 20px;
	text-transform: lowercase;
}
ul.post-meta li:before {
	display: block;
	float: left;
	margin: 5px 0 0 0;
	height: 12px;
	width: 12px;
	content: "\00a0";
}
ul.post-meta li a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	padding: 0 6px 2px 6px;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
ul.post-meta li a:hover {
	background: #e5e5e5;
}
ul.post-meta li.timeago {
	float: left;
}
ul.post-meta li.timeago:before {
	background: url(http://static.tumblr.com/fftf9xi/p5zlgtwiz/util-icons.png) 0 0 no-repeat;
}
ul.post-meta li.share {
	float: right;
}
ul.post-meta li.share:before {
	width: 15px;
	background: url(http://static.tumblr.com/fftf9xi/p5zlgtwiz/util-icons.png) -48px 0 no-repeat;
}
ul.post-meta li.notes {
	float: right;
	margin-right: 10px;
}
ul.post-meta li.notes:before {
	background: url(http://static.tumblr.com/fftf9xi/p5zlgtwiz/util-icons.png) -12px 0 no-repeat;
}
ul.post-meta li.comments {
	float: right;
	margin-right: 10px;
}
ul.post-meta li.comments:before {
	background: url(http://static.tumblr.com/fftf9xi/p5zlgtwiz/util-icons.png) -24px 0 no-repeat;
}

ul.post-share {
	z-index: 500;
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 8px 20px;
	display: none;
	background: #e4e4e4;
	position: relative;
}
body.columns ul.post-share {
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
}
ul.post-share:before {
	content: "\00a0";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: -6px;
	right: 32px;
	background: #e4e4e4;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
html.ie6 ul.post-share:before, html.ie7 ul.post-share:before, html.ie8 ul.post-share:before {
	display: none;
}
ul.post-share .share-facebook {
	float: left;
	width: 90px;
/*	margin-left: 10px;*/
}
 ul.post-share .share-gplus {
	float: left;
	width: 70px;
}
ul.post-share .share-twitter {
	float: left;
	width: 90px;
}
ul.post-share .share-pinterest {
	float: left;
	width: 90px;
}

ul.post-share li.post-share-shorturl {
	float: right;
	font-weight: bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Notes
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
article.notes h3:after {
	display: block; 
	width: 30px;
	height: 1px;
	margin-top: 16px;
	background: #000000;
	content: "\00a0";
}
ol.notes {
	margin: 0;
	list-style-type: none;
}
ol.notes li {
	background: #e5e5e5;
	padding: 6px 20px;
	margin-bottom: 10px;
	border-top: 2px solid #ffffff;
	-webkit-box-shadow: 0 -1px 0 rgba(229, 229, 229, 1.0);
	position: relative;
}
ol.notes li:last-child {
	margin-bottom: 0;
}
ol.notes li:before {
	content: "\00a0";
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 8px;
	left: -8px;
	background: #ffffff;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
ol.notes li img {
	height: 16px;
	width: 16px;
	margin-right: 6px;
	vertical-align: -3px;
}
ol.notes li a {
	color: #000000;
	-moz-transition: background .2s ease-in-out;
	-o-transition: background .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out;
}
ol.notes li a:hover {
	color: #000000;
	background: #ffffff;
}

#disqus_thread h3 {
	font-size: 16px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Pagination
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#pagination ul {
	list-style-type: none;
	margin: 0 140px 40px 0;
	text-align: center;
}
body.columns #pagination ul {
	margin: 40px 20px 40px 0;
}
#pagination ul li {
	display: inline;
	font-weight: bold;
	font-size: 14px;
	text-transform: lowercase;
}
#pagination ul li.prev a, #pagination ul li.next a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 25%;
	background: #000000;
	color: #444444;
	text-decoration: line-through;
	-moz-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	-webkit-transition: .15s ease-in-out;
}
#pagination ul li.prev a.active, #pagination ul li.next a.active {
	text-decoration: none;
	color: #ffffff;	
}
#pagination ul li.prev a {
	padding: 6px 0 6px 20px;
	text-align: left;
}
#pagination ul li.next a {
	padding: 6px 20px 6px 0;
	text-align: right;
}
#pagination ul li.prev a.active:hover, #pagination ul li.next a.active:hover {
	background: #ffffff;
	color: #000000;
}
#pagination ul li.label {
	margin: 0 17px;
	padding: 35px 0 0 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	width: 100px;
	height: 65px;
	background: #000000;
	color: #ffffff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-align: center;
	font-size: 20px;
}
#pagination ul li.label a {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#site-footer {
	display: block;
	margin: 60px 140px 60px 0;
}
body.columns #site-footer {
	display: block;
	margin: 60px 20px 60px 0;
}
#site-footer section {
	color: #ffffff;
	background: rgba(0,0,0,0.75);
	display: block;
	width: 460px;
	padding: 20px;
	margin: 0 auto;
	text-align: center;
}
html.ie6 #site-footer section, html.ie7 #site-footer section, html.ie8 #site-footer section { background: #000000; }
body.wide #site-footer section {
	width: 680px;
}
body.columns #site-footer section {
	width: 60%;
}
#site-footer ul {
	margin: 0;
	list-style-type: none;
}
#site-footer ul:after {
	display: block; 
	width: 90px;
	height: 1px;
	margin: 20px auto;
	background: #424242;
	content: "\00a0";
}
#site-footer ul li {
	display: inline-block;
}
#site-footer ul li:after {
	content: "\00a0\00a0\00B7\00a0\00a0";
}
#site-footer ul li:last-child:after {
	content: "";
}
#site-footer a {
	color: #fff195;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}
#site-footer a:hover {
	background: #000000;
}
#site-footer p.copyright, #site-footer p.credits, #site-footer p.credits a {
	color: #777777;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/



#cboxOverlay{background:#000000;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000000; padding:1px;}
#cboxLoadingGraphic{background:url(http://static.tumblr.com/fftf9xi/rkklqu1ni/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#ffffff; text-shadow:none;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(http://static.tumblr.com/fftf9xi/1dslqu1o1/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; 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; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* 
 * print styles
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: "\00a0"; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

@media screen and (min-width: 1560px) {
	body.columns #main {
		margin: 20px auto;
		width: 1560px;
	}
	body.columns #content {
		width: 1260px;
		margin: 0 0 0 20px;
	}
}
@media screen and (min-width: 1980px) {
	body.columns #main {
		margin: 20px auto;
		width: 1980px;
	}
	body.columns #content {
		width: 1680px;
		margin: 0 0 0 20px;
	}
}
@media screen and (max-width: 1120px) {
	body.columns #main {
		margin: 20px auto;
		width: 720px;
	}
	body.columns #content {
		width: 420px;
		margin: 0 0 0 20px;
	}
}



/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}

/* =============================================================================
    Style Hatch Modal - Customimze Menu
    ========================================================================== */

.customize-embed:before {
	content: "Flash Disabled in Customize Mode";
	height: 24px;
	width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: 0;
	font-weight: normal;
	font-size: 11px;
	color: #AAAAAA;
	font-family: "Helvetica Neue", sans-serif !important;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4);
	letter-spacing: 1px;
}
.customize-embed {
	-moz-box-shadow: inset 0 1px 0px rgba(100, 100, 100, 1);
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
	background: rgb(51,51,51);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(center, ellipse cover,  rgba(51,51,51,1) 0%,rgba(0,0,0,1) 100%);
}
.customize-embed iframe, .customize-embed embed, .customize-embed object {
	display: none;
}
.customize-audio {
	display: block;
	height: 27px;
	width: 207px;
	background-image: url(http://static.tumblr.com/fftf9xi/r0blwhruz/audio-players.png);
}
.customize-audio.white {
	background-position: 0px 0px;
}
.customize-audio.grey {
	background-position: 0px -27px;
}
.customize-audio.black {
	background-position: 0px -54px;
}
.customize-audio embed {
	display: none;
}