/* custom theme for YaWiki */

/* Additional information for browsers that don't @import
   Stylesheet is classed .noCSS
*/

.noCSS {
    display:none;
}

/* remove browser defaults for padding and margin */
* {
    padding:0;
    margin:0;
}

ul, ol {
    list-style-position:outside;
    margin-left:1.5em;
}

body {
    background: #fff;
}


body, p, li, td, th, h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Geneva, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 0.9em;
}

pre {
    font-weight: normal;
    color: black;
    font-size: 0.9em;
}

/* don't have multiplied font sizes for nested li */
li li, p li, p p, li p {
    font-size:inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom:0.5em;
}

h1, th {
    font-weight: bold;
}

h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.3em; }

body {padding:1.5%;}

#container {
    position:relative;
}

#pageHeader {
    position:relative;
    width:70%
}

#pageHeader h1 {
    margin:0px;
    font-family:inherit;
}

#pageHeader p {
    font-size:1em;
/*    font-weight: bold;*/
    font-style: italic;
    font-family:inherit;
    margin-top:0.2em;
}

#globalLinks {
    position:absolute;
    top:0.2em;
    right:0em;
}

#globalLinks ul li {
    display:inline;
    padding:0.5em;
    border-left:1px solid black;
}

#globalLinks ul li.first {
    border-left:none;
}

#searchTab {
    position:absolute;
    top:3em;
    right:0em;
}

#pageNav {
    position:relative;
    top:1em;
    width:100%;
    text-align:center;
}

#pageNav ul.menuLevel0 {
/* set the z-index to allow sub-objects have z-index
   this allows to control borderline-overlapping */    
    z-index:5;
    position:relative;
    list-style:none;
    white-space:nowrap;
    text-align:center;
    width:100%;
    height:100%;
    padding:0px;
    margin:0px;
}

#pageNav ul.menuLevel0 li {
    display:inline;
}

#pageNav ul.menuLevel0 a,
#pageNav ul.menuLevel0 span {
    position:relative;
    padding:0.5em 1.5em 0.6em;
    margin:0em 0.5em;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-left:1px solid #777;
    border-bottom:none;
}        

/* inactive tab goes behind the Level1, so it appears bottom borderlined */
#pageNav ul.menuLevel0 a {
    z-index:10;
    background:#aaa;
    border-bottom:1px solid #777;
}

/* active tab goes in front of Level1, so it hides bottom border and seems connected */
#pageNav ul.menuLevel0 span {
    z-index:20;
    background:#ddd;
    font-weight:bold;
}


#pageNav ul.menuLevel1 {
    z-index:15;
    position:absolute;
    list-style:none;
    text-align:center;
    top:1.8em;
    left:0px;
    min-width:100%;
    width:100%;
    background:#ddd;
    padding:0.5em 0px;
    margin:0px;
    border-top:1px solid #777;
    border-bottom:1px solid #777;
}

#pageNav ul.menuLevel1 a,
#pageNav ul.menuLevel1 span {
    background:#ddd;
    border:none;
    padding:0em 1.8em;
}

#pageNav ul.menuLevel1 li.onlyItem {
    visibility:hidden;
}

/* hide the empty Level1 line for Level0 item without subitem, if you like to */
/*
#pageNav ul.menuLevel1 ul.emptyMenu {
    display:none;
}
*/

/* Right position Level2 and higher */

#pageNav ul.menuLevel2 {
    white-space:normal;
    position:absolute;
    right:0px;
    top:3.7em;
    width:15%;
    list-style:none;
    margin-left:0em;
    text-align:center;
    border:1px dotted black;
    padding:0.5em 0em;
}

#pageNav ul.menuLevel2 li {
    display:block;
    margin:0.3em 0em;
    padding:0em;
    background:transparent;
}

#pageNav ul.menuLevel2 a,
#pageNav ul.menuLevel2 span
{
    background:transparent;
    padding:0em;
}

#pageNav ul.menuLevel2 li.menuParent{
    font-weight:bold;
}

#pageNav ul.menuLevel2 ul {
    position:relative;
    left:1em;
    text-align:left;
    list-style:none;
    margin:0px;
    padding:0px;
}

#pageNav ul.menuLevel2 li.onlyItem {
    display:none;
}

/* End of Navigation Division */

#sidebar {
    position:relative;
    float:left;
    padding-top:4.85em;
/* The following applies to IE, only */
/* See http://wellstyled.com/css-underscore-hack.html */
    _padding-top:4.5em;
    text-align:center;
    width:15%;
/* The following applies to IE, otherwise IE expands the width */
/* See http://wellstyled.com/css-underscore-hack.html */
    _overflow:hidden;
}

#authenticate, #areaList, #recentChanges {
    border:1px dotted black;
    margin-bottom:1em;
    padding:0.5em 0.5em;
/* The following applies to IE, otherwise IE expands the width */
/* See http://wellstyled.com/css-underscore-hack.html */
    _overflow:hidden;
}

#authenticate label {
    /*Show label on top of input */
    display:block;
}

#authenticate p, #authenticate input {
    margin-bottom:0.7em;
}

.signedInUser {
    font-weight:bold;
}

