body {
    margin:0px 0px 10px 15px;
    padding: 0px;
    background:#cc9;
    }

img#banner {
    margin: 0; padding: 0;
    float: right;
    border-left: 1px dotted #000;
    vertical-align: bottom;
    border-bottom: 1px dotted #000;
    height: 175px;
    width: 100%;
    }

#leftcontent {
    background: #cc9;
    float:left;
    width: 25%;
    font-family: arial, helvetica, sans-serif;
    margin-top: 0px;
    }

#leftcontent p {
    font-family: arial, helvetica, sans-serif;
    text-transform: lowercase;
    margin: 0px 0px 4px 0px;
    }

#leftcontent>div>a {
    font-family: arial, helvetica, sans-serif;
    text-transform: lowercase;
    margin: 0px 0px 4px 0px;
    }

#rightcontent {
    background:#fefbd2;
    float: right;
    width: 67%;
    border-top:1px solid #fefbd2;
    border-left:1px dotted #000;
    padding: 0px 5px 15px 25px;
    margin-top: -1px;
    padding-right: 15px;
    }


h1, h2              { font-family: Verdana, Tahoma, Arial, sans-serif;
                      font-weight: lighter; color: #660; 
                      clear: both;
                      padding: 15px 5px 5px 5px;
                    }
h1#site-title       { font-size: 260%; font-weight: lighter;
                      color: #330;
                      padding: 0px 0px 0px 0px;}
h1#site-title>a     { color: #330; font-weight: lighter;}
h2#site-subtitle    { margin-top: -1.2em; font-weight: lighter;
                      color: #330; padding: 0px 0px 0px 0px;}
h2.article-title    { text-transform: lowercase; background: inherit;}


p, blockquote, th, td, ul, ol, dl, dd, li, dir, menu { 
    font : 13pt/18pt georgia, palatino, serif;
    margin-top: 0.2em;
    margin-bottom: 0.5em; 
    }
p.metadata          { clear: both;
                    font-family: arial,sans-serif; 
                    text-align: right;
                    margin-top: 5em;
                    }

p#copyright { font-size: 80%; }
p.header    { font-size: 95%; font-weight: bold;}
div.list>a  { display: block;}
img         {
            padding: 5px; border: solid thin #cc9;
            margin: 0px 15px 10px 5px;
            }           
img.thumb   { 
            display:inline; 
            border: solid thin #dbe8b9;
            }
img.right   {float: right}
img.left    {float: left}

img.view    { max-width: 98%; max-height: 600px; }
            
a:link      { color: #03c; text-decoration: none; font-weight: normal}
a:visited   { color: #03c; text-decoration: none; font-weight: normal}
a:active    { color: #06c; background: #FFFFCC; text-decoration: none; font-weight: normal}
a:hover     { color: navy; background-color: #dbe8b9; text-decoration: none }
a > img.thumb:hover, a > img.view:hover { 
            color: #cc9; background-color: #dbe8b9; text-decoration: none 
            }
a.hint      {color: #99f}

div.pagination span.active {
            background-color: #e0e0e0;
            }