/* --------- /stylesheets/reset.css --------- */ 
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;
}

OL,UL {
	list-style: none;
}

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;
}/* --------- /stylesheets/clearfix.css --------- */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* --------- /stylesheets/anima.css --------- */ 
html, body {
  width: 100%;
  height: 100%; }

body {
  background: #010101 url(/images/bg.png) no-repeat fixed 50% 0;
  width: 100%;
  min-width: 900px;
  font: normal 1em/1.3 "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
  color: #999;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative; }

a, a:link {
  color: #70bcdd; }

a:hover {
  color: #ffd695; }

#header {
  height: 250px;
  width: 600px;
  margin: 0 auto; }
  #header h1 {
    width: 600px;
    margin: 0 auto;
    cursor: pointer; }
    #header h1 a {
      width: 600px;
      height: 250px;
      overflow: hidden;
      display: block;
      position: relative;
      text-indent: -9999px; }
      #header h1 a span {
        position: absolute;
        width: 600px;
        height: 250px;
        top: 0;
        left: 0;
        background: transparent url(/images/anima3.png) no-repeat 0 0; }

#container {
  margin: 0 auto;
  width: 600px;
  padding-bottom: 3em; }

.container {
  color: #fff; }
  .container small {
    font-size: 85%; }
  .container h2, .container p {
    margin: 1em 0 0.2em; }
  .container h2 {
    font-size: 1.7em;
    font-weight: normal;
    color: #999;
    border-bottom: 1px dotted #333;
    margin: 1em -25px 0 -25px;
    padding: 0 25px;
    background: url(/images/skull.png) no-repeat 0 50%; }
  .container p {
    font-size: 0.9em;
    clear: both;
    color: #999;
    line-height: 1.6em; }
  .container b, .container strong {
    color: #fff; }

.events ul li {
  list-style: none;
  margin: 0.3em 0 1em 0; }
  .events ul li em {
    font-size: 0.75em;
    color: #333; }
  .events ul li p {
    margin: 0.3em 0; }

#footer {
  bottom: 0px;
  font-size: 0.8em;
  height: 2.5em;
  position: absolute;
  width: 100%; }
  #footer p {
    text-align: right;
    padding: 0 2em; }

.photos a {
  display: block;
  float: left;
  border: 5px solid #666;
  margin: 2px; }
.photos a:hover {
  text-decoration: none;
  border-color: #fff; }

input.e, textarea.e {
  width: 600px;
  font: normal 1em/1.3 "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
  background: #333;
  color: #fff;
  border: 2px solid #999;
  font-size: 1em; }

input[type=text], input[type=password] {
  width: 200px;
  font: normal 1em/1.3 "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
  background: #333;
  color: #fff;
  border: 2px solid #999;
  font-size: 1em; }

#flash {
  margin: 1em -20px;
  padding: 1em 20px;
  font-size: 120%;
  border: 2px dotted #000;
  border-width: 2px 0px; }
  #flash.error {
    color: #900;
    border-color: #900; }
  #flash.notice {
    color: #ccc;
    border-color: #9f6; }

#user_bar {
  font-size: 0.8em;
  padding: 1em 2em;
  position: absolute;
  top: 0;
  left: 0; }
  #user_bar b {
    color: #fff; }
  #user_bar ul li {
    margin: 0.5em 0; }

.pagination {
  font-size: 0.8em;
  text-align: left;
  padding: 1em .3em; }
  .pagination a, .pagination span {
    padding: .2em .5em; }
  .pagination span.disabled {
    color: #AAA; }
  .pagination span.current {
    font-weight: bold;
    color: #70bcdd; }
  .pagination a {
    border: 1px solid #333;
    color: #333;
    text-decoration: none; }
    .pagination a:hover, .pagination a:focus {
      border-color: #333;
      background: #333;
      color: white; }
  .pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
  .pagination .prev_page, .pagination .next_page {
    border-width: 1px; }

.ttip {
  border: 1px dotted;
  border-color: #70bcdd;
  background-color: #333333;
  padding: 0.5em 1em; }

.hidden {
  display: none; }

.attachments small {
  font-size: 75%;
  color: #666; }
/* --------- /facebox/facebox.css --------- */ 
#facebox .b {
  background:url(/facebox/b.png);
}

#facebox .tl {
  background:url(/facebox/tl.png);
}

#facebox .tr {
  background:url(/facebox/tr.png);
}

#facebox .bl {
  background:url(/facebox/bl.png);
}