#areaAdmin, #wikiAdmin {
    border-top:2px solid gray;
    padding-top:1em;
    margin-bottom:1em;
}

#areaList h3, #areaAdmin h3, #wikiAdmin h3, #recentChanges h3 {
    font-size:1em;
    font-weight:bold;
}

#editLinks ul, #areaList ul, #areaAdmin ul, #wikiAdmin ul, #recentChanges ul {
    display:inline;
    list-style:none;
    margin-left:0em;
}

#areaList ul li, #areaAdmin ul li, #wikiAdmin ul li, #recentChanges ul li {
    display:block;
    margin-bottom:0.6em;
    list-style:none;
    margin-left:0em;
}


#mainOuter {
    z-index:0;
    position:relative;
    padding-top:5em;
    margin-left:18%;
    margin-right:18%;
}

#contentOuter {
}

#contentInner pre {
    font-size:1.2em;
}

/* Footer section */

#footer, #poweredByYawiki {
    position:relative;
    font-size:0.75em;
    margin:1em 18% 0.5em;
/*  Alternatively have the footer under the sidebar and expand it to window width */
/*
    clear:both;
    margin:1em 0% 0.5em;
*/
}

#footer {
    border:1px dotted;
    text-align:left;
/* This makes firefox adapt to the link-ul expanding to more than two rows,
   the floating pageInfo does not account to the height, so we need the min-height */
    min-height:3.8em;
/* The following applies to IE, only, which expands heights */
/* See http://wellstyled.com/css-underscore-hack.html */
    _height:3.8em;
}

#poweredByYawiki {
    text-align:center;
}


#pageInfo {
    position:relative;
    float:left;
    margin:0.4em 1%;
    font-style:italic;
}

#pageInfo span {
    display:block;
    margin-bottom:0.3em;
}

#pageInfo span.pageUser, #pageInfo span.pageDate {
    display:inline;
}

#pageLinks {
    position:relative;
    right:0em;
    margin:0.4em 0em;
    text-align:right;
}

#pageLinks ul {
    display:inline;
    padding:0em;
    margin:0em;
}

#pageLinks ul li {
    font-size:1em;
    padding:0px 0.5em;
    display:inline;
    border-left:1px solid black;
}

#pageLinks ul li.first {
    padding-left:0px;
    border-left:none;
}


/* Comments Section */
#comments {
    padding: 1em;
    border: 1px solid;
    margin-left:18%;
    margin-right:18%;
    margin-top:2em;
/* The following applies to IE, otherwise IE expands the width */
/* See http://wellstyled.com/css-underscore-hack.html */
    _overflow:hidden;
    _width:100%;
}

div.comment {
    border:1px dashed black;
    padding:0.5em;
    margin-bottom:0.5em;
    background-color: AliceBlue;
    /* Firefox does not expand width,
    but it writes out long lines across the border */
    overflow:hidden;
}

div.comment span.commentUser {
    font-weight:bold;
    display:block;
}

div.comment span.commentDate {
    font-weight:lighter;
    font-style:italic;
}

div.comment span.commentID {
    display:none;
}

div.comment blockquote {
    margin:0.5em 0px;
}

div.addComment h3 {
    font-size:1.2em;
    font-weight:bold;
    
}


/* The following applies to IE, only */
/* See http://wellstyled.com/css-underscore-hack.html */
div.addcomment form div {
    position:relative;
    _left:-4em;
}

div.addComment table {
    _width:110%;
}

div.addComment textarea {
    width:100%;
}

div.addComment p.hint {
    font-style:italic;
}

span.requiredNote {
    font-size:0.8em;
}
/*
div.embossed {
    margin-left:18%;
    margin-right:18%;
    padding:0em 0.5em;
    border: 1px solid black;
    background: #dddddd;
}

div.embossed h2 {
    font-size:1.2em;
    font-weight:bold;
    color:red;
}
*/

#edit {
    padding:1em;
    border:1px solid black;
    margin:0em 0.05em 2em;
    background: #f4f4f4;
}

.strong {
    font-weight:bold;
}

.warning {
    color:red;
}

.editBodyInput, .editTitleInput, .editNoteInput {
    width:95%;
    _width:100%;
}

/* diff and history */
.differences table, .history table {
    width:100%;
    _width:62%
}

.differences td, .history td {
    padding:0.4em 0em;
    _font-size:0.7em;
}

.differences td pre {
    border:1px dashed black;
    background:#eee;
}

/* area list */
table.admin {
    border: 2px solid #039;
    border-spacing: 0px;
    padding: 0px;
}

th.admin {
    padding: 4px;
    background: #039;
    color: white;
    font-weight: bold;
    vertical-align: bottom;
}

td.admin {
    border: 1px solid white;
    padding: 4px;
    background: #eee;
    vertical-align: top;
}


#contentInner table {
    border-collapse:collapse;
/*    margin:auto;*/
    margin-bottom:0.5em;
    margin-top:0.5em;
}
#contentInner td, th {
    border:0px;
    padding:0.5em;
    vertical-align:top;
    text-align:center;
    border-collapse:collapse;
    border:1px solid gray;
}