
body {
	margin: 5px;
	padding: 0;
	background: #D4D4D4 url(images/karo.gif);
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #040404;
}

h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #6157E4;
}

a:hover {
	background: url(images/img10.gif) repeat-x left bottom;
}

.content ul {
	margin-top: 0;
}

/* Teal Notes */

.tealnotes {
}

/* Yellow Notes */

.yellownotes {
	margin-bottom: 20px;
	background: #FFF846 url(images/img2.gif) no-repeat left bottom;
}

.yellownotes .heading {
	height: 20px;
	padding: 10px;
	background: url(images/img3.gif) repeat-x left center;
}

.yellownotes .content {
	padding: 0 20px 260px 20px;
}

/* Orange Notes */

.orangenotes {
	margin-bottom: 30px;
	background: #FF8C46 url(images/img6.gif) no-repeat left bottom;
}

.orangenotes .heading {
	height: 20px;
	padding: 10px;
	background: url(images/img7.gif) repeat-x left center;
}

.orangenotes .content {
	padding: 20px 20px 55px 20px;
}



/* dunkelGreen Notes */

.dgreennotes {
	margin-bottom: 20px;
	background: #5bce9e url(images/img8.gif) no-repeat left bottom;
}

.dgreennotes .heading {
	height: 20px;
	padding: 10px;
	background: url(images/img9.gif) repeat-x left center;
}

.dgreennotes .content {
	padding: 20px 20px 60px 20px;
}

/* Green Notes */

.greennotes {
	margin-bottom: 30px;
	background: #AEE63F url(images/img4.gif) no-repeat left bottom;
}

.greennotes .heading {
	height: 20px;
	padding: 10px;
	background: url(images/img5.gif) repeat-x left center;
}

.greennotes .content {
	padding: 20px 20px 50px 20px;
}

/* Header */

#header {
	width: 600px;
	height: 230px;
	margin: 0 auto;
	padding: 0px;
/*	background: #5BCE9E url(images/logo.gif) no-repeat left bottom; */
	background: url(images/logo.jpg) no-repeat left bottom;
}

#header h1, #header h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#header a {
	background: none;
}

/* Pages */

#pages {
	width: 700px;
	margin: -50px auto 50px auto;
	padding-left: 200px;
}

#pages2 {
	width: 700px;
	margin: -50px auto 50px auto;
	padding-left: 200px;
}

#pages h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#pages ul {
	margin: 0;
	padding: 0;
	list-style: none; 
}

#pages li {
	display: inline;
	padding-left: 1em;
}

#pages a {
}

/* Content */

#content {
	width: 1000px;
	margin: 0 auto;
}

/* Posts */

#posts {
	float: left;
	width: 90px;
}

.post {
	margin-bottom: 20px;
	background: #FFF846 url(images/img3.gif) repeat-x left top;
}

.title {
	padding: 5px 20px;
}

.posted {
	padding: 0 0 0 20px;
	font-size: small;
}

.story {
	padding: 20px;
}

.meta {
	height: 60px;
	padding: 10px 0 0 0;
	background: url(images/img2.gif) no-repeat left bottom;
}

.meta p {
	margin: 0;
	padding: 0 20px 0 0;
	text-align: right;
}

/* Search */

#search {
	float: right;
	width: 250px;
}

#search .content {
	padding-bottom: 100px;
}

/* Archives */

#archives {
	clear: right;
	float: right;
	width: 220px;
}

/* Categories */

#categories {
	clear: right;
	float: right;
	width: 220px;
}

/* Blogroll */

#blogroll {
	clear: right;
	float: right;
	width: 200px;
}

/* Footer */

#footer {
	clear: both;
	text-align: center;
}
