body {
  font: normal small Verdana, sans-serif;
  background-color: #022;
  color: #399;
}

@media print { #sqs, #navBox { display: none; } }

@media screen {
  html { overflow-y: scroll; }
  body {
    margin: 0px;
    background: #444 url('../images/bg.gif') repeat-x fixed left top;
  }
  #page {
    background: #022 url('../images/bg_james.gif') no-repeat fixed center 175px;
    margin: 0px auto;
    width: 995px;
  }
  #navBox {
    background: transparent url('../images/bg_deckplate.gif') no-repeat scroll left top;
    position: fixed;
    top: 0px;
    overflow: hidden;
    z-index: 5;
    width: 265px;
    height: 487px;
  }
  #logo, #content { background: transparent url('../images/bg_sqs.gif') repeat-x scroll left top; }
  #content { padding: 75px 25px 15px 15px; }
  #content, #footer, #sqs { margin-left: 265px; }
  #content, #footer { width: 690px; }
  #footer {
/*
    background-color: #022;
    position: fixed;
    bottom: 0px;
*/
    clear: both;
    height: 18px;
    border-top: 1px solid #AC8;
    font-size: 10px;
    cursor: default;
    padding: 8px 0 5px 15px;
    text-align: right;
    z-index: 1000;
  }
  #sqs img { margin: 6px; }
  #sqs {
    position: absolute;
    top: 0px;
    z-index: 10;
    padding: 6px;
  }
  
  .a10 { opacity: 0.1; }
  .a20 { opacity: 0.2; }
  .a30 { opacity: 0.3; }
  .a40 { opacity: 0.4; }
  .a50 { opacity: 0.5; }
  .a60 { opacity: 0.6; }
  .a70 { opacity: 0.7; }
  .a80 { opacity: 0.8; }
  .a90 { opacity: 0.9; }
  
  img.photo { border: 1px solid #AC8; }
  
  .photoL { float: left; font-size: 80%; text-align: center; padding-bottom: 10px; }
  
  #listenbox { float: right; margin: 0px 5px 20px 20px; clear: right; }
  #listenbox ul { margin: 0px; }
  #listenbox ul li {
    display: block;
    list-style: none;
    list-style-image: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
  }
  #listenbox ul li a.listen {
    border-top: 1px dashed #299;
    background-color: transparent;
    display: block;
    padding: 8px 20px 12px 15px;
    font-size: 140%;
    text-transform: lowercase;
    background-position: center right;
  }
  #listenbox ul li a.listen:hover { background-color: #244; }
  #listenbox h3 { margin-top: 0; text-align: right ! important; }
  #listenbox h4 { margin-top: 0.5em; text-align: right ! important; }
  .notyet { display: none; }
  #tracklist { text-align: left; clear: both; }
  .left { text-align: left; }
  .box, .article_imagecontainer_feed_0 img {
    border: 1px solid #AC8;
    padding: 3px;
  }

  body.mixes #player {
    float: right;
    background: #133;
    padding: 10px 10px 7px 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: 0 0 10px 15px;
  }
  body.mixes #player .widget h3 { display: none; }
  body.mixes #player .options { margin-right: 10px; }
  body.mixes #player .widget,
  body.mixes #player .options { float: right; }
  body.mixes #player .options ul { margin: 0px; padding: 0px; }
  body.mixes #player .options ul li {
    display: block;
    list-style: none;
    list-style-image: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
  }
  body.mixes #player .options ul li a {
    border-top: 1px dotted #299;
    background-color: transparent;
    display: block;
    padding: 8px 40px 9px 10px;
    font-size: 140%;
    text-transform: lowercase;
    background-position: right center;
  }
  body.mixes #player .options ul li a small { font-size: 60%; }
  body.mixes #player .options ul li a:hover { background-color: #244; }
  body.mixes #player .options h3 { margin-top: 0; text-align: right ! important; }
  body.mixes #player .options h4 { margin-top: 0.5em; text-align: right ! important; }

  ul.navSub, ul.navSub li, ul.navSub li a { display: block; height: 16px; }
  ul.navSub, ul.navSub li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul.navSub {
    border-bottom: 1px solid #AC8;
    height: 22px;
    margin-bottom: 1em;
  }
  ul.navSub li { float: right; }
  ul.navSub li a {
    padding: 3px 6px;
    font-weight: bold;
    background-color: #342;
    color: #AC8;
    margin-left: 1px;
    -moz-border-radius: 5px 5px 0 0;
  }
  ul.navSub li a:hover {
    background-color: #AC8;
    color: #022;
    text-decoration: none;
  }
  hr.navSub { margin-bottom: 1em; }
#twitter_one_div {
  position: absolute;
  top: 80px;
  margin: 0 0 0 276px;
  font-size: 10px;
  width: 200px;
  padding: 8px;
  background-color: #133;
  -moz-border-radius: 5px;
}
#twitter_one_div ul li, #twitter_one_div ul {
  list-style: none ! important;
  list-style-image: none ! important;
}
#twitter_one_div ul#twitter_update_list {
  padding-left: 0px;
  margin-left: 0px;
}
#twitter_update_list a[href*="http://twitter.com/james_weston/statuses/"] {
  display: block;
  color: #4BB;
  margin-top: 4px;
}
#twitter_follow_link { display: none; }
#twitter_follow_link, #twitter_more_link {
  position: absolute;
  right: 10px;
  margin-top: -1em;
}
#addthis_div {
  position: absolute;
  top: 30px;
  z-index: 1000;
  margin-left: 848px;
}
}


