/* Stylesheet for my webpages, started on 11 May 2004
   Surprisingly easy to learn, and made it easy to keep
   a consistent feel across my pages, also to conform to
   XHTML 1.0 standard.         - Sara Kalvala */


/* general settings */

body {margin-left: 5%;; margin-right: 10%; background: white; 
      font-family:   sans-serif, cursive, fantasy, sans-serif;}

img {border: 0px; padding: 0px; }

a:link, a:visited {color: "navy"; }
h1 {margin-top: 0em; margin-bottom: 0em; font-size: 150%;  }

/* General spacing styles  */


div.right10     { float: right; width: 10%; }
div.left10      { float: left; width: 10%; }
div.right20     { float: right; width: 20%; }
div.left20      { float: left; width: 20%; }
div.right20pad  { float: right; width: 20%; padding-top:20px;}
div.left20pad   { float: left; width: 20%; padding-top:0px;}

div.clearboth   { display: block; clear:both; }
div.horline     { display: block; clear:both; border-top: grey 3px solid;}

/* allows having an image to the right of heading */

div.headblock     { float: left; width: 85%; }
div.linkindex     { float: left; width: 10%; }
div.linkindex img {border: 0em; width: 100%; display: table-cell; }

/* in index page: desk column on left, filing cabinet on right */

div.deskarea      { width:50%; float: right; display: table-cell; vertical-align: bottom; }

div.deskarea img { margin-left: 20px; margin-top: 75px;}
div.cabarea { width: 20%; float: left; }
div.filing    { border: solid; border-width: medium; width: 100%;
                background: silver;   height: 5em;
                display: block; margin-left: auto;  margin-right: auto; 
                border-color: black; float: both;}
div.filing p  { text-align: center; vertical-align: middle; font-size: 120% ;
                display: block; font-weight: bold; color: maroon;
                font-family: monospace, sans-serif;}

div.filing a { color:brown; }

div.screen    { width: 85pt;    height: 60pt;
                background: lightgrey;
                border: black solid;
                border-width: 4px 4px 20px 4px;
                border-bottom-style: outset;
                margin-left: 20pt;  margin-right: 0pt; 
                float: right;
                overflow: hidden; padding: 0px;}

div.screen ul { margin-left: 0pt; padding: 0pt;}

div.screen ul li { list-style: none; }

div.screen p  { text-align: left; vertical-align: top; font-size: 60% ;
                display: block; font-weight: bold; color: maroon;
                font-family: monospace, sans-serif;}

div.screen a { color:red; font-size:60%; font-weight:bold;}

div.desk { display: block;  width: 100%; background: maroon;
           height: 8em;}

UL LI { list-style: square }

div.largeplant { background:  url(./images/smallerplant.gif)
                 bottom right no-repeat ;
                 height: 10em; width: 140; float: both; }



/* following should be tidied, just used to pull heading in index down */
h2.spaced {margin-top: 4.2em; margin-bottom: 4em; }