@font-face {
   font-family: "Viner Hand ITC";
   font-style:  normal;
   font-weight: normal;
   src: url(/vinerhand.eot);
}

/* Basic styles for the main body of the text */

body {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: 100;
   text-align: justify;
   color: #000000;
   background-color: #990000;
   background: url(/images/robroy3.gif);
   margin: 0;
   font-size: medium;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";   /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;   /* recover from trick */
   font-size:    large      /* intended value for better browsers */
    } 

#wrap {
 /*  width: 728px; */
   margin: 30px;
}

td, th  {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: 100;
   text-align: justify;
   font-size: medium;       /* false value for WinIE4/5 */
   voice-family: "\"}\"";   /* trick WinIE4/5 into thinking the rule is over */
   voice-family: inherit;   /* recover from trick */
   font-size:    large      /* intended value for better browsers */
} 

h1 {
   color: #330000;
   font-size: 189%;
   font-weight: bold;
   margin-bottom:5px;
   margin-top:10px;
   text-align: left;
}

h2 {
   color: #330000;
   font-size: 137%;
   font-weight: bold;
   margin-bottom:5px;
   margin-top:20px;
   text-align: left;
}

h3 {
   color: #330000;
   font-weight: bold;
   text-align: left;
}

h1 small {font-size:65%;}

/* Top & bottom bars & menus */

#topbar {
   border: 1px solid black;
   text-align: center;
   background: #000 url(images/mcgpic.jpg) left center no-repeat;
   padding: 0 6em 0 181px;
   min-height: 11em;
   min-width: 300px;
   position: relative;
}

#topbar img {
   margin: 10px 0 0;
}

* html #topbar {
   height: 11em;
}

ul.menu {
   list-style: none;
   margin: 0;
   padding: 0;
}

ul.menu li {
   list-style: none;
   text-align:center;
   background-color:#000;
   color:#F00;
   padding: 0;
   border:1px solid #333;
   border-top-color:#666;
   border-left-color:#666;
}
       
ul.menu a {
   text-decoration: none;
   color: #ccc;
   display: block;
}

ul.menu a:hover {
   color: #fff;
}

#topbar ul.menu {
   width: 6em;
   position: absolute;
   top: 0;
   right: 0;
}

#topbar ul.menu li {
   margin:1px 5px;
}


#footer {
   margin: 15px 0;
   padding: 5px 0;
   height: 1.5em;
   background: #000;
   min-width: 662px;
}

#footer ul.menu li {
   width: 11.5%;
   margin: 2px;
   float: left;
}

#footer ul.menu {
   margin: 0 auto;
}


/* Properties for the random couplet at the top of each page */

p.couplet {
   color: #FFFFCC;
   font-family: "Viner Hand ITC", "Lucida Handwriting", "Monotype Corsiva", cursive;
   text-align: left;
   margin: 0;
}

p.poem {
   color: #CC9933;
   font-size: smaller;
   text-align: right;
   margin: 0px 0px 0.5em 0px;
}

p.poem a {
   color: #CC9933;
   text-align: right;
}

/* Properties for main body of the text */

div.body,
div.googad {
   margin-top: 15px;
   padding: 20px 20px 30px 20px; 
   background-color: #CC9966;
   background: #DEB691 url(/images/mcgbg.jpg);
   border-width:1px;
   border-style:solid;
   color: #000000;
   border-right-color:#996633;
   border-bottom-color:#996633;
   border-top-color:#FFCC99;
   border-left-color:#FFCC99;
   overflow: auto;
}

div.googad {
   padding: 10px 0;
   text-align: center;
}

.body:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .body {height: 1%;}
/* End hide from IE-mac */

td.body {
   padding: 20px 20px 30px 20px;
   background-color: #CC9966;
   background: url(/images/mcgbg.jpg);
   border-width:1px;
   border-style:solid;
   color: #000000;
   border-right-color:#996633;
   border-bottom-color:#996633;
   border-top-color:#FFCC99;
   border-left-color:#FFCC99;
}

a {
   color: #003366;
}

a:hover {
   color: #C30; /* #FF6600; */
}

a img {
   border: 0;
}

/* Dropped capital at start of text. Older browsers ignore :first-letter :( */

.dropcap:first-letter, span.dropcap {
   border: 2px solid #330000;
   float:left; 
   background-color:#330000;
   color:#CC9966; 
   font-size:290%;
   margin: 0 2px 0 0;
   font-weight: bold;
}


