/*
Theme Name: Glockenstuhl Blog
Theme URI: http://glockenstuhl.at/
Description: The new Theme for Glockenstuhl Blog
Version: 1.0
Author: Smart Design
Author URI: http://www.smart-design.at/
*/


body {
    margin:0;
    padding:0;
    background:#F9F9F0;
    text-align:center;
}
body, table, div, p {
    font-family:"Trebuchet MS",Verdana, Arial, Times, sans-serif;
    font-size:13px;
}

input, textarea {
    font-family:Verdana, Arial, Times, sans-serif;
    font-size:11px;
    padding:5px;
}

a {
	color:#006633;
}

#heading {
	margin:20px auto 0 auto;
	width:760px;
    text-align:left;
    height:35px;
}

#menu {
	float:left;
}
#menu ul {
        margin:0;
        padding:0;
}
#menu ul li {
	list-style-type:none;
	float:left;
	margin-right:10px;
}
#menu ul li a {
	display:block;
	padding:8px 20px 9px 20px;
	background:#ADCE95;
}
#menu ul li a.active, #menu ul li a:hover {
	background:#006633;
	color:#fff;
}

#searchform {
	float:right;
}

#page {
    margin:0 auto;
    background:#fff;
    width:760px;
    text-align:left;
    border:1px solid #006633;
}

#header {
    background:url(./images/header.jpg) no-repeat top left;
    height:150px;
}

#content {
	float:left;
	width:480px;
	padding:15px;
}

.post {
	margin-bottom:30px;
}
.post h2 a, .post h2 {
	color:#006600;
	font-weight:normal;
        text-decoration:none;
        margin-bottom:0;
}

.postmetadata {
	color:#333;
	font-size:12px;
        clear:left;
}
.postmetadata a {
	color:#333;
}

#post_navigation {
        background:#eee;
        margin-bottom:20px;
        padding:5px;
        height:22px;
}
#post_navigation .alignleft {
        float:left;
}
#post_navigation .alignright {
        float:right;
}

#commentform {
	padding:15px;
	background:#E6EFE0;
}
#commentform input[type=text], #commentform textarea {
	width:400px;
}
#commentform label {
	display:block;
	margin-top:7px;
}

#sidebar {
	margin-left:530px;
}
#sidebar h2 {
       margin-top:20px;
       border-bottom:3px solid #ADCE95;
       font-weight:normal;
       margin-bottom:0;
}
#sidebar p {
       margin:0;
       padding:0;
}
#sidebar ul {
	margin:0;
	padding-left:20px;
}

.clearer {
	clear:left;
}

.feeds {
	background:#ADCE95;
	padding:8px;
	margin-bottom:20px;
}
a.feed {
	padding-left:20px;
	background:url(./images/icon_feed.gif) no-repeat top left;
}

#footer {
	background:#006633;
	padding:7px;
	color:#fff;
}
#footer a {
	color:#fff;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}