/*

 S t a r k  A b g e w a n d e l t e  V e r s i o n  v o n :
 NanoBlogger Spring
 box model hack with 2 column layout

 see suggestions for proper display on ie 5 mac here:
 http://www.alistapart.com/articles/footers/

 e r g ä n z t  u m  E l e m e n t e  a u s : blogkomm.css

*/

html, body  {
	background-color: #006100;
/* 	background-color: #669966;*/
	/* footerStickAlt
	   http://www.themaninblue.com/writing/perspective/2005/08/29/
	*/
	height: 100%;
	}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font: 13px/1.5 Georgia, Palatino, 'Times New Roman', Serif;
	}

a 		{ color: #508330; text-decoration: none; }
a:link		{ color: #508330; text-decoration: none; }
a:visited	{ color: #508330; text-decoration: none; }
a:active	{ color: #7fd754; text-decoration: underline; }
a:hover		{ color: #ee9d00; text-decoration: underline; }

h1 {
	margin-top: 25px;
	margin-bottom: -0.25em;
	padding-top: 10px;
	font-family: Verdana, sans-serif;
	font-size: large; /* for IE 5.5 */
	font-weight: bold;
	f\ont-size: x-large; /* for compliant browsers */
	}

h2 {
	color: #999999;
	margin-bottom: 1.5em;
	padding: 0;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: medium;
	font-weight: bold;
	}

h3 {
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	padding: 0;
	color: #003366;
	font-size: small;
	}

h4, h5, h6 {
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	font-size: x-small;
	}

blockquote {
	background-color: #EEE;
	padding: 2mm;
	border-left: 5px solid #BBB;
	}

img { border: 0; }

pre {
	background-color: #EEE;
	padding: 2mm;
	border: 1px solid #999;
	}

#header {
	background-color: #FFF;
	margin: 0px;
	padding: 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#header h1 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: large; /* for IE 5.5 */
	f\ont-size: x-large; /* for compliant browsers */
	}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {
	color: #57933;
	text-decoration: none;
	}

.description {
	color: #666;
	font-size: small;
	font-weight: bold;
	/*text-transform: lowercase;*/
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small; /* for IE 5.5 */
	font-family: Verdana, Sans-Serif;
	f\ont-size: small; /* for compliant browsers */
	}

#container {
	position: relative;
	background-color: #FFF;
	margin: 0 auto;
	/* set special width for IE */
	width: 860px;
	min-height: 90%;
	height: 90%;
	/* recover from center-alignment IE hack */
	text-align: justify;
	/* box model parse hack
	hides next rule from IE */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 840px;
}

html>body #container {
	height: auto;
	width: 840px;
}

#content {
	/* width: 65%; */
	padding: 10px 10px 10px 40px;
	background-color: #FFF;
	/* border: 1px solid red; */
	}

/* #widecolumn deprecated
only here for backwards compat. */
#altcontent, #widecolumn {
	background-color: #FFF;
	padding: 10px 40px 10px 40px;
	}

#links {
	float: right;
	background-color: #FFF;
	width: 210px;
	padding: 10px;
	margin-left: 30px;
	margin-bottom: 20px;
	border-left: 1px dotted #999;
	}

#wrap {
	margin-top: 0px;
	margin-left: 0px;
	}

#menu, .menu {
	text-align: center;
	margin-bottom: 15px;
	}

#pagenav, .pagenav {
	margin-bottom: 15px;
	}

#footer {
	clear: both;
	position: relative;
	background-color: #FFF;
	bottom: 0;
	min-height: 10%;
	height: 10%;
	width: 860px;
	margin: auto;
	padding: 10px;
        text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	/* box model parse hack
	hides next rule from IE */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 840px;
	}

html>body #footer {
	height: auto;
	width: 820px;
	}

.intro {
	border-bottom: 1px solid #999999;
	background-color: #FFF;
	color: #333;
	width: 550px;
	padding: 0px 10px 10px 0px;
	font-weight: normal;
	margin-bottom: 45px;
	}