HR.thin {
    clear:both; 
    color:#330000;
    background-color:#330000;
    height:1px; 
 }

/* Images, with various alignments, styled to appear recessed into the page */

img.cutout {
   border-width:2px;
   border-style:solid;
   border-top-color:#996633;
   border-left-color:#996633;
   border-right-color:#FFCC99;
   border-bottom-color:#FFCC99;
}

img.left {
   float: left;
   margin: 5px 10px 5px 0
}

img.right {
   float: right;
   margin: 5px 0px 5px 10px
}

img.cutleft {
   border-width:2px;
   border-style:solid;
   border-top-color:#996633;
   border-left-color:#996633;
   border-right-color:#FFCC99;
   border-bottom-color:#FFCC99;
   float: left;
   margin: 5px 10px 5px 0
}

img.cutright {
   border-width:2px;
   border-style:solid;
   border-top-color:#996633;
   border-left-color:#996633;
   border-right-color:#FFCC99;
   border-bottom-color:#FFCC99;
   float: right;
   margin: 5px 0px 5px 10px
}

/* Book covers, shown on Books page */

img.book {
    margin-bottom:5px;
    margin-right:10px;
    float:left; 
    border-width:1px;
    border-style:solid;
    border-color:#333300; 
}

/* Important callouts */

.shout {
   width: 90%;
   margin: 0 auto 1em;
   text-align: center;
   background: #c96;
   color: #300;
   border: 1px solid #300;
   -moz-border-radius: 5px;
   padding: 0.75em;
}

/* Styling for the census page */

.census {
   background-color: #eed;
   padding:20px;
   border-width: 1px;
   border-style: solid;
   border-right-color:#ddc;
   border-bottom-color:#ddc;
   border-top-color:#FFF;
   border-left-color:#FFF;
   margin-bottom: 3em;
}

.census table {
   border-collapse: collapse;
   width: 100%;
   border: 2px solid black;
}

.census th {
   font-family: "Times New Roman", Times, serif;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
   border: 1px solid black;
   border-bottom-width: 2px;
   vertical-align: bottom;
   padding: 1px 4px;
}
   
.census td {
   font-family: "Lucida Handwriting", "Times New Roman", Times, serif;
   color: #003;
   font-weight: 100;
   font-style: italic;
   text-align: center;
   border: 1px solid black;
   vertical-align: top;
   padding: 1px 3px;
}

.census .will td {
   color: #900;
}

/* Letters and notes quoted in various places */

blockquote.letter {
   font-family: "Lucida Handwriting", "Times New Roman", Times, serif;
   font-style: italic;
   text-align: left;
   background-color: #DDDDCC;
   padding:20px;
   border-width: 1px;
   border-style: solid;
   border-right-color:#AAAA99;
   border-bottom-color:#AAAA99;
   border-top-color:#FFFFEE;
   border-left-color:#FFFFEE;
}

/* "Further Reading" lists */

ul.reading {
   margin: 0 0 0.5em;
   padding: 0;
   list-style: none;
}

ul.reading li {
   margin: 0 0 0.25em;
   padding: 0;
   list-style: none;
}

ul.reading li a {
   font-weight: bold;
}

/* List of page links - in search results, autobiography, Jack etc. */

.pagelist {
   list-style: none;
   margin: 1em 0;
   padding: 0;
   text-align: center;
}

.pagelist li {
   display: inline;
   list-style: none;
   margin: 0;
   padding: 0 0 0 18px;
   font-weight: bold;
   color: #900;
   background: url(/images/block.gif) 5px 50% no-repeat;
}

.pagelist li a {
   font-weight: normal;
}

.pagelist li.first {
   padding: 0;
   background: transparent;
}   

/* Tables of Contents (eg. list of newspaper cuttings on Life page) */

table.contents {
   border-collapse: collapse;
   margin: 1em 40px;
}

.contents th, .contents td {
   font-weight: normal;
   vertical-align: top;
   text-align: left;
   margin: 0;
   padding: 0.5em 0;
   border-top: 1px solid #300;
}

.contents th a {
   font-weight: bold;
  
}

.contents td {
   padding-left: 0.5em;
}

tr.first th, tr.first td {
   border: 0;
}

.contents td.date {
   text-align: center;
}

/* Inline pulled quotes in newspaper articles */

.pullquote {
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin: 1em 0;
}

/* Modified headings for the Autobiography */

#auto h1 {
   text-align: center;
}

