/**** GENERAL STUFF:
 ****
 **** body
 **** structural divs
 ****/

body { margin-left: 5%;
       margin-right: 5%;
       font-family: arial, sans-serif;
       font-size: small;
     }

#header { height: 95px;
          border: 1px solid #cccccc;
          background-color: #eeeeee;
          padding-top: 3px;
         }

#leftback { background: white url(colback.png) repeat-y left; 
            border-bottom: solid 1px #cccccc;
            border-right: solid 1px #cccccc;
          }

/* The below is to make sure that leftback stretches vertically to include 
 * the floated sidebarleft,
 * even if the bodytext (not floated) is smaller then sidebarleft.
 * See http://www.complexspiral.com/publications/containing-floats/
 */

#forcestretch { visibility: hidden;
                display: block;
                clear: left;
              };

/* There can be only one background property that includes a background 
   colour. If the below also included it, #leftback would not get any 
   background image in Opera. */

#rightback { background: url(colback.png) repeat-y right;
           }

#sidebarleft { width: 150px;
               padding-top: 0px;
               float: left;
             }

#sidebarright { width: 150px;
                padding-top: 0px;
                float: right;
              }

#bodytext { margin-left: 155px;
            margin-right: 5px;
            margin-top: 0px;
            padding: 0px;
            /*border-top: 1px solid white;  Hack: this forces the bodytext
                                          * and sidebars to stick to the 
                                          * header, somehow. Not sure I want
                                          * this yet
                                          */
          }

#footer { background-color: #cccccc; 
          position: relative;
          color: white;
          padding-left: 155px;
          margin-top: 0%;
        }

/**** HEADER STUFF ****/

#snvshield { margin-left: 42px;
             margin-right: 41px;
             float: left;
           }

/* The above is hardwired for the small SnV shield, 67 x 90 px. The height
   is matched (+5) by the height of the header div, the width is padded out to
   100px (width of sidebar below it) by the margins of the snvshield class
*/


/* Legacy */

#titleimg { margin-left: 10%;
				  }

#titlep { margin: 0px;
          text-align: center }

#header h1 { font-size: xx-large; 
             text-align: center;
           }

#header h2 { font-size: normal;
             text-align: center;
           }

/**** SIDEBARS ****/

#sidebarright h1, #sidebarleft h1 { font-family: times, serif;
                                    font-size: small;
                                    font-weight: bold;
                                    color: white;
                                    text-align: center;
                                    background-color: #cccccc;
                                    margin-top: 0px;
                                  }

#sidebarleft p { margin: 5px; }

/**** CONTENT ****/

ul.crumbtrail { margin-left: 0px;
                padding-left: 0px;
                margin-top: 0px;
                margin-bottom: 0px;
              }

ul.crumbtrail li { display: inline;
                   list-style: none;
                   font-size: smaller;
                  }

.flickr { text-align: center;
        }

.flickr img { margin: 5px; }

.flickr a:hover { background-color: #eeeeee; }

ul.linklist { margin-left: 5px;   /* For IE & Opera */
              padding-left: 5px;} /* For Firefox */

ul.linklist li { list-style: none; }

#footer p { margin-top: 0px; }

img { border: none; }

a { color: #888888; }

a:visited { color: #aaaaaa; }

a:hover { text-decoration: none; }

#bodytext h1 { font-size: x-large;
               border-bottom: solid 1px #cccccc;
               color: #aaaaaa;
               background-color: #eeeeee;
               margin-left: -5px;
               margin-right: -5px;
               margin-top: 0px;
               margin-bottom: 0px;
               text-align: center;
             }
               
h2.blogentrytitle { font-size: large; 
                    border-bottom: dashed 1px #aaaaaa;
                    color: #aaaaaa;
                    background-color: #eeeeee;
                    margin-bottom: 5px;
                  }

.abstract { margin-left: 10px;
            padding-left: 5px;
            padding-right: 5px;
            border-left: dotted 1px #aaaaaa;
            font-size: medium;
          }

.blogentry h3 { color: #aaaaaa;
                font-size: large;
              }

p.blogbyline { font-size: smaller; 
               margin-top: 5px;
             }

blockquote { border: dotted 1px #aaaaaa; 
             background-color: #eeeeee;
             padding: 5px;
             margin-left: 0px;
           }

blockquote blockquote { border: none;
                        margin-left: 10px;
                        font-family: monospace;
                      }           

h3.blogcommenttitle { margin-left: 10px;
                      margin-right: 10px;
                      border-bottom: dashed 1px #aaaaaa;
                      color: #aaaaaa;
                    }

.comment { margin-left: 10px;
           margin-right: 10px;
         }

table.snvtable { border: none;
                 padding: 1px;
                 background-color: #eeeeee;
                 width: 100%;
               }

table.snvtable th { background-color: #aaaaaa;
                    color: white; 
                  }

table.snvtable tr.even { background-color: #eeeeee; }
table.snvtable tr.odd { background-color: #cccccc; }

#blogcalendar { font-size: xx-small; } 

.leftfloater { float: left;
               margin: 5px;
             }

.rightfloater { float: right;
                margin: 5px;
              }

.comments-open { margin: 20px;
                 border: dotted 1px #aaaaaa;
                 padding: 20px;
               }

.comments-open h2 { color: #aaaaaa;
                    font-size: large;
                  }

.comments-open label { color: #aaaaaa;
                     }