/* html elements */

body { 
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-style: normal; 
    line-height: normal; 
    font-weight: normal; 
    font-size: 10pt;
    text-align: justify;
    background-color: #242424;
    color: #b8b8b8;
}

a:link {
    color: #eea900;
}

a:visited{
    color: #dd9800;
}

a:active, a:hover {
    color: #ffba00;
}

nav.menu, #menu {             /* This should add top and bottom margin */
    font-size: 110%;
    margin-top: 12px;
    margin-bottom: 12px;
    clear: both;
}

nav.previous, #previous {
    float: left;
    font-size: 90%;
}

nav.next, #next {
    float: right;
    font-size: 90%;
}

nav.search, #search { 
    float: right;
    font-size: 90%;
}

header, header.title {        /* This should add top and bottom margin */
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
}

h1 {
    font-weight: bold;
    font-size: 120%;
    /*    margin: 8px 0px 8px 0px;    */
}

h2 {
    font-weight: bold;
    font-size: 110%;
}

h3 {
    font-weight: bold;
    font-size: 105%;
}

h4 {
    font-weight: bold;
    font-size: 100%;
}

blockquote {
    margin: 16px;
}

quote {
    font-weight: normal;
    font-size: 100%;
    text-align: justify;
    margin-left: 5%;
    margin-right: 5%;
}

img {
    border: 0;
}

article, section, #content {  /* This should add top and bottom margin */
    font-size: 100%;
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
}

footer, #foot {               /* This should add top and bottom margin */
    clear: both;
    font-weight: normal;
    font-size: 90%;
    float: right;
}

#page {
    font-weight: normal;
    font-size: 100%;
    clear: both;
    margin-left: 48px;
    margin-right: 48px;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #323232;
}

.caption, #caption {
    font-size: 80%;
    font-weight: normal;
    font-style: italic;
}

input, textarea { 
    font-size: 90%;
    background: #323232;
    color: #969696;
    border: 1px solid #cccccc;
    padding: 1px;
}

/* OLD STYLE SHEET STUFF */

.clear { /* clear between block elements */
    clear: both;
}

.right { /* float right block element */
    float: right;
    margin: 0px 0px 12px 18px;
}

.left {  /* float left block element */
    float: left;
    margin: 0px 18px 12px 0px;
}

div.media {
    float: left;
    margin: 4px 24px 12px 0px;
    padding: 8px 8px 6px 8px;
    background-color: #545454;
}

div.mediaRight {
    float: right;
    margin: 8px 0px 12px 24px;
    padding: 6px 6px 4px 6px;
    background-color: #545454;
}

#image {
  float: left;
}

#next { 
    float: right;
}

#previous { 
    float: left;
}

.meta {
    float: left;
}

.tech {
    float: right;
}

div.imgnav {
    float: right;
    border: 1px solid #646464;
    margin: 0px 0px 12px 0px;
    padding: 10px 10px 5px 10px;

} 

div.caption {
    clear: both;
    float: left;
    width: 100%;
    margin: 6px 0px 0px 0px;
    font-size: 90%;
}

div.description {
    clear both;
}