/* Newspaper cuttings appearing in "Historical notes" */

blockquote.newsright,
blockquote.newsleft {
    font-family: "Times New Roman", Times, serif;
    color: #333;
    margin: 0;
    width: 297px;
    padding: 24px 0 0;
    background: url(/images/newstop.jpg) top left no-repeat;
    font-size: small;       /* false value for WinIE4/5 */
    voice-family: "\"}\"";  /* trick WinIE4/5 into thinking the rule is over */
    voice-family: inherit;  /* recover from trick */
    font-size: medium       /* intended value for better browsers */
}

blockquote.newsleft {
    float: left;
    margin: 0 10px 5px 0;
}

blockquote.newsright {
    float: right;
    margin: 0 0 5px 10px;
}

blockquote.newsright div,
blockquote.newsleft div {
    padding: 0 0 31px; 
    background: url(/images/newsbot.jpg) bottom left no-repeat;
}

blockquote.newsright div div,
blockquote.newsleft div div {
    background: url(/images/newsmain.jpg) top left repeat-y;
    padding: 0 25px 0 20px; 
}

blockquote.newsleft h1,
blockquote.newsright h1 {
   margin:0 0 0.5em;
   color: #333;
   text-align:center;
   text-indent: 0px;
   font-weight:bold;
   text-transform: uppercase;
   font-size: 150%;
}

blockquote.newsleft h2,
blockquote.newsright h2 {
   margin:0 0 0.5em;
   color: #333;
   text-align:center; 
   text-indent: 0px;
   font-weight:bold;
   font-variant: small-caps;
   font-size: 120%;
}


blockquote.newsleft h3,
blockquote.newsright h3 {
   margin:0 0 0.5em;
   color: #333;
   text-align:center; 
   text-indent: 0px;
   font-weight:bold;
   font-variant: small-caps;
   font-size: 80%;
}

/* First paragraph has no indent */
blockquote.newsleft p.first,
blockquote.newsright p.first {
   margin:0;
   text-align:justify;
   text-indent: 0px;
}

/* Subsequent paragraphs indent the first line by 20 pixels */
blockquote.newsleft p,
blockquote.newsright p {
   margin:0;
   text-align:justify;
   text-indent: 20px;
}

/* Used to cite the newspaper at the end of the story */
blockquote.newsleft cite,
blockquote.newsright cite {
   display: block;
   margin: 10px 0 0;
   text-align:right;
   text-indent: 0px;
   font-style:italic;
}

blockquote.newsleft p cite,
blockquote.newsright p cite {
   display: inline;
   margin: 0;
}

blockquote.newsleft hr,
blockquote.newsright hr {
   border: 1px solid #000000;
   text-align: center;
   width: 10%;
   margin-top: 3px;
   margin-bottom: 3px;
}

/* Styles used to display the Gem of the Day */

.gotd { 
  color: #c93; 
  background: #300; 
  text-align: center; 
  margin: 0.5em auto; 
  display: table; 
  padding: 1em 2em; 
  -moz-border-radius: 5px; 
  text-align: center; 
} 

.gotd div { 
  display: table-cell;
} 

* html .gotd { display: block; width: 60%; } 
* html .gotd div { display: block; } 

.gotd a { 
  color: #ffc; 
  font-weight: normal; 
} 

.gotd a:hover { 
  color: #f60; 
} 

.gotd h2 { 
  color: #c93; 
  margin: 0 0 0.5em; 
  font-weight: bold; 
  font-size: medium; 
  text-align: left; 
} 

.gotd h3 { 
  margin: 0.5em 0; 
  font-size: x-large; 
  text-align: center; 
} 

.gotd span { 
  padding-right: 30px; 
  background: url(/images/fleft.gif) right center no-repeat; 
} 

.gotd span span { 
  padding-right: 0; 
  padding-left: 30px; 
  background: url(/images/fright.gif) left center no-repeat; 
}

.gotd span span a {
  font-size: smaller;
} 

/* Styles used in the Gem of the Day sign-up screens */

table.mailform {
   margin: 1em auto;
   background-color:#996633;
   color:#FFFFCC;
   background: url(/images/mcgdarkbg.jpg); 
   border-width:1px;
   border-style:solid;
   border-top-color:#CC9966;
   border-left-color:#CC9966;
   border-right-color:#663300;
   border-bottom-color:#663300;
   white-space:nowrap;
}

table.mailform th {
   color:#FFFFCC;
   background-color:#330000;
   font-weight: bold;
   background: url(/images/dot.gif)
}

