.clear {
   clear:both;
   height:1px;
}

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}
#wrapper {
   width: 99%;
   text-align:left;
}

/* header */

#hd {
    padding:        2px 0 10px 90px;
   margin-bottom:  4em;
    background:     url() left bottom no-repeat;
}

div#hd div#hline {
    height:         1px;
    width:          90%;
    border-bottom:  1px solid #ddd;
    position:       absolute;
    top:            65px;
    right:          0;
    z-index:        -1;
}

#sitemeta {
    position:       absolute;
    right:          12px;
    top:            0;
   font-size:      8pt;
    width:          20em;
    text-align:     right;

}

#sitemeta ul{list-style: none;}
#sitemeta a {color: #aaa;}
#sitemeta a:hover {color: #000;}

#blogtitle h1 {display: inline;}
#blogtitle h1 a {
   color:          #fd8008;        /* orange */
   font-size:      13pt;
   vertical-align: bottom;
    background:     #fff;
    background-image:url('images/bg.jpg');
    padding:        0 1em;
    margin-left:    -1em;
}
#blogdescription {
   color:          #666;
   font-size:      9pt;
}
#menu {
   margin-top:     1em;
   display:        inline;
}
#menu ul {
   list-style:     none outside;
   margin:         0px;
   padding:        0px;
}
#menu ul li {
   float:          left;
}
#menu ul li a {
   font-size:      10pt;
   padding-left:   1em;
   margin-left:    1em;
   color:          #999;
}
#menu ul li a:hover {
   color:          #fd8008;     /* orange */
}

/* sidebar */

#sidebar {   
    font-size:      8pt;
   width:          20em;
    background:     #fff;
    background-image:url('images/bg.jpg');
   position:       absolute;
    top:            66px;
    right:          0;
    padding:        0 0 2em 1em;
   color:          #ccc;
    text-align:     left;
    border-left:    1px solid #ddd;
}
#sidebar ul {
   list-style:     none outside;
   margin:         0px;
   padding:        0px;
}
#sidebar ul li {display: inline;}
#sidebar ul li ul {
   list-style:     none outside;
   margin-top:     0.4em;
   margin-bottom:  1em;
}
li.vategories ul {
   list-style:     none outside;
   margin-top:     1em;
   margin-bottom:  1em;
}
#sidebar ul li ul li {
   margin-top:     0.4em;
   display:        block;
}
#sidebar a {
   color:          #aaa;
           
}
#sidebar a:hover {
   color:          #000;
}
#sidebar h2 {
    color:          #87d744;
   font-size:      8pt;
   font-weight:    bold;
   display:        inline;
}
#sidebar input {border: 1px solid #ddd;}
input#searchsubmit {
    background:     #fff;
    color:          #bbb;
}

/* content */

#content, .searchresults, .page, .categories, .archives, .linkspage {
   padding:    0 0 0 0;
   margin:     0 0 0 20px;
   float:      left;
   width:      40em;
   text-align: left;
}
#content a {
   color: #000;
   text-decoration: none;
}
#content a:hover {
   color: #fd8008;     /* orange */
}
#content h1, .post-wrap h1, h2.post-title {
   display: inline;
   font-size: 10pt;
   text-decoration: none;
   color: #fd8008;     /* orange */
}
#content h1 a, .post-wrap h1 a, h2.post-title a {
   color: #444;
   text-decoration: none;
   color: #fd8008;     /* orange */
}

#content h2 {
   display: inline;
   text-decoration: none;
}
#content h2 a {
   color: #444;
   font-size: 14pt;
}
#content img {
    border:     1px solid #999;
    margin:     1em 0;
}
#content table, #content table tr, #content table tr td, #content table thead th {
    border:     none;
    margin:     1em 0;
    padding:    0;
    font-weight: normal;
    padding-right: 1em;
}

.post-content {
   clear:      both;
   padding:    10px 0;
   margin:     0;
}
#content ul, #content ol {
    list-style-position: inside;
    margin:     1em 0 1em 1em;
    padding:    0;
}
.post {clear: both;}
.post-date {
   width:      50px;
   height:     50px;
   float:      left;
}
.post-month {
   font-size:  8pt;
   color:      #fff;
   text-align: center;
   display:    block;
   padding:    2px;
   background: #87d744;        /* green */
   text-transform: uppercase;
}
.post-day {
   font-size:      8pt;
   color:          #555;
   text-align:     center;
   display:        block;
   background:     #fff;
   border-bottom:  1px solid #87d744;
   border-right:   1px solid #87d744;
   border-left:    1px solid #87d744;
   padding:        2px;
   line-height:    8pt;
   text-transform: uppercase;
}
.post-meta {
    font-size:      8pt;
    color:          #505050;
}
.post-meta p {margin: 0;}
.post-wrap {
   margin-left:    70px;
   padding-bottom: 1em;
   margin-bottom:  2em;
}

/* comments */

#commentwrap h3 {
    font-size:  9pt;
    color:      #666;
}
#commentwrap ol li {
    margin:     3em 0;
}
#commentwrap input, #commentwrap textarea {
    border:     1px solid #999;
    padding:    0.2em 0.4em;
}
#commentwrap .url {
    font-weight:    normal;
}
#commentwrap {margin-left: 70px;}
#respond {padding-top: 1em;}
.comment-meta {font-size: 8pt; margin: 0;}
#commentwrap ol {
    list-style-type: none;
    margin: 0; padding: 0;
}
#commentwrap input#submit {
    color:      #505050;
    border:     1px solid #999;
    background: #fff;
}
.searchresults ul, .categories ul, .archives ul, .linkspage ul, .archives ul {
   list-style: none;
    margin: 0;
    padding: 0;
}

/* nav */
.nav {margin-left: 70px;}
.previous, .next {display: inline;}
.previous {padding-right: 1em;}
.next {padding-left: 1em;}

/* footer */
#footnote {
    font-size:  8pt;
    color:      #aaa;
    text-align: right;
    margin:     4em 10px 0 0;
}
#footnote a {color: #999;}
#footnote a:hover {color: #000;}
#footnote ul {list-style-type: none;}