﻿*{border:0; margin:0; padding:0; outline:0; list-style:none; line-height:1.3; font-size:100.01%; font-style:normal; font-weight:normal; font-family:inherit; text-decoration:none}
body{font:normal normal 62.5% Arial,Helvetica,sans-serif; padding-top:30px; background-color:#474639; color:#fff}
body#sub{padding-top:30px; background-color:#777564}

.clear{clear:both}
.img{border:0}
font.#018ee8, 
p.#018ee8{color:#009cff}

#header{width:900px; height:183px; margin:0px auto}
#logo{float:left}
#header ul{float:right; height:155px; width:397px}
#header ul li{float:left; background:url(images/bg-nav-on.png) no-repeat -9999px 0}
#header #about a:link, #header #about a:visited{display:block; text-indent:-9999px; width:115px; height:155px; background:url(images/bg-nav-off.png) no-repeat 0 0}
#header #about a:hover, #header #about a:active{display:block; text-indent:-9999px; width:115px; height:155px; background:url(images/bg-nav-on.png) no-repeat 0 0}
#header #blog a:link, #header #blog a:visited{display:block; text-indent:-9999px; width:130px; height:155px; background:url(images/bg-nav-off.png) no-repeat -120px 0}
#header #blog a:hover, #header #blog a:active{display:block; text-indent:-9999px; width:130px; height:155px; background:url(images/bg-nav-on.png) no-repeat -120px 0}
#header #contact a:link, #header #contact a:visited{display:block; text-indent:-9999px; width:137px; height:155px; background:url(images/bg-nav-off.png) no-repeat -260px 0}
#header #contact a:hover, #header #contact a:active{display:block; text-indent:-9999px; width:137px; height:155px; background:url(images/bg-nav-on.png) no-repeat -260px 0}

#subheader{width:900px; height:183px; margin:0px auto}
#subheader ul{float:right; height:85px; width:400px}
#subheader ul li{float:left; background:url(images/bg-subnav-on.png) no-repeat -9999px 0}
#subheader #home a:link, #subheader #home a:visited{display:block; text-indent:-9999px; width:100px; height:85px; background:url(images/bg-subnav-off.png) no-repeat 0 0}
#subheader #home a:hover, #subheader #home a:active{display:block; text-indent:-9999px; width:100px; height:85px; background:url(images/bg-subnav-on.png) no-repeat 0 0}
#subheader #about a:link, #subheader #about a:visited{display:block; text-indent:-9999px; width:100px; height:85px; background:url(images/bg-subnav-off.png) no-repeat -100px 0}
#subheader #about a:hover, #subheader #about a:active{display:block; text-indent:-9999px; width:100px; height:85px; background:url(images/bg-subnav-on.png) no-repeat -100px 0}
#subheader #blog a:link, #subheader #blog a:visited{display:block; text-indent:-9999px; width:88px; height:85px; background:url(images/bg-subnav-off.png) no-repeat -200px 0}
#subheader #blog a:hover, #subheader #blog a:active{display:block; text-indent:-9999px; width:88px; height:85px; background:url(images/bg-subnav-on.png) no-repeat -200px 0}
#subheader #contact a:link, #subheader #contact a:visited{display:block; text-indent:-9999px; width:110px; height:85px; background:url(images/bg-subnav-off.png) no-repeat -290px 0}
#subheader #contact a:hover, #subheader #contact a:active{display:block; text-indent:-9999px; width:110px; height:85px; background:url(images/bg-subnav-on.png) no-repeat -290px 0}

#subcontent{width:100%; background:#474639 url(images/bg-subcontent.png) repeat-x 0 0; min-height:400px; padding:70px 0 40px 0}
#page{width:900px; margin:0px auto}
#main{float:left; width:560px}
#main a{color:#BEBBAB; border-bottom:1px dotted #777564; font-weight:bold}
#main a:hover{color:#fff; background-color:#777564}
#main .post{padding-bottom:70px; background:url(images/bg-post.png) no-repeat bottom left; margin-bottom:40px}
#main .entry{font-size:1.4em}
#main .entry h2{font-size:2em; letter-spacing:-1px; margin:0 0 10px 0; word-spacing:-10px; padding-top:10px}
#main .entry p{margin-bottom:20px}
#main .entry img{padding:4px; background-color:#777564}
#main .entry a:hover img{border-color:#49492F; background-color:#777555}
#main .entry img.thumb{float:right;  margin:4px;  padding:0;  border:none;  padding:0px; overflow:visible;  clear:both}
#main .entry p.img{margin:0; padding:0; text-align:center}
#main .entry .showcase{border:5px solid #777564}
#main .entry .highlight{background-color:#777564}
#main .entry .showcase a{border:none !important}
#main .entry .showcase a:hover{background-color:transparent !important}
#main .entry .small{margin:30px 0 0 15px; font-size:.8em; line-height:1.2em; width:450px}
#main .entry blockquote{ padding-left:10px;  padding-top:10px;  padding-bottom:10px; background-color:#5b594b}

#main .entry blockquote p{line-height:1.2em}
#main .entry p h1{font-weight:normal; margin:0 !important; display:inline !important; padding:0 !important}
#main .title{font-size:3.4em; line-height:.5em; letter-spacing:-3px; word-spacing:-10px; font-weight:bold; color:#fff; margin-bottom:15px}
#main .title a{border:none; color:#fff}
#main .title a:hover{color:#BEBBAB; background:none}
.authorblurb{padding-bottom:70px; background:url(images/bg-post.png) no-repeat bottom left; margin-bottom:40px; font-size:1.4em}

#main .pagebar{margin:10px 0 0 10px; padding:0; line-height:20px; height:20px;BACKGROUND: #777564;border:3px solid #777664;text-decoration:none}

#sidebar{float:right; width:240px}
#sidebar a{color:#fff; border-bottom:1px dotted #777564}
#sidebar a:hover{background-color:#777564}
#sidebar h2{font-size:3em; letter-spacing:-2px; margin-bottom:10px; word-spacing:-10px}
#sidebar .hh{font-size:1.8em; margin-bottom:16px; FONT-WEIGHT:bold; color:#757b6e}
#latest{float:left; width:220px; margin-top:30px}
#latest ul{width:190px; padding-right:20px; font-size:1.2em; color:#fff; float:right}
#latest ul li{margin-bottom:6px}

#search{float:right; width:295px; height:53px; background:url(images/bg-search.png) no-repeat 2px 3px}
#search #box{padding:4px; font-size:1.2em; color:#fff; margin:0 5px 0 80px; background-color:#777564; border:1px inset #565547}
#search #go{width:40px; height:29px; padding:4px; font-size:1.2em; background:url(images/bg-go.png) no-repeat 0 0; border:none}
#stickies{float:left}

#coffee{font-size:2.4em; background:url(images/coffee.png) no-repeat 0 0; margin-bottom:50px; padding-top:5px; letter-spacing:-1px; word-spacing:-5px; padding-left:35px}

#footer{width:100%; height:300px; background:#474639 url(images/bg-subfooter.png) repeat-x 0 0}
#social{width:900px; margin:0px auto; padding-top:25px}
#social img{float:left}
#footer p{float:left; width:500px; margin:-15px 0 0 312px; color:#6d6c61; font-size:1.2em}
#footer p a{color:#6d6c61; text-decoration:underline}
#footer p a:hover{color:#fff}
#footer ul{float:left; width:530px; margin:10px 0 0 20px}
#footer ul li{float:left; background:url(images/bg-social-on.png) no-repeat -9999px 0}
#footer #facebook a:link, #facebook #about a:visited{display:block; text-indent:-9999px; width:110px; height:96px; background:url(images/bg-social-off.png) no-repeat -1px 0}
#footer #facebook a:hover, #footer #facebook a:active{display:block; text-indent:-9999px; width:110px; height:96px; background:url(images/bg-social-on.png) no-repeat -1px 0}
#footer #vimeo a:link, #footer #vimeo a:visited{display:block; text-indent:-9999px; width:110px; height:96px; background:url(images/bg-social-off.png) no-repeat -100px 0}
#footer #vimeo a:hover, #footer #vimeo a:active{display:block; text-indent:-9999px; width:110px; height:96px; background:url(images/bg-social-on.png) no-repeat -100px 0}
#footer #twitter a:link, #footer #twitter a:visited{display:block; text-indent:-9999px; width:105px; height:96px; background:url(images/bg-social-off.png) no-repeat -202px 0}
#footer #twitter a:hover, #footer #twitter a:active{display:block; text-indent:-9999px; width:105px; height:96px; background:url(images/bg-social-on.png) no-repeat -202px 0}
#footer #flick a:link, #footer #flick a:visited{display:block; text-indent:-9999px; width:100px; height:96px; background:url(images/bg-social-off.png) no-repeat -300px 0}
#footer #flick a:hover, #footer #flick a:active{display:block; text-indent:-9999px; width:100px; height:96px; background:url(images/bg-social-on.png) no-repeat -300px 0}

.navigation{font-size:1.2em; margin-bottom:50px}
.commentcount{font-size:1.2em}
#commentcontainer{margin-bottom:40px}
#commentgroup{margin-bottom:40px}
#commentcontainer h2{font-size:3em; letter-spacing:-2px; margin-bottom:15px; word-spacing:-10px}
#commentcontainer #commentanchor a, #commentcontainer #commentanchor a:hover{color:#fff; border:none; background:none}
#commentcontainer img{padding:4px; background-color:#777564}
#commentcontainer div.comments{width:520px; padding:20px 20px 20px 20px; background-color:#5B594B; margin:0 0 10px 0}
#commentcontainer div.comments cite{display:inline; color:#fff; font-size:2.4em; letter-spacing:-1px; font-weight:bold}
#commentcontainer div.comments cite a, #commentcontainer div.comments cite a:visited{color:#fff; border-bottom:1px dotted #474639}
#commentcontainer div.comments cite a:hover, #commentcontainer div.comments cite a:active{color:#fff; background-color:#474639}
#commentcontainer div.comments p{font-size:1.2em; line-height:1.3em; margin:15px 0 0 0}

#commentcontainer label{color:#fff; display:block; padding:15px 0 5px 0; font-size:1.8em}
#commentcontainer #logged{font-size:1.2em}
#commentcontainer input.txt{color:#fff; width:436px; padding:6px; margin-bottom:8px; background-color:#474639; border:inset 1px #474639; font-size:1.4em}
#commentcontainer textarea{color:#fff; width:541px; padding:10px; height:196px; overflow:auto; margin-bottom:30px; background-color:#474639; border:inset 1px #474639; font-size:1.4em}
#commentcontainer button{background:none; color:#fff; border:none; font-size:3em; letter-spacing:-2px; margin-bottom:15px; word-spacing:-10px}
#leave{margin-top:50px}
#commentcontainer div.quote{ margin:3px;  padding:10px;  background:#777564}
#commentcontainer div.quote-title{  font-size:120%}


