/*
Theme Name: smalltown
Theme URI: http://2M.Studio
Description: Free Wordpress Theme "smalltown" by 2M.Studio
Version: 1.0
Author: Weidemann
Author URI: http://www.2mstudio.de
/* --------------------------------------------- */

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
@charset "utf-8";
@import url("css/typograph.css");
body {
	margin:27px 0; padding:0;
	width:100%; height:100%;
	background:#efeee3;
	display:table;	
	line-height:19px; 
	font:11px Verdana, Arial, Helvetica, sans-serif;color:#000000}

img {
	border:0;
}

blockquote {
	margin:0 auto; padding:0 0 0 20px;
	width:85%; height:auto;
}

code {
	margin:0; padding:0 4px;
	background:#ffff00;
}

p {
	margin:auto; padding:auto;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/
#container {
	margin:0 auto;
	width:908px; height:auto; min-height:800px;
}

#header {
	padding:0;
	width:908px; height:241px;
	display:block;
	background:url(images/header.jpg) 0 0 no-repeat;
}
#content {
	margin:0 auto; padding:0px;
	width:908px; height:auto;
	background:url(images/content.png) 0 0 repeat-y;
	
}
	#content-top {
		margin:0 auto; padding:25px;margin:0;
		width:858px; height:auto;
	}
	
	#content-container {
		margin:0 auto; padding:0px;
		width:858px; height:auto;
		overflow:hidden;
	}
	
	#sidebar {
	margin:0; padding:0 0 0 15px;
	list-style:none;
	}

#footer {
	clear:both;
	margin:0; padding:0px;
	width:908px; height:16px;	
	background:url(images/footer.png) 0 0 no-repeat;
		
}
	
/* 03 - HEADER
/* ----------------------------------------------*/
#header ul {
	margin:116px 0 0 130px; padding:0;
	list-style:none;
	position:absolute;
}

	#header ul li {
		margin:0 0 0 10px;
		float:left; display:inline;
	}
	
	#header .description {
		clear:both; float:left;
		margin:0;padding:0;
		color:#000000;		
	}

	.topnav{margin:0px auto;width:903px;height:13px;padding:0px 5px 0px 0px;text-align:right;font-size:10px;}
	.topnav a{color:#8e8f8f;}
	.topnav a:hover{color:#d3d3d3;}
	
	#logo{width:280px;height:197px;float:left;}
	#logo img{padding:89px 0 0 25px;}
	#slideshow{float:left;width:700px;height:197px;}
	
/* 04 - CONTENT
/* ----------------------------------------------*/
#leftcol {
	margin:0; padding:0;
	width:210px; height:auto;float:right;	
	border-left:1px dotted #c7c5b7;
}

	.post-meta {
		padding:2px 0 0 0; margin:0;
		display:block;
	}
	
	.post p {
		margin:10px 0; padding:0;
	}
	
	#commentlist {
		margin:0; padding:0;
		list-style:none;
	}
	
		#commentlist li {
			margin:20px 0 0 0; padding:0 0 10px 0;
			border-bottom:1px dotted #A3A39B;
			overflow:hidden;
		}
		
			#commentlist li ul li, #commentlist li ol li {
				margin:0; padding:2px 0;
				background:none;
				list-style:inside;
			}
		
	.about-post {
		margin:-12px 0; padding:10px;
		font-size:85%; color:#97AB96;
	}

#rightcol {
	float:left;
	margin:0; padding:0px;
	width:620px; min-height:370px;	
	text-align:left;
	line-height:19px; color:#474747;
}

/* 05 - SIDEBAR
/* ----------------------------------------------*/
#spacer{clear:both;width:auto;height:21px;}

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

	#sidebar li {
		margin:15px 0 15px 0;
	}
	
		#sidebar li ul li {
			margin:0;
		}
		
			#sidebar li ul li ul li {
				margin:0 0 0 10px;
			}

		
/* 06 - FORMS
/* ----------------------------------------------*/

.comment {
	overflow:hidden;
}

	* html .comment {
		height:1px;
		overflow:visible;
	}

.comment-info {
	float:left;
}

	.comment-info input {
		width:120px;
		margin:0 0 12px 0;
	}

.comment-comment {
	float:right;
}

	.comment-comment textarea {
		width:331px; height:120px;
		float:right;
	}
	
	.submit {
		clear:both;font-weight:normal;
		margin:0 9px 0 0; padding:1px 5px;
		border:1px solid #c7c7c7;
		background:#e5e3d2;
		display:block;
		color:#000000;
		cursor:pointer;
	}

.input {
	margin:0; padding:2px 5px;
	background:none;
	border:1px solid #c7c7c7;
	display:block;
}

/* 07 - FOOTER
/* ----------------------------------------------*/
	.thema {
		margin:0; padding:15px 13px 0 0;
		width:auto; height:auto;
		float:right; display:inline;
	}
	
	.foot {
		float:right;
	}
	
		.foot ul {
			margin:47px 0 12px 0; padding:0;
			width:615px;
			list-style:none;
		}
		
			.foot ul li {
				margin:0; padding:0 10px;
				display:inline;
				border-left:1px solid #539e0e;
			}
			
				.foot ul li.first {
					margin:0; padding:0 7px 0 0;
					border:0;
				}
			
	.copyright {
		position:relative;
		display:block;
	}
	
/* 00 - MISC
/* ----------------------------------------------*/
.divider {
	margin:5px 0; padding:0;
	width:499px; width:auto;height:5px;	
	border-bottom:1px dotted #A3A39B;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}
#searchform{padding:7px 0 0 0px;}
#searchform .submit{margin:0;}
/* contact form */
/* ----------------------------------------------*/

.simpleContact{padding-top:13px;}
.simpleContact td{vertical-align:top;}
.simpleContact fieldset{border:1px solid #996666;padding:17px;margin-bottom:21px;}
.simpleContact label{clear:both;float:left;width:108px;height:27px;padding-left:9px;}

.simpleContact input, .simpleContact textarea, textarea{width:305px;padding:3px;margin-bottom:5px;border:1px solid #ccc;}
#contact input:hover, textarea:hover{background-color:#ffffff;}
.simpleContact input.but{
	width:auto;
	padding:2px 15px;
	height:23px;
	background-color:#ffffff;
	border:1px solid #ccc;
	color:#000000;
	cursor:pointer;
}
#contact input.radio{float:left;width:auto;background-color:transparent;border:none;}

/* images */
/* ----------------------------------------------*/
.size-thumbnail, .size-medium{float:right;margin:0 0 0 11px;padding:2px;border:1px dotted #737373;}
#rightcol p img{float:right;margin:0 0 0 11px;}