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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }

a
{
	margin: 0;
	padding: 0;
	border: 0;
	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;
}

input, select { vertical-align: middle; }

.subtitle
{
	margin-top: -1.4em;
	margin-bottom: 1.4em;
}

ul.bookshelf { list-style: none; }

ul.bookshelf li
{
	width: 100px;
	float: left;
	margin: 5px 15px 20px 0;
}

ul.bookshelf li .thumbnail { margin-bottom: 0; }
.browse-all { margin-top: 20px; }
.browse-all { margin-top: 20px; }
.floatleft { float: left; }
.floatright { float: right; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.highlight
{
	background-color: #ffc;
	padding: 3px;
}

.clearfix:after
{
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.buttons a, input.button
{
	background: #666 url(/a/misc/button-overlay.png) repeat-x;
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 5px 0;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}

.buttons a:hover, .buttons a:focus, input.button:hover, input.button:focus
{
	background-color: #ff6600;
	color: #fff;
}

.buttons a:active, input.button:active { top: 1px; }
.buttons-small a { font-size: 12px; }

.buttons-large a
{
	font-size: 14px;
	padding: 8px 14px 9px;
}

body
{
	background-color: #fff;
	color: #516064;
	font: 16px/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-rendering: optimizeLegibility;
}

b, strong { font-weight: bold; }

blockquote
{
	background: url("/a/misc/quote-l.png") no-repeat top left;
	color: #849397;
	font-style: italic;
	line-height: 1.4em;
	margin: 1em 4em 3em 4em;
	padding: 10px 40px 0 40px;
	position: relative;
}

blockquote:before
{
	bottom: 0;
	content: url("/a/misc/quote-r.png");
	height: 27px;
	margin-bottom: -10px;
	position: absolute;
	right: 0;
	width: 35px;
}

blockquote blockquote
{
	background: none;
	border-left: 1px solid #858c4e;
	font-size: 14px;
	font-style: italic;
	margin: 0 1em 1em 1em;
	padding: 0 20px;
}

blockquote blockquote:before { content: ""; }
blockquote blockquote div.quote { background: none; }
blockquote cite, blockquote em { font-style: normal; }
cite, em, i { font-style: italic; }
code { font-size: 14px; }
h1,h2,h3,h4,h5,h6 { }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

hr
{
	background-color: #d1d9dc;
	color: #d1d9dc;
	border: 0;
	display: block;
	height: 1px;
	margin: 2em 0;
	padding: 0;
}

p { margin: 0 0 1em; }

ol
{
	margin: 0 0 1em 1em;
	padding: 0 0 0 2em;
}

table { margin-bottom: 1em; }

table th, table td
{
	vertical-align: middle;
	padding: 5px;
}

ul
{
	list-style: none;
	margin: 0 0 1em;
}

ul.disc
{
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

audio { width: 620px; }
audio, video { display: block; }
.audio, .video { margin: 2em auto; }
video { background: #eee; }

:link,:visited
{
	color: #ff8a00;
	outline: none;
	text-decoration: none;
}

a:link { }
a:visited { }
a:hover, a:focus { color: #feb925; }
a:active { color: #ccc; }
a img { border: none; }

#container
{
	margin: 0 auto 2em auto;
	padding: 0 10px;
	width: 940px;
}

#blog-nav
{
	font-size: 16px;
	left: 0;
	position: absolute;
	text-transform: lowercase;
	top: 0;
}

#blog-nav a
{
	border-top: 3px solid transparent;
	color: #6a797d;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1em;
	margin-right: 20px;
	padding: 12px 0 20px;
	position: relative;
	width: 140px;
	z-index: 15;
}

#blog-nav a.last { margin-right: 0; }

#blog-nav a.selectedLava
{
	border-top: 3px solid #6a797d;
	z-index: 10;
}

#blog-nav div.backLava
{
	border-top: 3px solid #ff8a00;
	z-index: 5;
}

#blog-nav a:hover dd, #blog-nav a:focus dd { color: #6a797d !important; }
#blog-nav a:active { top: 1px; }

#blog-nav dd
{
	color: #d1d9dc;
	font-size: 11px;
	font-weight: normal;
	left: 0;
	line-height: 1em;
	position: absolute;
	top: 0;
}

ul.prev-next
{
	border-bottom: 1px solid #d1d9dc;
	margin: 0;
	padding: 5px 0;
}

ul.prev-next a:link,ul.prev-next a:visited { }
ul.prev-next .prev { float: left; }
ul.prev-next .next { float: right; }

#skip a
{
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a:focus
{
	position: static;
	width: auto;
	height: auto;
}

.blog-header
{
	border-bottom: 1px solid #d1d9dc;
	padding-bottom: 10px;
	position: relative;
}

.blog-titles { padding-top: 60px; }

.blog-title a
{
	color: #ccc;
	font-size: 72px;
	font-weight: bold;
	line-height: 1.1em;
}

.blog-title a:hover, .blog-title a:focus { color: #ff8a00; }

.blog-subtitle
{
	color: #6a797d;
	font-size: 18px;
	font-weight: normal;
	margin-top: -5px;
}

.blog-content { }

.blog-footer
{
	border-top: 1px solid #d1d9dc;
	clear: both;
	font-size: 12px;
	line-height: 1em;
	margin-top: 1em;
	padding-top: 1em;
}

.blog-footer .copyright
{
	display: block;
	float: left;
}

.blog-footer .back-to-top
{
	float: right;
	text-transform: lowercase;
}

a[href$="#top"]:after { content: " ↑"; }

.post
{
	border-bottom: 1px solid #d1d9dc;
	padding: 3em 0 0 0;
}

.post-header
{
	clear: both;
	float: left;
	margin: 0 20px 2em 0;
	position: relative;
	width: 300px;
}

.post-title, .post-title a
{
	color: #959ea1;
	font-weight: bold;
	line-height: 1em;
}

.post-title a:hover, .post-title a:focus { color: #ff8a00; }
.post-title.sub-category, .post-title.sub-category a { font-size: 72px; }

.post-subtitle
{
	color: #d1d9dc;
	font-size: 18px;
	font-style: italic;
	margin-top: 5px;
}

.post-meta
{
	color: #b7bfc3;
	font-size: 14px;
	margin-top: 0em;
	font-style: italic;
}

.post-time, .post-edit, .post-comments
{
	display: block;
	float: left;
	margin-right: 5px;
}

.post-comments a:link, .post-comments span
{
	background: url(/a/misc/comment-bubble.gif) no-repeat 0 0px;
	color: #959ea1;
	display: block;
	font-size: 14px;
	height: 32px;
	text-align: center;
	width: 29px;
}

.post-comments a:hover, .post-comments a:focus { color: #ff8a00; }

.post-content
{
	float: right;
	width: 620px;
	margin: 5px 0 1em 0;
	min-height: 200px;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6
{
	color: #959ea1;
	font-weight: bold;
	margin-bottom: 1em;
	padding-top: .5em;
	text-align: left;
}

.post-footer
{
	clear: both;
	font-size: 14px;
	margin-left: 320px;
	padding-top: 20px;
	position: relative;
}

.post-footer dl
{
	border-top: 1px solid #d1d9dc;
	padding: 10px 0 5px 160px;
}

.post-footer dt
{
	clear: both;
	float: left;
	font-weight: bold;
	line-height: 1em;
	padding: 5px 10px 6px 0;
	margin-left: -160px;
	width: 140px;
}

.post-footer dd
{
	float: left;
	text-align: left;
	vertical-align: top;
	margin: 0 5px 0 0;
}

.post-footer dd.tweet { margin-right: 10px; }

dl.also-by dd
{
	width: 100px;
	margin: 0 15px 15px 0;
}

dl.also-by dd .thumbnail { margin-bottom: 0; }
dl.available-from dd { margin: 0 15px 0 0; }
dl.available-from dd .thumbnail { margin-bottom: 0; }
.posted-in a.parent { background-color: #444; }

.posted-in a.parent:hover, .posted-in a.parent:focus
{
	background-color: #ff8a00;
	color: #fff;
}

.comment
{
	clear: both;
	border-top: 1px solid #d1d9dc;
	font-size: 14px;
	margin-left: 140px;
	padding-top: 2em;
}

.comment-order-1
{
	border-top: 0;
	padding: 0;
}

.comment-header
{
	clear: both;
	margin-bottom: 0.5em;
}

.comment-header img
{
	width: 96px;
	float: left;
	margin-bottom: 2em;
	margin-left: -140px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.comment-name, .comment-name a
{
	font-size: 21px;
	font-weight: bold;
	line-height: 1em;
	margin-top: 10px;
}

.comment-meta { font-size: 12px; }
.comment-form { padding-top: 10px; }
.comment-content { }

.comment-form input
{
	font-size: 14px;
	padding: 2px;
}

.comment-form textarea
{
	font-size: 14px;
	width: 616px;
	padding: 2px;
}

.comment-form label
{
	display: block;
	font-weight: bold;
}

.comment-form label span
{
	color: #d1d9dc;
	font-weight: normal;
}

#aside
{
	clear: both;
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 3em;
}

#aside h1, #aside h2, #aside h3, #aside h4, #aside h5, #aside h6 { margin-bottom: 0.5em; }
#aside h1 { font-size: 24px; }
#aside h2 { font-size: 18px; }
#aside h3 { font-size: 16px; }
#aside h4 { font-size: 14px; }
#aside h5 { font-size: 13px; }
#aside h6 { font-size: 12px; }
#aside li { list-style: none; }

.aside1
{
	float: left;
	width: 300px;
	margin-right: 20px;
}

.aside2
{
	float: left;
	width: 620px;
	margin-right: 20px;
}

.aside1.last, .aside2.last { margin-right: 0; }

.aside3
{
	float: left;
	width: 940px;
}

div.archive-header
{
	border-bottom: 1px solid #d1d9dc;
	color: #959ea1;
	font-size: 24px;
	padding: 5px 0;
}

div.archive-header span.archive-title
{
	display: block;
	float: right;
	width: 620px;
}

li.cat-item { }
li.cat-item a { display: block; }
ul.categories, #smart-archives-block { margin-top: 10px; }
ul.categories li, #smart-archives-block li { }

#smart-archives-block span.empty-month
{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 5px 10px 6px;
	position: relative;
	text-align: left;
}

span.year a { background-color: #444; }

span.year a:hover, span.year a:focus
{
	background-color: #ff8a00;
	color: #fff;
}

#recent-comments li
{
	border-bottom: 1px solid #d1d9dc;
	margin-bottom: 1em;
}

#recent-comments li:last-child { border: 0; }

#recent-comments span.comment-on
{
	font-weight: normal;
	display: block;
	font-size: 12px;
}

#recent-comments span.comment-on
{
	display: block;
	font-size: 12px;
}

#random-posts { margin-bottom: 2em; }

.widget h3
{
	font-size: 18px;
	margin-bottom: 0.5em;
}

.widget
{
	margin-bottom: 2em;
	font-size: 14px;
	line-height: 1.3em;
}

.widget-title, .widget-title a
{
	color: #959ea1;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 20px;
}

.widget-title a:hover, .widget-title a:focus { color: #ff8a00; }
.widget_twitter { }

.widget_twitter .widget-title span
{
	color: #ff8a00;
	font-size: 16px;
	text-transform: lowercase;
}

.widget_twitter li
{
	margin-bottom: 2em;
	margin-right: 20px;
}

.widget_twitter .entry-content { }

.widget_twitter .entry-meta
{
	display: block;
	font-size: 12px;
	font-style: italic;
	line-height: 1em;
	margin-top: 5px;
	text-align: right;
}

.widget_twitter .from-meta { display: none; }
.widget_twitter .in-reply-to-meta { display: block; }

.widget_tpTwitter .widget-title span
{
	color: #ff8a00;
	font-size: 16px;
	text-transform: lowercase;
}

.widget_tpTwitter li
{
	margin-bottom: 2em;
	margin-right: 20px;
}

.widget_tpTwitter .twitter-meta
{
	display: block;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}

ul.flickr { }

ul.flickr li
{
	float: left;
	margin-right: 20px;
}

.mowp_widget a
{
	display: block;
	float: left;
	margin-right: 20px;
}

.search-form { width: 300px; }

.search-field
{
	color: #959ea1;
	float: left;
	font-size: 12px;
	height: 22px;
	margin-top: 1px;
	padding: 0 5px;
	width: 210px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.search-button { float: right; }
ul.elsewhere a, ul.feeds a { display: block; }
ul.elsewhere li, ul.feeds li { margin-bottom: 5px; }

ul.elsewhere span, ul.feeds span
{
	display: block;
	padding: 3px 0 3px 20px;
	margin: -2px 0;
}

ul.elsewhere span, ul.feeds span { background: url(/a/misc/sprites.png) no-repeat top left; }
ul.elsewhere span.facebook { background-position: 0 2px; }
ul.elsewhere span.flickr { background-position: 0 -64px; }
ul.elsewhere span.gowalla { background-position: 0 -130px; }
ul.elsewhere span.instagram { background-position: 0 -130px; }
ul.elsewhere span.momentile { background-position: 0 -196px; }
ul.elsewhere span.twitter { background-position: 0 -328px; }
ul.feeds span.rss { background-position: 0 -262px; }
.image, .thumbnail { margin: 0 auto 2em auto; }

.image img, .thumbnail img
{
	background: #fff;
	display: block;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}

.thumbnail a
{
	display: block;
	position: relative;
}

.thumbnail a:before
{
	bottom: 5px;
	content: url(/a/misc/next.png);
	position: absolute;
	right: 10px;
	opacity: 0.5;
}

.thumbnail a:hover:before { }

.thumbnail a.thumb:before
{
	bottom: 0px;
	content: url(/a/misc/next_small.png);
	right: 5px;
}

.thumbnail a[href$=".jpg"]:before, .thumbnail a[href$=".gif"]:before, .thumbnail a[href$=".png"]:before { content: url(/a/misc/zoom_in.png); }
.thumbnail a[href$=".jpg"].thumb:before, .thumbnail a[href$=".gif"].thumb:before, .thumbnail a[href$=".png"].thumb:before { content: url(/a/misc/zoom_in_small.png); }

.caption
{
	color: #959ea1;
	font-size: 13px;
	font-style: italic;
	line-height: 1.1em;
	margin-top: 5px;
	text-align: center;
}

.highslide-container div
{
	font-family: Helvetica, Verdana;
	font-size: 10pt;
}

.highslide-container table { background: none; }

.highslide
{
	outline: none;
	text-decoration: none;
}

.highslide img { }
.highslide:hover img { border-color: gray; }
.highslide-active-anchor img { }

.highslide-gallery .highslide-active-anchor img
{
	visibility: visible;
	cursor: default;
}

.highslide-image
{
	-webkit-box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
}

.highslide-wrapper, .highslide-outline { background: white; }
.glossy-dark { background: #111; }
.highslide-image-blur { }

.highslide-number
{
	font-weight: bold;
	color: gray;
	font-size: .9em;
}

.highslide-caption
{
	display: none;
	font-size: 1em;
	padding: 5px;
}

.highslide-heading
{
	display: none;
	font-weight: bold;
	margin: 0.4em;
}

.highslide-dimming { background: black; }

.highslide-loading
{
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(/a/misc/highslide/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

a.highslide-credits, a.highslide-credits i
{
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover, a.highslide-credits:hover i
{
	color: white;
	background-color: gray;
}

.highslide-move, .highslide-move * { cursor: move; }

.highslide-viewport
{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}

.highslide-overlay { display: none; }
.hidden-container { display: none; }

.closebutton
{
	background: url(/a/misc/zoom_out.png) no-repeat;
	bottom: 10px;
	cursor: pointer;
	height: 48px;
	opacity: 0.5;
	position: relative;
	right: 10px;
	width: 48px;
}

/**
 * SoundManager 2 + useFlashBlock
 * ------------------------------
 * Flash positioning and flashblock / clicktoflash handling
 */

#sm2-container
{
	/**
  * where the SM2 flash movie goes. by default, relative container.
  * set relative or absolute here, and don't touch it later or bad things will happen (see below comments.)
  */
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	/* screw IE 6, just make it display nice */
	_overflow: hidden;
}

#sm2-container object,
#sm2-container embed
{
	/**
  * the actual SWF movie bit.
  * important: The SWF needs to be able to be moved off-screen without display: or position: changes.
  * changing display: or position: or overflow: here or on parent can cause SWF reload or other weird issues after unblock
  * e.g., SM2 starts but strange errors, no whileplaying() etc.
  */
	width: 48px;
	height: 48px;
	/* some flash blockers may also respect this rule */
	max-width: 48px;
	max-height: 48px;
}

#sm2-container.swf_timedout
{
	/* expand to show the timed-out SWF content */
	position: relative;
	width: 48px;
	height: 48px;
}

#sm2-container.swf_timedout,
#sm2-container.swf_timedout object,
#sm2-container.swf_timedout embed
{
	/**
  * when SM2 didn't start normally, time-out case. flash blocked, missing SWF, no flash?
  * 48px square flash placeholder is typically used by blockers.
  */
	min-width: 48px;
	min-height: 48px;
}

#sm2-container.swf_unblocked
{
	/* SWF unblocked, or was never blocked to begin with; try to collapse container as much as possible. */
	width: 1px;
	height: 1px;
}

#sm2-container.swf_loaded object,
#sm2-container.swf_loaded embed,
#sm2-container.swf_unblocked object,
#sm2-container.swf_unblocked embed
{
	/* hide flash off-screen (relative to container) when it has loaded OK */
	left: -9999em;
	top: -9999em;
}

#sm2-container.swf_error
{
	/* when there is a fatal error (flash loaded, but SM2 failed) */
	display: none;
}

#sm2-container.high_performance,
#sm2-container.high_performance.swf_timeout
{
	/* "high performance" case: keep on-screen at all times */
	position: fixed;
}

#sm2-container.high_performance
{
	overflow: hidden;
	_top: -9999px;
	/* IE 6 hax, no position:fixed */
	_left: -9999px;
	bottom: 0px;
	left: 0px;
	/**
  * special case: show at first with w/h, hide when unblocked.
  * might be bad/annoying.
  * try to stay within ClickToFlash "invisible" limits (so it won't be blocked.)
  */
	z-index: 99;
	/* try to stay on top */
}

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked { z-index: auto; }

#sm2-container.high_performance.swf_loaded,
#sm2-container.high_performance.swf_unblocked,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed
{
	/**
  * 8x8px is required minimum to load in fx/win32 in some cases(?)
  * 6x6+ good for fast performance, even better when on-screen via position:fixed
  * also, clickToFlash (Safari <5.1) may auto-load "invisible" SWFs at this size
  */
	height: 8px;
	width: 8px;
}

#sm2-container.high_performance.swf_loaded
{
	/* stay bottom/left */
	top: auto;
	bottom: 0px;
	left: 0px;
}

#sm2-container.high_performance.swf_loaded object,
#sm2-container.high_performance.swf_loaded embed,
#sm2-container.high_performance.swf_unblocked object,
#sm2-container.high_performance.swf_unblocked embed
{
	/* high-performance case must stay on-screen */
	left: auto;
	top: auto;
}

#sm2-container.high_performance.swf_timedout
{
	z-index: 99;
	/* try to stay on top */
}

/* General warning: Beta-ish. Code could be a bit cleaner. */
.ui360, /* entire UI */
.sm2-360ui
{
	/* canvas container */
	position: relative;
}

.ui360,
.sm2-360ui
{
	min-width: 50px;
	/* should always be at least this. */
	min-height: 50px;
}

.sm2-360ui
{
	width: 50px;
	height: 50px;
}

.ui360,
.ui360 * { vertical-align: middle; }

.sm2-360ui
{
	position: relative;
	display: inline-block;
	/* firefox 3 et al */
	float: left;
	/* IE 6+7, firefox 2 needs this, inline-block would work with fx3 and others */
	*display: inline;
	/*
 clear:left;
*/
}

.sm2-360ui.sm2_playing,
.sm2-360ui.sm2_paused
{
	/* bump on top when active */
	z-index: 10;
}

.ui360 a
{
	/* .sm2_link class added to playable links by SM2 */
	float: left;
	display: inline;
	position: relative;
	color: #000;
	text-decoration: none;
	left: 3px;
	/* slight spacing on left UI */
	top: 18px;
	/* vertical align */
	text-indent: 50px;
	/* make room for UI at left */
}

.ui360 a.sm2_link
{
	/* SM2 has now started */
	text-indent: 0px;
	/* UI now in place. */
}

.ui360 a,
.ui360 a:hover,
.ui360 a:focus
{
	padding: 2px;
	margin-left: -2px;
	margin-top: -2px;
}

.ui360 a:hover,
.ui360 a:focus
{
	background: #eee;
	border-radius: 3px;
	outline: none;
}

.ui360 .sm2-canvas
{
	position: absolute;
	left: 0px;
	top: 0px;
}

.ui360 .sm2-timing
{
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	font: 11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	color: #666;
	text-align: center;
	line-height: 50px;
}

.ui360 .sm2-timing.alignTweak
{
	text-indent: 1px;
	/* devious center-alignment tweak for Safari (might break things for others.) */
}

.ui360 .sm2-cover
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
	background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
	/* old-skool bug: IE 9 won't catch mouse events otherwise. /smash */
}

.ui360 .sm2-360btn
{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	/*
 width:22px;
 height:22px;
 margin-left:-11px;
 margin-top:-11px;
*/
	/* by default, cover whole space. make smaller when playing. */
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	border-radius: 25px;
	cursor: pointer;
	z-index: 3;
}

.ui360 .sm2-360data
{
	display: inline-block;
	font-family: helvetica;
}

.sm2-inline-block .ui360 .sm2-360btn,
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn
{
	/* smaller clickable button, in center */
	width: 22px;
	height: 22px;
	margin-left: -11px;
	margin-top: -11px;
}

.ui360 .sm2-360ui.sm2_playing .sm2-cover,
.ui360 .sm2-360ui.sm2_paused .sm2-cover { display: block; }

/* this could be optimized a fair bit. */
.ui360,
.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn
{
	background: transparent url(/a/misc/soundmanager2/360-button-play.png) no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC);
	*background-image: url(/a/misc/soundmanager2/360-button-play.png);
	background-repeat: no-repeat;
}

.ui360
{
	/*
  "fake" button shown before SM2 has started, non-JS/non-SM2 case etc.
  background image will be removed via JS, in threeSixyPlayer.init()
 */
	background-position: 14px 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-play.gif) no-repeat 14px 50%;
	/* IE 6-only: special crap GIF */
}

.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn
{
	background-position: 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-play.gif) no-repeat 50% 50%;
	/* IE 6-only: special crap GIF */
}

.ui360 .sm2-360btn-default,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn { cursor: pointer; }

.ui360 .sm2-360btn-default:hover,
.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-play-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-play.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360 .sm2-360btn-playing:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-pause-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-pause-light.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360 .sm2-360ui.sm2_playing .sm2-timing { visibility: visible; }
.ui360 .sm2-360ui.sm2_buffering .sm2-timing { visibility: hidden; }
.ui360 .sm2-360ui .sm2-timing,
.ui360 .sm2-360ui .sm2-360btn:hover + .sm2-timing,
.ui360 .sm2-360ui.sm2_paused .sm2-timing { visibility: hidden; }

.ui360 .sm2-360ui.sm2_dragging .sm2-timing,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover + .sm2-timing
{
	/* paused + dragging */
	visibility: visible;
}

.ui360 .sm2-360ui.sm2_playing .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,
.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover
{
	/* don't let pause button show on hover when dragging (or paused and dragging) */
	background: transparent;
	cursor: auto;
}

.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover
{
	background: transparent url(/a/misc/soundmanager2/icon_loading_spinner.gif) no-repeat 50% 50%;
	opacity: 0.5;
	visibility: visible;
}

/* inline list style */
.sm2-inline-list .ui360,
.sm2-inline-block .ui360
{
	position: relative;
	display: inline-block;
	float: left;
	_display: inline;
	margin-bottom: -15px;
}

.sm2-inline-list .ui360
{
	/* inline player: minor tweak, tighten spacing */
	margin-right: -2px;
}

.sm2-inline-block .ui360 { margin-right: 8px; }
.sm2-inline-list .ui360 a { display: none; }

/* annotations */
ul.ui360playlist { list-style-type: none; }

ul.ui360playlist,
ul.ui360playlist li
{
	margin: 0px;
	padding: 0px;
}

div.ui360 div.metadata { display: none; }

div.ui360 a span.metadata,
div.ui360 a span.metadata *
{
	/* name of track, note etc. */
	vertical-align: baseline;
}

/* larger canvas, spectrum + EQ visualization and other items */
.ui360-vis,
.ui360-vis .sm2-360ui,
.sm2-inline-list .ui360-vis
{
	/* size of the container for the circle, etc. */
	width: 256px;
	height: 256px;
}

.ui360-vis
{
	position: relative;
	/* a little extra spacing */
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: -18px;
	/* approximate "line height" we want */
	padding-left: 248px;
	margin-left: 0px;
	background-position: 22.6% 50%;
	/* (~109px) initial play button position */
}

.sm2-inline-list .ui360-vis { cursor: pointer; }

.ui360-vis a
{
	font: 14px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	white-space: nowrap;
	text-indent: 0px;
	/* undo inline style */
	top: 46%;
	/* ehh. */
}

.sm2-inline-list .ui360-vis a
{
	line-height: 256px;
	top: auto;
}

.ui360-vis .sm2-360ui { margin-left: -256px; }

.ui360-vis .sm2-timing
{
	font: bold 24px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	color: #333;
	text-align: center;
	line-height: 256px;
	text-indent: 0px;
}

.sm2-inline-list .ui360-vis,
.sm2-inline-list .ui360-vis .sm2-360ui { margin-left: 0px; }

.sm2-inline-list .ui360-vis
{
	margin: 8px 13px 7px 0px;
	padding-left: 0px;
	background-position: 50% 50%;
	/* initial play button position */
}

.sm2-inline-list .ui360-vis .sm2-360ui
{
	border: 1px solid #eee;
	/* offset the border */
	margin-left: -1px;
	margin-top: -1px;
}

.sm2-inline-list .ui360-vis a
{
	position: absolute;
	display: inline;
	left: 0px;
	bottom: 0px;
	top: 1px;
	width: 100%;
	/* 2px padding in box */
	height: 99%;
	/* dumb vertical hack */
	*height: 256px;
	/* IE is dumb. */
	overflow: hidden;
	font-size: small;
	font-weight: 300;
	color: #333;
	margin: 0px;
	padding: 0px;
	line-height: 488px;
	/* bottom vertical alignment for text */
	*line-height: 480px;
	/* IE again */
	text-align: center;
	border-radius: 0px;
}

.sm2-inline-list .ui360 a:hover
{
	background-color: transparent;
	/* reset */
}

.sm2-inline-list .ui360-vis:hover .sm2-360ui,
.sm2-inline-list .ui360-vis a.sm2_link:hover,
.sm2-inline-list .ui360-vis a.sm2_link:active,
.sm2-inline-list .ui360-vis a.sm2_link:focus { background-color: transparent; }

.sm2-inline-list .ui360-vis:hover a.sm2_link
{
	background-color: #fafafa;
	*background-color: transparent;
	/* eh, screw IE. */
}

/* Use a bigger loading image for this layout */
.ui360-vis .sm2-360btn,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,
.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn
{
	width: 48px;
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	border-radius: none;
}

.ui360-vis,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,
.ui360-vis .sm2-360btn-default
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-play.png) no-repeat 50% 50%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABuVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADv7++lpaXr6+uAgIDk5OQzMzPt7e1tbW3n5+dgYGDW1tZNTU10dHQ5OTnw8PCvr6/e3t6JiYlAQEDb29vo6OgrKyuqqqrq6uq4uLjf399AQEDGxsbq6uqAgIDY2Nje3t61tbXp6enU1NTu7u7r6+vl5eXt7e2fn5/n5+fDw8Ph4eHv7+/t7e3CwsLW1tbu7u7b29vw8PDm5uYgICDp6enY2Nji4uLo6Ojm5uakpKTS0tLPz8/h4eHw8PDs7Ozj4+Pa2trg4ODx8fHT09Pk5OTPz8/S0tLBwcGmpqawsLCOjo7h4eHn5+fo6OgAAADY2NjNzc3n5+cAAADd3d3Gxsbu7u7t7e0AAADX19fl5eXi4uLf39/Hx8fn5+fs7Ozg4ODR0dHX19e4uLjv7+/z8/P09PTy8vL19fXv7+/n5+fx8fH29vbs7Ozq6urm5ubo6Ojw8PDu7u7p6enr6+sAAAB/f3/Z2dn39/fh4eGOjo4ODg7t7e3l5eWWlpba2tqjo6NVVVXk5OTe3t65ubnMzMzExMTf39/GxsampqZiYmJNcTiZAAAAbXRSTlMAAQIEAwcFCAb5EdAImAXpB6oIUAoLCfsgZQ0EVrsGEr4ZYQgbsgpUYxikNd/aatQQli+R7rlUUdas6+8I+VaFruoOOV/S8Nq5sWL8UqmKUFsuHyTcrtsJm0z7C49V3NMKkdKXuk7S7oVeVSv7tAAEVwAAAu5JREFUeF6llmVz3DwURmNLsr1pmJmZmZmxzMwsybS8gXJfhl9cKXbHEK+TmZ4P/nDnOXN1NbalHD8CQ7QRGDmhnIQhBDYQnkhheRECSVIQQrLMHookAciUkHhBw1zVwuLShcJIpPDC0uJC1VxDQTaFx1srSvM3DUxU1TRVlWBjM7+0opUrQaupLSnrLK7ELIepwaCYmbiyuLOspJY38eeLykdGxzDhYQfKCmOjI+VFPkMQYF7NZD0l2DgFJrR+siYPegxBzBvqeoQxpgGw8qOuoTz3HGw9udUPCaFZIORhdS5blZOHjXWDBIdABusanb0S4MpqEw4XcNPqCrQFQQTN+XwPQ8CY5jcDUbB3KLdlg6hnQDZacqEgWA3a2rF6Jri9zWohwI6dXXK2QHZ3OqBw0qC7B6vnAPd0sxZMkHr7VNPD34YZgNrXK3EBSgPU9HJ4eIQDDDogQS4ow4QJxy4+MmKs4oYJZFhhggjQuMoKHoHzn3bsQx1HQOTClOkXLP6lviZTtjCjmn7B5g/izqszliBHTB+HDhl3PSJbwnxSS3n45HDkVLXkvCWg5Uws7eHgJ98/uKqxzLI9w3o6oXuwhd+OPNVEet0WtnU9/sWNJfz1u6cY1/VtLghQuRgk/PmBmT7hogJPXo3L8YQed3Nw8PWfuB89Eb8scUGUrl33DfH/N93BGeH6NUnkArh1O5FOuNETp2GR27cAE/iaJu6mz8HdCQnan+i96XQmdgaZ9PQ9+xMVoPJgNhrNhBKNzj5Q+E/AavH4SSz6OZRo7Mlj3oDDp7jyPJoKJfr8CpvAOUrQi6eppJaVZOrpCwTdP1cgr93UjKxoN9dka2KX8ealZtBADO3lG2+e7xRAd7Y0igOg2tYdBKD/CBIBenf/lYGJD2y8uv8OgaBDDkry3v57SlQXhL7f35OlwJOXGUBBl571JykmzCIE02T/s0tIASyf/R6Arr59fcM62G+8fnsVhdwFwq4Ov345Of/15wd0RYY81HHUTQAAAABJRU5ErkJggg==);
	*background-image: url(/a/misc/soundmanager2/360-button-vis-play.png);
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis:hover .sm2-360btn,
.ui360-vis .sm2-360btn-default:hover,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-play-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360-vis .sm2-360btn-playing:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-pause-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-pause-light.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis
{
	/* non-JS / before-loaded state */
	background-position: 21% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 21% 50%;
	/* IE 6-only: special crap GIF */
}

.ui360-vis .sm2-360btn-default
{
	/* real button, post-loaded state */
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	/* IE 6-only: special crap GIF */
}

.ui360-vis .sm2-360ui.sm2_dragging .sm2-360btn { visibility: hidden; }

/* larger canvas, spectrum + EQ visualization and other items */
.ui360-vis,
.ui360-vis .sm2-360ui,
.sm2-inline-list .ui360-vis
{
	/* size of the container for the circle, etc. */
	width: 256px;
	height: 256px;
}

.ui360-vis
{
	position: relative;
	/* a little extra spacing */
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: -18px;
	/* approximate "line height" we want */
	padding-left: 248px;
	margin-left: 0px;
	background-position: 22.6% 50%;
	/* (~109px) initial play button position */
}

.sm2-inline-list .ui360-vis { cursor: pointer; }

.ui360-vis a
{
	font: 14px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	white-space: nowrap;
	text-indent: 0px;
	/* undo inline style */
	top: 46%;
	/* ehh. */
}

.sm2-inline-list .ui360-vis a
{
	line-height: 256px;
	top: auto;
}

.ui360-vis .sm2-360ui { margin-left: -256px; }

.ui360-vis .sm2-timing
{
	font: bold 24px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;
	color: #333;
	text-align: center;
	line-height: 256px;
	text-indent: 0px;
}

.sm2-inline-list .ui360-vis,
.sm2-inline-list .ui360-vis .sm2-360ui { margin-left: 0px; }

.sm2-inline-list .ui360-vis
{
	margin: 8px 13px 7px 0px;
	padding-left: 0px;
	background-position: 50% 50%;
	/* initial play button position */
}

.sm2-inline-list .ui360-vis .sm2-360ui
{
	border: 1px solid #eee;
	/* offset the border */
	margin-left: -1px;
	margin-top: -1px;
}

.sm2-inline-list .ui360-vis a
{
	position: absolute;
	display: inline;
	left: 0px;
	bottom: 0px;
	top: 1px;
	width: 100%;
	/* 2px padding in box */
	height: 99%;
	/* dumb vertical hack */
	*height: 256px;
	/* IE is dumb. */
	overflow: hidden;
	font-size: small;
	font-weight: 300;
	color: #333;
	margin: 0px;
	padding: 0px;
	line-height: 488px;
	/* bottom vertical alignment for text */
	*line-height: 480px;
	/* IE again */
	text-align: center;
	border-radius: 0px;
}

.sm2-inline-list .ui360 a:hover
{
	background-color: transparent;
	/* reset */
}

.sm2-inline-list .ui360-vis:hover .sm2-360ui,
.sm2-inline-list .ui360-vis a.sm2_link:hover,
.sm2-inline-list .ui360-vis a.sm2_link:active,
.sm2-inline-list .ui360-vis a.sm2_link:focus { background-color: transparent; }

.sm2-inline-list .ui360-vis:hover a.sm2_link
{
	background-color: #fafafa;
	*background-color: transparent;
	/* eh, screw IE. */
}

/* Use a bigger loading image for this layout */
.ui360-vis .sm2-360btn,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,
.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn
{
	width: 48px;
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	border-radius: none;
}

.ui360-vis,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,
.ui360-vis .sm2-360btn-default
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-play.png) no-repeat 50% 50%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABuVBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADv7++lpaXr6+uAgIDk5OQzMzPt7e1tbW3n5+dgYGDW1tZNTU10dHQ5OTnw8PCvr6/e3t6JiYlAQEDb29vo6OgrKyuqqqrq6uq4uLjf399AQEDGxsbq6uqAgIDY2Nje3t61tbXp6enU1NTu7u7r6+vl5eXt7e2fn5/n5+fDw8Ph4eHv7+/t7e3CwsLW1tbu7u7b29vw8PDm5uYgICDp6enY2Nji4uLo6Ojm5uakpKTS0tLPz8/h4eHw8PDs7Ozj4+Pa2trg4ODx8fHT09Pk5OTPz8/S0tLBwcGmpqawsLCOjo7h4eHn5+fo6OgAAADY2NjNzc3n5+cAAADd3d3Gxsbu7u7t7e0AAADX19fl5eXi4uLf39/Hx8fn5+fs7Ozg4ODR0dHX19e4uLjv7+/z8/P09PTy8vL19fXv7+/n5+fx8fH29vbs7Ozq6urm5ubo6Ojw8PDu7u7p6enr6+sAAAB/f3/Z2dn39/fh4eGOjo4ODg7t7e3l5eWWlpba2tqjo6NVVVXk5OTe3t65ubnMzMzExMTf39/GxsampqZiYmJNcTiZAAAAbXRSTlMAAQIEAwcFCAb5EdAImAXpB6oIUAoLCfsgZQ0EVrsGEr4ZYQgbsgpUYxikNd/aatQQli+R7rlUUdas6+8I+VaFruoOOV/S8Nq5sWL8UqmKUFsuHyTcrtsJm0z7C49V3NMKkdKXuk7S7oVeVSv7tAAEVwAAAu5JREFUeF6llmVz3DwURmNLsr1pmJmZmZmxzMwsybS8gXJfhl9cKXbHEK+TmZ4P/nDnOXN1NbalHD8CQ7QRGDmhnIQhBDYQnkhheRECSVIQQrLMHookAciUkHhBw1zVwuLShcJIpPDC0uJC1VxDQTaFx1srSvM3DUxU1TRVlWBjM7+0opUrQaupLSnrLK7ELIepwaCYmbiyuLOspJY38eeLykdGxzDhYQfKCmOjI+VFPkMQYF7NZD0l2DgFJrR+siYPegxBzBvqeoQxpgGw8qOuoTz3HGw9udUPCaFZIORhdS5blZOHjXWDBIdABusanb0S4MpqEw4XcNPqCrQFQQTN+XwPQ8CY5jcDUbB3KLdlg6hnQDZacqEgWA3a2rF6Jri9zWohwI6dXXK2QHZ3OqBw0qC7B6vnAPd0sxZMkHr7VNPD34YZgNrXK3EBSgPU9HJ4eIQDDDogQS4ow4QJxy4+MmKs4oYJZFhhggjQuMoKHoHzn3bsQx1HQOTClOkXLP6lviZTtjCjmn7B5g/izqszliBHTB+HDhl3PSJbwnxSS3n45HDkVLXkvCWg5Uws7eHgJ98/uKqxzLI9w3o6oXuwhd+OPNVEet0WtnU9/sWNJfz1u6cY1/VtLghQuRgk/PmBmT7hogJPXo3L8YQed3Nw8PWfuB89Eb8scUGUrl33DfH/N93BGeH6NUnkArh1O5FOuNETp2GR27cAE/iaJu6mz8HdCQnan+i96XQmdgaZ9PQ9+xMVoPJgNhrNhBKNzj5Q+E/AavH4SSz6OZRo7Mlj3oDDp7jyPJoKJfr8CpvAOUrQi6eppJaVZOrpCwTdP1cgr93UjKxoN9dka2KX8ealZtBADO3lG2+e7xRAd7Y0igOg2tYdBKD/CBIBenf/lYGJD2y8uv8OgaBDDkry3v57SlQXhL7f35OlwJOXGUBBl571JykmzCIE02T/s0tIASyf/R6Arr59fcM62G+8fnsVhdwFwq4Ov345Of/15wd0RYY81HHUTQAAAABJRU5ErkJggg==);
	*background-image: url(/a/misc/soundmanager2/360-button-vis-play.png);
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis:hover .sm2-360btn,
.ui360-vis .sm2-360btn-default:hover,
.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-play-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn:hover,
.ui360-vis .sm2-360btn-playing:hover
{
	background: transparent url(/a/misc/soundmanager2/360-button-vis-pause-light.png) no-repeat 50% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-pause-light.gif) no-repeat 50% 50%;
	cursor: pointer;
}

.ui360-vis
{
	/* non-JS / before-loaded state */
	background-position: 21% 50%;
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 21% 50%;
	/* IE 6-only: special crap GIF */
}

.ui360-vis .sm2-360btn-default
{
	/* real button, post-loaded state */
	_background: transparent url(/a/misc/soundmanager2/360-button-vis-play.gif) no-repeat 50% 50%;
	/* IE 6-only: special crap GIF */
}

.ui360-vis .sm2-360ui.sm2_dragging .sm2-360btn { visibility: hidden; }