/*
1. Reset
2. Default Typography
3. Layout
*/
/* RESET */
html, body { margin: 0; padding: 0; width: 100%;  }
p { margin: 0; padding: 0; }
ul, ol, li { margin: 0; padding: 0; }
li { margin: 0 0 .4em 1.5em;}
a img {border: none;}

/* Default Typography */
body { font-size: 75%; font-family: 'Lucida Grande', Sans-Serif; color:#444; } /* 1em = 12px */
h1,h2,h3,h4,h5,h6 { font-family: Georgia,serif; font-weight: normal; color: #222; }
h1 {}
h2 { font-size: 1.6em;}
h2 a { color: black; }
h3 { font-size: 1.2em; font-weight: bold;}
h4 { font-weight: bold; }
p { margin-bottom: 1em; }
#content p { line-height: 1.4em; }

/* Layout */
body { background: #eef; }
#header { border-bottom: 2px solid black; padding: 1em; position: relative; background: #fff url(images/layout/header_bg2.jpg) repeat-x top left; }
#site-title { color: black; letter-spacing: .1em; }
#site-title a { color: inherit; text-decoration: none; }
#site-title .author { display: block; font-size: .55em; margin: -.3em 0 0 6em; letter-spacing: .05em; }
#site-slogan { color: black; font-weight: bold; padding-bottom: 1em; position: absolute; top: 3em; left: 24em;}

#content-area { margin: 0 auto; width: 70em; padding: 0  0 0 3em; background: #fff url(images/layout/1000x1eeeeee.jpg) repeat-y 600px top; border: 1px solid black; border-color: #fff #999  }
#content { width: 45em; float: left; padding: 2em 0; clear: left; }
#widgets { width: 20em; float: right; list-style: none; padding: 2em 3em 2em 0; clear: right;  }
.clr { clear: both; width: 100%; }

#footer-outer { border-top: 2px solid black; clear: both; background: black; padding-bottom: 2em; width: 100%; }
#footer { clear: both; width: 72em; margin: 0 auto 0;  }
#footer div { width: 31%; float: left; margin: 0 1%; }
#footer ul { list-style: none; }
#footer li { margin: 0; height: 3em; border-bottom: 1px solid #333; overflow: hidden; }
#footer a { color: #eee; text-decoration: none; display: block; height: 2.8em; padding: .1em 0; }

#footer div.categories { float: right; }
#footer div.categories a { line-height: 3em; }
#footer div.popular-entries { margin-left: 1.6%; }
#footer a:hover { background: #eee; color: #000; }
#footer h2 { color: #99f; border-bottom: 1px solid; margin-bottom: .2em; }

/* Navigation */
#nav-main { list-style: none; margin: 0; position: absolute; margin-top: -2.2em; height: 1.9em; background: black; padding: .2em .3em 0; }
#nav-main li { margin: 0; float: left;  }
#nav-main a { padding: .3em 1em; color: white; text-decoration: none; display: block;  }
#nav-main a:hover { background: white; color: black; }

/* Frontpage */
#content .main { font-size: 1.4em;  }
.article { border-bottom: 1px solid #999; padding-bottom: 1em; }
.article p { }
.article .details { margin-top: 0em; margin-bottom: 2em; }
.article h2 { margin-bottom: .3em; }
.main .details { font-size: .75em; }

/* Convenience */
#searchform { position: absolute; bottom: .5em; right: .5em;}
.hidden { display: none; }

div.post-update { border: 1px solid #666; background: #eee; padding: .5em; margin: 1em 0; }
div.post-update h2 { font-size: 1.3em; margin-bottom: 0.2em; margin-top: 0; }
div.post-update p { margin: .4em 0; }

/* Post */
#content h1 { margin-bottom: 0; }
#content .postmetadata { margin-bottom: 2em; text-indent: 0em; }

/* Comments*/
#comments .allowed-tags { font-size: .9em; }
/* #comments h2 { background: #ccc; color: white;  } */
#comments {
	font-size:1em;
	line-height:1.4em;
}

.commentlist {
	margin: 0 0 1.5em;;
	padding:0 0 1px 0;
	border-top: 1px solid #999;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom: 1px solid #999;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#eee;
}

ul.children li {
	list-style:none;
}

img.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
}


textarea#comment {
	width:100%;

}
.comment-meta { margin-bottom: 1em; }

#comments div.navigation {
	font-size:0.8em;
}

#comments .bypostauthor { background: #333; color: #eee; }
#comments .bypostauthor a { color: #fff; }

/* Formatting inside a comment: */
.comment ul, .comment ol { margin-bottom: .5em; }
.comment li { border: none; margin-left: 1.8em; list-style-type: disc; }
.comment ol li { list-style: decimal outside; }
.comment blockquote { background: url(images/q_ccc.png) no-repeat top left; margin-left: 0; padding: 1em 1em .5em 3em; }

/****/
.entry ol { list-style-type:decimal; }
.entry ol ol {	list-style-type:lower-alpha; }
.entry ol ol ol {	list-style-type:lower-roman; }

.entry blockquote {
	border:1px dashed #ccc;
	font-size:0.9em;
	padding:5px 20px;
	margin:10px 0;
	background:#f8f8f8;
}

.entry blockquote blockquote {
	font-size:1em;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
}


/* Images */
.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
}


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.alignright {
	padding:0;
	margin: 2px 0 5px 10px;
	display: inline;
	float:right;
	}

.alignleft {
	padding:0;
	margin: 2px 10px 5px 0;
	display: inline;
	float:left;
	}

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

.navigation { clear: both; width: 100%; display: block; float: none; height: 1.2em;}

/* sociable */
bodye div.sociable { position: absolute !important; margin-left: -150px; background: white; padding: .3em .5em; border: 1px solid #999; border-right: 0; }