/*

//
// Copyright (C) Julian I. Kamil <julian.kamil@gmail.com>
// No warranty is provided.  Use at your own risk.
//
// Commercial support is available through ESV Media Group
// who can be reached at: http://www.ESV-i.com/.
//
// Name: simple.css
// Author: Julian I. Kamil <julian.kamil@gmail.com>
// Created: 2005-05-18
// Description:
//     This is a simple skin for PmWiki. Please see:
//         http://www.madhckr.com/project/PmWiki/SimpleSkin
//     for a live example and doumentation.
//
// $Id: simple.css,v 1.3 2005/09/14 15:14:27 julian Exp $
//
// History:
//     2005-05-18  jik  Created.
//     2005-08-16  jik  Simplified and cleaned up.
//

*/

body {
    margin: 0px; padding: 0px; 
    background-color: #fff; color: #666;
    font: 10pt Verdana;
    line-height: 20px;
}

table { border-collapse: collapse; margin: 12px auto; }
table tr td { border: 1px solid #ddd; padding: 4px 6px; vertical-align: top; }
form { margin: 0px; padding: 0px; }
hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; }
p { margin: 0px; padding: 0px; }

ul { margin: 0px 24px; padding: 0px; list-style: disc outside; }
ul ul { margin-top: 0px; padding-top: 0px; list-style: circle outside; }
ul ul ul { margin-top: 0px; padding-top: 0px; list-style: square outside; }

a { text-decoration:none; color: #00f; }
a:visited { text-decoration:none; color: #00f; }
a:hover { text-decoration:underline; color: #00f; }
a:active { color: #00f; }

.vspace { margin: 4px; }
p.vspace { padding: 3px; }
.content-mat { padding: 14px 15px 10px 30px; margin: auto; background: none; }
.clearer{ clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.borderless-table tr td { border: none }

#header { width: 770px; height: 90px; margin: 10px auto 0px auto; text-align: left; }
#header #page-title { color: #ddd; font: 18pt Arial; font-weight: bold; padding: 20px 8px 8px 30px; }
#header #page-subtitle { color: #aaa; font: 12pt Arial; font-weight: bold; padding: 0px 8px 8px 30px; }
#header a { color: #ddd; }

#main { 
    width: 770px; margin: 0px auto; 
    background: url(image/Box-Middle.jpg) repeat-y top center; 
    border-bottom: 1px solid transparent; 
}

#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }

#content { float: left; width: 712px;  text-align: left; border: 1px solid #00f; }

#footer {
    background: url(image/Box-Bottom.jpg) no-repeat top center; 
    width: 770px; height: 40px;
    border: 1px none #ccc; 
    margin: 0px auto; padding: 0px 0px 8px 0px;
}

#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #ddd; font-size: 8pt; }

#menubar {
    margin: 0px 11px 0px 11px;
    padding: 3px 18px 3px 21px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #e8e8e8;
    text-align: left;
    font-size: 10px; font-weight: bold;
}

#menubar ul { margin: 0px; padding: 0px; }
#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 8px; }
#menubar a { color: #666; }

#popupmenu a { color: #aaa; }
#popupmenu a:hover { color: #fff; }
#popupmenu li:hover { background: #444; color: #eec; }
#popupmenu li:hover ul { display: block; margin-top: 10px; background: #444; }
#popupmenu ul { padding: 0px; margin: 0px; list-style: none; }
#popupmenu ul li { padding-left: 6px; margin: 0px; float: left; position: relative; border: 1px none #f00; }

#popupmenu li ul {
    display: none;
    position: absolute;
    top: 1em;
    left: -86px;
    width: 180px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding-top: 2px;
    padding-bottom: 6px;
}

#popupmenu li ul li {
    display: block;
    clear: both;
    padding: 0px;
    margin: 0px;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
    color: #aaa;
}

#popupmenu li ul li:hover { color: #aaa; }

#text { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }