body {
    background:url('/img/bg2.png') repeat center #51555f;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

DIV#header, DIV#content {
    margin:auto;
    width:80%;
    min-width:800px;
    max-width:1100px;
}

DIV#header {
    background:#7bb823;
    padding:0 10px 0 10px;
    margin-top:20px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    -khtml-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    -khtml-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
}

DIV#header H1, DIV#header H4 {
    color:white;
    text-align:left;
    padding:10px 0 0 15px;
    float:left;
    font-size:32px;
    margin:0 0 20px 0;
}

DIV#header H1 A, DIV#header H4 A {
    color:white;
    text-decoration:none;
}

DIV#header H1 A:hover, DIV#header H4 A:hover {
    color:#bde947;
}

UL#menu {
    margin:0;
    padding:0 0 0 22px;
    clear:both;
}

UL#menu LI {
    float:left;
    list-style:none;
    margin-right:8px;

}

UL#menu LI A {
    color:white;
    text-decoration:none;
    display:block;
    padding:5px 11px 5px 11px;
    outline: none;
}

UL#menu LI A:hover, UL#menu A.current {
    background:#FFF;
    color:#2f4413;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -khtml-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -khtml-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

UL#menu A.current {
    color:#77A13D;
}

DIV#content {
    padding:15px 10px 10px 10px;
    background:white;
    text-align:left;
}

P#footer {
    font-size:11px;
    margin-top:15px;
}

P#footer, P#footer A {
    color:#DDD;
}

P#footer A {
    text-decoration:none;
}

P#footer A:hover {
    text-decoration:underline;
}

DIV.gullible {
    clear:both;
    border-bottom:1px #DDD solid;
    padding:5px 0 5px 0;
    zoom: 1;
}

DIV.gullible DIV.view-area {
    width:30%;
    float:left;
}

DIV.gullible DIV.code-area {
    width:30%;
    float:right;
    font-size:11px;
}

DIV.gullible DIV.code-area TEXTAREA {
    width:100%;
}

.clear {
    clear:both;
    margin:0;
    padding:0;
}