.intro a {
	font-weight: normal;
	text-decoration: underline;
	color: #333;
	}

.blog, .archives, .pages {
	color: #333;
	padding: 0px;
	font-weight: normal;
	line-height: 1.2em;
	}

.blogbody {
	padding: 0px 30px 0px 0px;
	}

.blogbody p {
	text-align: justify;
	}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
	font-weight: normal;
	text-decoration: underline;
	}

.title	{
	text-transform: none;
	color: #508330;
	margin-bottom: 15px;
	font-size: small; /* for IE 5.5 */
	font-family: Georgia, Palatino, 'Times New Roman', Serif;
	f\ont-size: medium; /* for compliant browsers */
	}

.date	{
	color: #666; 
	margin-bottom: 10px;
	width: 550px;
	text-align: left;
	line-height: 1.7em;
	font-weight: bold;
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* for compliant browsers */
	border-bottom: 1px solid #999;
	}

.posted	{
	color: #000000; 
	margin-bottom: 25px;
	font-family: Verdana, sans-serif;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.calendar {
	color: #508330;
	padding: 2px;
	text-align: center;
	font-family: Georgia, Palatino, 'Times New Roman', Serif;
	/*font-family: Helvetica, Verdana, Sans-Serif;*/
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* feed to compliant browsers */
	font-weight: normal;
	}

.calendar a,
.calendar a:link,
.calendar a:active,
.calendar a:hover {
	font-weight: bold;
	text-decoration: underline;
}

.calendarhead {	
	color: #508330;
	padding: 2px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	}

.calendarhead a,
.calendarhead a:link,
.calendarhead a:visited {
	text-decoration: none;
	}
.calendarhead a:hover {
	text-decoration: underline;
	}

.calendarday {
	font-weight: bold;
	text-align: center;
}

.side {
	color: #333;
	padding: 2px;
	line-height: 1.7em;
	text-align: right;
	font-family: Verdana, sans-serif;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.sidetitle {
	color: #666;
	padding: 2px;
	margin-top: 10px;
	text-align: center;
	/*text-transform: lowercase;*//*(geändert)*/
	letter-spacing: 0.1em;
	border-bottom: 1px dotted #999;
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* feed to compliant browsers */
	}

.syndicate {
	background-color: #EEE;
	padding: 2px;
	margin-top: 10px;
	text-align: right;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.feed-small {
	height: 14px;
	padding-left: 15px;
	background: url('../images/feed-icon-14x14.png') no-repeat 0% 50%;
	}

.metainfo {
	background-color: #FFF;
	color: #666;
        text-align: center;
	padding: 10px;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.metainfo a {
	font-weight: bold;
	}

/* --- tools --- */

.clear { clear: both; }
.right { float: right; margin: 0 0 10px 10px; }
.left { float: left; margin: 0 10px 10px 0; }

img.left {
	float: left;
	margin: 0 10px 10px 0;
	}

img.right {
	float: right;
	margin: 0 0 10px 10px;
	}

.center {
	text-align: center;
	}

.block {
	display: block;
	}

/* class to hide elements */
.hide {
	display: none;
	}

/* used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* "auto-clearing" IE hack and non-javacsript IE-mac float fix */
.clearfix { display: inline-table; }

/* hides float from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-mac */

* html body {
	font-size: x-small;
	/* be nice to opera */
	}

/* IE hack to fix font size in tables */
* html table {
	font: 1em "Times New Roman", Times, serif; /* IE5 */
	}

/* --- extras --- */

.comments-body {
	color: #666;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px dotted #999;
	}

.comments-post {
	color: #666;
	font-size: x-small;
	font-weight: normal;
	}


.trackback-url {
	color: #666;
	padding: 5px;
	font-size: small;
	font-weight: normal;
	border: 1px dotted #999;
	}


.trackback-body {
	color: #666;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px dotted #999;
	}

.trackback-post {
	color: #666;
	font-size: x-small;
	font-weight: normal;
	}


.comments-head	{
	color: #666;
	margin-top: 20px;
	font-size: small;
	font-weight: bold;
	border-bottom: 1px solid #999;
	}

#header-commentspop {
	color: #FFF;
	padding: 5px 5px 15px 15px;
	font-size: large;
	font-weight: bold;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	}

/*
 * Blogkomm (blogkomm.css), leicht modifiziert
 */


/*CSS by Amy Rae of avisualmind.com and Holger Kreis of blogkomm
Use of this style sheet is governed by a Creative Commons Attribution-NonCommercial-ShareAlike 1.0 license
   http://creativecommons.org/licenses/by-nc-sa/1.0/
Use of the images employed by this style sheet are NOT governed by the same terms!
No use of the images may be made without the permission of the above parties.
*/


/*Input fields*/

input,textarea  {
    border:1px solid;
    padding:2px;
    background:#f9f9f9;
    border-color:#ccc;
    color:#333;
    }
input[type="submit"]:hover {
    background:#fcfcfc;
    }
input:hover,textarea:hover {
    border:1px solid;
    background:#fff;
    border-color:#aaa;

    }
input:focus,textarea:focus {
    border:1px solid;
    background:#fff;
    border-color:#888;
    }



/*Box with the form elements*/
div.blogkbox
    {
    width: 530px;
    background:#f1f1f1;
    color:#333;
	border-top:thin dotted #999;
	border-bottom:thin dotted #999;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin: 20px 2px 2px 2px;
}

/*Box around the comments*/
div.blogkcomments
    {
    width: 530px; 
    /*background:#f1f1f1;*/
    margin: 15px 2px 15px 2px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    }

/*even rows*/

.commentsEven
   {
    background:#fff;
    border-top:thin dotted #999;
	border-bottom:thin dotted #999;
   }

/*odd rows*/
.commentsOdd
   {
    background:#f1f1f1;
    border-top:thin dotted #999;
	border-bottom:thin dotted #999;
   }

/*moderators blog author rows*/
.commentsMod
   {
    background:#e9e9e9;
    border-top:thin dotted #333;
	border-bottom:thin dotted #333;
   }

    
div.blogkcomments:hover
    {
    background:#fff;
    color:#333;
	border-top:thin dotted #333;
	border-bottom:thin dotted #333;
    }
/*Box around the comments End*/



/*Box around the recent comments sidebar*/     
div.blogkcommentsrecent
    {
    background:#f1f1f1;
    color:#666;
	border-top:thin dotted #adadad;
	border-bottom:thin dotted #adadad;
    font-size:11px;
    margin:0.4em 25px;
    padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size:11px;
    text-align:left;
   
    }


span.blogkommlinks
   {
   /*empty for special link effect*/
   }

div.blogkLinks
   {
   /*empty for adjusting the [x comments]-link*/
   }
/*
 now handling tableless forms
 you don't have to edit from here 
 this goes back to an article at
 http://www.alistapart.com/articles/practicalcss/ 
 describing a code concept by eric meyer.

*/

div.blogkrow
	{
  	clear: both;
  	padding-top: 5px;
  	padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 5px;
    font-size:11px;
  	text-align:left;
	}

div.blogkrow span.blogkLeftClmn
    {
    padding-top: 5px;
    float: left;
    width: 20%;
    text-align: right;
    }

div.blogkrow span.blogkRightClmn
   {
   padding-top: 5px;
   float: right;
   width: 75%;
   text-align: left;
   } 
   
.captcha
   {
   margin: 2px;
   vertical-align: bottom;
   border: 1px solid #ccc;
   } 
   
.bkVisitor{
   font-weight: bold;
   text-decoration: none;
   }
img.gravatar {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
	padding: 2px;
	border: 1px solid #ccc;
}