/*
Theme Name: kaeotic
Theme URI: http://kaeosmedia.de/
Description: Basiert auf dem Day Dream 0.1 Theme von <a href="http://www.fightingfriends.com" target="_blank">Jim Whimpey</a>. Die eingedeutschte Version von <a href="http://www.net-tec.biz" target="_blank">Jens Kleinholz</a> gibt es bei <a href="http://www.fightingfriends.com/daydream/">DayDream</a>.
Version: 1.0 [de]
Author: Mariusz Kaczmarek
Author URI: http://kaeosmedia.de
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Tahoma, Arial, sans-serif;
}

#wrapper {
	width: 641px;
	margin: 0 auto;
	background: #fff url("./images/wrap_bg.png") repeat-y;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER, HEADINGS, what not
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#header {
	width: 527px;
	height: 111px;
	margin: 0 auto;
	background: #006699 url("./images/header.jpg") repeat-x top;
	text-align: left;
	padding: 3px 0 0 0;
	}
	
h1 {
	font-size: 1.69em;
        color: #E0EEFC;
        text-decoration: none;
        font-family: Mac Type, Arial, serif;
        font-weight: bolder;
        text-transform: lowercase;
    	margin: 0px 23px 0px auto;
        background-color: transparent;
        padding: 11px 0px 0px 0px;
        text-align: right;
    }

	.description {
		margin: 0px 23px 0px auto;
        text-align: right;
		color: #4796E9;
		font-size: 0.73em;
        font-style: italic
}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TOP BAR
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#topbar {
	width: 527px;
	height: 25px;
	background: #006699;
	margin: 0 auto;
	border-bottom: 5px solid #4796E9;
	}
	
	#topbar ul {
		list-style: none;
		margin: 0 11px 0 25px;
		padding: 0;
		}
		
		#topbar ul li {
			display: block;
			list-style: none;			
			float: left;
			color: #fff;
			font-size: 0.9em;
			}
			
			#topbar ul li a, #topbar ul li a:visited {
				float: left;
				display: block;
				padding: 3px 8px 0 8px;
				height: 22px;
				color: #ffffff;
				text-decoration: none;
				}
				
				#topbar ul li a:hover {
                    background: #4796E9;
                    color: #ffffff;
				    padding: 3px 8px 0 8px;
                    }

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FEED ICONS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.feedicon {
	width: 16px;
	height: 16px;
background: url("./images/feedicon_blue_bg.png") no-repeat;
		display: block;
		display: inline; /* IE */
		float: right;
		margin: 5px 10px 7px 7px;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	width: 527px;
	margin: 0 auto;
	text-align: left;
	padding: 7px 0 0 0;
	}
	
	h4 a {
		color: #006699;
		text-decoration: none;
		}


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POSTS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.post {
	padding: 17px 0 17px 0;
	}
		
	.post h2 {
		font-size: 1.5em;
		font-weight: normal;
		color: #006699;
		margin: -10px 20px 0 30px;
		}
		
		.post h2.single { margin: -10px 20px 12px 30px;
color: #006699; }

		.post h2 a {
			color: #006699;
			text-decoration: none;
			}

			.post h2 a:hover { color: #0099CC; }
			
	.post .data {
		font-size: 0.85em;
		font-weight: normal;
		color: #006699;
		margin: 0 20px 15px 50px;
		}
		
		.post h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #003399;
			margin: 25px 20px -10px 0;
			}
			
			#content>.post h3 { margin-bottom: 8px; } /* FF Specific */
		
			.post h3 a {
				color: #006699;
				text-decoration: none;
				}

	.entry {
		width: 426px;
		margin: 0 auto;
		font-size: 0.8em;
		}
		
		.postmetadata {
			width: 406px;
			margin: 23px auto 11px auto;
			border-top: 1px solid #ABCAD9;
			border-bottom: 1px solid #ABCAD9;
			background: #E9EEF0;
			text-align: center;
			font-size: 0.7em;
			padding: 5px 7px;
			}
			
			.postmetadata#single { margin: 0 auto 30px auto;	}
			
			.postmetadata small { font-size: 0.6em; }
			
			.postmetadata a {
				color: #006699;
				text-decoration: none;
				}
				
				.postmetadata a:hover { color: #003366;	}
				
				

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		POST PARAPHERNALIA
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

		blockquote {
			margin: 10px 0 10px 30px;
			padding: 0 0 0 5px;
			border-left: 3px solid #4C8EDA;
			color: #666;
			}
		
		.post ul {
			margin: 10px 0 ;
			padding: 0 0 0 37px;
			}
		
		.post a {
			color: #006699;
			text-decoration: none;
			}
		
		.post a:hover { color: #0099CC; }
		
		

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
.navigation {
	border-top: 1px solid #ABCAD9;
	border-bottom: 1px solid #ABCAD9;
	background: #E9EEF0;
	width: 507px;
	height: 18px;
	margin: 0 auto;
	font-size: 0.8em;
	padding: 8px 10px;
	}
	
	.navigation a { color: #006699;	text-decoration: none; }
	.navigation a:hover { color: #003366; }
	
	.alignleft {
		float: left;
		text-align: left;
		}
	
	.alignright {
		float: right;
		text-align: right;
		}
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		COMMENTS and COMMENT FORM
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#commentformarea {
	width: 507px;
	border-top: 1px solid #ABCAD9;
	border-bottom: 1px solid #ABCAD9;
	background: #E9EEF0;
	margin: 0 auto 8px auto;
	padding: 8px 10px;
	}
	
	#commentform {
		margin: 15px 0 10px 40px;
		}
	
	#commentformarea h3 {
		font-size: 1.3em;
		font-weight: normal;
		color: #006699;
		margin: 10px 0 15px 20px;
		}
		
		#commentform p { margin: 0 0 3px 0;	}
		
		#commentform input, #commentform textarea {
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 3px;
			font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
			font-size: 0.8em;
			}
			
			#commentform textarea { width: 420px; }
			
			#commentform input#submit {
				font-family: Georgia, "Book Antiqua", "Souvenir Lt BT", "Times New Roman", serif;
				width: 130px;
				color: #006699;
				}
				
				h4 {
					margin: 25px 0 20px 0;
					text-align: center;
					font-weight: normal;
					color: #006699;
					}
	
	ol.commentlist {
		width: 426px;
		list-style: none;
		margin: 0 auto 60px auto;
		padding: 0;
		font-size: 0.9em;
		}
		
		ol.commentlist li {
			margin: 0 0 20px 0;
			padding: 20px 0 0 0;
			border-top: 1px solid #ABCAD9;
			}
		
				ol.commentlist p { margin: 0 0 10px 0; }
				
				ol.commentlist a { color: #003366;	text-decoration: none; }
				ol.commentlist a:hover { color: #006699; }

					ol.commentlist span.cmntmeta { color: #006699; }
				


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SEARCH AND ARCHIVES
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sanda h2.pagetitle {
    font-size: 15px;
	font-weight: normal;
	color: #006699;
	margin: 11px 0px 0px 23px;
	}

.sanda .post h3 {
    font-size: 11px;
    color: #003399;
    margin: 11px 0px 0px 23px;
}

.sanda .post h3 a {
    font-size: 14px;
	color: #006699;
	text-decoration: none;
	}

.sanda .post h3 a:hover {
    color: #003399;
    }

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		SIDEBAR (aka the area where sidebar things go that is actually on the bottom)
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#sidebar {
	width: 527px;
	margin: 11px auto 0 auto;
	background: #006699 url("./images/sidebar.jpg") repeat-x;
	padding: 0 0 0 0;

}

	#wrapper>#sidebar { padding: 0px 0 0px 0; } /* FF Specific */

	#categories, #archives, #meta {

	    margin: 0;
        padding: 0;
        list-style-type: none;
		}


		#sidebar ul, #sidebar ul li, #sidebar ul li ul, #sidebar  ul li ul li {
			margin: 23px 0px 0px 0px;
			padding: 0;
			list-style: none;
			text-align: center;
            width: 527px;
			}

		
		#sidebar li h2 {
			margin: 0;
			color: #000000;
			font-weight: normal;
			font-size: 0.9em;
			}
		
		#sidebar ul li ul {
			padding: 0px 0px;
            font-size: 0.7em;
			}
			
			#sidebar ul li ul li a {
				color: #000;
				text-decoration: none;
				}
				
				#sidebar ul li ul li a:hover { color: #ffffff; }
		
		input#s {
			width: 440px;
			margin: 10px auto 0 auto;
			border: 1px solid #A7A6AA;
			background: #fff;
			padding: 4px 0;
			color: #A9A9A9;
			text-align: center;
			}

    #simpletagcloud {
    	width: 447px;
    	margin: 0px auto 0px auto;
        background-color: transparent;
        padding: 0px;
        text-align: center;
        }

    #simpletagcloud a:link, a:visited {
		color: #4796e9;
		text-decoration: none;
		font-weight: 500;
    	}

    #simpletagcloud a:hover {
        color: white;
        }

    #cat.postform , #archive.postform {
    /*display: block;
	display: inline; /* IE */
	float: right;
	margin: 11px 11px 11px 11px;
    }

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
#footer {
	width: 527px;
	margin: 0px auto 0px auto;
	background: #006699 url("./images/footer.jpg") repeat-x;
	color: #004477;
	font-size: 5pt;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
	
	#footer p {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 10px;
		color: #4796E9;
		}

		#wrapper>#footer p { margin: 0; padding: 11px 0 11px 0; } /* FF Specific */

		#footer p a {
			color: #4796E9;
			text-decoration: underline;
			}
			
			#footer p a:hover { color: #ffffff; text-decoration: none; }