@media print, screen {
  #logo {
    position: fixed;
    top: 0px;
    z-index: 5;
  }
}


.clearL { clear: left; }
.clearR { clear: right; }
.clearB { clear: both; }

.floatL { float: left; }
.floatR { float: right; }

#content { text-align: right; }

p, ul, li ul, ol, li ol {
  margin-top: 0.9em;
  margin-bottom: 0.9em;
}

ul { list-style-image: url('../images/bullet.gif'); }
ul, ol { text-align: left; clear: both; }
ul li, ol li, .newsItem, dd { margin-top: 0.3em; margin-bottom: 0.3em; }
dd { margin-bottom: 1.5em; margin-left: 0.3em; }
dd, dl { margin-right: 0.8em; }
dt { clear: right; }
#residencies {
  float: left;
  text-align: center;
  width: 25%;
  background-color: #133;
  -moz-border-radius: 5px;
  margin: 10px;
  padding: 10px;
}
#residencies dd { margin: 0.5em 0em 1.5em 0em; font-size: 80%; }
#residencies h3 { margin: 0 0 1em 0; font-size: 140%; }

.newsItem {
  display: block;
  text-align: right;
  background: transparent url('../images/icon_10x10_arrow-ne.gif') no-repeat scroll right center;
  padding-right: 16px;
}
.newsItemDate {
  font: normal 110% monospace;
  text-transform: uppercase;
}
.newsDate {
  font-weight: bold;
  margin-top: -1.1em;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.3em; font-weight: normal; }
h1, h2, h3, h4, h5, h6, #pseudoTitle, p.summary, #songQuotation {
  background: transparent;
  font-family: Arial, sans-serif;
}

#pseudoTitle {
  font-size: 350%;
  color: #DFF;
  text-transform: lowercase;
  margin-top: -1.7em;
  margin-bottom: 0.5em;
  letter-spacing: -0.1em;
  font-weight: bold;
}
h1     { font-size: 210%; color: #BFF; margin-top: 1.5em; font-weight: normal; }
h2     { font-size: 180%; color: #9EE; margin-top: 0.3em; }
h3     { font-size: 160%; color: #6CC; }
h4, dt { font-size: 140%; }
h5, .big, big, q { font-size: 120%; }
h6     { font-size: 100%; }
h4, h5, b, th, q, dt, .nightName, .newsDate, .newsItemDate { color: #4BB; }
h5, h6, p.summary, .nightName { font-weight: bold; }
/*
p.summary a { padding: 2px 5px; border: 1px solid #AC8; }
p.summary a:hover { padding: 2px 5px; border: 1px solid #AC8; background-color: #288; }
*/

#songQuotation { margin-top: 45px; }

.small, small, #songQuotation p, .nightLoc { font-size: 80%; }
.nightDetail { font-size: 75%; }
sup, sub { font-size: 70%; font-weight: normal; }

hr {
  display: block;
  height: 0px;
  border: 0px;
  border-top: 1px solid #AC8;
  margin: 0;
  padding: 0;
}

img.nightFlier { padding: 3px 5px 20px 10px; }

a { text-decoration: none; background-color: transparent; }
a:link, hr  { color: #AC8; }
a:visited { color: #796; }
a:active, a:hover { color: #FFC; text-decoration: underline }

a.listen, a.iconR, a.iconL, a.iconR32, a.iconL32 { background-repeat: no-repeat; }
a.iconR { padding-right: 20px ! important; background-position: right center; }
a.iconL { padding-left: 20px ! important; background-position: left center; }
a.iconR32 { padding-right: 40px ! important; background-position: right center; }
a.iconL32 { padding-left: 40px ! important; background-position: left center; }
a.listen {
  background-image: url('../images/icon_10x10_speaker-cone.gif');
  background-position: right 0.2em;
  padding-right: 15px;
}
a.download { font-size: 70%; }
/*
a.download:before { content: "["; }
a.download:after { content: "]"; }
*/
a.fb  { background-image: url('../images/icons/16/facebook.png'); }
a.dsi { background-image: url('../images/icons/16/dontstayin.png'); }
a.ms  { background-image: url('../images/icons/16/myspace.png'); }
a.yt  { background-image: url('../images/icons/16/youtube.png'); }
a.sc  { background-image: url('../images/icons/16/soundcloud.png'); }
a.tw  { background-image: url('../images/icons/16/twitter.png'); }
a.dl  { background-image: url('../images/icon_download_16.png'); }
a.fb32  { background-image: url('../images/icons/32/facebook.png'); }
a.dsi32 { background-image: url('../images/icons/32/dontstayin.png'); }
a.ms32  { background-image: url('../images/icons/32/myspace.png'); }
a.yt32  { background-image: url('../images/icons/32/youtube.png'); }
a.sc32  { background-image: url('../images/icons/32/soundcloud.png'); }
a.tw32  { background-image: url('../images/icons/32/twitter.png'); }
a.dl32  { background-image: url('../images/icon_download_32.png'); }

acronym, abbr, .help { border-bottom: 1px dashed #6CC; cursor: help; }

ul.tracks li {
  margin-top: 10px;
  color: #6CC;
}
ul.tracks li i { color: #AEE; }
ul.tracks li small { color: #299; }
ul.tracks li.over i { color: #6CC; }
ul.tracks li.over {
  color: #299;
  margin: 0em 0em 0em 6em ! important;
  font-size: 80%;
  list-style-type: none;
  list-style-image: none;
}

#summaryNews, #summaryMixes { display: none; }