/*
 Specific styling for the Steeleye Span Makeup page
 Applied after and enhances/overrides ss.css
 Content for each mark looks like

<hr>
<h2 class="toc" id="mkI">Steeleye Span Mark <span class="mark">I</span> (1970)</h2>
<p><span class="date">Jan 1970-Apr 1970</span></p>
<table>
  <tr>
    <td> 
      <ul>
        <li><a href="mark.html#Tim">Tim Hart</a></li>
        <li><a href="mark.html#Maddy">Maddy Prior</a></li>
        <li><a href="mark.html#Ashley">Ashley Hutchings</a></li>
        <li><a href="mark.html#Gay">Gay Woods</a></li>
        <li><a href="mark.html#Terry">Terry Woods</a></li>
      </ul>
      <h3>Albums</h3>
      <div class="albums"> 
        <p><a class="albums" href="Albums/HTVW.html">Hark! The Village Wait</a>. 
          <span class="date">(June 1970)</span></p>
      </div>
 	  <blockquote> xxx </blockquote>    
 	</td>

    <td class="rnum">I</td>

    <td class="thumb">
    	<a href="Albums/HTVW.html">
		  	<img src="images/HTVW.jpg" alt="Hark! The Village Wait" title="Hark! The Village Wait">
		</a>
	</td>
  </tr>
</table>

 */

/* ss-makeup table */
table {width: 100%;}
td.rnum {
	width: 3em;
	text-align: center;
	vertical-align: middle;
}
td.thumb
{
	width: 64px;
	vertical-align: top;
}
table img
{
	width: 60px;
	height: 60px;
	border: 2px;
	margin: 2px;
}
div.albums { text-align: left; }
a.albums {
	font-family: Lucida Bright, Palatino, Times New Roman, serif;
	font-weight: bold;}
h2 { font-family: Lucida Bright, Palatino, Times New Roman, serif; }
.mark { background-color: gold; }
td.rnum {
	font-family: Lucida Bright, Palatino, Times New Roman, serif;
	font-size: 48px;
	color: #CCC;
}