/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* modified by 000 */

* { margin: 0; padding: 0; text-indent: 0; }

/* remove crud */
.entry-meta,
#access .skip-link,
#linkcat-3,
#blog-description { display: none; }

/* dithered background gradient */
body {
  background: #000 url(img/dither_gradient.gif) top left repeat-x;
  color: #000;
}

/* centered 960px wide wrapper */
#wrapper {
  width: 960px;
  margin: 0 auto 0 auto;
  position: relative;
}

/* random logo + tagline */
h1#blog-title {
  background: #fff url(img/randomheader.php) top center no-repeat;
  width: 960px;
  height: 265px;
}

h1#blog-title a {
  display: block;
  width: 960px;
  height: 265px;
  text-indent: -5000px;
  text-decoration: none;
}

/* menu bar */
#menu {
  background: url(img/menubar.gif) 5px 0px no-repeat;
  height: 46px;
  margin-top: -15px;
  width: 960px;
}

#menu li {
  display: inline;
  padding-left: 24px;
}

#menu a {
  color: white;
  font: bold 14px/44px 'Courier New', 'Courier', monospace;
  text-decoration: none; 
}

#menu a:hover { text-decoration: underline; }

/* right column body */
#container {
  background: url(img/body-repeat.gif) 3px 223px repeat-y;
  width: 727px;
  margin: 10px 0 0 230px;
}

#content {
  background: url(img/body-top.gif) -1px -2px no-repeat;
  width: 631px;
  padding: 16px 48px 96px 48px;
}

/* main entry content */

div.post { overflow: hidden; }

.navigation { 
  clear: left;
  padding: 8px 0;
}
.navigation a {
  font: bold 10px/16px 'Courier New', 'Courier', monospace;
  color: #888;
  text-decoration: none;
}
.navigation a:hover { text-decoration: underline; }
.nav-next { float: right; }
.nav-previous { float: left; }

h2.entry-title{
  color: #000;
  font: bold 14px 'Courier New', 'Courier', monospace;
  margin-top: 16px;
  text-align: right;
  clear: both;  
}
h2.entry-title a { color: #000; text-decoration: none; }
h2.entry-title a:hover { text-decoration: underline; }

.entry-date { 
  text-align: right;
  color: #888;
  font: normal 10px 'Courier New', 'Courier', monospace;
}
.entry-date abbr { border: none; }

.entry-content a {
  color: #000;
  text-decoration: underline;
}

.entry-content a:hover { color: #fff; background: #000; }

.entry-content em {
  color: #fff;
  background: #000 url(img/black-stripe.gif) 0px repeat-x;
  font: normal bold 12px/16px 'Courier New', 'Courier', monospace;
  border: 1px solid #fff;
  word-spacing: normal;
  padding: 0px 3px;
}

.entry-content em a,
.entry-content a em { color: #fff; text-decoration: underline; }

.entry-content p+p em { background-position: 73px; }
.entry-content p+p+p em { background-position: 123px; }
.entry-content p+p+p+p em { background-position: 231px; }
.entry-content p+p+p+p+p em { background-position: 271px; }
.entry-content em~em { background-position: 53px; }
.entry-content em~em~em { background-position: 103px; }
.entry-content p+p em~em { background-position: 211px; }
.entry-content p+p em~em~em { background-position: 251px; }

.entry-content p {
  color: #111;
  font: normal 11px/16px Arial, sans-serif;
  word-spacing: 1px;
  margin: 8px 16px 8px 8px;
}

.entry-content .wp-caption {
  float: left;
  clear: left;
  margin: 0 16px 16px 0;
}

.entry-content .wp-caption p {
  color: #444;
  font: bold 10px/8px 'Courier New', 'Courier', monospace;
}

/* schedule */

#schedule {
  background: #fff url(img/black-crap-column.gif) 0px 0px repeat-y;
  padding: 0 0 80px 20px;
  margin: 0 0 -80px -20px;
  border-top: 25px solid #fff;
}

#schedule dt {
  color: #000;
  font: bold 24px/36px 'Courier New', 'Courier', monospace;
  height: 45px;
  padding: 20px 0 10px 20px;
  margin: -25px 0 0 -20px;
  background: url(img/white-stripes.gif) 0px 0px no-repeat;
  clear: both;
}

#schedule dt~dt { background-position: 0px -75px; }
#schedule dt~dt~dt { background-position: 0px -150px; }
#schedule dt~dt~dt~dt { background-position: 0px -225px; }
#schedule dt~dt~dt~dt~dt { background-position: 0px -300px; }
#schedule dt~dt~dt~dt~dt~dt { background-position: 0px 0px; }
#schedule dt~dt~dt~dt~dt~dt~dt { background-position: 0px -75px; }

#schedule dd.when {
  clear: left;
  float: left;
  font: bold 14px/20px 'Courier New', 'Courier', monospace;
  color: #fff;
  width: 80px;
  text-align: right;
}

#schedule dd.who {
  float: left;
  font: bold 14px/20px 'Courier New', 'Courier', monospace;
  color: #000;
  margin: 0 -24px 0 30px;
  width: 140px;
  text-align: left;
}

#schedule dd.what {
  float: left;
  font: bold 14px/20px 'Courier New', 'Courier', monospace;
  margin: 0 16px 0 8px;
  color: #000;
  width: 156px;
  text-align: right;
}

#schedule dd.desc {
  float: left;
  font: 10px/16px 'Courier New', 'Courier', monospace;
  padding: 0 0 20px 4px;
  color: #000;
  width: 220px;
  text-align: left;
}

/* footer */

#footer {
  margin: -72px 0 0 221px;
  background: url(img/body-bottom.gif) 0 0 no-repeat;
  /*opacity: 0.75;*/
  width: 688px;
  height: 110px;
  text-align: right;
  color: #888;
  padding: 20px 65px 0 0;
  font: normal 10px 'Courier New', 'Courier', monospace;
}

#footer a { color: #aaa; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* sidebar */

#secondary {
  position: absolute;
  top: 307px;
  left: 4px;
  background: url(img/menu-top.gif) top left no-repeat;
  width: 208px;
  padding: 8px 8px 8px 8px 
}

#secondary li {
  font: normal 12px 'Courier New', 'Courier', monospace;
  color: white;
  list-style: none;
  margin-bottom: 16px;
}

#streams li { font-size: 14px; font-weight: bold; }

#secondary h3 {
  width: 208px;
  text-align: center;
  height: 60px;
  background: url(img/menu-heading.gif) 3px 17px no-repeat;
  color: #000;
  font: bold 24px/60px 'Courier New', 'Courier', monospace;
}

#secondary #linkcat-4 h3 { background-position: 3px -138px; }
#secondary #now-playing h3 { background-position: 3px -321px; }

#secondary li a {
  color: white;
  text-decoration: none;
  padding-left: 16px;
}

#secondary li a:hover { text-decoration: underline; }

#secondary p {
  text-align: center;
  padding: 0 16px;
}

#secondary li#donate form {
  width: 150px;
  height: 75px;
  margin-left: 40px;
}

#secondary #now-playing h4 {
  font: bold 14px/12px 'Courier New', 'Courier', monospace;
  letter-spacing: -1px;
  padding: 0 0 4px 16px;
}

#secondary #now-playing ol {
  padding: 0 0 0 16px;
  margin: 0;
}

#secondary #now-playing li {
  font: 10px/8px 'Courier New', 'Courier', monospace;
  color: #ddd;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  width: 192px;
  overflow: hidden;
}