/*  
    screen.css
    for the Moniker theme 

*/

@import url(calendar.css);
@import url(RicksCorner.css);




/* ------------------ */
/* general typography */
/* ------------------ */

html { font-size: 81%; }
/* XXX MPG made background a bit lighter */
html, body { margin: 0; padding: 0; background-color: #F9F9F9; color: black; }

body {
	vertical-align: text-top;
	line-height: 1.4;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif; 
}

p, ol, ul, li, table {font-size: 1.0em;}
p, h1, h2, h3, h4, h5, h6 {margin: 1.5em 0 1em 0; }
input, select, th, tr, td {font-size: 1.0em;}
pre, tt {font-family: monospace, courier; font-size: 1.1em; color: black;} /* XXX */
strong, b {font-weight: bold;}
small {font-size: 0.8em;}
img {border: 0;}

/* XXX draufer cleaning definition lists */
/* There was a gap between definition and text, because some texts had an enclosing paragraph and some not...
   My solution was overriding the margin for paragraphs in definition list -> data tags. */
dd p {margin: 0}

/* XXX table {margin: 0; padding: 0; width: 99%;} */
table {margin: 1em 0 0 0; padding: 0;}
th {text-align: left; font-weight: bold;}
tr {text-align: left;}
th, tr, td {vertical-align: top;}

/* increase monospace fonts on Mozilla using invalid pseudo-class hack */
:root code {font-size: 120%;}



/* -------- */
/* headings */
/* -------- */

h1 { font-size: 1.7em; border-bottom: 2px  solid #888; color: #334266; text-shadow: #AAAAAA 2px 1px 3px; } /* XXX added border-bottom */
h2 { font-size: 1.4em; border-bottom: 1px  solid #888; color: #334266; text-shadow: #AAAAAA 2px 1px 3px; }	
h3 { font-size: 1.2em; padding-left: 0.3em; border-left: 7px solid #888; color: #334266; text-shadow: #AAAAAA 2px 1px 3px; }	
h4 { font-size: 1.0em; padding-left: 0.3em; border-left: 4px  solid #888; color: #334266; }	
h5, h6 { font-size: 1.0em; font-weight: bold; }
h6 { margin-bottom: -1.0em; }

/* ----------- */
/* main layout */
/* ----------- */

div#sidebar {
	margin: 0px 8px 0px 12px; /* XXX top margin entfernt */
	float: left;
	width: 160px;
	padding: 0;	
	font-size: 0.88em;
}

div#page {
	margin: 10px 15px 10px 185px;
	padding: 15px 30px;
	border: 1px solid #808080;
    background-color: white;
/* XXX    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; */
    box-shadow: 1px 1px 12px #888888; -moz-box-shadow: 1px 1px 12px #888888; -webkit-box-shadow: 1px 1px 12px #888888;
    }

#page a:link:hover, #page a:visited:hover {
    background-color: transparent;
    text-decoration: underline;
}


#footer {
    clear: both;
    padding: 0;
    margin: 10px 15px 10px 185px;
    text-align: center;
    font-size: 0.88em;
    color: #6C7680;
}

#credits, #version, #timings{
    margin: 5px 0px 10px 0px;
    padding: 0;
    text-align: center;
    font-size: 0.88em;
    color: #6C7680;
}

#credits li, #timings li {
    display: inline;
    padding: 0 2px;
    margin: 0 4px;
}

#credits img {
    vertical-align: middle;
}


div#message {
    /* margin: 10px 30px 10px 195px; */
    margin: 10px 15px 15px 185px;
    /* padding: 0px 10px 5px 10px; */
    padding: 0px 30px 5px 30px;
    /* border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; */
    background: #FFFFDD; 
    border: 1px solid black; /* XXX 1px and black*/
}

div#message p.status strong {
    background: #FF0000;
    color: white;
}

div#header {
        margin: 0px 15px 10px 10px;
 	/* margin: 10px; */
    background-color: transparent;
    border-width: 0px;
    /* box-shadow: 1px 1px 12px #888; -moz-box-shadow: 1px 1px 12px #888888; -webkit-box-shadow: 1px 1px 12px #888888; */
    }
    
div#header #logo a { display: block; height: 80px; padding: 29px 0 0 205px; }
div#header #logo .headertext { font-size: 1.7em; font-weight: bold; line-height: 1.0em; color: #fafaff; text-shadow: #a9c0de 2px 1px 3px; }
div#header #logo .headertext small { font-size: 0.65em !important; font-weight: bold; }


/* ----------------------------------- */
/*  logo                               */
/* ----------------------------------- */

