.addthis_button {
    position: absolute;
    left: 170px;
    top: 150px;
/*     width: 125px; */
    padding: 0;
    margin: 0;
}

#body_index .addthis_button {
    left: 160px;
    top: 125px;
}

* {
    margin: 0;
    padding: 0;
}

html {
    background: #fff url(/pics/tile.png);
    color: #29170D;
    font: .85em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
    background: url(/pics/top.png) repeat-x 0 -200px;
}
#body_index {
    background: url(/pics/top.png) repeat-x top;
}

#main {
    width: 1026px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: url(/pics/body.png);
}

h1 {
    height: 302px;
    overflow: hidden;
    text-indent: -10000px;
    background: url(/pics/head_sub.jpg);
}
#body_index h1 {
    height: 502px;
    background: url(/pics/head_index.jpg);
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    clear: both;
}
h1, h2, h3 {
    letter-spacing: -1px;
}

h4, h5 {
    padding-top: 20px;
    padding-bottom: 0;
}

h1 { font-size: 2.5em; }
h2 { font-size: 2em;   }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; font-weight: bold; }

blockquote {
    color: #79675D;
    padding: 0 2em;
    overflow: hidden;
    border: 1px solid #D7C7B7;
    border-left: 0;
    border-right: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    text-decoration: none!important;
    color: #29170D!important;
}

.input_text,
.input_password,
#quicknote_name,
#quicknote_email,
.input_submit,
#quicknote_submit,
textarea {
    background: #FDF4EA;
    border: 1px solid #dAd5cE;
    color: #5A554E;
}

.input_submit,
#quicknote_submit,
#zofcms_comments_submit {
    padding: 5px 1em;
    border-right-color: #8A857E;
    border-bottom-color: #8A857E;
}
.input_submit:hover,
#quicknote_submit:hover,
#zofcms_comments_submit:hover,
.input_submit:active,
#quicknote_submit:active,
#zofcms_comments_submit:active {
    background: #d5dCcB;
}

.input_text:focus,
#quicknote_name:focus,
#quicknote_email:focus,
.input_submit:focus,
#quicknote_submit:focus,
textarea:focus,
.input_password:focus {
    border-color: #506C00;
}

.quicknote_error,
.error {
    font-weight: bold;
    color: #f00;
}

textarea {
    vertical-align: top;
}

label {
    float: left;
    clear: both;
    width: 5em;
    text-align: right;
    padding-right: .5em;
}

.radio_label {
    float: none;
    clear: none;
    padding-right: 0;
    padding-left: .5em;
}

input {
    vertical-align: middle;
}

p, ol, ul, dl, pre, form, blockquote {
    margin: 10px 0;
    text-align: justify;
    line-height: 2;
}

a img {
    border: 0;
}



table, td, tr, th {
    border-collapse: collapse;
    border: 1px solid #D7C7B7;
    background: #F0F0F0;
}

fieldset {
    border: 1px solid #DDE5CE;
    padding: 10px;
}

td {
    text-align: left;
}

th, td {
    padding: 3px 10px;
}
table {
    margin: 15px 0 30px 1px;
    width: 690px;
}
caption { display: none; }

form li {
    list-style: none;
    overflow: hidden;
}

textarea {
    margin-top: 5px;
}

pre {
    clear: both;
    overflow: auto;
    width: 634px;
    padding: 10px 30px;
    border: 1px solid #D7C7B7;
    background: #F0F0F0;
    line-height: normal;
}

dt {
    float: left;
    clear: left;
    padding-right: .5em;
    color: #506C00;
}




#nav {
    margin-top: -74px;
    height: 44px;
    padding-bottom: 30px;
    overflow: hidden;
}

.comments_anti_spam {
    display: none;
}

#nav li,
#nav a {
    float: left;
    list-style: none;
}

#nav a {
    color: #d7c7b7;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    white-space: nowrap;
    padding: 0 25px;
}

#nav a:hover,
#nav a:active {
    background: #59473D;
    color: #fff;
}

#zcontent {
    width: 960px;
    padding: 0 33px;
}
#zcontent:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

#TOC_wrap {
    float: right;
    width: 226px;
    padding-left: 20px;
}

#TOC_wrap ul {
    margin: 0 0 15px;
}
#TOC_wrap ul li {
    list-style: none;
    background: url(/pics/bullet.gif) no-repeat left 1.133em;
    padding: 5px 0 5px 15px;
    border-bottom: 1px solid #D7C7B7;
    text-align: left;
}

#TOC_wrap ul ul {
    margin: 0 0 0 2em;
}

#TOC_wrap a,
#TOC_wrap a:link, #TOC_wrap a:visited, #TOC_wrap a:hover, #TOC_wrap a:active {
    color: #3F271D;
    text-decoration: none;
}

