body { font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, sans-serif; color: #444; }
img { border: none; }
label { display: block; }

ul, ol { margin: 0 0 .5em 1.15em; }
ul li { list-style-type: square; }
ul.plain-list { margin-left: 0; padding-left: 0; }
ul.plain-list li { list-style-type: none; }
ol li { list-style-type: decimal; }
p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }

a:link, a:visited { color: #5b80b2; text-decoration: none; }
a:hover { color: #036; }

.centered { text-align: center; }
.upload {
    width: 580px;
    margin: 20px auto;
    background-color: #fafaf8;
    padding: 20px;
    border: 1px solid #e0e0e0;
}

#doc3 { margin: 0; padding: 0; }
#bd { margin: 2em 1em; font-size: 12px; }

#hd { background-color: #4f5d6b; color: #d9d9d9; }
#hd h1 { font: normal 1.5em verdana, arial; padding: 8px; margin: 0; }
#hd h1 img { vertical-align: middle; }
#hd h1 a { color: white; }
#hd h1 a:hover { text-decoration: none; text-shadow: orange 2px 2px 3px; }

#main-content { line-height: 1.5em; padding-bottom: 1em; }
h1, h2, h3, h4, h5, h6 { font-family:  Helvetica, Arial, sans-serif; }
h1 { color: #777; font-size: 1.67em; margin: 0 0 .7em; }
h2 { color: #444; font-size: 1.33em; margin: .7em 0; }
h3 { color: #444; font-size: 1.33em;  margin: .7em 0; }
h4 { color: #444; font-weight: bold; font-size: 1.1em; margin: .7em 0; }
h5 { color: #777; font-weight: bold; font-size: 1.1em; font-sytle: italic; margin: 0; }
h6 { color: #777; font-size: 1.1em; margin: 0; }

#sidebar { font-size: .9em; margin-bottom: 20px;}
.side-block {
    background: #fff url(/media/site/img/rel-content-bg.png);
    border: 1px solid #999;
    margin-bottom: 1em;
    padding: 4px;
}

.side-block h3 { font-size: 1.4em; color: #777; margin: .25em .25em 0 .25em; }
.side-block p, .side-block ul { padding: 0.25em 0.5em; }

#user-tools { position: absolute; top: 0; right: 0; padding: 1em; }

#menu {
    /*background: #fff url(/media/site/img/hdr-bg.png) top repeat-x;*/
    background: #fff url(/media/site/img/grad-bg.gif) bottom repeat-x;
    padding: 2px 1em;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #ccc;
    font-size: 1em;
}
#menu ul { list-style-type: none; margin: 0; padding: 0;}
#menu ul li { display: inline; }
#menu a { margin-right: 1.5em; color: #45515d; }
#menu a:hover { color: #5b80b2; }
#menu a.auth-link, a.auth-link:visited, a.auth-link:hover { color: #f37e00; }

.recent_image img { border: 1px solid #a0acc0; }
.recent_image {
    text-align: center;
    margin: 16px;
    padding: 4px;
    font-size: smaller;
    color: #888;
    border: 1px solid #ccc;
    background-color: #fff;
}

.recent_images { padding: 2px; margin: 0; }
.recent_images a { margin: 0; padding: 0; }
.recent_images img { border: none; float: left; margin: 0; }

.pagination { 
    font-size: smaller; 
    background: #fff url(/media/site/img/rel-content-bg.png);
    padding: 2px .5em;
    margin: 0 0 1em 0;
    border: 1px solid #999;
    border-right: 4px solid #4f5d6b;
    line-height: 1.2em;
    text-align: right;
}

.message { color: #ff8c00; font-weight: bold; }
.bookmark_date { font-size: smaller; color: #aaa; }
.bookmark_edit { font-size: smaller; font-style: italic; color: #ff8c00 !important; }
.bookmark_edit:hover { text-decoration: underline; }
.bookmark_list { padding-left: 1em; }
.bookmark_list ul.tags li em { font-size: smaller; }
.bookmark_tags { font-size: smaller; color: #080}

.error { background-color: #800; color: #fff; margin: 4px; }

#ft {
    text-align: center;
    margin-top: 40px;
    background-color: #a7aeb5;
    font-size: .8em;
    border-top: 1px solid #4f5d6b;
    padding: 1em;
}

.form-table { border: 1px solid #ccc; width: 100%; }
.form-table td, .form-table th { padding: 4px; }
.form-table th { vertical-align: top; }
.form-table tfoot { 
    text-align: right; 
    background: #fff url(/media/site/img/grad-bg.gif) repeat-x bottom; 
    border-top: 1px solid #ccc;
}

.form-table input[type="text"], .form-table input[type="password"], textarea {
    background: #fff url(/media/site/img/grad-bg-reverse.gif) repeat-x top; 
    padding: 4px;
    border: 1px solid #ccc;
    color: #444;
}
.form-table textarea { font-family: "Courier New", courier, monospace; width: 95%; }

.feed-link { background: url(/media/site/img/feed-icon-12x12.png) no-repeat left center; line-height: 16px; padding-left: 18px; }
#ft-trailer { color: #444; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!-[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]->