hr.mailbar {
   color:#FFFFCC;
   border-width: 1px;
   margin: 0 0 0 0;
}

p.mailerror {
   color:#990000;
}

/* Gem of the Day Stats */

table.graph,table.yngraph {
   margin: 1em auto;
}

/* Styles used when searching and presenting results */

/* Simple search box */

#quicksearch { 
  text-align: center; 
} 

#quicksearch fieldset { 
  display: inline; 
  padding: 40px 20px; 
  -moz-border-radius: 5px; 
  border: 0; 
  background: #300; 
  color: #ffc; 
} 

#quicksearch legend { 
  display: none; 
} 

/* Advanced search */

#ksearch { 
   background: #963 url(/images/mcgdarkbg.jpg); 
   color:#ffc;
   border: 1px solid #C96;
   border-right-color:#630;
   border-bottom-color:#630;
   width: 27em; 
   margin: 0 auto; 
   padding: 10px; 
   overflow: auto; 
} 

#ksearch legend { 
   display: none; 
} 

#ksearch fieldset { 
   border: 0; 
   padding: 0; 
   margin: 0; 
   text-align: left; 
} 

#ksearch .main { 
   text-align: center; 
   padding-bottom: 10px; 
} 

#ksearch .options, 
#ksearch .display { 
   float: left; 
} 

#ksearch .options{ 
   padding-right: 10px; 
   margin-bottom: 1.5em; 
} 

#ksearch .content { 
   clear: left; 
} 

#ksearch .content legend { 
   display: block; 
   font-weight: bold; 
   color:#ffc;
} 

#ksearch label { 
   white-space: nowrap; 
} 
   
#ksearch .options label, 
#ksearch .display label { 
   display: block; 
} 

.tips dt { 
   clear: left; 
   float: left; 
   width: 4em; 
   line-height: 1.1; 
   font-weight: bold; 
   margin: 0 0 5px 0; 
} 

.tips dd { 
   margin: 0 0 5px 4.25em; 
   line-height: 1.1; 
} 

.tips kbd { 
   display: block; 
   margin: 1em auto; 
   width: 20em; 
   border: 2px solid #666; 
   border-right-color: #CCC; 
   border-bottom-color: #CCC; 
   background: #fff; 
   color: #000; 
   font-family: "MS Sans Serif", Arial, Helvetica, sans_serif; 
   font-size: smaller; 
} 

/* Search results */

.ksearch h2 {
   font-size: 100%;
}

.ksearch ul,
.ksearch ul li {
   list-style: none;
   margin: 0;
   padding: 0;
}

.ksearch dl {
   font-size: small;
   display: block;
}

.ksearch dt,
.ksearch dd {
   display: inline;
   text-align: left;
   margin: 0;
   padding-right: 1em;
}

.ksearch dt {
   font-weight: bold;
}

p.url {
   color: #663;
   font-size: x-small;
   margin: 0;
}

p.searchfooter {
   text-align: center;
}

span.highlight {color: #990000; font-weight:bold;}

/* Defunct search styles */

form.searchbox {
   padding:20px;; 
   background-color:#330000;
   color:#FFFFCC; 
   text-align:center; 
}

.match p {
   margin: 0;
}


/* Styles for the Timeline */


table.timeline {
   border-collapse: collapse;
   margin: 1em auto;
}

.timeline tr.ten td,
.timeline tr.ten th,
.timeline tr.five td,
.timeline tr.five th {
   border-top: 1px solid #300;
}

.timeline th {
   vertical-align: top;
   padding: 5px 0;
   text-align: left;
   color: #300;
}

.timeline td {
   vertical-align: top;
   padding: 5px 0 5px 0.5em;
   text-align: left;
}

.timeline tr td.pic {
   border: 0;
   text-align: center;
   vertical-align: middle;
}

.timeline tr.ten th {
   font-size: 125%;
   color: #900;
}

.timeline tr.five th {
   font-size: 105%;
   color: #900;
}

/* Styles for Jack O' the Cudgel */

p.scene, .direction {
   font-style: italic;
}

dl.drama {
position: relative;
margin: 0;
padding: 0;
}
	
dl.drama dt {
/* font-weight: bold; */
float: left;
clear: left;
width: 8em;  /* or whatever we want it to be */
margin: 0 0 1em 0;	/* match the dd */
}

dl.drama dt.direction {
float:none;
clear:both;
width:100%;
text-align: center;
}