#facebox .br {
  background:url(/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 0;
  background: #000;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .control {
  text-align: right;
  position: absolute;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* --------- /stylesheets/player.css --------- */ 
/*

 GENERAL RANT AWARENESS NOTICE
 -----------------------------
 You may see some complaining about Internet Explorer, PNG and opacity-related hacks.
 Even the new (at time of writing, 12/2006) IE 7 has issues and other quirks. Too bad.

*/

.sm2player {
 //position:absolute;
 margin-top: 1em;
 z-index:3;
 padding:1px;
 height:20px;
 font:normal xx-small/19px verdana,tahoma,arial;
 *line-height:19px;
 letter-spacing:-1px;
 color:#4f4f4f;
 zoom:1;
 font-size: 10px;
}

.sm2player.altFont {
 /* font tweaks for mac which has tighter spacing */
 letter-spacing:0px;
}

.sm2player,
.sm2player .sm2playlist-box {
 width:600px;
}

/*.sm2player .ui,*/
.sm2player .sm2playlist {
 xfilter:alpha(opacity=90); /* Even IE 7 (still) sucks! */
 opacity:0.9;
 display: none;
}

.sm2player .ui {
 _filter:none; /* IE <7 sucks */
}

.sm2player.noOpacity .ui {
 /* Safari (1.3.2 at least?) has render bugs with UI display + animated PNG progress bar when applying opacity */
 opacity:1;
}

.sm2player .ui:hover {
 opacity:1;
 filter:none;
}

.sm2player a:focus {
 outline:none;
}

.sm2player .left,
.sm2player .mid,
.sm2player .right {
 position:relative;
 float:left;
 display:inline;
 height:20px;
 color:#4f4f4f;
}

.sm2player .left {
 width:15px;
 background:transparent url(/images/player/skin-3-ui.png) 0px 0px no-repeat;
 _background-image:url(/images/player/skin-3-ui.gif); /* IE <7 */
}

.sm2player .left .trigger,
.sm2player .left .trigger span {
 display:block;
 width:15px;
 height:20px;
}

.sm2player .left .trigger.pauseplay span {
 background:transparent url(/images/player/sec-left-arr1.png) 5px 6px no-repeat;
 _background-image:url(/images/player/sec-left-arr1.gif);
}

.sm2player .left .trigger.pauseplay span.playing {
 /* class applied while playing */
 background-image:url(/images/player/sec-left-pause-1.gif);
 background-position:6px 7px;
}

.sm2player .left .trigger:hover {
 background:transparent url(/images/player/ui-highlight-1.png) 2px 0px no-repeat;
 _background-image:url(/images/player/ui-highlight-1.gif);
 _background-position:2px 0px;
}

.sm2player .left .trigger.pauseplay:hover span {
 background:transparent url(/images/player/sec-left-arr0.png) 5px 6px no-repeat;
 _background-image:url(/images/player/sec-left-arr2.gif);
}

.sm2player .left .trigger.pauseplay:hover span.playing {
 background-image:url(/images/player/sec-left-pause.gif);
 background-position:6px 7px;
}

.sm2player .mid {
 position:relative;
 width:440px;
 _width:441px;
 background:transparent url(/images/player/skin-3-ui.png) -14px 0px no-repeat;
 _background-image:url(/images/player/skin-3-ui.gif);
}

.sm2player .mid .info {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:20px;
 overflow:hidden;
 text-indent:2px;
 z-index:2;
 cursor:move;
}

.sm2player .mid .progress {
 position:relative;
 display:block;
 width:1px;
 height:12px;
 margin:4px 0px 0px 0px;
 background:transparent url(/images/player/sec-mid-loaded-light.png) 0px 0px repeat-x;
 _background-image:url(/images/player/sec-mid-loaded-light.gif);
 background-color:#333;
}

.sm2player .mid .progress.loading {
 position:relative;
 display:block;
 width:1px;
 border-right:1px solid #333;
}

.sm2player .mid .slider {
 position:absolute;
 display:block;
 width:12px;
 height:12px;
 left:0px;
 top:0px;
 margin-top:4px;
 background:transparent url(/images/player/slider-light.png) 0px 0px no-repeat;
 _background-image:url(/images/player/slider-light.gif);
 z-index:1; /* swap between 1 and 2 to position on top */
 z-index:2;
 opacity:0.95;
 /* filter:alpha(opacity=95); IE7 still messes up alpha transparency with PNGs when applying filters. Boo urns. */
}

.sm2player .mid.hover .slider,
.sm2player .mid:hover .slider {
/*
 z-index:2;
 opacity:0.95;
 filter:filter:alpha(opacity=95);
*/
}

.sm2player .mid .slider.active {
/*
 -moz-opacity:0.85;
 filter:alpha(opacity=85);
*/
}

.sm2player .mid .text,
.sm2player .mid .default,
.sm2player .mid .seek,
.sm2player .mid .divider {
 display:none;
}

.sm2player .mid .caption {
 *position:absolute; /* required for scroll positioning to work under IE */
 display:inline;
 white-space:nowrap;
 visibility:hidden; /* hidden by default */
}

.sm2player .mid .seek {
 position:absolute;
 left:0px;
 top:0px;
 text-indent:2px;
}

.sm2player .right {
/*
 width:18px;
 width:45px;
*/
 background:transparent url(/images/player/skin-3-ui.png) 100% 0px no-repeat;
 _background-image:url(/images/player/skin-3-ui.gif);
 margin-left:1px;
 _margin-left:0px; /* IE <7 sucks. */
}

.sm2player .right .divider {
 /* one-pixel visual divider between bar / cap (yep, this is a UI nit-pick.) */
 float:left;
 display:inline;
 width:1px;
 height:20px;
 overflow:hidden;
 background:transparent url(/images/player/skin-3-ui.png) -1006px 0px no-repeat;
 _background-image:url(/images/player/skin-3-ui.gif);
 margin-left:-1px;
 _display:none; /* IE <7 sucks. */
}

.sm2player .right .time {
 float:left;
 display:inline;
 width:3em;
 text-align:center;
 line-height:19px;
 margin:0px 1px 0px 3px;
}

.sm2player .right .trigger {
 float:left;
 display:inline;
 width:14px;
 height:20px;
}

.sm2player .right .trigger span {
 display:block;
 height:20px;
}

.sm2player .right .trigger.prev {
 margin-left:1px;
}

.sm2player .right .trigger.s0 {
 width:16px;
}

.sm2player .right .trigger.s1 {
 width:18px;
}

.sm2player .right .trigger.s2 {
 width:20px;
}

.sm2player .right .trigger.s3 {
 width:12px;
}

.sm2player .right .trigger.s4 {
 width:13px;
}

.sm2player .right .trigger {
 background:transparent;
}

.sm2player .right .trigger.prev {
}

.sm2player .right .trigger.dropdown {
 width:14px;
 margin-right:2px;
}

.sm2player .right .trigger span {
 background:transparent url(/images/player/sec-right-arr1.png) 3px 7px no-repeat; 
 /*
 _background-image:url(/images/player/sec-right-arr1.gif);
 _background-position:0px 0px;
 */
}

.sm2player .right .trigger.prev span {
 background:transparent url(/images/player/btn-prev-1.png) 4px 6px no-repeat;
 /* _background-image:url(/images/player/btn-prev-1.gif); */
}

.sm2player .right .trigger.next span {
 background:transparent url(/images/player/btn-next-1.png) 3px 6px no-repeat;
 /* _background-image:url(/images/player/btn-next-1.gif); */
}

.sm2player .right .trigger.loop span {
 background:transparent url(/images/player/loop-light.png) 3px 5px no-repeat;
 opacity:0.5;
 filter:alpha(opacity=50);
}

.sm2player .right .trigger.loop.active span {
 opacity:1;
 filter:none;
}

.sm2player .right .trigger.shuffle span {
 background:transparent url(/images/player/shuffle-1-light.png) 2px 5px no-repeat; 
 opacity:0.5;
 filter:alpha(opacity=50);
 _background-image:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop src='image/shuffle-1-light.png');
 _margin:5px 0px 0px 2px;
}

