body {
    margin:0;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical;
}

/*
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { 
    font-size: inherit; }
    */

input[type='text'], input[type='password'] {
    width: 300px;
}

#page { margin: 0 auto; width: 950px; margin-top:0; }

#header {
    color: #fff;
    margin-bottom:1.6em;
}
#header ul.topmenu { list-style-type:none; display:block; margin-top:1.5em; float:right;}
#header ul.topmenu li { display:inline; float:left; margin-right:1.5em; margin-left:0}

#introduction { float: right; width: 480px; margin-right: 130px; }

#resources { float: left; width: 300px; }
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888; }
#resources ul a { color: #555; }

a#logo {
    display:block;
    width:200px;
    margin:0; padding:0;
}

#header a {
    color:#fff;
}

#header a:hover {
    color:#f00;
}

/* Top part (index page)
-------------------------------------------------------------- */
#bodytop {
    text-align:center;
    border-bottom:1px solid #555;
}

#bodytop_restrained {
    padding:0;
    margin-bottom:1em;
}
.searchzone {
    padding:0;
}
.searchzone #searchTerm { 
    width:400px; 
}
.searchzone #submit {
    width:60px;
}

/* Footer
-------------------------------------------------------------- */
#footer { 
    border-top: 1px solid #eee; margin-top: 1.2em; 

    padding-top:1.2em;
    padding-bottom:1.2em;
    text-align: center;
}

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }

textarea {
    height:100px;
}

#categoryForm {
    float:right;    
}

#categoryForm,
#categoryForm dl,
#categoryForm dd, 
#categoryForm dt {
    display:inline;
    margin:0;
}

textarea#rawContent,
textarea.codepress.generic {
    font-size: 12px;
    display:block;
    height:auto;
    font-family: monospace;
    padding:1px 0;
    padding-right:1px;
    border:1px solid #000;
    line-height:16px;
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical;
}

.stronglinks a {
    font-weight:bold
}

.tutTerm {
    font-size:inherit;
}
.tutTerm a {
    padding:0;
}

.tutTerm a:hover {
    background-color:#eee;
}

.tutDef span.small
{
    margin-bottom:.5em;
    line-height:1em;
    color: #999;
}

.tutDef {
    margin-left:0;
    padding:0 .25em;
    background-color:#eee;
}

#go_homepage {
    background-color:#ae0a0a;
    display:block;
    margin-bottom:0;
}

/* Override heading styles -- make them smaller */

/*
h2 {
    line-height:1.6em;
}
    */

a.activeElement {
    color:#fff!important;
    background-color: #f00;
    padding:0 .25em;
    text-decoration:none!important;
}

a.activeElement:hover {
    color:#fff;
    background-color: #000;
}

div#tutorialView {
    margin-bottom:1em;
}

div#mainDocument {
    width:450px;
    border-bottom:1px dotted #000;
    margin-bottom:1.5em;
}

.ui-tabs-panel {
    font-family:inherit!important;
}

div#previewDocument, div.codepaxPreview {
    width:450px;
    padding-right:2em;
    border:1px dotted #000;
    padding-left:.25em;

    /*
    overflow:auto;
    overflow-x:hidden;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical;
    */

    background-color:#f9f9f9;
}
div#previewDocument {
    padding-left:.75em;
    display:none;
    position:absolute;
    z-index:100;
}

div.codepaxPreview {
    overflow:scroll;
    overflow-x:hidden;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical;
}

div#previewDocument .previewLinkOpen {
    white-space:nowrap;
}

a[rel='seealso'] {
    padding:0 .25em;
}
a[rel='seealso']:after {
    content:' →'
}

a:link { color: #f00; font-weight:bold }
a:visited { color: #e32; font-weight:normal }
a:hover { color: #000; }
a:active, a:focus { color: #000; }

a.button:link { font-weight:normal }

p.description {
    color:#666;
    font-size:.8em;margin-bottom:1.875em;line-height:1.875em;
}

ul.errors {
    margin-bottom:0;
    margin-left:.25em;
    color: #f00;
    font-weight:bold;
}

#commentForm {
   /* display:none; */
}
dl.discussions {
    /* display:none; */
    width:450px;
    background-color: #f6f6f6
}
dl.discussions dt {
    background-color: #666;
    color:#fff;
    padding:0;
    padding:.25em .25em;
    margin:0;
}
dl.discussions dt a:link, 
dl.discussions dt a:visited {
    color: #f99;
}
dl.discussions p.reply {
    margin-bottom:0;
}
dl.discussions div {
    padding-bottom:.5em;
}
dl.discussions p.reply img {
    vertical-align: middle;
    cursor:pointer;
}
dl.discussions span.date {
    float:right;
    font-weight:normal;
    color:#ccc;
}

dl.discussions dd {
    margin-left:.5em;
}

.commentHead {
    font-size:80%;
    border-top:0;
    margin:0;
    margin-top:0;
    padding-top:0;
}

.commentHead .date {
    color: #ccc;
}

ul.comments {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    margin-bottom:0;
}
ul.comments li {
    margin:0;
    padding:0;
    list-style-type:none;
    margin-bottom:.3em;
}

ul.comments li pre {
    margin-bottom:0;
    padding-left:0;
    padding-top:0;
    border-left:0;
    border-right:0;
    border-top:0;
}

ul.comments span.date {
    float:none;
    font-weight:normal;
}

#closeTutorialLink {
    display:block;
    position:absolute;
    top:.75em;
    right:.75em;
    width:16px;
    height:16px;
    overflow:hidden;
    background-image:url("../images/icons/close.png");
    padding:0;
}

dl.zend_form dt {
    margin:0; padding:0;
}
dl.zend_form dd {
    margin:0; padding:0;
    margin-bottom:.5em;
}
dl.zend_form p {
    margin:0; padding:0;
    margin-bottom:.5em;
}
dl.zend_form #submit-label {
    display:none;
}

#commentForm #name-label,
#commentForm #email-label,
#commentForm #website-label 
{
    width:125px;
    position:absolute;
}
#commentForm #name-element,
#commentForm #email-element,
#commentForm #website-element {
    margin-left:136px;
}

div.dialogWindow {
    position: absolute;
    top:50%;
    left:50%;
    border:2px solid #000;
    border-right-width:5px;
    border-bottom-width:5px;
    background-color:#fff;
    padding:10px;
    width:480px;
    height:280px;
    margin-top:-150px;
    margin-left:-250px;
}

.dialogWindow .cancelButton {
    position:absolute;
    bottom:10px;
    right:10px;
}
.dialogWindow .confirmButton {
    position:absolute;
    bottom:10px;
    right:80px;
}

.outsidelink {
    width:430px;
    background-color:#ff9;
    padding:10px;
}

div.notification {
    border-bottom:1px solid #ccc;
    padding-top:.5em;
    padding-bottom:.5em;
}

p#watch-element {
    float:left;
}

form#settingsForm #password-element {
    border-bottom:1px solid #CCC;
    padding-bottom:1em;
    margin-bottom:1.5em;
}