/*
    rado.css - main styles for rado
    
    Feel free to modify / reuse ...
*/

h1, h2, h3, h4, h5, h6 {
    font-family:            sans-serif;
}

h1 {
    margin-top:             0.5em;
}

h4.grey {
    background-color:       #aaa;
    padding:                5pt 10pt;
    margin-bottom:          0.25em;
    -moz-border-radius:     0.3em;
    -webkit-border-radius:  0.3em;
    border-radius:          0.3em;
}

h1 a, h4 a {
    color:                  #000;
}

h1 {
    text-align:             right;
    background-color:       #aaa;
    padding:                15pt;
    -moz-border-radius:     0.3em;
    -webkit-border-radius:  0.3em;
    border-radius:          0.3em;
}

h2 {
    margin-top:             0;
}

body {
    margin:                 0em 2em;
}

#left {
    float:                  left;
    width:                  11.5em;
    padding:                0.5em;
}

#right {
    float:                  right;
    width:                  11.5em;
    padding:                0.5em;
}

#content {
    margin-left:            13em;
    margin-right:           13em;
    padding:                0.5em;
}

#footer {
    margin-top:             15pt;
    margin-bottom:          15pt;
    background-color:       #aaa;
    font-family:            sans-serif;
    text-align:             right;
    padding:                5pt 15pt;
    clear:                  both;
    -moz-border-radius:     0.3em;
    -webkit-border-radius:  0.3em;
    border-radius:          0.3em;
}

#footer a {
    text-decoration:        none;
    color:                  #000;
}

/* menu for navigation bar */
ul.menu {
    list-style:             none;
    padding:                0;
    margin:                 0;
    font-family:            sans-serif;
}

ul.menu li {
    margin:                 0;
    padding:                0.2em;
}

ul.menu a {
    text-align:             center;
    font-size:              14pt;
    display:                block;
    text-decoration:        none;
    border:                 0.2em solid #aaa;
    padding:                0.2em;
    -moz-border-radius:     0.3em;
    -webkit-border-radius:  0.3em;
    border-radius:          0.3em;
}

ul.menu a:link, ul.menu a:visited, ul.menu a:active {
    background-color:       #aaa;
    color:                  #000;
}

ul.menu a:hover {
    background-color:       #ddd;
    color:                  #000;
}

/* page-specific menu */
div.pagemenu {
    float:                  right;
    margin-left:            1em;
    font-family:            sans-serif;
    padding-top:            0.5em;
}

div.pagemenu a {
    text-align:             center;
    font-size:              14pt;
    display:                inline;
    text-decoration:        none;
    border:                 0.2em solid #aaa;
    padding:                0.2em;
    padding-left:           1em;
    padding-right:          1em;
    -moz-border-radius:     0.3em;
    -webkit-border-radius:  0.3em;
    border-radius:          0.3em;
}

div.pagemenu a:link, div.pagemenu a:visited, div.pagemenu a:active {
    background-color:       #aaa;
    color:                  #000;
}

div.pagemenu a:hover {
    background-color:       #ddd;
    color:                  #000;
}

.listdesc {
    margin:                 0 1.5em;
}

img.cpic {
    padding:                0.5em;
    display:                block;
    margin-left:            auto;
    margin-right:           auto;
    border:                 none;
}

img.rpic {
    padding:                0.5em;
    float:                  right;
    border:                 none;
}

img.lpic {
    padding:                0.5em;
    float:                  left;
    border:                 none;
}