html, body
{
    background-color: #1C1C20;
    color: #FFF;
    font-family: Verdana,"Bitstream Vera Sans",Helvetica, sans-serif;
    line-height:1.8em;
    font-size: 75%;  /* For IE */
}

html>body 
{
    font-size: 11px; /* For other browsers */
}

/*
    Formula: basic unit / wanted size px = line-height in em
    BASIC UNIT 18px
*/

#custom-doc 
{ 
    width:42.62em;
    *width:65.42em;
    min-width:590px; 
    margin:auto; 
    text-align:left; 
}

#main-content
{
    width: 64%;
    margin-right: 2em;
}

/* CORE STYLES */
h1
{
    color: #78BA91;
    font-weight:normal;
    font-size: 14px;
    line-height: 1.286em;
    margin-bottom: 1.286em;
    letter-spacing: 1px;
}

h2, h3
{
    font-size: 11px;
    line-height: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #A87AAD;    
}

h3
{
    color: #FFF;
    text-transform: uppercase;
}

h1 a
{
    border: none;
    color: #78BA91;
}

p, ul, ol
{
    font-size:1em;
    margin-bottom: 1.5em;
}

ol li
{
    list-style-type:decimal;
}

a
{
    text-decoration: none;
    border-bottom: 1px solid #AA6867;
    color: #A2A1A3;
    padding-bottom: 2px;
}

a.noborder
{
    border: none;
}

a:hover
{
/*    border-bottom: 1px solid #AA6867;*/
    color: #AA6867;
}

table
{
    margin-bottom: 1.5em;
}

em
{
    font-style: italic;
}

strong
{
    font-weight: bold;
}

ul li
{
    background: url( images/bullet.gif ) no-repeat scroll 2px 6px;
    padding-left: 26px;
}

blockquote
{
    margin: 0;
    padding: 0;
}

