/*  
Theme Name: Habbi 2.0

Theme URI: habakukk.ogrim.net

Description: Theme for Habakukk with wrath page

Version: 1.0

Author: Aleksander Skjæveland Larsen

Author URI: http://ogrim.no/

*/

body {
	background: url("img/bg.png");
    margin: 0 auto; 
    padding: 0;
}

img {  
	border-style: none;
}

#wrapper {
	height: 100%;
	width: 780px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 24px;    
}

#header {
    height: 107px;
    margin-bottom: 16px;
}

#content {
	float: right;
	width: 530px;
    padding: 0 0 10px 0;
}

#footer {
    background: #ccc;
    color: #eee;
}

#sidebar {
    padding: 1px 10px;
}


/*** POST ***/

.post-wrapper {
    margin-bottom: 10px;
    padding: 0;
}
.post-top {
    height: 5px; 
    background: url("img/post_top.gif") no-repeat bottom;
}
.post {
    padding: 1px 15px 10px 15px;
    background: #f6f8d3;
}
.post-bottom {
    height: 5px;
    background: url("img/post_bottom.gif") no-repeat top;
}


/*** COMMENT ***/

.comment-wrapper {
    margin-bottom: 10px;
    padding: 0;
}

.comment-top {
    height: 5px;
    background: url("img/comment_top.gif") no-repeat bottom;
}

.comment {
    padding: 1px 15px 10px 15px;
    background: #ced7dd;
}

.comment-bottom {
    height: 5px;
    background: url("img/comment_bottom.gif") no-repeat top;
}

.comment-post {
    padding-top: 10px;
}


/*** FOOTER ***/

#footer-wrapper {
    padding: 0;
    margin-bottom: 40px;
}

#footer-top {
    height: 5px;
    background: url("img/comment_top.gif") no-repeat bottom;
}

#footer {
    padding: 1px 15px 10px 15px;
    background: #ced7dd;
}

#footer-bottom {
    height: 5px;
    background: url("img/comment_bottom.gif") no-repeat top;
}


/*** SIDEBAR ***/

#sidebar-wrapper {
	margin-top: 3px;
    float: left;
	width: 230px;
    padding: 0;
    margin-bottom: 40px;
}

#sidebar-top {
    background: url("img/sidebar_top.gif") no-repeat bottom;
    height: 5px;
}

#sidebar {
    padding: 1px 10px 10px 10px;
    background: #f6f8d3;
}

#sidebar-bottom {
    background: url("img/sidebar_bottom.gif") no-repeat;
    height: 5px;
}

#hww {
    position: relative;
    left: -40px;
    top: -35px;
    z-index: 1;
}

#sidebar ul, #sidebar li {
    padding: 0;
    margin: 0;
}

#bio {
    position: relative;
    top: -30px;
    z-index: 0;
}



/*** TYPO ***/
h1, h1 a, h1 a:active {
    margin:0;
    padding:0;
    text-decoration: none;
}

h2, h2 a, h2 a:active {
    font-family: "Arial", sans-serif;
    font-size: 1.35em;
    font-weight: lighter;
    color: #1d1818;
    text-decoration: none;
}

h2 a:hover {
    text-decoration: underline;
}

h3 {
    font-family: "Arial", sans-serif;
    font-size: 1.15em;
    font-weight: lighter;
    color: #1d1818;
    text-decoration: none;
}
 
.date a, .date a:visited, .date a:active , .date a:hover {
    text-decoration: none;
    border-bottom: #1d1818 1px dotted;
    color: #1d1818;
}

.date, .commentmetadata {
    font-size: 0.7em;
}

#sidebar p, .comment p , .comment a {
	font-family: "Palatino Linotype", serif;
	line-height: 1.2em;
    font-size: 0.9em;
    color: #1d1818;
}

.post p {
    font-family: "Palatino Linotype", serif;
	line-height: 1.3em;
    font-size: 1em;
    color: #1d1818;
}

.post p a, .post p a:visited, .post p a:active, .post p a:hover, .comment a {
    text-decoration: underline;
    color: #1d1818;
}

.post ul, #sidebar ul {
    list-style-type: none;
}

.post li, #sidebar li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post li a {
	font-family: "Palatino Linotype", serif;
	line-height: 1.75em;
    font-size: 1.15em;
    color: #1d1818;
    text-decoration: underline;
}   

#sidebar li a {
    color: #1d1818;
}