/* generic html tags */

html {
    background: #f2f2f2;
}

body, a {
    color: #444444;
}

p {
    font-size: 93%;
    line-height: 1.4em;
}

h1 {
    font-size: 220%;
    color: #eeeecc;
    margin: 30px 0 0 0;
}

h2 {
    font-size: 138.5%;
    letter-spacing: -1px;
    font-weight: bold;
    margin: 20px 0 12px 0;
    color: #666;
}

h3 { font-size: 100%; font-weight: 600; letter-spacing: 0px; color: #333; }

h3 a { text-decoration: none; }
h3 a:hover { text-decoration: underline; }


hr {
    border: 0;
    height: 1px;
    background-color: #dcdcd4;
    margin: 30px 0 6px 0;
}

strong { font-weight: 600; }

em { font-style: italic; }


#top {
    padding: 0 0 5px 0;
}

#top .navigation ul {
    float: right;
    font-size: 100%;
    margin: 50px 0 0 0;
}

#top .navigation ul a {
    padding: 2px 4px;
}

#top .navigation ul a:hover,
#top .navigation ul a.active {
    color: #FFFFFF;
    background: #75507b; /*#b5ad6f;*/
}

#top .navigation ul li {
    margin: 0 0 0 8px;
}

.bottom .navigation ul li {
    margin: 0 8px 0 0;
}

.bottom .navigation a:hover,
.bottom .navigation a.active {
    text-decoration: underline;
}

#ft p {
    color: #aaa;
    font-size: 93%;
    padding: 8px 0;
}

#ft a {
    color: #aaa;
}

#motto {
    text-align: right;
    font-size: 85%;
    color: #aaa;
}

.navigation ul li {
    float: left;
    list-style-type: none;
    display: block;
}

.navigation ul li a {
    color: inherit;
    text-decoration: none;
}

#main {
    height: 265px;
    background-image: url(//do.davebsd.com/images/gradient.jpg);
}

#main a {
    color: #fafafa;
}

#main .first { text-align: center; }
#main .first img { position: relative; top: -2px;}


.yui-gb img { float: left; margin: 0 8px 0 0; } /* not safe */

#main p {
    margin: 14px 20px 0 0;
    color: #fafafa;
    font-size: 116%;
}

#shot {margin: 16px 0 0 0; display: none;}