label
{
    display: block;
    margin-right: 2em;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

th
{
    color: #A2A1A3;
    font-style: italic;
    padding-bottom: 0.5em;
}

code
{
    color: #FFF;
    font-size: 104.55%;
    color: #FFF;
}

textarea
{
    width: 100%;
    border: 1px solid #4E4E50;
}

input, textarea
{
    font-size: 1em;
    padding: 0.3em;
    margin-right: 0.5em;
}

input.text
{
    width: 80%;
    border: 1px solid #4E4E50;
}

input.text:focus, textarea:focus
{
    background-color: #EEEEEE;
}


/* BASIC STYLES */
.arrow
{
    font-size: 1.2em;
    position: relative;
    top: 1px;
    padding-left: 0.1em;
}

.input_required
{
    color: #AA6867;
}

blockquote p
{
    margin-left: 1.75em;
    padding-left: 1em;
    border-left: 1px solid #4E4E50;
    font-style: italic;
}

.note
{
    font-size: 90%;
    color: #6A6A6B;
}

label .note
{
    margin-left: 1em;
}

.updated
{
    font-size: 0.70em;
    color: #A2A1A3;
    text-transform: uppercase;
}

.meta
{
    font-size: 8px;
    color: #A2A1A3;
    text-transform: uppercase;
    float: right;
    padding-top: 0.2em;
    margin-bottom: 0.25em;
    letter-spacing: 1px;
}

.meta a
{
    color: #A2A1A3;
    border: none;
}

.meta a:hover
{
    color: #FFF;
    border: none;
}

span.amp
{
    font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
    font-style: italic;
    font-size: 1.3em;
}

p img
{
    background-color:#000000;
    border:1px solid #4E4E50;
    padding:17.3px;
}

.submit
{
    margin-top: 2em;
}

/* TOP MENU STYLES */
div#hd
{
    margin-top: 6em;
    margin-bottom: 6em;
}

div#hd h1
{
    color: #C17878;
    margin-top: 0.3em;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 2.55em;
    margin-left: 10.55em;
    margin-left: 9em;
}

div#hd h1 a
{
    border: none;
    color: #C17878;
}

div#hd h1 a:hover
{
    color: #FFF;
}

div#hd p
{
    padding-bottom: 0;
}

div#menu
{
    text-align: right;
}

div#menu h2
{
    margin-top: 4em;
    margin-bottom: 0;
}

div#menu ul
{
    margin: 0;
    padding: 0em 0px 0.5em 0px;
    margin-bottom: 1.4em;
}

div#menu li
{
    padding-left: 0px;
    position: relative;
    background: none;
    text-transform: uppercase;
    line-height: 2em;
}

div#menu ul li a
{
    border: none;
    font-size: 11px;
}

div#menu ul li a.selected
{
    color: #FFF;
}

div#menu ul li a:hover
{
    color: #FFF;
}


.twitter
{
    margin-top: 4.3em;
    margin-bottom: 0em;
}

.twitter .tweet
{
    font-style: italic;
    margin-left: 1em;
    color: #A2A1A3;
}

.twitter a
{
    color: #FFF;
    border: none;
}

.twitter a:hover
{
    color: #AA6867;
}


/* PAGINATOR */
#paginator
{
    color: #6A6A6B;
}

#paginator p
{
    margin: 0;
    padding: 0;
}

#paginator .text
{
    padding: 0em 2em;
    color: #A2A1A3;
}

#paginator a
{
    color: #FFF;
    border: none;
    padding: 0.1em 0.5em;
}

#paginator a:hover
{
    border: none;
    background-color: #AA6867;
}

/* FOOTER */
div#ft
{
    margin-top: 4em;
    margin-bottom: 4em;
    text-align: center;
}

div#ft h2
{
    font-size: 90%;
}

div#ft p, div#ft ul
{
    font-size: 90%;  
}

div#ft div#contact
{
    text-align: left;
}

div#ft div#about
{
    text-align: right;
}

div#ft div.created_by
{
    padding-top: 0.3em;
    margin-top: 6em;
    border-top: 1px solid #4E4E50; 
}

div#ft .yui-g .yui-u
{
    width: 44.1%;
}

/* BLOG STYLES */
h1.blog-list
{
    font-size: 1em;
    color: #F6E684;
    margin-bottom: 1em;
    letter-spacing: 0;
}

h1.blog-list a
{
    color: #F6E684;
}

h1.blog-list a:hover
{
    color: #C17878;
    border: none;
}

div.blog-post, div.app
{
    margin-bottom: 4.858em;
}

h1.title
{
    margin-top: 0em;
    margin-bottom: 0.930em; 
}

div#blog h2.comment
{
    color: #F6E684;
    border-bottom: 1px dashed;
    padding-bottom: 0.2em;
    margin-top: 4em;
    margin-bottom: 2em;
}

div.comment_list li
{
    list-style-position: inside;
}

div#blog div.comment_odd, div#blog div.comment_even, div.comment-preview
{
    padding: 1px 1em;
}

div#blog div.comment_odd h3, div#blog div.comment_even h3, div.comment-preview h3
{
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

div#blog div.comment_even, div.comment-preview
{
    background-color: #25262A;
}

div#blog div.comment_odd h3 a, div#blog div.comment_even h3 a, div.comment-preview h3 a
{
    border-bottom: 1px dashed #AA6867;
    color: #FFF;
}

div#blog div.comment_odd h3:hover a, div#blog div.comment_even h3 a:hover, div.comment-preview h3 a:hover
{
    color: #AA6867;
}

div#blog input.button
{
    padding: 2px 4px 2px 4px;
}


/*  MYCNF */
ul.yui-nav
{
    margin-top: 2.286em;
    border-bottom: 1px solid #4E4E50;
    padding-bottom: 0.3em;
    margin-bottom: 0em;
    padding-left: 0;
}

ul.yui-nav li
{
    padding-right: 2em;
    display: inline;
    background: none;
    padding-left: 0;
}

ul.yui-nav li a, ul.yui-nav li.selected a:hover
{
    border: none;
}

ul.yui-nav li a:hover
{
    border-bottom: 1px solid #AA6867;
    color: #AA6867;
}

ul.yui-nav li.selected a
{
    color: #4A8B57;
}

div.input textarea
{
    width: 100%;
}

input#id_file 
{
    color:#4A8B57;
}

#result
{
    margin-top: 2.286em;
    position: relative;
}

.memory
{
    position: absolute;
    right: 1.5em;
}

.myerrors
{
    color: #AA6867;
    margin: 0px 0px 1em 0px;
}

#result ul
{
    margin-top: 1.5em;
    padding-left: 0;
    list-style-type: none;
}

#result ul li
{
    line-height: 24px;
    padding: 0em 1.5em;
    position: relative;
    border-top: 1px solid #252629;
    font-size: 90%;
    list-style-type: none;
    background: none;
}

#result ul li a
{
    color: #FFF;
    border-bottom: none;
}

#result ul li a:hover
{
    color:#AA6867;
}

#result ul li:hover
{
    background-color: #181818;
}

#result ul li.total
{
    border-bottom: 1px solid #252629;
}

#result ul li.total:hover
{
    cursor: default;
    background-color: transparent;
}

#result ul li.header
{
    padding: 0em 0.5em;
    background: #252629;
    line-height: 24px;
    color: #F6E684;
    border: none;
    font-size: 100%;
}

#result ul li.header:hover
{
    cursor: default;
}

#result ul li span.value
{
    position: absolute;
    right: 1.5em;
}

/* SOFTWARE STYLES */
div.download
{
    margin-bottom: 2.8em;
    border: 1px dashed #4E4E50;
    margin-bottom:2em;
    margin-top:2em;
}

div.download img
{
    border: none;
    background-color: transparent;
    float: left;
    padding: 0.1em 1em 1em 0.45em;
}

div.download a:hover
{
    color: #fff;
    background-color: #2B2C31;
}

div.download a
{
    display: block;
    padding: 1em;
    border-bottom: none;
    margin:0;
}

div.download .name
{
    color: #fff;
}

div.download a:active
{
    background-color: #000;
}

.version
{
    font-size: 0.70em;   
}

.movie
{
    border: 1px solid rgb(78, 78, 80); 
/*    width: 513px; 
    height: 229px;
*/    margin-bottom: 1em;
    text-align: center;
    background-color: #000;
    padding: 17.3px;
}


/* =codehilite */
#bd div.codehilite pre {
    overflow: auto;
    color: #000;
    min-width: 400px;
    width: 39.32em;
}

#bd table td.linenos {
    color: #333;
    background-color: #efefef;
    border-right: 1px solid #999;
    margin:0px;
    vertical-align: top;
}

