html { overflow-y: scroll; }
body { background-color: #000; }

body,
input.text, textarea, select {
  color: #AAA;
  font: bold 100% Arial, sans-serif;
}

acronym, abbr { cursor: help; }

input.text, textarea { border: 1px solid #FFF; }
input.text, textarea, select {
  background: #666;
  font-size: 13px;
  padding: 2px;
}

input.button {
  color: #000;
  font: bold 120% Arial, sans-serif;
}

img.photo,
img.photoL,
img.photoR,
.article_imagecontainer_feed_0 img { border: 1px solid #FFF; }
#content img.photoL {
  float: left;
  margin: 10px 20px 10px 0px;
}
#content img.photoR {
  float: right;
  margin: 10px 0px 10px 20px;
}
#eventExtra img.photo {
  float: left;
  margin: 5px 15px 5px 0;
}

.float-left {
  float: left;
  margin: 5px 20px 12px 0;
}
.float-right {
  float: right;
  margin: 5px 0 12px 20px;
}

ul li {
  list-style-type: none;
  padding: 0px 2em 0px 0px;
  margin: 0px;
  background: transparent url('../images/bullet.png') no-repeat scroll right 0.5em;
}

#content,
#bottom { text-align: right; }

#content p { line-height: 120%; }

h1 {
  margin: 0px;
  padding-top: 5px;
  font-size: 50px;
}

