body {background: #1d3600 url(http://marie-str.com/greenotter/grotter1.jpg) 0 0 no-repeat fixed;
     position: relative; 
     margin: 0; 
     padding: 0;}
div#content {background: #bac286 url(http://marie-str.com/greenotter/ltotter1.jpg) 0 0 no-repeat fixed;
	    position: absolute; 
            top: 26px; 
            left: 161px; 
            right: 25px;
            color: #030; 
            font: 14px 'Trebuchet MS', Futura, sans-serif; 
            padding: 10px; 
            border: solid #602;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#links {position: absolute; 
          top: 52px; 
          left: 0; 
          width: 160px; 
          height: 700px; 
          font: 16px 'Trebuchet MS', Futura, sans-serif;}
div#links a {background: transparent url(http://marie-str.com/greenotter/dkotter1.jpg) 0 0 no-repeat fixed;
		  display: block; 
          text-align: center; 
          font: bold 1em sans-serif; 
          padding: 5px 10px; 
          margin: 0 0 2px; 
          border-width: 0; 
          text-decoration: none; 
          color: #ffc;}
div#links a:hover {background: transparent url(http://marie-str.com/greenotter/ltotter1.jpg) 0 0 no-repeat fixed;
		  color: #602;}
h1 {margin: -9px -9px 0.5em; 
   padding: 15px 0 5px; 
   text-align: right; 
   background: #b0a9a6 url(http://marie-str.com/greenotter/sotter1.jpg) 0 0 no-repeat fixed; 
   color: #602; 
   letter-spacing: 0.5em; 
   text-transform: lowercase; 
   font: bold 2em sans-serif; 
   height: 1.25em; 
   vertical-align: middle; 
   white-space: nowrap;}
h2 {padding-bottom: 10px; 
   text-align: center; 
   background-color: transparent; 
   color: #601; 
   text-transform: lowercase; 
   font: bold 24px Georgia, Times, serif; 
   height: 1em;}
h3 {background-color: transparent; 
   color: #600; 
   font: bold 20px 'Trebuchet MS', Futura, sans-serif;}
h4 {background-color: transparent; 
   text-align: center; 
   color: #610; 
   font: bold small-caps 16px 'Lucida Console', Andale Mono, fixed-width;
   }
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: #090;}
div#content a:visited {color: #930;}
div#content a:link:hover {color: #cf0;}
div#content a:visited:hover {color: #cc0;}
code, pre {color: #630; 
      font: 110% monospace;}
img {margin: 0 10px; 
    padding: 0; 
    border: none;}
#cloud { padding: 2px; 
       line-height: 3em; 
       text-align: center; }
#cloud a { padding: 0px; }
#cloud { margin: 0; }
#cloud li { display: inline; }
#cloud a.tag1 { font-size: 10px; }
#cloud a.tag2 { font-size: 12px; }
#cloud a.tag3 { font-size: 14px; }
#cloud a.tag4 { font-size: 16px; }
#cloud a.tag5 { font-size: 18px; }
#cloud a.tag6 { font-size: 20px; }
#cloud a.tag7 { font-size: 22px; }
#cloud a.tag8 { font-size: 24px; }
#cloud a.tag9 { font-size: 26px; }
#cloud a.tag10 { font-size: 28px; }
/* copyright style */
#copy {
	margin: 0;
	padding: 0 25px;
	text-align: right;
	font-size: 12px;
}