/* global stylesheet matthias gutfeldt.ch */

/* margins so the text won't hit the edge of the screen */
body {margin-left:10%;margin-right:10%;background-color:#f7f7f8; color:#000000;}

/* Yank the logo image to the left again. Potentially disastrous e.g. in IE6 */
img.logo {margin-left:-10%;}

/* make sure everything is b on w and in sans-serif   this causes trouble in IE6, so it's commented out for now */
/* body, p, table, td, address, ul, div, span {font-family:Arial, Helvetica, SunOS, sans-serif; font-weight:normal;} */


/* ul button, choose nicer one if you like */
ul {list-style-image: url(http://gutfeldt.ch/matthias/images/button.gif);}


/* nicer font for headings, serif fall-back */
h1, h2, h3, h4 {font-family:Georgia, Garamond, serif;}

/* gray line over h1, minus 7 percent indentation (leaves 3 percent) */
h1 {margin-left:-7%; text-align:left; border-top:solid 2px rgb(115,115,115);}


/* indentations */
h2 {margin-left:-5%; text-align:left;}
h3 {margin-left:-2%; text-align:left;}
h4 {margin-left:-1%; text-align:left;}


/* special formatting */
p.copyright {border-top:solid 2px rgb(115,115,115);}
span.subtitle {font-style:italic;text-align:center}
img.centered {text-align:center; margin-top:10px;}
.tiny {font-size:0.9em;}
small {font-style:italic;}
div.updatenotice {width:auto; border:solid 2px #cccccc;float:right;}

/* blue image for table backgrounds */
table.colourful {font-size:0.9em; border:none; background-image: url(http://gutfeldt.ch/matthias/images/cherry.gif);}

/* blockquotes */
blockquote {border:solid 2px #cccccc;}