/**
* author Torsten Zander
* layout for habari
* 
*/
body{
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: .5em 0;
}

em {
	font-style: italic;
}

strong {
	font-weight: normal;
}

blockquote {
	border-left: 4px solid #8BB110;
	padding: 5px 0 5px 20px;
	margin: 10px 0 10px 30px;
	text-align: left;
	letter-spacing: 0px;
	background-color: #F5F5F5;
}

blockquote p {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 8px 0;
	font-style: italic;
}

.right {
	float: right;
}

.left {
	float: left;
}

img.right  {
	border: 1px solid #666;
	padding: 3px;
	margin-left: 8px;
}

img.left {
	border: 1px solid #666;
	padding: 3px;
	margin-right: 8px;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* define inline elements as block */

.block {
	display: block;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 80% Georgia, serif;
  color: #666;
  background-color: #F5F5F5;
  margin: 0;
  padding:0;
}

/* =Structure
-----------------------------------------------------------------------------*/

#wrapper {
	width: 950px;
	margin:0 auto;
	background: #fff;
	
}

#masthead {
	margin: 0px 0;
	background-color: #8BB110;
	padding-bottom: 5px;
	height: 120px;
	padding-top: 20px;
}

#content {
	margin:10px;
	text-align: left;
	
}

#primaryContent {
	float: left;
	width: 625px;
	padding: 0 30px 0 23px;
	margin-bottom: 10px;
	
}
.published {
	border-bottom: #F5F5F5 1px solid;
    padding-bottom: 5px
}
#secondaryContent {
	float: right;
	width: 240px;
}

#footer {
	height: 60px;
	border-top: 2px dotted #8BB110;
	padding-top: 5px;
	margin-top: 5px;
}



/* =Headings
-----------------------------------------------------------------------------*/


h1 {
	font-size: 225%;
	font-weight: normal;
	font-family: Georgia, serif;
	color: #fff;
}

h2 {
	color: #545454;
	font-weight: normal;
	font-family: Georgia, serif;
    margin: 20px 0 0 0;
}

h3 {
	font-size: 123.1%;
	font-weight: normal;
	font-family: Georgia, serif;
}

#masthead h3 {
	padding-left: 33px;
	margin: 0;
}

#primaryContent h2 {
	
	font-size: 159%;
	margin: 10px 0px 10px 0;
}

#page #content #primaryContent h2 {
	text-align: center;
	margin: 0;
}

#secondaryContent h2 {
	font-size: 144%;
}

#site {

}

#rss {
	font-size: 80%;
	text-decoration: none;
}

#aside {

}

#commentheading {

}


/* =Links
-----------------------------------------------------------------------------*/

a:link {
	color: #8BB110;
}

a:visited {
	color: #8BB110;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: olive;
}

a:active {
	color: #8BB110;
}



ul#nav li a:link, ul#nav li a:visited {
	display: block;
	width: 200px;
	padding-bottom: 5px;
	color: #666;
	text-decoration: none;
	text-indent: 20px;
}

ul#nav li a:hover {
	color: #000;
}

#branding a {
	border: none;
margin-left: -5px;
}

ul#tidbits a {
	text-decoration: none;

}




/* =Masthead
-----------------------------------------------------------------------------*/

#branding {
	margin-left: 35px;
	
}


/* =Main Nav
-----------------------------------------------------------------------------*/




/* =Primary Content
-----------------------------------------------------------------------------*/

#post-nav {
	margin: 10px 5px 45px 5px;
}

.cal {
	height: 56px;
	width: 50px;
	float: left;
	margin: 7px  8px 9px 0;
	text-align: center;
	border: 1px solid #8BB110;
}

.calyear {
	background: #8BB110;
	color: #fff;
	padding:2px 8px 0px 8px;
	display: block;
}

.calday {
	font-size: 138.5%;
	margin: 0;
	padding: 0;
	text-align: center;
display: block;
}

