body {
    color: #000;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    /* http://realworldstyle.com/fonts.html
    font-family: "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif; */
    /* Hm. Lucida looks bad in Konqeror with no AA, Verdana has AA */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header,
#header h1,
#header h2,
#header a {
    margin: 0px;
    font-weight: normal;
    color: #000;
    background-color: #D39CE3;
    text-decoration: none;
}
#header h1 { /* h1 marks the header of the page */
    padding: 10px 10px 0px 10px;
    font-size: 2em;
    letter-spacing: 0.2em;
}
#header h2 { /* subheader */
    padding: 0px 10px 10px 10px;
    font-size: 1em;
    letter-spacing: 0.1em;
}

/* use h2 to structure the page for non-CSS-browsers */
#navi h2,
#content h2,
#preview h2,
#contentsidebar h2,
#sidebar h2,
#footer h2 { 
    display: none;
}

/* http://www.alistapart.com/stories/taminglists/ helped a lot to
 * design the unordered list that is used as main navigation.
 * If you want to change the height make sure to adjust top/bottom-padding for
 * "#navi ul" AND "#navi li a"
 */
#navi ul {
    list-style: none;
    color: #000; /* needed for validation */
    background-color: #E1CDE7;
    margin: 0 ;
    padding: 0.2em 0;
}
#navi li {
    display:inline;
}
#navi li a {
    border-left: 1px solid #6B347B;
    color: #8001A5;
    background-color: #E1CDE7; /* needed for validation */
    text-decoration: none;
    padding: 0.2em 1em;
}
#navi li a.first {
    border-left: none;
}
#navi li a:hover {
    color: #fff;
    background-color: #6B347B;
}

#sidebar {
    margin-top: 1em;
    padding: 0em 0.5em;
    /* width: 15em; */
    width: 31%;
    float: left;
    background: url(/pub/skins/witch/hexentanzlogo.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding-left: 3px;
}

#contentsidebar { /* content definition for pages with sidebar */
    padding: 1em ;     /* sidebar-width + padding + 1em space = 17em */
    margin-left: 33%;
}

#content {
    padding: 1em;
}

h3, 
.wikiaction {
    border-bottom: 1px solid #6B347B;
    font-size: 133%;
    color: #8001A5;
    margin: 0;
    padding: 0;
}
h4,
.difftime {
    font-size: 117%;
    color: #8001A5;
    margin: 0;
    padding: 0;
}
h5 {
    font-size: 100%;
    color: #8001A5;
    margin: 0;
    padding: 0;
}
h6 {
    font-size: 100%;
    font-weight: normal;
    color: #8001A5;
    margin: 0;
    padding: 0;
}

.footer,
#footer {
    clear: both;
    text-align: right;
    color: inherit; /* needed for validation */
    background-color: #E1CDE7;
    border-top: 1px solid #6B347B;
    padding: 0 1em 0 1em;
    font-size: 75%;
    border-bottom: 1px solid #E1CDE7; /* for dashed lines under text (.notes) */
    margin-bottom: 1em;
}
#footer p {
    margin: 0;
}

textarea {
    border: 1px solid #6B347B;
}

textarea,
/* CSS 2.0! */
input[type="text"] {
    border: 2px solid #6B347B;
    border-style: inset;
}
input[type="submit"],
input[type="checkbox"], /* does not work yet even in FireFox? */
input[type="reset"] {
    border: 2px solid #6B347B;
    color: #8001A5;
    border-style: outset;
    background: #fff;
}
input[type="submit"]:active,  
input[type="reset"]:active {
    border-style: inset;
}

#sidebar a,
#contentsidebar a,
#footer a,
#preview a,
#sidebar a,
#content a {
    color: #8001A5;
    border-bottom: 1px dotted;
    text-decoration: none;
}

#sidebar a:hover,
#contentsidebar a:hover,
#footer a:hover,
#preview a:hover,
#sidebar a:hover,
#content a:hover {
    color: #8001A5;
    border-bottom: 1px solid;
    text-decoration: none;
}

#preview {
    border: 1px dashed #6B347B;
    margin: 0.5em; 
    padding: 0.5em;
}

.diffbox {
}
.diffrestore {
    background-color: #E1CDE7;
    color: inherit; /* needed for validation */
    font-size: 75%;
    margin: 1em 0 1em 0;
    padding: 0 1em 0 1em;
}
.diffdel {
    border-left: 7px solid #fbb;
    padding-left: 0.2em;
}
.diffadd {
    border-left: 7px solid #bfb;
    padding-left: 0.2em;
}

hr {
    border: #6B347B 1px inset;
}
ol, 
ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
p {
	margin: 0.25em;
	padding: 0.25em;
}

/* Avoid the IE Three Pixel Text-Jog 
   http://www.positioniseverything.net/explorer/threepxtest.html */

/* Hide from IE5-mac \*/
* html #sidebar {
    margin-right: 1%;
}
* html #contentsidebar {
    height: 1%;
    margin-left: 0;
}
/* End IE5/mac hide */
/*** IE5/mac does not have the 3px jog, but does have a version of the float model problem,
so this fix must be hidden from IE5/mac. The comment above with the escape character
just before the closing tag does not close in IE5/mac, hiding the Tan hacks from that browser.
The second comment after the hacks has the effect of "closing" the first comment for IE5/mac. ***/

/*** The right margin on the float in the Tan hack is 3px less than it should be, because of a 
mystery margin added to the float in IE/win when the paragraph has a dimension. ***/