h2 { font-size: 200%; }
h3 { font-size: 170%; }
h4 { font-size: 140%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

h1, h2, h3, h4, h5, h6, b {
  background: transparent;
  color: #FFF;
}

b, q { color: #EEE; }

a {
  background: transparent;
  color: #BBB;
  font-family: Arial, sans-serif;
}

a:hover,
a:active { background-color: #666; }
a.BG-trans:hover,
a.BG-trans:active { background-color: transparent; }

a:link,
a:hover,
a:active { color: #FFF; }

a.listen, a.iconR, a.iconL { background-repeat: no-repeat; }
a.iconR { padding-right: 20px; background-position: right center; }
a.iconL { padding-left: 20px; background-position: left center; }
a.listen {
  background-image: url('../images/icon_listen.gif');
  background-position: right 0.2em;
  padding-right: 15px;
}
a.fb  { background-image: url('http://www.simpleproductions.co.uk/images/icons/16/facebook.png'); }
a.dsi { background-image: url('http://www.simpleproductions.co.uk/images/icons/16/dontstayin.png'); }
a.ms  { background-image: url('http://www.simpleproductions.co.uk/images/icons/16/myspace.png'); }
a.yt  { background-image: url('http://www.simpleproductions.co.uk/images/icons/16/youtube.png'); }
a.tw  { background-image: url('http://www.simpleproductions.co.uk/images/icons/16/twitter.png'); }
a.fb32  { background-image: url('http://www.simpleproductions.co.uk/images/icons/32/facebook.png'); }
a.dsi32 { background-image: url('http://www.simpleproductions.co.uk/images/icons/32/dontstayin.png'); }
a.ms32  { background-image: url('http://www.simpleproductions.co.uk/images/icons/32/myspace.png'); }
a.yt32  { background-image: url('http://www.simpleproductions.co.uk/images/icons/32/youtube.png'); }
a.tw32  { background-image: url('http://www.simpleproductions.co.uk/images/icons/32/twitter.png'); }

a.nItem.iconL { background-position: 3px center ! important; }
a:hover.nItem.iconL { background-position: 2px center ! important; }

small, .small, #notes, #eventExtra p, #eventOver p { font-size: smaller; }
big, .big { font-size: larger; }

#bottom {
  clear: both;
  border-top: 1px solid #FFF;
}

.strike {
  text-decoration: line-through;
}

.box {
  border-right: 1px solid #FFF;
  padding-right: 10px;
  margin-bottom: 50px;
}
.box h3, .box h2 { margin-top: 0; }
.disp, #eventOver, .not-here { display: none; }
#right #nextEvent .disp { display: inline; }

.l0 {
  font-size: 500%;
  color: #DDD;
}
.l1 {
  font-size: 325%;
  color: #CCC;
}
.l2, #date {
  font-size: 200%;
  color: #BBB;
}
#date,
.l0, .l1, .l2 {
  margin: 20px 0px;
  line-height: 80% ! important;
}
#date { margin-top: 0.6em; }
#notes { color: #999; }
#eventExtra, #eventOver {
  position: relative;
  float: left;
  width: 45%;
  padding-bottom: 5px;
}
#eventExtra { margin-right: 10px; }
#eventExtra h3, #eventOver h3 { margin-bottom: 0px; }

body.PHPlist .required,
body.PHPlist form {
  font-size: 12px;
}
body.PHPlist .required { color: #FAA; }
body.PHPlist font.required {
  float: left;
  display: block;
  margin-top: 1em;
  margin-left: 3px;
  border: 1px dotted #FAA;
  padding: 1px 5px;
}

body.PHPlist form ul {
  padding-left: 0px;
}
body.PHPlist form ul li {
  background: transparent;
  margin-top: 1em;
}
body.PHPlist form p,
body.PHPlist form li b {
  font-size: 150%;
  padding-left: 3px;
}
body.PHPlist form input[type="submit"] {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 10px;
}
body.PHPlist #content,
body.PHPlist form,
body.PHPlist form table {
  text-align: left;
  clear: both;
  margin: 10px auto;
  width: 490px;
}
body.PHPlist #content { padding-bottom: 2em; }
body.PHPlist table td.attributeinput {
  text-align: right;
}
body.PHPlist form .listdescription {
  padding-left: 2em;
}


@media all {
  h1, h2, h3, h4, h5, h6, .event { text-transform: lowercase; }
}

@media screen {
/*
  html { background: #000 url('http://www.simpleproductions.co.uk/images/bg_squares.png') no-repeat scroll left top; }
  body {
    background: transparent url('http://www.simpleproductions.co.uk/images/logo_bg.gif') no-repeat fixed 380px 190px;
    margin: 0px;
  }
*/
html {
  overflow-y: scroll;
  background: #000 url('http://www.simpleproductions.co.uk/images/bg_crowd.jpg') repeat-x fixed -265px bottom;
}
body {
  position: relative;
  background: #000 url('http://www.simpleproductions.co.uk/images/bg_squares.png') no-repeat scroll left top;
  min-width: 770px;
  max-width: 980px;
  margin: 0 auto 50px auto;
/*  opacity: 0.9; */
}

  #content,
  #bottom {
    margin: 0px 225px 0px 145px;
    padding: 10px 15px 10px 15px;
    position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width: auto;
  }
  #content {
    padding: 50px 20px 0px 20px;
    z-index: 4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
  }
  #BGimple {
    position: absolute;
    top: 3px;
    left: 140px;
    width: 382px;
    height: 131px;
    background: transparent url('http://www.simpleproductions.co.uk/images/logo_bg_imple.gif') scroll no-repeat top left;
    z-index:3;
  }
  #left {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 2;
    text-transform: lowercase;
  }
  #left, #left li {
    display: block;
    margin: 0 ! important;
    padding: 0 ! important;
    list-style: none;
    background: transparent;
  }
  #left li.divider {
    padding-bottom: 3px ! important;
    margin-bottom: 3px ! important;
    border-bottom: 1px solid #FFF;
  }
  #left a { width: 122px; -moz-border-radius: 4px; }
  #left a, #right a {
    display: block;
    padding: 3px 1px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
  }
  #left a.nItem { font-size: 19px; }
  #left a.nItem:hover { border: 1px solid #FFF; padding: 2px 0px; }
  #left a.nItem.sub { font-size: 15px; }
  #right #nextEvent,
  .special {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    border: 1px solid #FFF;
  }
  #right #nextEvent p,
  .special p,
  #right #nextEvent h2,
  .special h2 { margin: 3px 0px; }
  #right #nextEvent .eventHeadliner { font-size: 130%; }
  #right #nextEvent .eventNormal { font-size: 120%; }
  #left h2, #right h2 { font-size: 20px; }
  #prevEvent a,
  #nextEvent a,
  #futuEvent a,
  .special a { text-decoration: none; }
  #right {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    padding: 60px 12px 20px 0px;
  }
  #right .special {
    cursor: default;
    width: 199px;
    opacity: 0.7;
  }
  #right .special:hover { opacity: 1.0; }
  .no-wrap { white-space: nowrap; }
}

@media print {
  #left { display: none; }
}

/* GALLERY */
 #adminbox, #adminbox td { background: transparent; }
 td.head { text-align: right ! important; color: #DDD; }
 td, th, a { font-family: Arial, sans-serif ! important; }
 td.title, td.head { white-space: normal ! important; }
 td.mod_toplight_right, td.mod_toplight_left { width: auto ! important; }
 table.commentbox td { font-size: 12px; }
 .nav_micro_img {border: 1px solid #FFF ! important;}