#TOC_wrap a:hover, #TOC_wrap a:active {
    color: #5F473D;
    text-decoration: underline;
}

.entry a, .entry a:link, .entry a:visited, .entry a:hover, .entry a:active,
.addthis_button a {
    color: #5F473D;
    text-decoration: underline;
}
.entry a:hover, .entry a:active {
    color: #3F271D;
    text-decoration: none;
}


h2,
.entry {
    float: left;
    width: 694px;
    padding: 0 20px 0 0;
}

h2, .entry {
    margin-bottom: 30px;
    overflow: hidden;
}

h2 {
    margin-bottom: 10px;
}

.entry ul {
    margin-left: 1em;
}

#admin_add_solution_form label,
#admin_add_tutorial_form label {
    width: 8em;
}


#footer {
    height: 61px;
    line-height: 48px;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    background: url(/pics/footer.png);
    margin: 0;
    color: #d7c7b7;
    font-size: 90%;
}


#footer a {
    color: #d7c7b7;
    text-decoration: underline;
}

#footer a:hover,
#footer a:active {
    background: #59473D;
    color: #fff;
}


#css_bug_limit_notice {
/*     float: left; */
    padding-right: .5em;
}

#css_bug_limit_form label {
    float: none;
    vertical-align: middle;
}
#css_bug_limit_form .input_submit {
    margin-top: .8ex;
    vertical-align: baseline;
}

.checkbox_label {
    float: none;
    padding-left: .5em;
}










#zofcms_plugin_login_logout {
    margin-left: 270px;
}

.demoElement1 { clear: left; background:  #ddd; color: #000; border: 3px solid #000; }
.demoElement2 { background: #dd0; color: #000; font-weight: bold; border: 3px solid #f00; clear: both;}
.demoElement3 { background: #dd0; color: #000; font-weight: bold; }
.demoElement4 { background: #fff; color: #000; padding: 2em; border: 2px solid #000; }
.demoElement5 { background: #65A5E1; color: #000; }
.demoElement6 { background: #dd0; color: #000; }


.h-decl { color: #336699; font-style: italic; }   /* doctype declaration  */
.h-pi   { color: #336699;                     }   /* process instruction  */
.h-com  { color: #225522; font-style: italic; }   /* comment              */
.h-ab   { color: #000000; font-weight: bold;  }   /* angles as tag delim. */
.h-tag  { color: #993399; font-weight: bold;  }   /* tag name             */
.h-attr { color: #000000; font-weight: bold;  }   /* attribute name       */
.h-attv { color: #333399;                     }   /* attribute value      */
.h-ent  { color: #cc3333;                     }   /* entity               */

.h-lno  { color: #aaaaaa; background: #f7f7f7;}   /* line numbers         */

    .css-code {
        font-family: monospace;
        color: #000;
/*        background: #fff;*/
    }
        .ch-sel, .ch-p, .ch-v, .ch-ps, .ch-at {
            font-weight: bold;
        }
        .ch-sel { color: #007; } /* Selectors */
        .ch-com {                /* Comments */
            font-style: italic;
            color: #777;
        }
        .ch-p {                  /* Properties */
            font-weight: bold;
            color: #000;
        }
        .ch-v {                  /* Values */
            font-weight: bold;
            color: #660;
        }
        .ch-ps {                /* Pseudo-selectors and Pseudo-elements */
            font-weight: bold;
            color: #11F;
        }
        .ch-at {                /* At-rules */
            font-weight: bold;
            color: #955;
        }
        .ch-n {
            color: #888;
        }


ul.zofcms_comments li {
    list-style: none;
    border-bottom: 1px solid #3F3D39;
    margin-left: 0;
    padding-left: 0;
}

.zofcms_comments_date {
    font-style: italic;
    font-size: 80%;
}


/* CSS CENTERING TUT SYNTAX HIGHLIGHTS */

.htmlComment, .cssComment { color: #808080 }
.doctype { color: #191970; }
.condcom { color: #556B2F; }
.condcomCondition { color: #556B2F; font-weight: bold; }
.htmlElement, .cssSelector { font-weight: bold; color: #000;}
.htmlAttribute, .cssProperty {  color: #008000; }
.htmlValue, .cssValue {  color: #0D0DFF; }

.entry .example1, .entry .example2
{
        background: #F5F5F5;
        color: #000;
        border: 1px solid #000;
        padding: 0;
}
.entry .example1 {margin: 2px 0 1em; }
.entry .example2 { background: #A5A5A5; margin: 0;}
.ie_layout_inline { display: inline-block; }
.ie_layout_inline { display: inline; }