.calmonth {
	font-size: 77%;
	margin: 0;
	border-top: 1px solid #8BB110;
	width: 100%;
display: block;
}

.entry {
	font-family: Georgia, serif;
	text-align: justify;
	line-height: 1.5em;
    margin-top: 0px;
    font-size:15px;
}

.draft {
	background: #FFF6BF;
	color: #817134;
	border-color: #FFD324;
	padding: 5px;
}

.entry ul {
	list-style-type: square;
	padding-left: 55px;
	
	clear: left;
}

.entry li {
	padding-bottom: 4px;
}

.entryMeta {
	margin:30px 5px 5px 0px;
	font-size: 92%;
}

.commentCount {
	float:  right;
}

.tags {
	float: left;
	font-weight: normal;
}

#pagenav {
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px;
	background: #F5F5F5;
	margin-top: 10px;
}

#pagenav a {
	text-decoration: none;
	padding: 2px;

}

#pagenav a:hover {
	background: #545454;
	padding: 2px;
	color: #fff;
	text-decoration: none;
}

#pagenav a.current-page {
	border: 1px solid #545454;
	color: #545454;
	padding: 2px;
}

/*****( head )***/
#head {
	background-color: #8BB110;
	width: 100%;
	height: 26px;
	border-top: 1px solid White;
	}

#menu .left{
	margin-left: 27px;
	}

#menu a{
	font-size: 13px;
	color: White;
	border-right: 1px solid White;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	margin: 0px;
	width: 50px;
	}
#menu a:hover{
	background-color: olive;
	}

/* =Secondary Content */


#secondaryContent ul {
	list-style-type: none;
	margin:0;
padding:0;
display:block;
}

#secondaryContent li {
	margin-left: 0px;
    border-bottom: 1px solid #F5F5F5;
	padding-bottom: 5px;
    padding-top: 5px;
	margin-left: 0px;
}





/* =Footer
-----------------------------------------------------------------------------*/

#footer p {
	text-align: center;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}



/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/*Comments-----------------------------------------------------------------------------*/

#comments {
	padding-top: 20px;
}

#pings {
	margin:15px 0 25px 0;
}

.ping-meta {
	background: #ddd;
	border: 1px solid #ccc;
	padding: 4px;
	margin-bottom: 15px;
}

ul#pings-list {
	list-style-type: none;
}

ul#commentlist {
	list-style-type: none;
}

.comment {
	margin-bottom: 15px;
}

.comment-content {
	border: 1px solid #ccc;
	padding: 4px;
	background: #F5F5F5;
}

.comment-unapproved .comment-content {
	background: #ffc;
}

.comment-meta { 
	background: #ddd;
	border: 1px solid #ccc;
	padding: 4px;
}

/* Comment Form - heavily leaned on code from Andy Budd's book CSS Mastery, re-used with permission from author */
/* fieldset styling */
#comment_form {
	padding-top: 25px;
}
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	background-color:#F5F5F5
}

/* legend styling */
legend {
	font-weight: bold;
}

form p {
  position: relative;
	width: 100%;
}

/* style for  labels */
label {
	float: left;
	width: 10em;
}
input {
  width: 200px;
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
input.submit {
  width: auto;
}

label .required {
	position: absolute;
	margin-left: 11em;
	left: 200px;
  	right: 0;
	font-size: small;
	font-style: italic;
	color:#760000;
	padding-left: 35px;
}
/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

textarea {
	width: 350px;
	height: 200px;
}

/*Search Form*/
#rss {
 clear: both;
margin-top: 25px;
}
#searchsubmit {
	width: 30px;
	float: left;
	background-color: #8BB110;
	color: White;
margin: -14px 0 0 4px;
	border: 1px solid #8BB110;
}
#s {
    color: #666;
	width: 140px;
	float: left;
}

#tags ul {
	margin: 0;
	padding: 0;
	text-align: justify;
	word-spacing: 2px;

}

#tags ul li {
	display: inline;
	list-style-type: none;
	font-weight: normal;
}