/*
Theme Name: eighty1 for Habari
Theme URI: http://eighty4.se/theme
Version: 0.1.0
Author: eighty4
Author URI: http://eighty4.se
*/

/* Structure */

#header {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: fixed;
	top: 0px;
	background: #31323a;
}

#header a {
	color: #fff;
}

#header a:hover {
	background: #4da3f9;
	color: #fff;
}

	#header #header_wrapper {
		width: 700px;
		padding: 0px;
		margin: 0px auto;
	}
	
	#header h3 {
		color: #4da3f9;
		border-bottom: 1px solid black;
		margin-left: 0px;
	}
	
	#header #header_wrapper #innerMenu div {
		margin: 10px 5px;
		padding: 0px;
		width: 31%;
		float: left;
	}

		#header #header_wrapper #innerMenu {
			color: #fff;
			width: 100%;
			float: left;
			border-bottom: 1px solid #4da3f9;
		}

				.tag-cloud {
					width: 100%;
					list-style: none;
					float: left;
					margin: 10px 0px 0px 0px;
					padding: 0px;
					font-family: Arial;
					font-weight: 100;
					background: #40414c;
				}

				.tag-cloud ul li a {
					color: #fff;
					text-decoration: none;
					border: none;
				}

				.tag-cloud li {
					height: 3.0em;
					line-height: 3.0em;
					float: left;
					margin: 0px 2px;
				}
				
					#header #header_wrapper #innerMenu #recentcomments ul {
						list-style: none;
						list-style-position: outside;
						font-style: italic;
						margin: 10px 0px 0px 0px;
						padding: 0px;
					}
					
						#header #header_wrapper #innerMenu #recentcomments ul li {
							margin: 0px 0px 5px 0px;
							color: #666;
							font-size: 0.8em;
							display: block;
							background: #40414c;
							padding: 4px 8px;
						}
						
						#recentcomments ul li a {
							color: #bbb;
							font-weight: 400;
						}
						
						#recentcomments ul li a:first-child {
							color: #bbb;
							font-weight: 900;
						}
				
					#header #header_wrapper #innerMenu .about p {
						list-style: none;
						list-style-position: outside;
						margin: 10px 0px 0px 0px;
						padding: 0px;
					}
					
					.about img {
						float:right
					}
	
		#header #header_wrapper #menu {
			margin: 6px 0px;
			padding: 0px;
			float: right;
			list-style: none;
			list-style-position: outside;
			font-size: 1.0em;
				
		}
		
		#header #header_wrapper #menu li {
			float: left;
			margin: 0px 12px 0px 0px;
			padding: 0px;
		}
		
		#header #header_wrapper #menu li a {
			border-bottom: 2px dotted #535353;
		}
		
		#header #header_wrapper #menu li.current-page a {
			border-bottom: 2px solid #b8b8b8;
		}
		
		
		#header #header_wrapper #toogle {
			margin: 10px 0px -35px 0px;
			padding: 20px 10px 5px 10px;
			float: left;
			background: #31323a;
			color: #fff;
			font-size: 0.8em;
		}


#content_wrapper {
	width: 700px;
	padding: 0px;
	margin: 40px auto 0px auto;
}

html { overflow: -moz-scrollbars-vertical; } /* Always show the scroolbar, prevents the "jumpy" effect that otherwive occur */


/* Entry */

.entry {
	width: 100%;
	margin: 0px 0px 30px 0px;
}

	.entry .entry-meta {
		border-top: 1px dotted black;
		clear: both;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	
	.entry .entry-meta h2 {
		float: left;
		font-family: Georgia,"Times New Roman",serif;
		background: url("../images/entry-post.png") no-repeat center left;
		padding: 5px 0px 0px 40px;
		font-weight: 600;
		letter-spacing: 2px;
		font-size: 1.4em;
		color: #661611;
		width: 520px;
		text-align: left; 
		margin: 2px 0px 0px 0px;
	}
	
	.date {
		font-family: "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;
		float: left;
		clear: both;
		text-align: center;
		margin: 0px 0px 20px 0px;
		width: 100%;
		font-size: 1.8em;
		font-style: italic;
		background: url("../images/office-calendar.png") no-repeat right bottom;
		padding: 90px 0px 0px 0px;
	}
	
	.not-first {
		border-top: 1px dotted black;
	}
	
	.entry .entry-meta .entry-date {
		float: right;
		font-size: 0.8em;
	}

	.entry .entry-meta .entry-comments-link, .entry .entry-meta .entry-date-single {
		float: right;
		clear: right;
		font-size: 1.2em;
		margin: 5px 0px 0px 0px;
		/* font-family: Georgia,"Times New Roman",Times,serif; */
	}
	
	.entry .entry-meta .entry-comments-link:before {
		font-family: Georgia,"Times New Roman",Times,serif;
		color: #555;
		content: "{";
	}
	
	.entry .entry-meta .entry-comments-link:after {
		font-family: Georgia,"Times New Roman",Times,serif;
		color: #555;
		content: "}";
	}
	
	.entry .entry-meta .entry-date-single:before {
		font-family: Georgia,"Times New Roman",Times,serif;
		color: #555;
		content: "{";
	}
	
	.entry .entry-meta .entry-date-single:after {
		font-family: Georgia,"Times New Roman",Times,serif;
		color: #555;
		content: "}";
	}

	
	.entry .entry-text {
		padding: 0px 10px;
		margin-bottom: 40px;
	}


/* Comments */
#post-comments {
	margin-bottom: 30px;
}