/* div#logo { margin: 0 0 0 170px; padding: 3px 15px; } */ /* XXX added margin values*/
/* div#logo { margin: 0 0 0 0; padding: 3px 15px; } */
div#logo { background: #c7dae9 url(../img/header_bgrnd.jpg) no-repeat; height: 93px; }
div#logo img { vertical-align: middle; }


/* ----------------------------------- */
/*  welcome                            */
/* ----------------------------------- */

div#username {
	margin: 6px 30px 0px 6px;
	padding: 0px;
/*    color: dimgray; */
    display: inline;
    float: right;
    }

a#userhome, a#userprefs, a#logout, div#username a.interwiki { color: dimgray; text-decoration: underline; }

div#username a.interwiki:before { content: none; margin: 0px; }

div#username a:hover { text-decoration: underline; } /* XXX */

div#username, div#username a { color: #000; text-shadow: #fff 2px 1px 3px; }



/* ----------------------------------- */
/*  side panels                        */
/* ----------------------------------- */

div.sidepanel {
	margin: 0 0 10px 0;
	float: right;
	width: 160px;	
	border: 1px solid #808080;
	font-size: 1.0em;
/* XXX MPG made background white */
    background-color: #FFFFFF;
/* XXX    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; */
    box-shadow: 2px 1px 3px #CCCCCC; -moz-box-shadow: 2px 1px 3px #CCCCCC; -webkit-box-shadow: 2px 1px 3px #CCCCCC;
}

div.sidepanel h1 {
	margin: 0;
	padding: 0.2em 10px;
	border: none;
	font-size: 1.0em;
    color: white; 
    background-color: #4d5d80; /* XXX MPG 'deco' gruen dunkel */
    text-align: right;
    text-shadow: none;
/*XXX    -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft:  3px; -webkit-border-top-left-radius:  3px; */
}

div.sidepanel ul { list-style-type: none; margin: 0px; padding: 0px; }
div.sidepanel li { margin: 0; padding: 2px 10px; text-align: right; }

div.sidepanel a { text-decoration: none; color: #000000; } /* XXX MPG quicklink gruen dunkel*/
div.sidepanel a:hover { text-decoration: underline; }

/* Rick: this prevents Quicklink-spillover on interwiki links */
div.sidepanel li.userlink {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    }

.pagetrail {
    text-align: right;
    padding: 2px 10px;
    line-height: 160%;
    }


/* deactivate current selection */

ul#navibar li.current a { text-decoration: none; cursor: default; }


/* search form */

form#searchform { margin: 5px; padding: 0px; }
input#searchinput { width: 145px; }
div#searchbuttons { margin-top: 5px; margin-left: 40px; }


/* more actions  -  more actions is a popup list */

div.togglelink {
    margin-top:8px; 
    margin-bottom: 5px; 
    color: #0044B3; 
    font-style: italic; 
    cursor:pointer; 
    }

div#menu1 { display: none; margin: 0px; padding: 0px; margin-bottom: 10px; }

div#menu1 ul {}


/* --------------- */
/* special classes */
/* --------------- */

.footnotes div {
	width: 5em;
	border-top: 1px solid black;
}

/* reduced size */
div.codearea pre { 
	margin: 0;
	border: none;
	padding: 0.9em;
}

ul#navibar li.current { 
    border: none;
    text-align: right;
    background-color: #b8c3d9; /* XXX MPG teaser box*/
    }

/* --------- Page Trail ----------- */
#pagelocation {
    font-size: 7pt;
    float: right;
    margin: -10px 0px 0px 0px;
    letter-spacing: 0.075em;
    color: gray;
    }


/* --------- auto-backlinks to parent ----------- */
#pagelocation_autobacklink {
    font-size: 7pt;
    float: left;
    margin: -10px 0px 0px -22px;
    letter-spacing: 0.075em;
    color: gray;
    }

#pagelocation_autobacklink a.backlink { 
    display: none;
    }


#editor-textarea, #editor-comment { width: 95%; }

p.info {
	margin-top: 80px;
	clear: both;
	font-size: 8pt;
	font-style: italic;
}

.searchresult dd span { font-weight: bold; }

/*  Rick:  hide the location line while in edit mode: */
#locationline { display: none; }



/* Disabled link for Immutible pages (aka 'locked' pages) and disabled ActionsMenu items  */
.disabled { color: #595959; }


.comment { color: #555; background-color: #EEE; }

/* draufer: improve sidebar */
div.ist_sidebar li {list-style-type: disc; list-style-position: inside; text-align: left;}
div.ist_sidebar div#SideBar-1\.sidebar > p {display:None}