/*
Theme Name: Wu Wei
Theme URI: http://equivocality.com/wu-wei
Description: A clean, grid-based theme, with high contrast and multiple colour schemes
Version: 1.1.2
Author: Jeff Ngan
Author URI: http://equivocality.com/
Tags: black, white, fixed-width, two-columns, custom-colors, threaded-comments, sticky-post

This theme was designed and built by Jeff Ngan, http://equivocality.com/

License: GNU General Public License (GPL) version 3

*/

/*** Reset Styles ************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.5;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}


/*** General *****************************************************************/

body {
 background-color:#fff;
 color:#516064;
 margin:0;
 padding:0;
 text-align:center;
 font-size:75%;
 font-family:"Century Gothic","Helvetica Neue Light","Helvetica Neue",helvetica,verdana,tahoma,arial,"sans serif";
}

ul {
 font-size:1.167em;
}
ul ul {
 font-size:100%;
}
p {font-size:1.167em; line-height:1.5em; margin:0 0 1.5em;}
small {font-size:0.75em;}

a:link, a:visited {color:#3399cc; text-decoration:none;}
a:hover {color:#feb925;color:#ff8a00;}

.nav a {
 padding:3px 2px 2px 2px;
}

.nav a:hover {
/*
 background:#eee;
*/
 color:#ff8a00;
}

.post-content p a {
 margin-top:-0.2em;
 padding:0.2em 0.25em;
 text-decoration:none;
 color:#336699;
 background:#f3f9ff;
 -khtml-border-radius:0.25em;
 -moz-border-radius:0.25em;
 border-radius:0.25em;
/*
 margin-left:-0.1em;
 margin-right:-0.1em;
*/
 *padding:0px 1px;
 *margin:0px;
 zoom:1;
}

.post-content p a:hover {
 background:#3399cc;
 border-color:#3399cc;
 color:#fff;
 text-decoration:none;
}

img {margin:0 0 1.5em;}
img.alignleft {margin-right:1.5em;}
img.alignright {margin-left:1.5em;}

/*
.full-column {border-bottom:1px solid #d1d9dc;}
*/
.center-column {width:1024px;margin:0px auto; text-align:left; clear:both; overflow:hidden;} /* width:58.334em; */

.wide-block,
.main-image .content-block.wide-block {
 width:65%;
}

.center-column {
  position:relative;
}

.alignright {float:right;}
.alignleft {float:left;}
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px; margin: 10px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
.clearboth {clear:both;}

.navigation {padding:0.333em 0; font-size:1.5em; border-top:1px solid #d1d9dc;}

.pagetitle {padding:0.333em 0; font-size:1.5em; color:#959ea1; position:relative; border-top:1px solid #d1d9dc;}
.pagetitle span {position:absolute; left:240px;}

#searchform {margin:0 0 1.5em; font-size:1.167em;}


/*** Header ******************************************************************/

ul#menu {margin:0px auto; padding:0;}
ul#menu li {position:relative;font-size:13px; float:left; padding:0; display:block; list-style:none;}

/*
ul#menu li:nth-child(2n+1) {
 background-color:#f6f6f6;
}
*/

ul#menu li a:link,
ul#menu li a:visited {
 display:block;
 padding:7px 0 10px;
 line-height:1em;
 width:146px;
 color:#6a797d;
 font-size:17px;
 font-weight:normal;
 font-weight:lighter;
 text-decoration:none;
 border-top:3px solid #fff;
 text-transform:lowercase;
 text-align:center;
}

ul#menu li a:hover {border-top:3px solid #ff8a00;}
/*
ul#menu li a span {font-size:0.833em; color:#d1d9dc; text-transform:lowercase;}
*/

ul#menu li span.divider {
 display:inline-block;
 width:1px;
 height:60px;
 background:#eee;
 overflow:hidden;
 position:absolute;
 right:0px;
 top:3px;
}

ul#menu li a.selected {border-top:3px solid #6a797d;}
ul#menu .last {margin-right:0;}

.blog-name {font-size:5em; font-weight:bold; line-height:1em;}
.blog-name a:link, .blog-name a:visited {color:#d1d9dc; text-decoration:none;}
.blog-name a:hover {color:#ff8a00;}

.description {margin-top:0.5em; font-size:1.5em; color:#6a797d;}

#header {padding:2em 0;}

#header {
/*
 background:transparent url(/image/orage.png) no-repeat top right;
 margin-right:20px;
*/
}


/*** Posts and Pages *********************************************************/

.post {
 position:relative;
}

.post, .page {padding-top:1.5em;}

* html .post, *html .page {height:1%;} /* Fix for IE6 */

.sticky {border-top:3px solid #d1d9dc;}

h1, h2, h3, h4 {
 font-family:"Helvetica Neue Light","Helvetica Neue",helvetica,arial;
}

h1 {color:#959ea1; color:#666; font-size:2.5em; font-weight:bold; line-height:1em; padding-bottom:0.6em; letter-spacing:-0.03em; }
h1 a:link, h1 a:visited {color:#111; text-decoration:none;}
h1 a:hover {color:#ff8a00;}

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

.post-info {float:left; width:18.333em; margin:0 1.667em 1.667em 0;}

.timestamp {float:left; font-size:1.5em; color:#959ea1;}

.comment-bubble {float:left; font-size:1.5em; margin-left:0.5em; text-align:center;}
.comment-bubble a:link, .comment-bubble a:visited {color:#959ea1; text-decoration:none; display:block; width:27px; height:32px; background:url('images/comment-bubble.gif') no-repeat 0 2px;}
.comment-bubble a:hover {color:#ff8a00;}

/*
.post-content {float:left; width:66em; overflow:visible;}
*/
 /* width:38.333em; */

.post-content {
  overflow:visible;
}

.post-content h2 {font-size:2.0em; margin-bottom:0.75em;}
.post-content h3 {font-size:1.5em; margin-bottom:1em;}
.post-content h4 {font-size:1.167em; margin-bottom:0.867em;}

.post-content h2,
.post-content h3,
.post-content h4 {
 margin-bottom:0px;
}

blockquote {background:#fff url(images/blockquote.gif) no-repeat top left; margin-left:7em; padding-left:3em; font-style:italic;}

.pull-1 {margin-left:-8.571em; width:41.428em}
.pull-2 {margin-left:-17.143em; width:58.334em;}
* html .pull-1, * html .pull-2 {position:relative;} /* Fix for IE6 */

.post-content ul, .post-content ol {margin:0px; padding:0px; font-size:1.167em; margin-bottom:1em; }
.post-content ol {
 margin-left:1.5em;
}
.post-content ul li, .post-content ol li { font-size:1em; padding-left:0em; line-height:1.5em; margin-bottom:0.5em; }

hr {color:#d1d9dc; height:1px; background-color:#d1d9dc; border:0;}

.more-link {display:block; margin-top:1.5em;}

.post-meta-data {position:relative; margin:0 0 0 10em; height:100%; padding:0.333em 0; border-top:1px solid #d1d9dc;}
.post-meta-data span {position:absolute; left:10em; top:0.333em;}

.gallery {margin:0 0 1.5em 0; padding:0;}
.gallery-item {float:left; margin:10px 0 0 0; text-align:left; padding:0;}
.gallery img, .gallery a img {border:solid 1px #D9D9D9; background:#ffffff; padding:4px; margin:0;}
.gallery a:hover img {border-color:#666666; background:#fff;}
.gallery-caption {margin:0 0 1.5em 0; font-size:0.833em; line-height:1.167em; color:#666;}


/*** Comments ****************************************************************/

#comment-wrapper {padding-left:10em; border-top:1px solid #d1d9dc;}

h3#comments {font-size:1.5em; position:relative; height:100%; padding:0.333em 0; color:#959ea1; font-weight:normal;}
h3#comments span {position:absolute; left:6.667em; top:0.333em;}

ol.commentlist {margin:0; padding:0;}
ol.commentlist li {list-style:none; position:relative; border-top:1px solid #d1d9dc; padding:0.333em 0 0 10em;} 
ol.commentlist li.bypostauthor {border-top:1px solid #6a797d;} 
ol.commentlist li.comment-author-admin {border-top:1px solid #6a797d;} 
ol.commentlist li.comment div.vcard {padding-top:1.0em; }
ol.commentlist li.comment div.vcard cite.fn {font-size:1.167em;} 
ol.commentlist li.comment div.vcard img.avatar {position:absolute; left:0em; padding-top:0.333em;}
* html ol.commentlist li.comment div.vcard img.avatar {left:-10em;} /* Fix for IE6 */
ol.commentlist li.comment div.vcard span.says {visibility:hidden;}
ol.commentlist li.comment div.comment-meta {margin-bottom:1em;} 
ol.commentlist li.comment div.reply {position:absolute; top:8px; right:3px;}
ol.commentlist li.pingback div.vcard {padding-top:1.0em;} 
ol.commentlist li.pingback div.vcard cite.fn {font-size:1.167em;} 
ol.commentlist li.pingback div.vcard span.says {visibility:hidden;} 
ol.commentlist li.pingback div.reply {position:absolute; top:8px; right:3px;}

#respond {position:relative; padding:0; border-top:1px solid #d1d9dc; margin-bottom:3em;}
#respond h3 {font-size:1.5em; color:#959ea1; padding:0.333em 0; font-weight:normal;}

.cancel-comment-reply {position:absolute; top:8px; right:3px;}

#commentform {border-top:1px solid #d1d9dc; padding-top:1em;}

.nocomments {border-top:1px solid #d1d9dc; padding:1em 0 0 8.571em;}

.form-field {position:relative; margin-bottom:1em; height:100%;}
.form-field span {position:absolute; left:8.571em;}
.form-field #author, .form-field #email, .form-field #url {background-color:#fcfcfc; border:1px solid #333;}
.form-field span textarea#comment {background-color:#fcfcfc; border:1px solid #333; width:32.857em; height:200px; font-size:1em; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

.comment-box {margin-bottom:200px;}


/*** Sidebar + Widgets *******************************************************/

/*
#sidebar {margin:0 0 1em 0; padding:1em 0 0 0;}
*/

#sidebar {
 background:transparent url(http://a3.twimg.com/profile_images/361052507/IMG_0479_bigger.JPG) no-repeat 16px 36px;
}

#sidebar li {/* width:15.714em; margin-right:1.42em; */ list-style:none; overflow:hidden;}
/*
#sidebar .widget {font-size:1.167em; line-height:1.5em;}
*/
#sidebar .widget_categories {margin-right:0px;} /* Change the class of this to your right-most widget in the sidebar */
#sidebar li h2 {font-size:1.2em; color:#959ea1; padding:0.333em 0;}

/*
#sidebar li ul li a {display:block;}
*/

/* twitter */

ul.twitter .widgettitle {
  float:left;
  display:inline;
/*
  width:18.333em;
*/
  width:auto;
}

/*
ul.twitter {
  margin-left:18.333em;
}
*/

ul.twitter {
/*
  float:left;
  display:inline;
  width:40em;
*/
  float:left;
  display:inline;
  margin-top:0.5em;
  font-size:1em;
  width:65%;
  margin-left:10px;
}

li.widget_twitter h2.widgettitle {
  float:left;
  display:inline;
  width:90px;
}

ul.twitter .twitter-item {
  clear:left;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  width:100%;
  border-bottom:1px dotted #999;
  font-size:12px;
}

ul.twitter .twitter-item:last-child {
  border-bottom:none;
}

ul.twitter li .twitter-timestamp {
  float:right;
  font-size:0.9em;
  color:#999;
  font-style:italic;
}

.credits {
  font-size:0.9em;
  opacity:0.5;
  -ms-opacity:0.5;
  margin-bottom:1em;
  text-align:right;
}

.credits a {
  color:#999;
}

/* content image */
.main-image {
 position:relative;
 min-width:1012px;
 max-width:1024px;
 _width:1024px;
/*
 height:768px;
*/
 _height:768px;
 min-height:768px;
 background:#eee;
}

.main-image-overlay {
 position:absolute;
 left:0px;
 top:0px;
 width:1024px;
 height:100%;
_height:768px;
}

.main-image .content-block {
 _float:left;
 display:inline;
 display:inline-block;
 vertical-align:top;
 background:#fff;
 background:rgba(255,255,255,0.92);
 width:45.47%;
 _width:43%;
/*
 max-height:650px;
 _height:650px;
*/
/*
 overflow:auto;
*/
 margin:0px 0px 14px 14px;
 padding:12px;
}

.content-block ul {
 padding-left:1em;
}

.main-image .content-block .content-scroller {
 position:relative;
 max-height:650px;
 _height:650px;
 overflow:auto;
 padding-right:1.5em;
 width:auto;
}

.smaller p {
 font-size:1.1em;
}

.main-image .single-column,
.main-image .content-block.single-column {
  width:auto;
  max-width:970px;
}

.main-image .no-column,
.main-image .content-block.no-column {
 width:95%;
}

.main-image .nav {
 position:absolute;
 z-index:3;
 left:0px;
 bottom:1em;
 margin-right:0.25em;
}

.main-image .nav ul,
.main-image .nav ul li {
 margin:0px;
 padding:0px;
}

.main-image .nav ul {
 list-style-type:none;
}

.main-image .nav ul li {
 _float:left;
 *float:left;
 display:inline;
 display:inline-block;
 padding:1em 1em 0.75em 1em;
 background:#fff;
 background:rgba(255,255,255,0.92); /* url(/image/white-gradient.png) 0px bottom repeat-x; */
 _background:#fff;
 white-space:nowrap;
 margin-right:4px;
/*
 opacity:0.95;
 background-image:-webkit-gradient(linear, 0% 1%, 0% 95%, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,1)), color-stop(.66,rgba(250,250,250,0.25)),color-stop(.25,rgba(224,224,224,0.5)));
 background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.9)),color-stop(75%, rgba(250,250,250,0.25)),color-stop(25%, rgba(192,192,192,0.5)),to(rgba(192,192,192,0.5)));
*/
/*
 -moz-border-radius:12px 12px 0px 0px;
 -khtml-border-radius:12px 12px 0px 0px;
 -webkit-border-top-left-radius:12px;
 -webkit-border-top-right-radius:12px;
 border-radius:12px 12px 0px 0px;
*/
 text-align:center;
}

.main-image .nav ul li:last-child {
 border-right:none;
}

.main-image .nav ul li:hover {
 background:#fff;
 background-color:rgba(255, 255, 255, 0.5);
 opacity:1;
}

.main-image .nav ul li a:hover {
 background:transparent;
}

.main-image .nav h3 {
 font-size:1.3em;
 line-height:1em;
}

.main-image .nav span {
 font-size:11px;
}

.main-image-gradient {
  position:absolute;
  top:768px;
  left:0px;
  width:100%;
  background:transparent url(/image/white-gradient.png) repeat-x 0px 0px;
  height:48px;
  margin-top:-48px;
  display:none; /* out for now */
}

.footer {
  position:relative;
  text-align:center;
/*
  height:64px;
*/
  margin-bottom:3px;
  color:#666;
}

.footer .logo {
  position:absolute;
  left:50%;
  width:64px;
  margin-left:-32px;
  margin-top:-62px;
  padding:3px 8px;
  background:#fff;
  background-color:rgba(255,255,255,0.9);
  background:transparent url(/image/white-gradient.png) 0px 15px no-repeat;
  _background:#fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}

.post-edit-link {
 position:absolute;
 z-index:99;
 right:10px;
 top:5px;
 background:#fff;
 border:1px solid #999;
 font-size:11px;
 padding:0px 3px 0px 3px;
 opacity:0.75;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
}

.post-edit-link:hover {
 opacity:1;
 background:#333;
 color:#fff;
 border-color:#fff;
}

/* shiny buttons */

.main-image .content-block .shiny-button {
		position:relative;
		display:inline-block;
		width:8em;
		padding:0.25em 0.5em 0.3em 0.5em;
		text-align:center;
		cursor:pointer;
		border:2px solid #999;
background-color:#666;
		background-color:rgba(128,128,128,0.75);
	    -moz-border-radius:16px;
	    -webkit-border-radius:16px;
	    -opera-border-radius:16px;
	    -khtml-border-radius:16px;
	    border-radius:16px;
		font-size:1em;
                height:1.2em;
line-height:1.5em;
		color:#fff;
		font-weight:bold;
		text-shadow:1px 1px 3px rgba(0,0,0,0.5);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		-khtml-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	}

	.main-image .content-block .shiny-button span {
		position:absolute;
		display:block;
		width:94%;
		left:3.5%;
		top:0px;
		height:50%;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
background-color:#666;
		background-color:rgba(255,255,255,0.25);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(255,255,255,0.75)), to(rgba(255,255,255,0)));
	}

	.main-image .content-block .shiny-button {
		border-color:#999;
background-color:#666;
		background-color:rgba(128,128,128,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9)));
		-khtml-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
		box-shadow:rgba(192,192,192,0.75) 0px 8px 24px;
	}

	.main-image .content-block .shiny-button:hover {
		border-color:#6699cc;
background-color:#336699;
		background-color:rgba(64,128,192,0.75);
		background-image:-webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
		background-image:-moz-linear-gradient(top,bottom,from(rgba(16,96,192,0.75)), to(rgba(96,192,255,0.9)));
		-khtml-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		-moz-box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		box-shadow:rgba(128,192,255,0.75) 0px 8px 24px;
		/* margin-right:1.5em; */
	}

.main-image .content-block .shiny-button,
.main-image .content-block .shiny-button span {
 /* FJ($W* IE. */
 *background:#666;
}

.main-image .content-block .shiny-button:hover,
.main-image .content-block .shiny-button:hover span {
*background-color:#336699;
}


/* "roll your own" column template */

.main-image .content-block {
 *margin-left:0px; /* piece of shit IE 7 */
}

.main-image .rollyourown {
 margin-bottom:0px;
 padding-bottom:0px;
}

.main-image .rollyourown h1 {
 padding-bottom:0px;
}

/* home page sponsors */

.sponsor-logos {
  text-align:right;
  padding-top:13px;
  font-size:1px;
  white-space:nowrap;
}

.sponsor-logos a {
  background:#fff;
  opacity:0.5;
  -ms-opacity:0.5;
  margin:0px;
  padding:0px;
}

.sponsor-logos a:hover {
  opacity:1;
}

.sponsor-logos a img {
  padding-left:8px;
}

/* homepage "latest news" items */

div.highlight-item {
/*
  background:#fff;
  background-color:rgba(255,255,255,0.92);
*/
  background-color:rgba(0,0,0,0.1);
  padding:0.25em 0.5em;
  font-size:11px;
  padding-left:0.5em;
}

div.highlight-item:hover {
  background:#000;
  background:rgba(0,0,0,0.5);
}

div.highlight-item .twitter-icon {
  float:left;
  display:inline;
  background:rgba(255,255,255,0.9);
  border:1px solid rgba(255,255,255,0.9);
  padding:1px;
  *background:#fff;
  *border:1px solid #fff;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin-bottom:0px;
  opacity:0.9;
  margin-right:4px;
}

div.highlight-item .tweet {
  display:block; /* actually.. */
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

div.highlight-item h3 {
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

div.highlight-item h3 a,
div.highlight-item a {
  text-shadow:none;
  text-shadow:1px 1px 1px rgba(0,0,0,0.5);
  color:#99ccff;
/*
  background:rgba(255, 255, 255, 0.92);
  padding:0 2px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  padding:2px 8px;
  margin-left:-8px;
*/
  display:inline-block;
  margin-top:-3px;
}

div.highlight-item h3 a:hover,
div.highlight-item .twitter-link:hover,
div.highlight-item a:hover {
  color:#ff8a00;
/*
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
  border-radius:16px;
  color:#000;
  background:#fff;
  background:rgba(255,255,255,0.5);
  text-shadow:none;
*/
}

/* 360 UI */

div.ui360-box {
 position:absolute;
 right:8px;
 top:8px;
 height:64px;
 overflow:hidden;
 *width:33%;
}

div.ui360-box-holder {
 position:relative;
}

/*
.main-image .ui360 {
 opacity:0.75;
}
*/

.sm2-360ui {
 background:rgba(255,255,255,0.25);
 -moz-border-radius:24px;
 -webkit-border-radius:24px;
 border-radius:24px;
}

.main-image .sm2-360ui:hover {
 opacity:0.95;
 -ms-opacity:1;
}

.main-image .ui360 .sm2-timing {
 color:#fff;
 font-weight:bold;
 text-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

.main-image .sm2-360ui {
 float:right;
 opacity:0.75;
 -ms-opacity:0.75;
}

.main-image .ui360 a {
 display:none;
}

.main-image .ui360 a.sm2_link,
.main-image .ui360 a.sm2_link:focus {
 display:inline;
 background:transparent;
 margin-right:60px;
 color:#fff;
 text-shadow:0px 0px 3px rgba(0,0,0,0.5);
 padding:2px 8px;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 border-radius:15px;
 font-weight:bold;
}

.main-image .ui360 a.sm2_link:hover {
 background:#fff;
 background:rgba(255,255,255,0.5);
 color:#000;
 text-shadow:none;
}

.artist {
 display:none;
}

.main-image .ui360 .artist {
 position:absolute;
 left:0px;
 top:0px;
 width:54px;
 height:54px;
 margin-left:-64px;
 border:3px solid rgba(255,255,255,0.9);
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

.main-image .ui360 .artist:hover {
/* FF8A00 */
 border-color:rgba(51,153,204,0.75);
}

.main-image .sonreal .artist {
 background:transparent url(/image/sonreal_56.png) 0px 0px no-repeat; /* fack */
}

.main-image .leader1 .artist {
 background:transparent url(/image/leader1_56.png) 0px 0px no-repeat;
}

.main-image .elliottbrood .artist {
 background:transparent url(/image/elliottbrood-54x56.png) 0px 0px no-repeat;
}

.main-image .artist a {
 position:absolute;
 left:0px;
 top:0px;
 width:54px;
 height:54px;
 text-indent:-9999em;
}

.main-image .artist a:hover {
 background-color:transparent;
}

.main-image .artist a {
 display:block;
}

.main-image .sm2_paused .artist,
.main-image .sm2_playing .artist {
 display:block;
}

/* snow controls */

#snow {
 position:absolute;
 left:0px;
 bottom:16px;
 z-index:2; /* sit atop footer */
 opacity:0.5;
}

#snow:hover {
 opacity:1;
}

#snow form,
#snow p,
#snow label {
 font-size:11px;
 margin:0px;
 padding:0px;
}

/* TJ: Home */
#tj-block {
position:relative;display:inline-block;
}
#tj-strip {
*float:left;*display:inline;width:auto;margin-top:1em;margin-left:0px;width:200px;white-space:nowrap;
}
#tj-strip h1 {
font-size:3.5em;*font-size:3.3em;padding:0px;line-height:1.25em;*padding:1px 0px 1px 0px;
}
#tj-promo {
position:relative;*float:left;*display:inline;width:auto;margin-top:1em;margin-left:0px;*margin-left:4px;background:#e9f3ff;background:rgba(233,243,255,0.92);width:92px;
}
#tj-promo h2 {
font-size:1.5em;line-height:1em;padding-bottom:0.245em;color:#009900;
}
#tj-promo h3 {
width:7em;font-size:1.1em;line-height:1.15em;
}
#news-block {
position:relative;margin-top:-0.9em;*clear:both;max-width:343px;
}

/* home: sidebar (twitter) */

#main.home #sidebar {
 position:absolute;
 background:#fff;
 background-color:rgba(255, 255, 255, 0.9);
 bottom:80px;
 display:block;
 padding-left:1em;
 width:43.35%;
 z-index:2;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 /* safari hax */
 #main.home #sidebar {
  width:43.25%;
 }
}

#main.home #sidebar:hover {
 background:#fff;
 background-color:rgba(255, 255, 255, 0.5);
}

#main.home #sidebar ul.twitter li {
 display:none;
 _display:block; /* stupid IE 6. */
}

#main.home #sidebar ul.twitter li:first-child {
 display:block;
 border-bottom:none;
}

/* sponsors page */
.main-image .sponsors a,
.main-image .sponsors a:hover {
 background:#fff;
 border-color:#fff;
 *background:#fff;
}