/*  holygoat.co.uk Stylesheet.
    Copyright 2003 Richard Newman.
    
    Version 1.0, 2003-12-23
    Last updated: 2007-03-07
*/

/* background. */
body {
    padding: 0px;
    text-align: center;
    background-color: #e0e0e0
}

.front-only {
	visibility: hidden;
	position: absolute
}

table {
  margin: 1em 2em 1em 3em;
}
thead {
  font-weight: bold;
}
table tbody td {
  padding: 0em 0.5em 0.5em 0.5em;
  border-bottom: 1px #eee solid;
}
table thead td {
  text-align: center;
  border-bottom: 1px #aaa solid;
}
blockquote td {text-align: right;  width:120px; border-spacing: 4px}
blockquote pre {
    margin-left: 1em;
    margin-right: 0.5em;
    margin-top: 0.5em; 
    margin-bottom: 0.5em
}
/* link colours */
a:link    { color: #006699; text-decoration: underline }
a:visited { color: #5584AA; text-decoration: none      }
a:hover   { color: #000000; text-decoration: underline }
a:active  { color: #BBFFBB; text-decoration: underline }

.linkstyle { color: #006699; text-decoration: underline }

/* but not for images. */
a img { text-decoration: none }

/* trying to control spacing. */
br { line-height: 0.5em }

/* default fonts. */
p, div, td {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 11px;
    color: #242424
}

p.reviewpara { text-align:justify; padding: 5px 5px 5px 5px; text-indent: 1em}
p.reviewedby { text-align: right; padding: 0px 5px 0px 0px; font-size: 10px; color: #404040}
/* small text. */
.little { font-size: 9px; color: #bbbbbb }

/* main page blocks. */
#page {
    width: 700px;
    margin: 0px auto;
    border: 1px #cccccc solid;
    background-color: #ffffff;
    text-align: left;
    padding-bottom: 5px  /* make sure we have an even border */
}

#top { margin: 5px 5px 5px 5px }
  #logo {
      border: 1px #cccccc solid;
      background-color: #ffffff;
      text-align: right;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px
  }

#breadcrumbs {
    margin: 5px 5px 5px 5px;
    padding-left: 1em;
    border: 1px #cccccc solid
}

/* no underlines for breadcrumbs. */
#breadcrumbs a { text-decoration: none }

#middle { margin: 5px 5px 5px 5px }
  #content {
    line-height: 1.5em;
      padding-top: 1em;
      border: 1px #cccccc solid;
      width: 500px;
      float: left
  }
  
  #content h1 {
    margin: 0 0 0 0.75em;
    line-height: 1.2em;
}
 
  #content h2 {
      margin: 1em 1em 0 0.75em
  }
  #content div p {
      padding: 0 1em 0.5em 1em
  }

  #content div {
	padding-left: 1em
  }

  #rightbar { float: left }
  #end { margin: 5px 5px 5px 5px }

/* vital: does the same as <br clear="all"> */
.spacer { clear: both }

#copyright {
    margin-top: 5px;
    text-align: center;
    border: 1px #cccccc solid;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 9px;
    color: #909090
}

div.sideelem {
  border: 1px #cccccc solid;
  text-align: left;
  background-color: #fdfdfd
}

div.entry {
    padding-right: 0.75em;
    padding-left: 0.75em;
    margin-bottom: 2em;
    margin-left: 1em;
    border-left: 1px #bcbcbc dotted
}

div.archivediv {
    margin-left: 2em;
    padding-left: 0.75em;
    border-left: 1px #bcbcbc dotted
}

.date {
    margin-left: 0.5em;
    margin-top: 0.25em;
    margin-bottom: 0em;
    margin-right: 0em;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #000000
}

tt {
    font-family: monospace;
    color: #203040
    }

/* blog posts are justified. */
div.entry p { text-align: justify }
div.entry img { margin-left: 1em }
div.entry div.gallery img { margin-left: 0 }

/* PRE sections can resize! */
pre { overflow: auto }

dl.cast dd { overflow: auto }
img.mugshot { float: right ; padding: 4px 4px 4px 4px; margin: 0.8em  1em 0.2em  0.8em ; border: 1px #dfdfdf solid }
p.signoff {   
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 10px;
    text-align: right;
    color: #707070;
    padding-right: 1em
}
div.entry p.signoff {   
	text-align: right;
margin-bottom: 0;
}
div.entry p.categories {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 10px;
    color: #707070;
	text-align: right;
margin-top: 0;
margin-bottom: 0;

}



h3 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333
}
h4 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
/*    margin-left: 1em  */
}