.post-comment {
	width: 100%;
	margin: 20px 0px;
	padding: 15px 0px 5px 0px;
	border: 0px none;
	background: #c9c8b7;
	font-size: 1.0em;
}


.post-comment-commentor {
	margin-left: 20px;
	padding: 0px 0px 15px 0px;
	overflow: hidden;
}

.post-comment-commentor img {
	float: left;
	margin: 0px 10px 0px 0px;
}

.post-comment-commentor h3 {
	padding-top: 5px;
	margin: 10px 0 0;
}

.post-comment-link{
	margin: 0px 10px 0px 0px;
}

.post-comment-body {
	margin: 0px 20px;
}

form p {
	margin-left: 0px;
}

/* Footer */

#page-selector {
	width: 500px;
	height: 1.5em;
	margin: auto auto;
	font-size: 1.2em;
}

.nav-next {
	float: left;
	height: 100%;
	width: 100px;
}

.nav-number {
	text-align: center;
	width: 300px;
	float: left;
	height: 100%;
}

.nav-prev {
	float: left;
	width: 100px;
	height: 100%;
	text-align: right;
}

.current-page {
	color: #000;
}


#footer {
	padding: 10px;
	margin: 0px;
	width: 100%;
	border-top: 1px dotted #9a998c;
	float: left;
}

#footer p {
	text-align: center;
	margin: 0px 0px;
	font-size: 0.7em;
	font-family: "Lucida Sans Unicode","Lucida Grande";
}


/* Default Elements */
body {
	margin: 0px;
	padding: 0px;
	font-family: 'myriad pro', helvetica, arial;
	font-weight: normal;
	background: url("../images/body.jpg");
	font-size: 14px;
}

a {
	color: #661611;
	text-decoration: none;
	}

a:hover {
	color: #142437;
	}


.geshicode, code {
		text-align: left;
		font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;
		background: #cbcaba;
		display: block;
		padding: 5px 12px;
		margin: 10px 20px;
		border: 2px solid #b8b7a9;
}

h1 {
	font-family: Baskerville,Palatino,"Book Antiqua",serif;
	font-size: 3.2em;
	margin: 0px 0px -60px 0px;
	padding: 50px 0px;
	text-align: center;
	color: #142437;
}

#content_wrapper .header {
	font-size: 1.6em;
	font-style: italic;
	text-align: center;
	display: block;
	margin: 10px 0 30px 0;
	}

h1 a {
	color: #142437;
	border: none;
}

h1 a:hover {
	color: #661611;
	border: none;
	background: none;
}

h3 {
	font-size: 1.6em;
	color: #000;
	margin: 40px 0 0;
	font-weight: 300;
}

h3 a {
	color: #661611;
	margin: 0px;
	border: none;
}

h3 a:hover {
	background: none;
	color: #5f5f5f
}


h4 {
	font-size: 1.4em;
	color: #000;
	margin: 40px 0 0;
	font-weight: 300;}

p {
	margin: 0px 0px 10px 0px;
	line-height: 1.7em;
	font-size: 1.2em;
	letter-spacing: 0.03em;
	text-align: justify;
}

.clear {
	clear: both;
}

.hidden {
	display: none
}

.prompt {
	padding-left: 50px;
	font-size: 1.6em;
	padding-top: 20px;
	font-weight: bold;
	margin: 0;
}

.noposts{
	margin-bottom:120px;
}

label  {
	font-family: "Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;
	font-size: 1.1em;
	margin-left: 10px;
}

input {
	padding: 5px 10px;
	border: 0px none;
	background: #9a998c;
	font-size: 1.0em;
}

input:hover {
	background: #b0afa0;
}

textarea {
	border: 0px none;
	background: #9a998c;
	width: 680px;
	padding: 10px;
}

textarea:hover {
	background: #b0afa0;
}

blockquote {
	margin: 10px 20px 20px 10px;
	padding: 15px 0 0 70px;
	text-indent: 0;
	font-style: italic;
}

.left{
	float:left;
}

.right{
	float:right;
}

img {
	border: 0px none;
	max-width: 90%;
	margin:  10px 5%;
}