html, body { height: 100% }

body {
        color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0;
        padding: 0;
}

h1 {
        font-size: 2em;
        margin: .67em 0;
}

h2 {
        font-size: 1.5em;
        margin: .75em 0;
}

h3 {
        font-size: 1.17em;
        margin: .83em 0;
}

h4 {
        font-size: .83em;
        margin: 1.5em 0;
}

h5 {
       font-size: .75em;
       margin: 1.67em 0;
}

pre  {
        font-size: 12px;
        overflow-x: auto;
        overflow-y: auto;
        background-color: black;
        padding: 10px;
        border-top: 1px solid #555555;
        border-left: 1px solid #555555;
        border-right: 2px solid #555555;
        border-bottom: 2px solid #555555;
        max-width: 800px;
}

code, samp {
        font-size: 12px;
        font-family: monospace;
        max-width: 800px;
}

cite, blockquote { font-size: 11px }

p {
        font-size: 12px;
        text-align: justify;
        text-indent: 1em;
        max-width: 800px;
}

ul, ol {
        text-align: justify;
        font-size: 12px;
        max-width: 800px;
}

table {
        font-size: 12px;
        border-collapse: separate;
        border-spacing: 5px 5px;
        text-align: justify;
}

td { max-width: 800px }

a { text-decoration: underline; border-width: 0; border-style: none }
a:link { text-decoration: underline; border-width: 0; border-style: none }
a:visited { text-decoration: underline; border-width: 0; border-style: none }
a:active { color: #aaaaaa; text-decoration: underline }
a:hover { color: #aaaaaa; text-decoration: underline; border-width: 0; border-style: none }

a > img	{
        border-width: 0;
        border-style: none;
        text-decoration: none;
}

/*img    {
        min-width:95%;
        margin-right:10px;
}*/

#banner {
        padding-top: 10px;
        background-color:black;
}

#banner h1 {
        background-color:black;
        display: block;
        margin-left: 15px;
        padding-top: 13px;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
        font-size: 24px;
        color: #bb7700;
        text-decoration: none;
        padding-left: 0px;
}

.description {
        color: #bb7700;
        background-color:black;
        display: block;
        font-family: Georgia, serif;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
        text-transform: lowercase;
        margin: 0 10px 0 10px;
        padding: 5px 15px 15px 7px;
}

#container {
        position: relative;
        background-color: black;
        margin: auto;
        min-height: 90%;
        overflow-x: auto;
        overflow-y: auto;
}

#content { margin-left: 235px }

#links  {
        float: left;
        width: 205px;
        background-color:black;
        border: 1px solid #bb7700;
        padding: 15px 0 10px 0;
        margin: 10px 0 10px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        color: #999999;
}

#links a:link { color: #999999; text-decoration: underline; border-width: 0; border-style: none }
#links a:visited {color: #999999;  text-decoration: underline; border-width: 0; border-style: none }
#links a:active { color: #bb7700; text-decoration: underline }
#links a:hover { color: #bb7700; text-decoration: underline; border-width: 0; border-style: none }

.intro {
        background-color: black;
        font-size: 11px;
        margin: 10px 15px 20px 0;
}

.intro p, ul, ol {
        font-size: 12px;
        line-height: 1em;
}

.blog {
        margin: 0;
        padding: 15px 15px 0 0px;
        color: #999999;
}