/*div.entry h4 { margin-left: 1em }*/
/* black border for images. */
.blackbordered { border: 1px #000000 solid }

/* floating  gallery elements. */
.gallery  { 
    float: left; 
    padding: 1em; 
    margin: 5px 5px 5px 5px;
    border: 1px #cccccc dotted
} 

.footnote {
  padding: 2em 2em 0 4em;
  margin-left: 2em;
  margin-bottom: -1.2em;
  margin-top: 1.3em;
  text-align: justify;
  text-indent: -1em;
  color: #505050;
  font-size: 0.9em;
}

.formula {
  font-family: serif;
  color: #307030
}

.star {
  color: #703030
}
/* nested quotes. */
blockquote {
/*  margin: 1em 2em 1em 2em; 
  padding: 0.5em 0.5em 0.5em 0.5em; 
*/  
 background-color: #f6f6f6;
 border: 1px #d0d0d0 solid
}
blockquote h4 {
    margin: 0.5em 0.25em 0.5em 0.25em 
}
blockquote p {
    margin: 0.5em 0.25em 0.5em 0.25em 
}
blockquote ul {
    margin: 0.5em 0.5em 0.5em 0em
}
blockquote blockquote {
  background-color: #ffffff;
  border: 1px #e0e0e0 dashed;
  font-style: italic
}
/* nested quotes. */
.quotedshadowed {
  margin: 1em 2em 1em 2em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  background-color: #f6f6f6;
  border: 1px #d0d0d0 dashed
}

.quotedshadowed .quotedshadowed {
/* margin: top right bottom left */
  margin: 1em 2em 1em 2em;
  background-color: #ffffff;
  border: 1px #e0e0e0 dashed;
  font-style: italic
}

.quotedshadowed .quotedshadowed .quotedshadowed {
  background-color: #f6f6f6;
  font-style: normal
}

li.sublist {
	list-style: none
}

/*
    Sidebar List Styles
*/
.button {
    border: 1px #cccccc solid;
    margin-left: 5px;
    margin-bottom: 1em;
    width: 180px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
    font-size: 11px;
    background-color: #f6f6f6;
    color: #333
}

.button ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}           
.button ul li dl {
  padding: 0;
  margin: 0 0 0 1em;
}
.button ul li dl dt {
  font-size: 80%;
  border: none;
  font-weight: bold
}
.button ul li dl dd {
  margin-top: -1.2em;
  font-size: 80%;
  border: none;
}
.button li { margin: 0px auto }

.button li .none {
    display: block;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 6px;
    background-color: #f6f6f6;
    color: #242424;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
}

.button li p.nav {
  margin: 1px 6px 1px 10px;
}
.button li a.nav {
    display: block;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #f6f6f6;
    color: #242424;
    text-decoration: none;
    width: 100%
}

.google {
  display: block;
  padding-left: 6px;
}

dt {
  border-bottom: 1px solid #DEDEDE;
  margin-right: 1em;
  font-weight: bold
}
.song { display: block; padding-left: 10px; padding-bottom: 1px; padding-top: 1px; background-color: #f6f6f6; color: #242424; text-decoration: none; width: 100px; font-size: 9px }
.albumdate {display: block; padding-left: 10px; padding-bottom: 1px; padding-top: 1px; background-color: #f6f6f6; color: #404040; text-decoration: none; width: 100px; font-size: 8px }
.button li b {
    display: block;
    padding-left: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    background-color: #f6f6f6;
    color: #242424;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid #e9e9e9
}

html>body .button li .none { width: auto }
html>body .button li a.nav { width: auto }
html>body .button li b { width: auto }

.button li a.nav:hover {
    background-color: #e9e9e9;
    color: #242424
}

/* avoid drawing an ugly border around button images. */
.button li a img { border: 0px }

/* similarly for link text in the logo... */
#logo a { text-decoration: none }

/* and for the logo image. */
#logo a img { border: 0 }
.button a img { border: 0 }


.sponsorcontainer {
  margin-left: 5px;
  margin-bottom: 1em;
  padding-bottom: 3px;
}

.sponsor {
  background-color: #fff;
  border: 1px solid #9999cd;
  text-align: center;
  width: 180px;
  /* width: 118px; */
}
.sponsor a img {
  border: none;
  margin-bottom: 4px;
  text-decoration: none;
}
.sponsor p {
  text-align: left;
  font-size: 11px;
  margin: 3px 2px 0.5em 7px; /* 11px */
  line-height: 11px;
  padding-bottom: 0;
}
.sponsor div {
  color: #1111cf;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  margin-left: 11px;
  text-align: left;
}
.sponsor ul {
  margin: 0px 0px 5px 15px;
  padding: 0;
}
.sponsor li {
  margin: 0;
  padding: 0;
}
.sponsor li a {
  font-size: 11px;
  line-height: 13px;
}