/* These control the fixed-width text elements of the page */
textarea, pre, code { font-size:0.9em; }
pre, code { font-family:'Lucida Console','Andale Mono','Courier New',Courier; }
pre { line-height:1.2em; }
pre code, code code, pre pre { font-size:100%;}

/* These are for the edit form. */
#wikiedit form { margin:10px 0px; width:100%; }
#wikiedit textarea { width:100%; font-size:12pt;}
.wikimessage { margin-top:4px; margin-bottom:4px; font-style:italic; }


/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body { width:auto; margin:0px; padding:0.5em; }
  #wikihead, #wikileft, #wikicmds, .footnav { display:none; }
  #wikifoot { padding:2px; }
}

/*
 * Default formatting
 */

html body {
    width: 100%;
    margin: 0px 0px;
}

body
{
    font: 62.5% Verdana, Arial, Helvetica, sans-serif;
    color: #333;
    background: #ebebeb;
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1
{
    color: #C25E03;
    font-size: 1.5em;
    font-weight: normal;
    text-decoration: none;
    padding: 0px;
    margin: 10px 0px 8px;
}

h2, h3, h4, h5, h6
{
    font-size: 1.4em;
    color: #502279;
    font-weight: normal;
    text-decoration: none;
    padding: 0px;
    margin: 10px 0px -5px;
}

h3, h4, h5, h6 {
    color: #502279;
}

h1, h2, h3, h4, h5, h6 { margin-top:1.0em; margin-bottom:0.6em; }
h1, h2, h3, h6 { font-weight:normal; }
h4, h5 { font-weight:bold; }
h1 code, h2 code, h3 code, h4 code { font-size:1em; }
h3 { font-size:1.22em; }
h4 { font-size:1.07em; }
h5 { font-size:1.0em; }
h6 { font-size:1.0em; }

a
{
    color: #502279;
    text-decoration: underline;
}

a:hover
{
    color: #666;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.content {
    font-size: 1.3em;
    line-height: 1.3em;
}

hr {
    height: 1px;
    border: 1px solid #ebebeb;
    padding: 0px;
}

/*
 * Layout and styling
 */

#wrapper {
    min-height: 600px;
    height: auto !important;
    height: 600px;
    margin: 0px auto;
    position: relative;
}

#header-wrapper {
    background: #fff url('asset/image/header-bg-1px.png') repeat-x left top;
    position: relative;
}
    
    #header {
        margin: 0px auto;
        width: 1000px;
        height: 109px;
        background: transparent url('asset/image/header-bg.jpg') no-repeat right top;
        position: relative;
    }

    #logo {
    }
    
    #search {
        position: absolute;
        right: 33px;
        width: 225px;
        top: 10px;
        color: #fff;
        font-size: 1.1em;
        padding-right: 40px;
    }
    
        #search a {
            display: block;
            float: left;
            line-height: 22px;
            margin: 0px 5px;
            color: #FFA913;
            text-decoration: none;
        }
        
        #search a:hover {
        }
    
        #search form, #search form input {
            padding: 0px;
            margin: 0px;
        }
        
        #search form .searchbox {
            padding: 2px;
            border: 1px solid #502279;
            color: #666;
            font: 1.2em Verdana, Arial, Helvetica, sans-serif;
            margin: 0px 0px 0px 4px;
        }
        
        #search form .searchbutton {
            vertical-align: middle;
            position: absolute;
            bottom: 0px;
            right: 0px;
        }
    
    #commands {
        position: absolute;
        right: 40px;
        bottom: 0px;
        padding: 0px 10px;
        height: 24px;
        background-color: #fff;
    }
    
        #commands ul, #commands ul li {
            list-style: none;
            padding: 0px;
            margin: 0px 0px;
            display: inline;
        }
        
        #commands ul li a {
            display: block;
            line-height: 24px;
            float: left;
            font-size: 1.1em;
            color: #666;
            padding: 0px 6px;
            margin: 0px 4px;
            text-decoration: none;
        }
        
        #commands ul li a:hover {
            color: #FFA913;
        }
    
    .commands-cap {
        position: absolute;
        top: 0px;
        left: -5px;
        width: 5px;
        height: 24px;
        background: transparent url('asset/image/tab-left.jpg') no-repeat left top;
    }
    
    #commands-cap-r {
        left: auto;
        right: -5px;
        background-image: url('asset/image/tab-right.jpg'); 
    }

#page-wrapper {
    background-color: #fff;
}

#page {
    width: 1000px;
    margin: 0px auto;
    padding: 10px 0px 25px;
    position: relative;
}

    #menu {
        float: left;
        width: 202px;
        margin-right: 10px;
        font-size: 1.2em;
    }
    
        #menu ul, #menu ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #menu ul {
            
        }
        
        #menu ul li {
            position: relative;
            border: 1px solid #fff;
        }
        
        #menu ul li a {
            display: block;
            font-weight: bold;
            line-height: 24px;
            height: 24px;
            background: transparent url('asset/image/menu-bg.png') no-repeat left top;
            color: #333;
            text-decoration: none;
            padding: 0px 0px 0px 5px;
            margin-top: 2px;
            
        }
        
        #menu ul li a:hover {
            color: #502279;
        }
        
        #menu ul li ul li {
            border: 1px solid #fff;
        }
        
        #menu ul li ul li a {
            color: #555;
            text-decoration: none;
            font-weight: normal;
            font-size: .9em;
            background: none;
            line-height: 18px;
            height: 18px;
            padding: 0px 0px 0px 5px;
        }
        
        #menu ul li ul li a:hover {
            color: #000;
            background-color: #efefef;
        }
        
        #menu ul li a.createlink {
            background: none;
            border: none;
            position: absolute;
            right: 0px;
            top: 0px;
            padding: 0px 2px;
            margin: 0px;
        }
        
        #menu ul li a.createlink:hover {
            
        }
        
        #menu ul li a.createlinktext {
            border: none;
        }

    #main {
        float: left;
        width: 700px;
        background: transparent url('asset/image/page-split.png') no-repeat left top;
        padding-left: 45px;
        min-height: 600px;
        height: auto !important;
        height: 600px;
    }

#footer-wrapper {
    background-color: #ccc;
}

#footer {
    width: 1000px;
    margin: 0px auto;
    font-size: 1.1em;
    color: #999;
}

#footer a {
    color: #666;
    text-decoration: none;
}

#footer a:hover {
    color: #000;
}

#pageinfo {
    width: 1000px;
    margin: 10px auto;
    font-size: 1em;
    color: #999;
    text-align: center;
}

/* Hax (don't look here) */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
/* END: Hax (don't look here) */