.blog a{ color: #999999 }
.blog a:link { text-decoration: underline; border-width: 0; border-style: none }
.blog a:visited { text-decoration: underline; border-width: 0; border-style: none }
.blog a:active { text-decoration: underline }
.blog a:hover { color: #bb7700; text-decoration: underline; border-width: 0; border-style: none }

.archives {
        margin: auto;
        overflow-x: auto;
        font-size: 12px;
        color: #999999;
        padding:0 10px 0 10px;
}

.archives a{ color: #999999 }
.archives a:link { text-decoration: underline; border-width: 0; border-style: none }
.archives a:visited { text-decoration: underline; border-width: 0; border-style: none }
.archives a:active { color: #bb7700; text-decoration: underline }
.archives a:hover { color: #bb7700; text-decoration: underline; border-width: 0; border-style: none }

.blogbody { margin-left: 50px }


.title {
        font-size: 14px;
        color:#bb7700;
        margin-bottom: 25px;
}

#menu, .menu {
        color: #999999;
        font-size: 12px;
        margin: 25px 0 25px 0;
        text-align: center;
}

.menu > a { color: #999999 }
.menu > a:hover { color: #bb7700 }

.menu > table > tbody > tr > td  {
        font-weight: bold;
        font-size: 14px;
        color: #aaaaaa;
        border: 1px solid #bb7700;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background-color: black;
}

.menu > table > tbody > tr > td > a  { background-color: #bb7700; color: black }
.menu > table > tbody > tr > td > a:hover  { background-color: #999999; color: black }

h2.date  {
        font-size: 14px;
        color: #666666;
        border-bottom: 3px solid #aaaaaa;
        font-weight: bold;
        line-height: 1.4em;
        text-align: left;
        margin-left: 0px;
}

.posted {
        font-size: 10px;
        margin: 0 0 25px 50px;
}

.articleshead {
        color: #bb7700;
        text-align: center;
        text-transform: lowercase;
        font-family: Verdana, Arial, sans-serif;
}

.calendar { font-size: 12px }

.calendar table {
        margin: auto;
        border-style: none;
        border-collapse: collapse;
        text-align: right;
}

.calendar table th {
        color: #999999;
        text-align: center;
        text-transform: lowercase;
        font-weight: normal;
        background-color: black;
}

.calendar td { padding: 2px 4px 0 4px }

.calendarhead {
        margin: auto;
        color: #bb7700;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5em;
}

#links > div.calendar > table > caption.calendarhead > a:link { color: #bb7700; text-decoration: underline; border-width: 0; border-style: none }
#links > div.calendar > table > caption.calendarhead > a:visited { color: #bb7700; text-decoration: underline; border-width: 0; border-style: none }
#links > div.calendar > table > caption.calendarhead > a:active { color: #999999; text-decoration: underline }
#links > div.calendar > table > caption.calendarhead > a:hover { color: #999999; text-decoration: underline; border-width: 0; border-style: none }


.side {
        padding: 0 5px 0 5px;
        font-size: 10px;
}

.sidetitle {
        color: #bb7700;
        background-color:black;
        font-size: 14px;
        margin: 10px 0 10px 0;
        border: 1px solid #bb7700;
        text-align: center;
        text-transform: lowercase;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
}

.syndicate {
        font-size: 10px;
        text-align: center;
}

.feed-small {
        height: 14px;
        padding-left: 17px;
        background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
}

.powered {
        font-size: 10px;
        text-align: center;
}

.powered > a {
        display: block;
        font-weight: bold;
}

.comments-body {
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        font-size: 10px;
        padding: 10px 0 10px 0;
        border-bottom: 1px dotted #999999;
}

.comments-post {
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        font-size: 10px;
        font-weight: normal;
}

.trackback-url {
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: normal;
        line-height: 150%;
        padding: 5px;
        border: 1px dotted #999999;
}

.trackback-body {
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: normal;
        line-height: 120%;
        padding: 10px 0 10px 0;
        border-bottom: 1px dotted #999999;
}

.trackback-post {
        font-family: Verdana, Arial, sans-serif;
        color: #666666;
        font-size: 10px;
        font-weight: normal;
}

.comments-head {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        color: #666666;
        border-bottom: 1px solid #999999;
        margin-top: 20px;
        font-weight: bold;
}

#banner-commentspop {
        font-family: Verdana, Arial, sans-serif;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        border-left: 1px solid #666666;
        border-right: 1px solid #666666;
        border-top: 1px solid #666666;
        padding: 5px 15px 5px 15px;
}

fortune {
        color: #999999;
        font-family: Verdana, Arial, sans-serif;
        font-weight: normal;
        font-style: italic;
        font-size: 10px;
        padding: 2px 15px 2px 15px;
}
