a { 
color: #324D81; 
border-bottom: 1px solid #ccc;
text-decoration: none;
}

a:visited { color: #696F79;}
a:hover { color: #4E85D7;}

abbr, acronym {
text-transform: uppercase;
color: #0F8ACD;
border-bottom: 1px solid #ccc;
font-size: .9em;
}

body {
color: #333;
font-size: 1em;
line-height: 1.5em;
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #333 url(/projects/harrisony/images/back.jpg) repeat-x;
}

#header {
padding:20px 0 40px 20px;
margin:40px 0;
}

#header img {
margin: -50px 0 0 -30px;
padding:0;
}

#container {
padding:50px;
margin:auto;
width: 770px;
}

#top {
margin: 0;
}

#navbar, #footbar {
padding: 0;
margin: -35px 0 0 200px;
float: left;
display: inline;
width: 600px;
}

#navbar li, #footbar li {
padding: 0 20px;
display:inline;
float: left;
}

#navbar li a, #footbar li a {
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#navbar li a#active {
color: #C5FA69;
border-bottom: 1px solid #C5FA69;
}

#navbar li a:hover, #footbar li a:hover {
color: #D3F0FF;
border-bottom: 1px solid #D3F0FF;
}

a.rss {
background: url(images/rss.jpg) no-repeat 0 50%;
padding: 0 0 0 20px;
display:inline;
margin: 0 0 0 82px;
}

#articles {
background: #fff;
margin: -60px 0 50px 0;
width: 475px;
padding: 20px;
float: left;
}

#articles #entries {
width: 95%;
padding: 5px;
float: left;
}

blockquote {
color: #666;
font-style: italic;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

#sidebar {
float: left;
width: 220.5px;
}

#meta, #secondmeta {
background: #444;
width: 220.5px;
padding: 20px;
float: left;
display:block;
margin: -20px 0 10px 0;
border-left: 5px solid #383838;
}

#meta {
background: #444 url(/projects/harrisony/images/meta.jpg) no-repeat;
background-position: top right;
}

#secondmeta {
background: #696F79;
border-left: 5px solid #5B6068;
}

#meta ul {
font-size: .9em;
margin-left: 0;
list-style: none;
padding-left: 0;
}

#meta ul li {
width: 92%;
color: #eee;
padding: .3em .6em;
border-bottom: 1px dotted #696F79;
}

#meta ul li a {
border: none;
color: #C5FA69;
text-transform: uppercase;
text-decoration: none;
}

#meta ul li:hover {
background: #696F79;
}

#meta ul li:hover a {
color: #D3F0FF;
}

p {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
}

h1 {
font-size: 1.5em;
color: #3E65A7;
border-bottom: 1px solid #ccc;
padding-bottom: .6em;
margin-top: -.6em;
}


h1 a {
border-bottom: none;
color: #3E65A7;
}

h1 a:hover {
color: #4E85D7;
}

h1 a:visited {
color: #474D58;
}

h2, #meta h2, #secondmeta h2, #secondmeta label { 
font-size: 1.2em;
padding-bottom: 0;
color: #fff;
font-weight:lighter;
}

h2 {
color: #696F79;
}

h3 {
font-size: .9em;
padding-bottom: 0;
text-transform: uppercase;
color: #444;
}

#footer {
color: #ccc;
text-transform: uppercase;
font-size: .9em;
margin: -20px 0 10px 20px;
display: inline;
padding: 20px;
}

#meta p {
color: #eee;
margin-top: -.6em;
}

.date, .tags, h2.comments  {
background: url(/projects/harrisony/images/database.png) 5px 30% no-repeat; 
font-size: .9em;
color: #666;
text-transform: uppercase;
padding-bottom: .3em;
padding-left: 25px;
margin-left: -.6em;
}

h2.comments {
background: url(/projects/harrisony/images/comment.png) 5px 50% no-repeat;
}

h3.tags {
margin-top: -.6em;
font-weight: lighter;
background: url(/projects/harrisony/images/tag_blue.png) 5px 50% no-repeat;
}

code {
font-family: Courier, monospace;
background: #D3F0FF;
padding: 5px;
font-size: .9em;
}

input {
margin: .9em 0;
padding: 5px;
width: 90%;
border: 3px solid #ccc;
font-size: .9em;
font-weight: bold;
color: #666;
}

hr {
border: 1px dotted #ccc;
}

#articles ul li {
list-style: none;
background: url(/projects/harrisony/images/bullet.png) no-repeat 5px 50%;
padding-left: 20px;
font-size: .9em;
}