.sm2player .right .trigger.shuffle:hover span {
 background-image:url(/images/player/shuffle.png);
}

.sm2player .right .trigger.shuffle.active span {
 opacity:1;
 filter:none;
}

.sm2player .right .trigger.mute span {
 background:transparent url(/images/player/speaker-light.png) 3px 5px no-repeat; 
}

.sm2player .right .trigger.mute:hover span {
 background-image:url(/images/player/speaker.png);
 opacity:0.75;
}

.sm2player .right .trigger.mute.active span {
 opacity:0.5;
}

.sm2player .right .trigger.volume span {
 background:transparent url(/images/player/volume-light.png) 0px 4px no-repeat; 
}

.sm2player .right .trigger:hover {
 background:transparent url(/images/player/ui-highlight-1.png) -2px 0px no-repeat;
 _background-image:url(/images/player/ui-highlight-1.gif);
 /*_background-position:2px 2px;*/
}

.sm2player .right .trigger.dropdown:hover>span {
 background-image:url(/images/player/sec-right-arr0.png);
}

.sm2player .right .trigger.prev:hover>span {
 background-image:url(/images/player/btn-prev.png);
}

.sm2player .right .trigger.next:hover>span {
 background-image:url(/images/player/btn-next.png); 
}

.sm2player .right .trigger.loop:hover>span {
 background-image:url(/images/player/loop.png);
}

