zenwerks - 2005-08-17

/*
** mxWiki 'monobook' style sheet
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** Based upon:
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
** http://meta.wikimedia.org/wiki/MediaWiki
** Copyright Gabriel Wicke - http://wikidev.net/
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
**
** In turn based upon:
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
** Michael Zeltner and Geir Bækholt)
** All you guys rock :)
*/

/* layout specific*/

img.mainlogo {
      margin-top:    20pt;
      margin-left:   20pt;
      margin-right:  20pt;

}

/* below are required */
body {
      font-family:  verdana, arial, helvetica, sans-serif;
      font-size:    10pt;
      color:        #222222;     
      background:   #f9f9f9 url("headbg.jpg") 0px 0px no-repeat;
      margin-left:  4pt;
      margin-right: 0pt;
      margin-top:   3pt;
      margin-bottom:0pt;
      padding:      0pt;
}

div.main {
      background-color: #ffffff;
      border: 1px solid #aaaaaa;
      padding:      10pt;
      margin-top:   3pt;
      margin-left:  20pt;
      margin-right: 20pt;
}

div.menu {
      text-align:    center;
      font-family:   verdana, arial, helvetica, sans-serif;
      font-size:     8pt;
      margin-top:    20pt;
      margin-bottom: 20pt;
      margin-left:   20pt;
      margin-right:  20pt;
      padding-top:   10pt;
      padding-bottom:10pt;
      padding-left:  10pt;
      padding-right: 10pt;
      background-color:#f9f9f9;
      border:1px solid #aaaaaa;
}

div.main a  {
     color: #36f;
}
div.main a:visited  {
     color: #36f;
}
div.main a:active  {
     color: #36f;
}

div.menu a  {
     color: #444;
     text-decoration: none;
}
div.menu a:visited  {
     color: #444;
     text-decoration: none;
}
div.menu a:active  {
     color: #444;
     text-decoration: none;
}
div.menu a:hover  {
     color: #fff;
     background-color: #58f;
     text-decoration: none;
}

div.main a[href ^="http://"]{
    background: url(external.png) center right no-repeat;
    padding-right: 13px;
}

div.main a[href ^="mailto:"]{
    background: url("mail_icon.gif") center right no-repeat;
    padding-right: 18px;
}

h1, h2, h3, h4, h5{
    color: Black;
    background: none;
    font-weight: normal;
    margin: 0;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
    border-bottom: 1px solid #aaa;
}
h1 { font-size: 188%; }
h2 { font-size: 150%; }
h3, h4, h5 {
    border-bottom: none;
    font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }

hr {
    height: 1px;
    color: #aaa;
    background-color: #aaa;
    border: 0;
    margin: 0.2em 0 0.2em 0;
}

ul {
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.3em 0 0 1.5em;
    padding:0;
    list-style-image: url("bullet.gif");
}

div.copyright {
text-align: center;
font-size: x-small;
color: #aaa;
margin-bottom: 20;

}

/* you can get the headbg.jpg, bullet.gif and mail_icon.gif, external.png from the wikipedia site. */

Thanks
-Rick