/* General */

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

img {
    border: none;
}

body {
    background: #fff url(../img/body-bg-1px.gif) top left repeat-x;
    color: #000;
    font: 13px/1.5 arial, helvetica, sans-serif;
}

a {
    color: #6ca8c4;
    background: #fff;
    text-decoration: none;
}

p {
    margin-bottom: 1em;
}

.offscreen {
    position: absolute;
    text-indent: -999em;
}

/* Header */

#header {
    margin-top: 5px;
    background: url(../img/cat_bg.jpg) top right no-repeat;
    padding-bottom: 5px;
}


/* Headings */

h1 {
    /* border-bottom:1px solid #c6c6c6; */
    padding-top:30px;
    margin-top: 27px;
}

h2 {
    margin:  0 10px 10px 0;
    font-size: 125%;
    font-weight: normal;
    color: #000;
    background: #fff;
    -moz-border-radius: 5px;
}

h2 a {
    background: transparent;
    color: #fff;
}

h3 {
    margin-bottom: .5em;
    margin-top: 1em;
    padding: .5em 1em;
    -moz-border-radius: 5px;
}

h4 {
    margin: 1em 0;
    font-size: 120%;
}

#errors h3,
#warnings h3,
h2#error,
h2#warning,
h2#issue {
    background: #c00;
    color: #fff;
}

h2#error,
h2#warning,
h2#issue {
    float: left;
    -moz-border-radius: 5px;
    padding: .2em .7em;
}

#warnings h3,
h2#warning {
    background: #ffa200;
}

#issues h3,
h2#issue {
    background: #ffa200;
    color: #fff;
}

h2 .number {
    font-size: 150%;
    font-weight: bold
}

h2.no-err {
    background: #7fba00;
    padding: .5em 1em;
    text-align: center;
    color: #fff;
}


/* Navigation */

#nav {
    overflow: hidden;
    _zoom: 1;
    margin-top: 2px;
}

#nav li {
    float: left;
    margin-right: 20px;
}

#nav li a {
    text-decoration: none;
    color: #fff;
    background: #242424;
}


#container,
textarea,
#link-box,
#credits {
    width: 970px;
}

#container,
#link-box,
#credits {
    margin: 0 auto;
}


#version {
    font-size: 10px;
}

/* Form */

textarea {
    border: 1px solid #d0d9dd;
    background: #f9fafb;
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px;
}

fieldset {
    padding: 1em;
    margin-bottom: 10px;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    margin:1em 0;
    padding:1em;
    position: relative;
}

legend {
    font-weight:bold;
}

fieldset div {
    margin-bottom: .3em;
}

.opt-col {
    float: left;
    width: 49%;
}

fieldset label {
    display: block;
}

fieldset input {
    margin-right: 10px;
}

input[type=submit],
input[type=button] {
    background: #3f6477;
    border: none;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 123%;
    font-weight: bold;
    padding: .3em 1em;
}

input[type=button] {
    font-size: 100%;
    margin-top: 1em;
}

input[type=reset] {
    border: none;
    text-decoration: underline;
    color: #8e8e8e;
    background: #fff;
}

label[for=code] {
    font-size: 123.1%;
}


/* Error/Warning Listings */

#errors li.alt,
#warnings li.alt,
#issues li.alt {
    /*background-color: #efefef;*/
    /*color: #000;*/
}

#errors li,
#warnings li,
#issues li {
    background: url(../img/error-sign.gif) 5px 10px no-repeat;
    padding: 5px 0 5px 30px;
    line-height: 2;
    margin-bottom:15px;
    border-bottom: 1px solid #ccc;
}

#errors li p,
#warnings li p ,
#issues li p {
    clear: left;
    line-height: 1.5;
}

#errors li div,
#warnings li div,
#issues li div {
    margin-bottom: .5em;
    overflow: hidden;
}

.column,
.line,
.msg {
    font-weight:bold;
}

#errors {
    margin-bottom:35px;
}

code {
    display:block;
    background:#efefef;
    overflow: auto;
    color: #000;
}

div.inline code {
    float: left;
}

.singlecodeline {
    display: inline;
}

div.inline span,
code {
    padding: 5px;
    line-height:1.5;
}

div.inline span {
    clear: left;
    display: block;
    padding-left: 0;
}


/* Footer */

#footer {
    background: #3f3f3f;
    overflow: hidden;
    _zoom: 1;
    color: #fff;
    margin-top: 2em;
    padding-bottom: 2em;
}

#footer a,
#credits a {
    background: transparent;
}

.col {
    float: left;
    margin-right: 30px;
    width: 300px;
    _display: inline;
    _zoom: 1;
}

#col3 {
    margin-right: 0;
}

#credits-container {
    background: #242424;
    color: #fff;
    padding: .7em 0;
}

/* Rules page */
.rules #header {
    height: 8em;
}

.rules code {
    margin-bottom: 1em;
}

.rules h2 {
    font-size: 170%;
    font-weight: bold;
}

.rules h3 {
    padding-left: 0;
    font-size: 140%;
    margin-top: 1.5em;
}

.rules h4 {
    margin-top: 1.5em;
}

.rules #toc h2 {
    font-size: 130%;
}

.rules #toc {
    padding-bottom: 1em;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 2em;
}