/* http://www.colourlovers.com/palette/557883/Bad_Kitten */

html,body{margin: 0; padding: 0;}
body{font-family: georgia, serif; font-size: 0.85em; line-height: 1.8em;}
h1{font-size: 2em; margin: 1px 0 1em 0;}
h2{font-size: 1.3em; margin: 1px 0 1em 0;}
h3{font-size: 1.1em; font-weight: bold; margin: 1px 0 1em 0;}
.pagetitle, .post-title, .posttitle{font-size: 2.3em; letter-spacing: -2px; margin-top: 35px; line-height: 1.6em}
p{margin: 0 0 1.8em 0;}
a{color: #B0254F;}
a:visited{color: #6E1E62;}
a:active{color: #EB9605;}
a:hover{background: #B0254F; color: white;}
#sidebar-logo{position: absolute; top: 13px; left: 10px;}
#sidebar{position: absolute; top: 0; right: 0; width: 180px; margin-top: 35px;}

.columnized{width: 35%; margin-right: 30px; padding-right: 30px; float: left; border-right: 1px solid black;}
dl{margin-top: 1.6em;}
dl dt{float: left; width: 60px; font-weight: bold;}
.page{width: 900px; margin: auto; position: relative;}
.content img{border: 1px solid #999;}
em{color: #aaa;}

p.admin{height: 30px;}
.admin a:before{content: "> ";}
.admin a{margin: auto; color: #333; background-color: #ccc; -webkit-border-radius: 10px; display: block; padding: 0 10px; float: left; color: #333;}
.admin a:hover{background: #333; color: #ccc;}

#sidebar-logo .description{display: none;}

div.page, div.header{width: 800px; margin: auto; position: relative;}
.header{padding-top: 100px; padding-bottom: 10px;}
.header img{position: relative; left: -13px;}
hr.seperator{background: #ccc; border: none; height: 1px; margin-bottom: 0;}
#content{padding-bottom: 100px; margin-right: 230px; border-right: 1px solid #ccc; padding-right: 40px; padding-top: 10px;}

.small-header{width: 800px; margin: auto; padding-top: 30px; padding-bottom: 30px; position: relative;}
.small-header p{position: absolute; top: 40px; right: 0; line-height: 50px; font-family: arial; font-weight: bold; font-size: 1.3em;}
.small-header p a{color: black; margin-left: 1em;}
.small-header p a:hover{color: white;}


#sidebar ul, #sidebar li{list-style: none; margin-left: 0; padding-left: 0; color: #333;}
#sidebar li ul{ margin-bottom: 25px;}
#sidebar li ul li:nth-child(1){border-top: 1px dotted #aaa;}
#sidebar li li{border-bottom: 1px dotted #aaa; line-height: 30px; height: 30px;}
#sidebar li li:hover{background: #B0254F; color: white;}
#sidebar li li:hover a{background: #B0254F; color: white;}
#sidebar li li span{width: 35px; float: left; display: block; font-size: 0.9em; line-height: 30px; padding-right: 5px; text-align: right;}
#sidebar li li a{color: #333; display: block; float: right; width: 135px; height: 30px; overflow: hidden;}
#sidebar h2{margin-bottom: 5px;}

pre{margin-left: 20px; margin-right: 20px; overflow: auto; background: #eee; padding: 5px; border: 1px solid #ccc; border-right: 2px solid #aaa; border-bottom: 2px solid #aaa; line-height: 1.2em; font-size: 10px;}
p.caption-western{margin-left: 30px; font-style: italic; color: #555;}
#content p span img{margin-left: 20px; border: 1px solid #ccc; border-right: 2px solid #aaa; border-bottom: 2px solid #aaa; }
#content div{margin-bottom: 1.8em;}  

#content .postmetadata{background: #eee; padding: 10px ;}