/* The basic style */
address      { position: relative; clear: left;
               font-weight: bold; font-style: italic; font-size: small }
a:link { color: #00c; text-decoration: none }
a:active, a:hover { background: #cdf; color: #000; text-decoration: underline }
a:visited { color: #000 }
/* a[href*="sgupta"] { background: #000; color: #ccf } */
blockquote   { margin-left: 1em; margin-right: 1em; margin-top: 2pt; margin-bottom: 10pt }
body         { background: #fff; color: #000; padding: 0;
               text-align: left; font-family: sans-serif; font-size: 90% }
cite         { font-family: monotype, sans-serif }
dt           { font-weight: bold; font-family: sans-serif }
em { font-style: italic }
strong { font-weight: bold }
h1 { color: #900; margin-left: 2px; font-size: x-large;
     font-family: "Arial Black", "Gill Sans", "Tebuchet MS", sans-serif }
h2 { background: #eea; color: #655; margin-left: 2px; font-size: large; width: 100%;
     font-family: "Arial Black", "Gill Sans", "Tebuchet MS", sans-serif }
h3 { color: #655; margin-left: 2px; font-family: sans-serif; font-size: large }
h4, h5, h6 { color: #055; margin-left: 2em; font-size: small;
               font-family: sans-serif; font-weight: bold }
img { text-align: center }
ol, ul, dl { margin-left: 4px; margin-right: 4px }
p { margin-left: 4px; margin-right: 4px }
pre { margin-left: 2em; margin-right: 2em; color: #999999;
      font-family: monotype, sans-serif; font-weight: bold; font-size: medium }
table { margin-left: 2em; margin-right: 2em; font-size: 90%; width: 80% }
tr.headline { background: #9cf }

/* The main divisions of the page */
/* The left marginal jottings */
div.memyself { float: left; margin-left: 5px; width: 29%;
               font-weight: bold; font-size: small }
div.memyself h1 { font-size: 120% }
div.memyself ul, div.memyself ol { margin: 0.1em; padding: 0 }
div.memyself li { list-style: none; padding-right: 0.5em; margin-right: 0.5em; }

/* The right marginal jottings */
div.extrainfo { width: 70%; background: #fd9; float: right;
               font-weight: bold; font-family: sans-serif; font-size: 10px }
div.extrainfo h1 { font-size: 100% }
div.extrainfo ul, div.extrainfo ol { float: right; margin: 0.1em; padding: 0 }
div.extrainfo li { display: inline; list-style-type: none;
 padding-right: 0.5em; margin-right: 0.5em; border-right: thin solid blue }

/* News items */
div.news { width: 80%; background: #fd9; border: thin solid black; float: left;
    padding: 1em; margin: 1em;
    font-weight: bold; font-family: sans-serif; font-size: 10px }
div.news h1 { font-size: 100% }

/* The central column */
div.mainbody { background: #cc9; width: 70%; float: right; }
div.mainbody h2 a:hover { background: #ccc; color: #055; text-decoration: none }
div.mainbody h3 a:hover { background: #ccc; color: #055; text-decoration: none }
/* Use this to flow text into two columns */
div.list { margin-left: 4px; margin-right: 4px; 
           position: relative; float: left; width: 47% }
/* Use this to separate sections by putting things right across the box */
div.section {position: relative; clear: both }

/* Special little things */
div.new { background: #cff; color: #f00 }
div.left { width: 25%; float: left; }
div.right { float: right; }
span.book { font-weight: bold; font-variant: small-caps}
span.author { font-variant: small-caps}
span.footnote { font-size: x-small}
sup.tag { color: #FF0000; font-weight: normal; font-size: x-small }