.sm2player .right .trigger.shuffle:hover>span {
 background-image:url(/images/player/shuffle-1.png);
}

.sm2player .right .trigger.mute:hover>span {
 background-image:url(/images/player/speaker.png);
}

.sm2player .right .trigger.volume:hover>span {
 background-image:url(/images/player/volume.png);
}

.sm2player .right .dropdown:hover {
 background-position:right 0px;
}

.sm2playlist-box {
 position:absolute;
 /*width:256px;*/
 /*overflow:hidden;*/
 /*max-height:33.1em;*/
 left:1px;
 top:26px;
 overflow:hidden;
 margin-top:-4px;
}

.sm2playlist {
 position:relative;
 /* zoom:1; stupid IE. */
}

.sm2playlist .hd,
.sm2playlist .c {
 position:relative;
 height:3px;
}

.sm2playlist .hd {
 background:transparent url(/images/player/skin-3-ui.png) no-repeat 0px 0px;
 _background-image:url(/images/player/skin-3.ui.gif);
 margin-right:3px;
}

.sm2playlist .hd .c {
 position:absolute;
 right:0px;
 top:0px;
 background:transparent url(/images/player/skin-3-ui.png) no-repeat 100% 0px;
 _background-image:url(/images/player/skin-3-ui.gif);
 margin-right:-3px;
 width:3px;
}

.sm2playlist .bd {
 background:transparent url(/images/player/shade-left.png) repeat-y 0px 0px;
 _background-image:none;
 margin-right:2px;
}

.sm2playlist ul {
 list-style-type:none;
 margin:0px;
 padding:0px;
 padding-right:4px; /* space for background */
 margin-right:-2px;
 background:transparent url(/images/player/shade-right.png) repeat-y 100% 0px;
 _background-image:none;
 zoom:1; /* Even IE 7 needs this (!?) */
}

.sm2playlist ul li {
 line-height:1.5em;
}

.sm2playlist ul li a {
 display:block;
 background:transparent;
 margin-left:2px;
 margin-right:-2px;
 color:#666;
 text-indent:0.25em;
 text-decoration:none;
 width:100%; /* stupid IE 7. */
}

.sm2playlist ul li a span {
 display:block;
 background:#333;
 padding:0.1em 0.5em;
 border-top:1px solid #fff;
 border-bottom:1px solid #ccc;
}

.sm2playlist ul li:first-child a span {
 border-top:none;
}

.sm2playlist ul li:last-child a span {
 border-bottom:none;
}

.sm2playlist ul li a:hover span {
 background-color:#333;
 color:#ccc;
}

.sm2playlist ul li a:hover span {
 border-color:transparent;
 _border-color:#ccc;
}

.sm2playlist ul li.highlight a {
 color:#222;
}

.sm2playlist ul li.highlight a span {
 background-color:#333;
}

.sm2playlist ul li.highlight a:hover {
 background-color:#ffeedd;
 color:#9999ff;
}

.sm2playlist ul li a:focus {
 outline:none;
}

.sm2playlist .ft {
 background:transparent url(/images/player/skin-3-ui.png) no-repeat 0px 100%;
 _background-image:url(/images/player/skin-3-ui.gif);
 margin-right:3px;
 height:2px;
}

.sm2playlist .ft .c {
 position:absolute;
 right:0px;
 bottom:0px;
 background:transparent url(/images/player/skin-3-ui.png) no-repeat 100% 100%;
 _background-image:url(/images/player/skin-3-ui.gif);
 xmargin-left:3px; /* leave room for left cap */
 xmargin-right:-3px;
 width:3px;
 height:2px;
 /* not needed */
 xdisplay:none;

}

#soundmanager-debug {
 position:absolute;
 right:1.5em;
 bottom:1.5em;
 display:none;
 font-size:xx-small;
 height:20em;
 overflow:auto;
 background:transparent url(/images/player/whiteout.png);
 padding:1em;
 color:#000;
}