#bd table td.linenos pre, #bd table td.code pre {
    padding: 0.5em;
    font-size: 12px;
    line-height: 14px;
}

#bd table td.code {
    vertical-align: top;
}

#bd table td.code br
{
    display: none;
}

#bd table td.code div.codehilite br
{
    display: inline;
}

/* Micro Url */
#microurl h1
{
    color: #F6E684;
}

.created, .errors
{
    background-color: #000;
    padding: 1em;
    margin-bottom: 2em;
    border: 1px solid #78BA91;
}

.errors
{
    border: 1px solid #AA6867;
}

#microurl h2
{
    font-size: 1.2em;
    margin-top: 0;
    color: #78BA91;
    text-transform: none;
}

#microurl .errors h2
{
    color: #AA6867;
}

.created p, .errors p
{
    color: #FFF;
    margin: 0;
}

.url_toolbar
{
    font-size: 0.85em;
    padding-top: 2em;
    text-align: right;
}

.url_toolbar a
{
    border: none;
}

.valid
{
    color: #78BA91;
}

.invalid
{
    color: #AA6867;
}

div.codehilite { background: #ffffff; }
div.codehilite .c { color: #999988; font-style: italic } /* Comment */
/* div.codehilite .err { color: #a61717; background-color: #e3d2d2 } /* Error */
div.codehilite .k { font-weight: bold } /* Keyword */
div.codehilite .o { font-weight: bold } /* Operator */
div.codehilite .cm { color: #999988; font-style: italic } /* Comment.Multiline */
div.codehilite .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
div.codehilite .c1 { color: #999988; font-style: italic } /* Comment.Single */
div.codehilite .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
div.codehilite .ge { font-style: italic } /* Generic.Emph */
div.codehilite .gr { color: #aa0000 } /* Generic.Error */
div.codehilite .gh { color: #999999 } /* Generic.Heading */
div.codehilite .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
div.codehilite .go { color: #888888 } /* Generic.Output */
div.codehilite .gp { color: #555555 } /* Generic.Prompt */
div.codehilite .gs { font-weight: bold } /* Generic.Strong */
div.codehilite .gu { color: #aaaaaa } /* Generic.Subheading */
div.codehilite .gt { color: #aa0000 } /* Generic.Traceback */
div.codehilite .kc { font-weight: bold } /* Keyword.Constant */
div.codehilite .kd { font-weight: bold } /* Keyword.Declaration */
div.codehilite .kp { font-weight: bold } /* Keyword.Pseudo */
div.codehilite .kr { font-weight: bold } /* Keyword.Reserved */
div.codehilite .kt { color: #445588; font-weight: bold } /* Keyword.Type */
div.codehilite .m { color: #009999 } /* Literal.Number */
div.codehilite .s { color: #bb8844 } /* Literal.String */
div.codehilite .na { color: #008080 } /* Name.Attribute */
div.codehilite .nb { color: #999999 } /* Name.Builtin */
div.codehilite .nc { color: #445588; font-weight: bold } /* Name.Class */
div.codehilite .no { color: #ff99ff } /* Name.Constant */
div.codehilite .ni { color: #800080 } /* Name.Entity */
div.codehilite .ne { color: #990000; font-weight: bold } /* Name.Exception */
div.codehilite .nf { color: #990000; font-weight: bold } /* Name.Function */
div.codehilite .nn { color: #555555 } /* Name.Namespace */
div.codehilite .nt { color: #000080 } /* Name.Tag */
div.codehilite .nv { color: #6A9965 } /* Name.Variable */
div.codehilite .ow { font-weight: bold } /* Operator.Word */
div.codehilite .mf { color: #009999 } /* Literal.Number.Float */
div.codehilite .mh { color: #009999 } /* Literal.Number.Hex */
div.codehilite .mi { color: #009999 } /* Literal.Number.Integer */
div.codehilite .mo { color: #009999 } /* Literal.Number.Oct */
div.codehilite .sb { color: #bb8844 } /* Literal.String.Backtick */
div.codehilite .sc { color: #bb8844 } /* Literal.String.Char */
div.codehilite .sd { color: #bb8844 } /* Literal.String.Doc */
div.codehilite .s2 { color: #bb8844 } /* Literal.String.Double */
div.codehilite .se { color: #bb8844 } /* Literal.String.Escape */
div.codehilite .sh { color: #bb8844 } /* Literal.String.Heredoc */
div.codehilite .si { color: #bb8844 } /* Literal.String.Interpol */
div.codehilite .sx { color: #bb8844 } /* Literal.String.Other */
div.codehilite .sr { color: #808000 } /* Literal.String.Regex */
div.codehilite .s1 { color: #bb8844 } /* Literal.String.Single */
div.codehilite .ss { color: #bb8844 } /* Literal.String.Symbol */
div.codehilite .bp { color: #999999 } /* Name.Builtin.Pseudo */
div.codehilite .vc { color: #ff99ff } /* Name.Variable.Class */
div.codehilite .vg { color: #ff99ff } /* Name.Variable.Global */
div.codehilite .vi { color: #ff99ff } /* Name.Variable.Instance */
div.codehilite .il { color: #009999 } /* Literal.Number.Integer.Long */