/* General settings for all pages */

body
{
    font-family: Verdana, Arial, sans-serif;
    line-height: 1.4em;
    color: #333;
}

a img
{
    border: none;
    background: transparent;
}

#smallTitle
{
    float: left;
    margin-right: 2em;
}

#header
{
    height: 40px;
    margin-bottom: 1em;
    border-bottom: #b568a4 solid 2px;
}

#navbar
{
    padding: 8px 10px 0 20px;
}

#navbar a
{
    color:#4E6600;
}

#navbar a:hover
{
    color:white;
    background:#4E6600
}

/* Styles for the home page */

#footer
{
    text-align: center;
    clear: left;
}

#mainScreenshot
{
    float: left;
    margin-right: 2em;
}

#mainContent ul
{
    list-style-type: none;
}

/* Styles for the screenshots page */

#screenshotContents
{
    width: 700px;
}

div.twoScreenshots
{
    width: 700px;
}

div.captionedImage
{
    width: 350px;
    float: left;
}

div.screenshot
{
    text-align: center;
    padding-right: 2em;
}

p.caption
{
    padding-left: 0;
    padding-right: 30px;
    width: 350px;
    font-size: 75%;
    line-height: 1.25em;
}

/* Styles for the controls page */

div.oneIllustration
{
    position: relative;
    width: 700px;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: #b568a4 solid 2px;
}

div.oneIllustration div.controlCaption
{
    position: absolute;
    top: 0px;
    left: 320px;
    font-size: 100%
}

div.twoIllustrations
{
    width: 700px;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: #b568a4 solid 2px;
}

div.twoIllustrations div.controlImage1
{
    display: inline;
    text-align: center;
    width: 320px;
    margin-right:60px;
}

div.twoIllustrations div.controlImage2
{
    display: inline;
    text-align: center;
    width: 320px;
}

div.twoIllustrations div.controlCaption
{
    width: 700px;
    line-height: 1.25em;
    font-size: 100%;
}

/* Paragraph classes for the FAQ page */

p.question
{
    font-style: italic;
    font-weight: bold; 
}

p.answer
{
}