/*  screen.css - Crunchy theme for MoinMoin Style
 *  Copyright: 2008 Florian Birée
 *  
 *  Based on the MoinMoin - modern theme
 *  Copyright (c) 2001, 2002, 2003 by Juergen Hermann
 *  and on the python.org theme
 *  License: GNU GPL, see LICENSE for details.
 */

/* debug 
div, ul {border: 1px dotted blue; }
*/

/****************
*  content styles
*****************/

html, body {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    font-size: 103%;
    background-color: #FFF;
}

a.nonexistent, a.badinterwiki {color: #404040;}

/*input {
    font-size: 1em;
    font-family: Arial, Lucida Grande, sans-serif;
}
textarea {
    font-size: 1em;
    font-family: monospace;
}*/

pre {
    background-color: #FFF8ED;
}

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

/**********************
*  logical block styles
***********************/

/* Header styles
****************/
#header {
    border: 0;
    margin: 0;
    padding: 1px;
    z-index: 1;
    background-color:#F7F7F7;
    background-image: url(../img/header-bg2.png);
    background-repeat: repeat-x;
    border-bottom: 1px solid #999999;
    height:84px;
}

/* logo */
#logo {
    /*width: 88px;
    height:50px;*/
    margin-top: 10px;
    margin-left: 3%;
    float:left;
}

#logo img {
    vertical-align: middle;
}

#logo a {
    color: black;  
    text-decoration: none;
    white-space: nowrap;
}

/* Page title */
#pagelocation {
    margin-left:15em;
}
#pagelocation li{
    display:inline;
    list-style:none;
}
#pagelocation li a{
    font-size:1.5em;
    color: #234764;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
}

/* Search form */
#searchform{
    float:right;
    position:relative;
    top:-3em;
}

/* icon bar */
#iconbar {
    position:absolute;
    right:1em;
    margin-top:-1em;
}
#iconbar li {
    list-style:none;
    display:inline;
}

/* Page styles
****************/

#page, #message {
    clear: both;
    margin: 5px 0;
    margin-left: 17em;
    padding: 10px 20px;
    background-color: white;
    z-index: 0;
    font-size: 75%;
}

/* messages */
#message {
    border: 2px solid #c0c0c0;
    background-color: #E5E5E5;
}

#message .info{
    float:none;
    font-size:1em;
}

/* Page element */
#page a:link, p a:visited {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #cccccc;
    color: #0000aa;
    text-decoration: none;
}

#page h1, h2, h3, h4, h5 {
    font-family: Georgia,"Bitstream Vera Serif","New York",Palatino,serif;
    font-weight: normal;
    line-height: 1em;
    color: #234764;
    text-decoration: none;
    border:none;
}

/* We use here dumb css1 ids becuase of IE suckiness */
#editor-comment {width: 70%;}
#editor-textarea {width: 100%;}

/* Menu styles
****************/
#menu
{
    position: absolute;
    left: 3%;
    z-index: 1;
    top: 100px;
    padding:0;
    margin-bottom: 5px;
    width: 16em;
    font-size:75%;
}

#menu ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0; 
}

#menu li a {
    display: block;
    border: 1px solid #DADADA;
    padding: 2px 2px 2px 4px;
    margin: 0 0 4px 1em;
    width: 12em !important;
    width /**/: 13.4em;
    font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
    color: #4B5A6A;
    background-image: url(../img/nav-off-bg.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-color:#F5F5F5;
    /*text-transform: uppercase;
    * Removed because MoinMoin use a lot of CamelCase */
    font-size:80%;
    text-decoration:none;
}
#menu li a:hover{
    text-decoration:underline;
}

/* Second level menu */
#menu li h4 a
{
    color: #4c5b6b;
    text-decoration: none;
    font-weight: bold;
    background:none;
}
#menu h4 a:hover
{
    color: black;
    text-decoration: underline;
}

#menu li li
{
    padding-left: 16px;
    background-image: url(../img/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0pt 50%;
    font-family: Arial,Verdana,Geneva,"Bitstream Vera Sans",Helvetica,sans-serif;
    font-size: 77%;
}
#menu li li a {
    background:none;
    border:none;
    font-size:100%;
    margin-left:0;
}

/*****************/

#footer {
    clear: both;
    border: 2px solid #c0c0c0;
    background-color: #E5E5E5;
    margin: 5px 0;
    padding: 5px;
    font-size: 0.88em;
}

#footer p, #footer form {
    margin: 0.25em 0;
}

#credits, #version, #timings{
    margin: 5px 0;
    padding: 0;
    text-align: center;
    font-size: 0.82em;
    color: gray;
}

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

#credits img {
    vertical-align: middle;
}

/****************
*  other styles
*****************/

.diff {
    width:99%;
}

.diff-header {
    font-weight: bold;
}

.diff-title {
    background-color: #C0C0C0;
}

.diff-added {
    background-color: #E0FFE0;
    vertical-align: sub;
}

.diff-removed {
    background-color: #FFFFE0;
    vertical-align: sub;
}

.diff-added span {
    background-color: #80FF80;
}

.diff-removed span {
    background-color: #FFFF80;
}

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

#preview, #previewbelow {
    border: 1px solid gray;
    padding: .5em;
    background: url(../img/draft.png);
}