/* 27Sep04                    essay.css                       Damian Counsell */
/*                                                                            */
/* stylesheet for Damian Counsell's Weblog essays                             */
/*                                                                            */
/* I use the Webstandards Project's division of stylesheet function           */
/*                                                                            */
/*                                                                            */
/* last modified 27Sep04                                                      */


/* INHERIT BASE STYLESHEET SETTINGS                                           */
@import "screen.css";

/* BACKGROUNDS, BORDERS, COLOURS, LINKS AND EMPHASES                          */

body
  {
    color: #ccccff;
    background: #222233;
    background-color: #222233; 
    layer-background-color: #222233;
    scrollbar-base-color: #000033;
    scrollbar-face-color: #333366;
    scrollbar-track-color: #996699;
    scrollbar-arrow-color: #330033;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-shadow-color: #000033;
    scrollbar-darkshadow-color: #000000;
  }
p, ol, li
  {
    font-weight: normal;
    color: #ccccff;
    background-color: #222233; 
    layer-background-color: #222233;
  }
a
  {
    color: #cc99ff;
  }
a:link
  {
    color: #cc99ff;
  }
a:hover
  {
    color: #ffffff;
  }
a:active
  {
    color: #ffffff;
  }
a:visited
  {
    color: #9966cc;
  }
a:visited:hover
  {
    color: #ffffff;
  }
h1, h2, h3
  {
    font-weight: bold;
    color: #ccccff;
  }
h3 a,
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover
  {
    font-weight: bold;
  }
h2 a,
h2 a:link,
h2 a:visited,
h2 a:active,
h2 a:hover
  {
    font-weight: bold;
  }
#headstart
  {
    color: #ccccff;
  }
#banner
  {
    font-weight: bold;
    color: #ddeeff;
    background-color: #222233; 
    layer-background-color: #222233;
 }
#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover
  {
    color: #ddddee;
    text-decoration: none;
  }
.inpagelink
  {
    text-decoration: overline;
  }
#extendedessay
  {
    color: #ccccff
    border-color: #ccccff; 
    background-color: #222233
    layer-background-color: #222233
  }
.infonote
  {
    color: #ccccff;
    background-color: #222233; 
    layer-background-color: #222233;
  }
.linkblock
  {
    border-color: #c0c0c0;
    color: #c0c0c0;
  }
.linklist
  {
    border-color: #000033;
  }

/* INHERENT TEXT PROPERTIES (INDEPENDENT OF LAYOUT)                           */

body
  {
    font-size: 16px;
  }
p, ol, li
  {
    font-size: 16px;
    font-family: Georgia, Garamond, Palatino, Palladio, Times;
  }
h1
  {
     font-size: 130%;
  }
h2
  {
     font-size: 100%;
  }
h3 
  {
     font-size: 95%;
  }
h1, h2, h3
  {
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  }
#banner
  {
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  }
#headstart
  {
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
    font-size: large;
  }
h1 #banner
  {
    font-size: x-large;
  }
h1 > #banner
  {
    font-size: xlarge;
  }
a:visited
  {
    font-weight: bold;
    text-decoration: none;
  }
a:link
  {
    font-weight: bold;
    text-decoration: none;
  }
a:hover
  {
    font-weight: bold;
    text-decoration: none;
  }
.inpagelink
  {
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
    text-decoration: overline;
    font-size: 14px;
 }
.linkheading
  {
    font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 90%;
  }
.infonote
  {
    font-size: 90%;
    font-style: italic;
  }
.caption
  {
    font-family: Georgia, Garamond, Palatino, Palladio, Times, serif;
    font-weight: normal;
    font-style: italic;
  }


/* LAYOUT                                                                     */
body
  {
    margin: 0px;
    z-index: 2;
  }
h1
  {
    text-align: center;
  }
#headstart
  {
    text-align: center;
  }
.linkblock
  {
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
.linklist
  {
    margin: 10px;
    padding: 10px;
  }
#extendedessay
  {
    top: 10px;
    width: 554px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccccff;
  }
.relativecentre
  {
    position: relative;
    text-align: center;
  }
.relativeleft
  {
    position: relative;
    text-align: left;
  }
.relativeright
  {
    position: relative;
    text-align: right;
  }
.lefted
  {
    text-align: left;
  }
.righted
  {
    text-align: right;
  }
.centred
  {
    text-align: center;
  }
.boxed
  {
    border-width: 5px;
    border-style: solid;
  }
.edged
  {
    border-width: 2px;
    border-style: solid;
  }