/* dmoor.css
*
*
* The structure of the page (position of the elements)
* is specified in the file
* includes/structure.css
*
* color scheme:
*
* very light blue:  #fff;
* bright blue:      #77c;
* medium blue:      #149;
* darker blue:      #114;
* dark blue:        #004;
*
* black-ish: #001;
*
* orange:           #da4;
* creamy yellow     #ff8;
*/

/* the body is the box that contains everything else.
    Specify all the default values here */

body {
    background-color: #fff;
    color: #001;
    font-family: Verdana, Arial, Helvetica, "sans serif";
    font-size: 85%;
    font-weight: normal;
    text-align: justify;
    background-image: url(../images/bg.jpg); 
    min-width: 550px; 
}


/* link colours */

a:link {
    color: #77c;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #114;
}

a:hover {
    color: #77c;
    text-decoration: none;
}

/* lists */

ul {
    list-style-type: square;
}

ol {
    list-style: decimal;
}

ol li, ul li {
    list-style: inside;
}

/* images */

img {
    float: left;
    margin: 10px;
    padding: 5px;
}


#top {
    background-image: url(../images/logo.jpg);
}

/* TODO work via css image map or something */
#logo {
    padding: 80px 0 25px 0;
    font-size: 4em;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 80%;
    color: #fff;
}

#logo a:link, #logo a:visited, #logo a:hover {
    text-decoration: none;
}

#rightcolumn img, #leftcolumn img {
    display: block;
    float: none;
    margin: 40px auto;
    padding: 5px;
}

#footer {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #77c;
    font-size:90%;
    line-height: 110%;
    background-color: transparent;
    text-align: center;
    width:100%;
    margin: 0;
    padding: 20px 0 0 0;
}

#footer p {
    margin-bottom: 0;
    padding-bottom: 0;
}

#footer a, #footer a:visited {
    color: #77c;
    text-decoration:none;
}

#footer a:hover {
    color: #114;
}

/* image links */
a img {
    border: none;
    margin:10px;
    padding:5px;
}

/* headers */

h1, h2, h3 {
    font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color:transparent;
    font-weight:bold;
    text-align:left;
    padding-top: 20px;
}

h1 {
    color:#006;
    font-size:150%;
    line-height:150%;
    letter-spacing:1px;
}

h2 {
    color:#004;
    font-size:120%;
    line-height:135%;
}

h3 {
    color:#002;
    font-size:105%;
    line-height:120%;
}

/* some useful goodies */

pre {
    width: 30%;
}