/* BODY STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
    margin:0px; padding:0px;
    font:13px/21px Georgia, Serif;
    color:#625E51;
    background: url("../images/bg.png") repeat-y #D6D1BF;
}

a { color:#625E51; text-decoration:underline; }
a:hover { color:#D6D1BF; text-decoration:none; }

img { border: 0px; }

.clear { clear: both; }


/* PAGE LAYOUT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrap { width:860px; padding:0px 50px; background: white; }

/* Page Header */
#header { background: url("../images/hdr-bg.png") no-repeat; height:179px; overflow:hidden; margin-bottom: 10px; }

/* Page Menu */
#menu { display:block; height:45px; overflow:hidden; margin:134px 0px 0px 0px; padding:0px; }
#menu li { list-style-type: none; display:block; margin:0px; padding:0px 16px 0px 0px; height:45px; float:left; background: url("../images/menu-_spacer.png") no-repeat top right; }
#menu li.last-child { padding:0px; }
#menu li a { display: block; height: 45px; width:67px; overflow:hidden; background: url("../images/menu-blog.png") no-repeat top left; }
#menu li a:hover { background-position: 0px -45px; }
#menu li a span { display:none; }
#menu li#menu-blog a { background-image: url("../images/menu-blog.png"); width:67px; }
#menu li#menu-articles a { background-image: url("../images/menu-articles.png"); width:105px; }
#menu li#menu-about a { background-image: url("../images/menu-about.png"); width:84px; }
#menu li#menu-contact a { background-image: url("../images/menu-contact.png"); width:108px; }

/* Menu selected-state is defined by the body class */
body.blog #menu li#menu-blog a { background-position: 0px -45px; }
body.articles #menu li#menu-articles a { background-position: 0px -45px; }
body.about #menu li#menu-about a { background-position: 0px -45px; }
body.contact #menu li#menu-contact a { background-position: 0px -45px; }

/* 2 col layout */
.stdlayout .content-wrap { width:100%; float:left; margin-right:-260px; }
.stdlayout .content { margin-right:260px; padding:10px 0px 0px 0px; border-top: 1px solid #E0DFDD; }
.stdlayout .sidebar { width: 240px; float:right; padding:10px 0px 0px 0px; border-top: 1px solid #E0DFDD; }
#comment { width:100%; }
#comments { border-top: 1px solid #E0DFDD; padding:10px 0px 0px 0px; }
#respond { border-top: 1px solid #E0DFDD; }
/* article layout */
.articlelayout .content-wrap { width:100%; float:left; margin-right:0px; }
.articlelayout .content { margin-right:0px; padding:10px 0px 0px 0px; border-top: 1px solid #E0DFDD; }

/* Page Footer */
#footer { font-style: italic; line-height: 60px; border-top: 1px solid #E0DFDD; margin:10px 0px; }


/* CONTENT PANE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

h1#title { margin:0px 0px 10px 0px; padding:0px; height: 69px; overflow: hidden; background: url("../images/h1-blog.png") no-repeat; }
h1#title span { display:none; }

/* Page title is defined by the body class */
body.blog h1#title { background-image: url("../images/h1-blog.png"); }
body.articles h1#title { background-image: url("../images/h1-articles.png"); }
body.about h1#title { background-image: url("../images/h1-about.png"); }
body.contact h1#title { background-image: url("../images/h1-contact.png"); }


/* SIDEBAR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.sidebar .module { margin-bottom:60px;}
.sidebar .module .title { background: black; color:white; font:normal 15px/40px Georgia, Serif; padding:0px 10px; }
.sidebar .module .logo { display: block; }
ul.linkbar { display:block; margin:0px; padding:0px; }
ul.linkbar li { display:block; margin:0px; padding:0px; border-bottom: 1px solid #D6D1BF; }
ul.linkbar li a { display: block; margin:0px; padding:9px 0px; font:italic 13px/21px Georgia, Serif; text-align: center; text-decoration: none; background: url("../images/linkbar-btn-bg.png") repeat-x white; background-position: 0px -39px; }
ul.linkbar li a:hover { color:black; /*background: #F6F5F3;*/ background-position: 0px 0px; }


/* BLOG ENTRIES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.blog { margin-bottom:40px; }
.blog .item-title { height: 40px; overflow:hidden; background: #BCD788; font: italic 15px/40px Georgia, Serif; color: white; }
.blog .item-title a { display:block; padding:0px 10px; height: 40px; overflow:hidden; color: white; text-decoration: none; }
.blog .item-title a:hover { text-decoration: underline; }
.blog .item-date { display:block; width:120px; height: 40px; overflow:hidden; text-align:center; float:left; background:black; font:italic 15px/40px Georgia, Serif; color:white; }
.blog .item-time { margin:10px 0px; font: italic 12px/20px Helvetica, Arial, Verdana, Sans-Serif; color:#B1AFA8; }

/* topic modifications */
.blog .item-title  { background:#BCD788; }
.blog .item-body a { color:#BCD788; }
.blog .item-body blockquote { font:italic 13px/21px Georgia, Serif; background: #EFEFEF; padding: 3px; }
.blog .item-body code { display: block; margin-left: 15px; background: #fefefe; }
.articles .item-body pre { background: #efefef; margin-left: 10px; padding-left: 20px; }
.articles .item-body code { background: #efefef; margin-left: 10px; padding-left: 20px; margin-top: 10px; padding-bottom: 10px; }

.blog.tech .item-title { background: #7EBDDD; }
.blog.tech .item-body a { color: #7EBDDD; }
.blog.photography .item-title { background: #D6D1BF; }
.blog.photography .item-body a { color: #D6D1BF; }

.paging { margin: 20px 0px; }
.paging a { text-decoration: none; color: black; font: 15px/20px Georgia, Serif; }
.paging a:hover { color: #999999; }
.paging .next { float:right; }
.paging .prev { float:left; }