/*
 * Stylesheet for the oddmuse wiki
 * Starting point is the standard oddmuse stylesheet, with some
 * modification to meet the needs of the WG
 */

div.diff { padding-left:5%; padding-right:5% }
div.old { color:black; background-color:#FFFFAF }
div.new { color:black; background-color:#CFFFCF}
div.refer { padding-left:5%; padding-right:5%; font-size:smaller; }
table.history { border-style:none; }
td.history { border-style:none; }
table.user { border-style:solid; border-width:thin; margin-left:5%; }
table.user tr td { border-style:solid; border-width:thin; padding:5px; }
dt { font-weight:bold; }
img.logo {
    position:absolute; right:3%; top:-60pt;
/*    float: right;
    clear: right;*/
    border-style:none;
    background-color:#fff;
}
img {
    border: none; 
    padding: 0;
    margin: 0;
}
img.smiley {
    border:none;
    padding:0;
    margin:0;
    background:black;
    color:#000;
}    

div.header img, div.footer img { border:0; padding:0; margin:0; }

span.author {
    color: #501;
}

/* Positioning of the basic blocks
|| normal order is:
||   div.header, div.toc, div.content, div.footer
||
||  +-------------- body -----+-------+
||  |  div.header             |div.cal|
||  |                         +_______|
||  |  div.toc                        |
||  |                                 |
||  | +-----------------------------+ |
||  | |                             | |
||  | |        div.content          | |
||  | |                             | |
||  | +-----------------------------+ |
||  |                                 |
||  |  div.footer                logo |
||  +---------------------------------+
*/
/* Footer at top does not work in IE, just keep it at the bottom */
div.footer {
	margin-top:3pt;
	/* use a border at the bottom to separate it from the other content */
	/*border-bottom: thin solid black; overlaps in the logo */
}
/*
 * horizontal rule of the footer separates from the part above
 * "clear:both" is needed to reset any multicolumn floating paragraph boxes
 */
div.footer hr { display:normal; clear:both; }
/* GotoBar in the header */
div.header span.gotobar { display:normal; }

body {
    /* for sidebar
    position:relative; left:50mm; */
    color:#FFFFFF;
    background-color:#000000;
    font-family:Verdana,Times,Helvetica;
    font-size: 84%;
    padding:2% 3%;
    margin:0;
}
/* Table cells in IE and Mozilla with Quirks-Mode don't inherit the font-size */
td { font-size: 84%; }

/*  * No need to change header part and main content *
div.header { position:relative; top:20ex; }
div.content {
	position:relative; top:10ex; float:left; width:74%;
	border: thin solid;
}
*/
/* and for the calendar extension */
div.cal { width:25ex; float:right; }
/* The calendar is included in a <pre> block, so it inherits from there */
div.cal pre { margin:0;/* font-size:87%;*/ }
/* div.cal a { color:blue; } red and orange is not too bad anyway */
div.cal a.today { background-color:yellow; }

/* layout for the sidebar (currently deactivated) */
div.sidebar {
	/*position:absolute; top:8mm; left:-47mm; width:45mm;*/
	float:right; width:15%; border: solid thin red;
}

/* multicolumn layout for the printable index */
div.letter br { display: none; }
div.letter h2 { clear: both; padding-top: 2ex; border-bottom: solid 1px; }
div.letter > a { display: block; width: 32%; float: left; }

p.editnote {
	border: thin solid; padding:1ex;
	width: 85ex;
	font-size:87%; background-color: #FFCF88
}

/* formatting of hyperlinks */
a {
    color:red;
    text-decoration:none;
    font-weight:bold;
}
a:visited { color:orange; }
a:hover {
    text-decoration:underline;
}

p a.definition {
    /* color:#666; */
    padding: 2px;
    margin-top: 5px;
    border-bottom: 2px solid #000000;
    text-decoration:none;
    display:block; 
}
/*
p a.definition:hover {
    background:#000000;
    color:#FFFFFF;
} */

/* General rules for headers */
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a { color:gold; }
/* h1, h2, h3, h4 { font-size:medium; margin:4ex 0 1ex 0; padding:0; } */
h1, h2 { border-bottom: 2px solid gold; }
h3, h4 { border-bottom: 1px dashed gold; }

/* specific adjustments for headers inside the header-block of a page */
div.header h1 {
    /*font-size:xx-large;*/ margin-top:1ex;
    border-bottom: 3px solid gold;
}
/* Headers inside journal pages should be smaller especially the h1 titles */
div.journal h1 { font-size:141%; margin:3ex 0 1ex 0; border-bottom-width: 1px; }
div.journal h2, h3, h4 { font-size:medium; margin:4ex 0 1ex 0; }

/* Tables inside user's content */
div.content table, tr, td {
	border-color:white;
	border-width:thin;
}
/* Without "collapse" IE has still space between cells */
div.content table { border-collapse:collapse; border-spacing:0px; }

/* If paragraphs have less vertical space it looks better in most cases */
div.content p { margin-top: 0.8ex; margin-bottom: 0.8ex; }

hr {
    border:none;
    background-color:gold;
    height:1px; 
    margin-top:2ex;
}

pre {
    border: #777777 1px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    white-space: pre;
    font-size:120%; /* relative to reduce body font */
    background-color: #e6e6e6;
    color: black;
}

body.magenta a { color:#639; }

/* Definitions for the table of content */
div.toc {
	width:70%;
	border:1px dotted;
	margin:1ex;
	padding:0;
	padding-top:2ex; /* needed for IE */
	font-size:87%;
	/*font-family:Verdana,Arial;*/
}
div.toc a {
	font-weight:normal;
}


@media print {
body { font:11pt "Neep", "Arial", sans-serif; color:black; background-color:white;}
a, a:link, a:visited { color:#000; text-decoration:none; font-style:oblique; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a { font-style:normal; }
a.edit, div.footer, div.refer, form, span.gotobar, a.number span { display:none; }
a[class="url number"]:after, a[class="inter number"]:after { content:"[" attr(href) "]"; }
a[class="local number"]:after { content:"[" attr(title) "]"; }
img[smiley] { line-height: inherit; }
pre { border:0; font-size:10pt; }
}