/* 
 * File: css/main.css
 * Purpose: style of 'main' container boxes (should rename to 'section')
 *
 * */

div.sectionbg {
    width: 750px;
    margin: 0em auto 0em auto;
}

div.section {
    margin: 1em 0;
}

div.sectiontopbg {
    height: 20px;
    background: url('../images/mainbg.png-top.png') no-repeat top center;
}

div.contentbg {
    background: url('../images/mainbg.png-content.png') repeat-y center;
    border: 1px solid transparent; /* yes, this looks retarded... */
}

div.sectionbottombg {
    height: 20px;
    background: url('../images/mainbg.png-bottom.png') no-repeat bottom center;
}

div.content {
    width: 700px;
    margin: 0em auto 0em auto;
}

div.content a {
    color: blue;
}
div.content a:hover {
    color: green;
}

div.content h1 {
    font-size: 150%;
    margin-top: 0;
}
div.content h1 a {
    text-decoration: none;
}

div.content h2 {
    font-size: 120%;
    border-bottom: 1px dashed #88a;
}

div.content h3 {
    font-size: 100%;
}

div.content code {
    color: #468;
    font-family: monospace;
}

div.content pre {
    background-color: #ddf;
    border: 1px dashed #aaa;
    padding: 1em;
    font-size: smaller;
}

div.content li {
    margin-bottom: .2em;
}

div.content dl {
    margin-top: .5em;
}

div.content dt {
    margin-bottom: .2em;
    font-weight: bold;
}

div.content dd {
    margin-bottom: .5em;
}

div.content dl.fancy1 dt {
    background: url('../icons/bullet1.png') no-repeat left center;
    padding-left: 20px;
    text-decoration: none;
    font-weight: bold;
}

div.content dl.fancy1 dt a {
    background: none;
    padding-left: 0;
    font-weight: normal;
}

div.content table th {
    text-align: left;
    vertical-align: top;
}

div.content form input.button {
    font-weight: bold;
}

div.content form input:focus {
}

div.content th input {
    font-weight: bold;
}

div.content div.description {
    margin-bottom: 1em;
}

div.content p.pack {
    float: right;
    margin: 0 0 0 1em;
}

div.wsp-footer {
    font-size: smaller;
    text-align: center;
}

div.lang-selector-wrapper {
    padding: .5em;
    width: 650px;
    margin: auto;
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: right;
}
div.lang-selector {
    background-color: white;
    border: 1px solid #88c;
    display: inline;
    padding: .5em;
    font-size: smaller;
}
div.lang-selector img {
    padding: 2px;
}

/* eof */