* {
    font-size: 100%; 
    margin: 0; 
    padding: 0; 
    line-height: 
    1.4em;
}

html {
    margin:0;
    padding:0;
    color:#000;
    background:#a7a09a;
}

body {
    position: relative; 
    font: 90% Verdana, Arial, Helvetica, sans-serif; 
    color: #4B5D67; 
    text-align: center;
}

h1 {
    font-size:22px;
}
h2 {
    font-size:26px;
    margin-top:5px;
    text-align:left;
    font-family: 'Hoefler Text',Georgia,'Times New Roman',Times,serif;
    font-weight:normal;
}
h3 {
    font-size:16px;
    font-weight:400;
    color:#f49300;
    font-family: "ff-scala-sans-web-1","ff-scala-sans-web-2","Lucida Grande",Geneva,Helvetica,sans-serif;
}
h4{
    font-family:"ff-scala-sans-web-1","ff-scala-sans-web-2","Lucida Grande",Helvetica,sans-serif!important;
    color:#919f20;
    font-size:14px;
    font-weight:400;
    margin-bottom:4px;
}
h3 a {color:#F49300;}
.green {color:#919f20;}

#wrap {
    width:800px;
    margin:0 auto;
    background:#f5f5f5;
}

#header {
    position: relative; 
    padding: 5px 0px;
    background:#ddd;
    background: url(/img/header-image.jpg) no-repeat; 
    display: block; 
    width:800px;
    height: 229px;
    /*
    width: 800px; 
    height: 229px; 
    margin: 0 7px; 
    */
    border-top: 3px solid #67939B; 
    border-bottom: 3px solid #67939B;
    }

#header h1 {
    font: 3.0em Tahoma, Verdana, Arial, sans-serif; 
    color: #425a64;
    letter-spacing: -1px; 
    padding: 45px 37px 0 37px; 
    margin: 0 0 -5px 0;
}

#header h1 a, #header h1 a:visited {
    color: #526a74; 
    text-decoration: none;
}

/* main content styles */
#main {
    float:left;
    width:545px;
    padding: 10px;
    background:#f5f5f5;
    text-align: left;
    border-right: 1px dotted #cccccc;
}

/* blog post metadata styles */
.post .meta {
    font-family:'Lucida Grande',Helvetica,sans-serif;
    font-size:11px;
    text-transform:uppercase;
    color:#f49300;
    text-align:left;
    letter-spacing:.2em;
    margin-bottom:8px;
    padding-left:1px;
}
.post .meta span.date{
    color:#707070;
    padding:0 2px 0 4px;
}
.post .meta a {
    color:#707070;
}
.post .meta a:hover {
    color:#F49300;
}
.post .meta span.tags{
    padding-left:25px;
    margin-left:2px;color:#707070;
}

/* blog post styles */
.post { 
    margin:0 0 20px;
    padding-bottom: 10px;
    border-bottom:1px dashed #999999;
}

.post h2 {
    width:100%;
    display:block;
    outline:none;
    font-weight:400;
    color:#333333;
    text-align:left;
    margin-bottom:5px;
}
.post h2 a {
    color: #333333;
    text-decoration: none;
}

.post .entry{line-height:1.5em;overflow:hidden;margin-top:-3px;}
.post .entry p{margin:0 0 1.5em;padding-left:1px;}
.post .entry p a{text-decoration:none;border-bottom:1px dotted gray;}
.entry blockquote{padding-left:30px;margin:0;font-family:'Lucida Grande',Helvetica,sans-serif;font-size:16px;line-height:1.5em;}
.entry ul{list-style:none;margin:0 1.3em;}
.entry ul li{padding-left:18px;margin-bottom:7px;}
.entry ol{margin:0 1em 0 3em;}
.entry ol li{margin:0 0 7px;}
.entry img,.entry a img{border:1px solid #dfdfdf;text-decoration:none!important;}

/* sidebar styles */
#sidebar {
    float:right;
    width:210px;
    padding:10px;
    background:#f5f5f5;
    text-align: left;
}

#sidebar section {
    padding: 5px;
    margin-bottom: 20px;
    border: 1px dashed #cccccc;
    border-radius: 5px;
    font-size:11px;
}

#sidebar ol,ul {
    list-style: none;
}

#sidebar li {
    margin-bottom:4px;
}

#sidebar li a {
    text-decoration: none;
}

/* footer styles */
#footer {
    clear:both;
    padding:5px 10px;
    background:#cccccc;
}

#footer p {
    margin:0;
}

/* navbar styles */
#navbar {
    position: absolute; 
    bottom: 3px; 
    left: 1px; 
    display: block; 
    float: left; 
    padding: 0; 
    margin: 0 0 0 25px; 
    list-style: none;
}

#navbar ul {    
    list-style-type: none;
}

#navbar li {
    float: left; 
    border-bottom: 1px solid #414e53; 
    margin: 0 5px 0 0; 
    padding: 0;
}

#navbar li:hover {
    border-bottom: 1px solid #486065;
}

#navbar a {
    float: left; 
    display: block; 
    padding: 5px 5px 3px 5px; 
    background: #526a74; 
    color: #fff; 
    font-weight: bold; 
    border-bottom: 2px solid #4a5e65;
}

#navbar a:hover {
    background: #5c7d86; 
    border-bottom: 2px solid #527077; 
    color: #fff;
}