body {  margin: 0px;
        padding: 0px;
        font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
        background-color: #f7f7f4;
        background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/tits.png');
        background-position: 750px 0px;
        background-repeat: repeat-y;
        background-attachment: fixed;
	}
a img { border: none;
        margin: 0px;
        }

/* THE CONTENT BODY IS HELD FIRMLY BETWEEN THE TATAS DIV TAGS */
#tatas {
        padding-left: 61px;
        padding-right: 61px;
        padding-top: 0px;
        padding-bottom: 30px;
        width: 628px;
        position: absolute;
        top: 202px;
        left: 0px;
        background-color: #f7f7f4;
	color: #333;
        }

/* H2.MAMS IS USED FOR THE GIF HEADINGS (LATEST REVIEWS, NEWS, ETC) */
h2.mams {
        margin: 0px 0px 7px 0px;
        width: 628px;
        height: 59px;
        border-bottom-color: #636363;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        }

/* H3 IS THE TITLE OF AN INDIVIDUAL NEWS ITEM FOR EXAMPLE */
h3 {    color: #2da4c2;
        font-weight: bold;
        font-size: 14px;
        margin: 14px 0px 7px 0px;
        }
h3.reviewtitle {
        font-size: 16px;
        text-transform: uppercase;
        padding: 15px 0px 0px 0px;
        }
.newspost p {
        text-align: justify;
        overflow: visible;
        margin: 0px 0px 6px 0px;
        } p a {
        color: #2ab0d2;
        font-weight: bold;
        text-decoration: none;
          } p a:visited {
          color: #24859d;
          } p a:hover {
          color: #33c4ed;
        } p strong {
        font-size: 11px;
        text-transform: uppercase;
        } .newspost p img {
        border-color: #b50fc4;
        border-style: solid;
        border-width: 2px;
        } .newspost p img.left {
        float: left;
        clear: left;
        margin: 5px 5px 5px 0px;
        } .newspost p img.right {
        float: right;
        clear: right;
        margin: 5px 0px 5px 5px;
        } .newspost p.author {
        text-align: right;
        }

/* DAIRIES ARE THE INVISIBLE BOX HOLDING ENTRY BLURBS */
  ul.dairy {
    width: 628px;
    list-style-type: none;
    padding: 0px;
    margin: 3px 0px 0px 0px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dairies.gif');
} ul.dairy li {
    display: block;
    width: 628px;
    height: 87px;
    margin: 0px 0px 5px 0px;
} ul.dairy li.listitem4 {
    margin: 0px;
} ul.dairy li a {
    display: block;
    width: 608px;
    height: 67px;
    padding: 10px;
    color: #333;
    text-decoration: none;
    text-align: justify;
    overflow: visible;
} ul.dairy li.listitem1 a:hover {
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dairies.gif');
    background-position: 628px 0px;
} ul.dairy li.listitem2 a:hover {
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dairies.gif');
    background-position: 628px -92px;
} ul.dairy li.listitem3 a:hover {
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dairies.gif');
    background-position: 628px -184px;
} ul.dairy li.listitem4 a:hover {
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dairies.gif');
    background-position: 628px -276px;
} img.albumart {
    width: 65px;
    height: 65px;
    float: left;
    margin: 0px 10px 0px 0px;
    border-color: #333;
    border-style: solid;
    border-width: 1px;
} ul.dairy li a span.date {
    float: right;
    vertical-align: top;
    color: #cfcfcf;
    font-weight: bold;
} ul.dairy li a:hover span.date {
    color: #c6d2d3;
} ul li a span.title {
    color: #2da4c2;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
} ul li a div.break {
    height: 3px;
    clear: right;
    visibility: hidden;


} div.info {
    width: 594px;
    height: 12px;
    padding: 5px 5px 11px 29px;
    margin: 5px 0px 0px 0px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/info.gif');
    color: #7b7b7b;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 10px;
} div.info a {
    color: #2ab0d2;
    font-weight: bold;
    text-decoration: none;
} div.info a:hover {
    color: #33c4ed;


} ul.gaZzonKErs {
    width: 628px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
} ul.gaZzonKErs li {
    display: block;
    width: 628px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/gaZzonKErs-3.gif');
} ul.gaZzonKErs li div.bar {
    width: 628px;
} ul.gaZzonKErs li.listitem1 div.bar {
    height: 8px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/gaZzonKErs-1.gif');
} ul.gaZzonKErs li.listitem2 div.bar {
    height: 7px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/gaZzonKErs-2.gif');
} ul.gaZzonKErs li a {
    display: block;
    width: 608px;
    padding: 10px;
    color: #333;
    text-decoration: none;
    text-align: justify;
    overflow: visible;
} ul.gaZzonKErs li a:hover {
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/gaZzonKErs-3.gif');
    background-position: 628px 0px;
} ul.gaZzonKErs li a span.date {
    float: right;
    vertical-align: top;
    margin-left: 6px;
    color: #cfcfcf;
    font-style: italic;
} ul.gaZzonKErs li a:hover span.date {
    color: #c6d2d3;
} div.bart {
    height: 1px;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/gaZzonKErs-2.gif');
} div.bartsw {
    height: 1px;
    clear: both;
    background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/sideways-1.gif');
}

ul.sideways {
     width: 628px;
     list-style-type: none;
     padding: 0px;
     margin: 0px;
     background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/sideways-2.gif'); }
ul.sideways li {
     float: left;
     width: 206px;
     margin-right: 5px; }
ul.sideways li.listitem3 { 
     margin-right: 0px; }
ul.sideways li a {
     display: block;
     height: 134px;
     width: 186px;
     padding: 10px;
     text-decoration: none;
     text-align: center; }
ul.sideways li a:hover {
     background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/sideways-2.gif'); }
ul.sideways li.listitem1 a:hover {
     background-position: -628px 0px; }
ul.sideways li.listitem2 a:hover {
     background-position: -839px 0px; }
ul.sideways li.listitem3 a:hover {
     background-position: -1050px 0px; }
ul.sideways img.albumart {
     float: none;
     margin: 0px 0px 3px 0px; }
ul.sideways span.title {
     font-size: 11px;
     font-weight: bold; }

  .alphabet {
    width: 628px;
    color: #5d5d5d;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 11px;
} .alphabet a {
    text-decoration: none;
    color: #5d5d5d;
} .alphabet a:hover {
    color: #7d7d7d;
}

img.bigart {
      margin: 0px 0px 10px 10px;
      padding: 3px;
      border-color: #b50fc4;
      border-style: solid;
      border-width: 2px;
      float: right; }

div.tracklist {
      clear: both;
      border-left: 2px solid #b50fc4;
      margin: 7px 7px 55px 5px;
      padding: 0px 10px 6px 10px; }
div.tracklist span {
      display: block; }
div.tracklist span.artist {
      font-size: 13px;
      font-weight: bold; }
div.tracklist span.album {
      padding-top: 1px;
      font-size: 13px; }
div.tracklist span.release {
      padding-top: 2px;
      font-size: 11px; }
div.tracklist table {
      width: 594px;
      border-collapse: collapse;
      margin-top: 3px; }
div.tracklist td {
      vertical-align: top;
      padding: 0px; }
div.tracklist td span {
      display: inline;
      padding: 0px 3px 0px 3px;
      background-color: #f7f7f4; }
div.tracklist td.columnhead {
      font-size: 10px;
      padding: 0px 2px 0px 2px; }
div.tracklist td.tn {
      color: #777776;
      width: 27px;
      text-align: right; }
div.tracklist td.va {
      background-repeat: repeat-x;
      background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dot.gif'); }
div.tracklist td.ti {
      width: 408px;
      font-weight: bold;
      background-repeat: repeat-x;
      background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dot.gif'); }
div.tracklist table.middle td.ti {
      width: 360px; }
div.tracklist table.classical td.ti {
      font-weight: normal; }
div.tracklist tr.end td {
      padding-bottom: 3px; }
div.tracklist td.st {
      padding-left: 14px;
      font-weight: medium; }
div.tracklist td.cm {
      text-align: right;
      padding-left: 4px;
      background-repeat: repeat-x;
      background-image: url('http://www.twoblock.net/metronome/wp-content/images-met/dot.gif'); }
div.tracklist td.tm {
      color: #afafad;
      text-align: right; }
div.tracklist td.en {
      padding-left: 15px;
      font-style: italic; }
div.postscript {
      margin-top: 17px; }
div.postscript span {
      font-style: italic; }
div.postscript a {
      color: #2ab0d2;
      font-weight: bold;
      text-decoration: none; }
div.postscript a:visited {
      color: #24859d; }
div.postscript a:hover {
      color: #33c4ed; }