/* 
Theme Name: LiselotteStone based on Misty Look
Theme URL: http://www.stefankep2ler.org
Description: based on Misty Look is a modern, 2-column Widget-ready theme created for Wordpress.
Author: Stefan Kep2ler
Author URI: http://www.stefankep2ler.org
Version: 0.1

Changelog:
	v0.1 - 24.02.2009
	First Release of LiselotteStone
*/

/************************************************
*	General					*
************************************************/


body {
	background:#F0F0F0 none repeat scroll 0 0;
	color:#333333;
	font-family:verdana,tahoma,arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6em;
	margin:0;
	text-align:left;
}

h1, h2, h3
{
	font-family:Georgia, Verdana, Arial, Serif;
	letter-spacing:0em;
	font-weight:normal;
	font-size:1.5em;
	letter-spacing:0;
	line-height:1.4em;
	margin:1em 0 0;
}

h1{
	font-size: 2.5em;
}

p {
	margin: 0.7em 0;
	line-height:1.8em;
}

dl {
	margin:1em 0;
}
dt 
{
	font-weight:bold;
}
dd 
{
	margin:0.5em;
	padding:0;
}

a:link img,
a:visited img,
a:hover img,
a:active img
{
	border:none;
	background:none;
	padding:none;
	background:url(img/shadow.gif) no-repeat right bottom;
	padding:4px 10px 10px 4px;	
	border-top:#eee 1px solid;
	border-left:#eee 1px solid;		
}
img.wp-smiley, #wpstats, img.noborder, a img.noborder {
	background: none;
	border: 0;
	padding: 0;
}
.clear {
	clear:both;
	height:20px;
}
blockquote
{
	color:#666;
	margin: 1em;
	padding: 0 0 10px 50px;
	background: url(img/blockquote.gif) no-repeat left top;	
}
fieldset 
{
	border:0;
}

a 
{
    text-decoration:underline;
}
a:link, a:visited {
	color: #265e15;	
}

ul 
{
    margin:0 1em;
    padding:0 1em;
}


#container {
	background:#FFFFFF none repeat scroll 0 0;
	border:0.1em solid #CCCCCC;
	margin:1em auto;
	position:relative;
	width:65em;
}


/************************************************
*	Header  				*
************************************************/

#header {
	clear: both; 
	float: left; 
	margin:2em 0 1em 2em;
	width:32em;
}
#blogname h1 
{
	font-size:3.0em;
	line-height:1em;
	margin:0;
	font-variant:small-caps;
}
#blogname h1 a {
	text-decoration:none;
	border:0;
	background:#FFFFFF url(img/logo_green-27x25.gif) no-repeat scroll left center;
	padding:0 0 0 1em;
}

#blogname img {
	margin:0 0.2em 0 0;
}

#blogdescription h1 {
	font-family:Tahoma,Verdana,Arial,Serif;
	font-size:1em;
	font-weight:normal;
	letter-spacing:0.2em;
	margin:0;
}
#navigation{
	margin: 10px; 
}

#headerimage {
	clear: both; 
	background: #fff url(img/misty.jpg) no-repeat 0 0 center;
	color: #fff; 	
	height: 200px;
}

#menu {
	background:#EDEDED none repeat scroll 0 0;
	margin:-15px 0 0;
}

.sidebar_top {
	padding:1.5em 3em 1em;
	float: left;
}

.sidebar_top li {
	display:inline-table;
	font-weight:bold;
	list-style-type:circle;
	margin:0 2em 0 0;
	}
		
.sidebar_top ul {
	padding: 0;
	margin: 0;
	}

#headercontact {
	font-size:0.9em;
	padding:0 0.5em;
	text-align:right;
}


#feedarea {
	padding:10px 10px 0 0; 
	float: right; 	
	text-align: right;
}
html #feedarea {
	padding-top: 10px;
}
#feedarea dl dt {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
}
#feedarea dl dd {
	display: inline; 
	margin-right: 5px; 
	height: 45px;
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}



#content-main ul.asides 
{
	margin:0;
	padding:2em;
	border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding-left:2em;
}

#content-main {
	float:left;
	clear:both;
	padding:0 2em 2em 3em;
} 

#content .post-info , #content .postmetadata
{
	clear:both;
	font-size:0.9em;
	color:#999;
	margin:0;
	padding:0;	
}
 
#content h2.pagetitle 
{
	background:url(img/underline1.jpg) no-repeat left bottom;
	padding-bottom:15px;	
}
.postnav {
	display: block;
	margin: 10px 0 60px;
	
}
.alignleft 
{
	float:left;
	text-align:left;	
}
.alignright
{
	float:right;
	text-align:right;	
}

/************************************************
*	Right Sidebar 	     		     	* 
************************************************/
#sidebar {
	float: left; 
	width: 200px;
	font-size:0.9em;
}
#sidebar ul
{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li 
{
	margin-bottom:8px;
}
#sidebar ul ul
{
	list-style:none;
	margin:0.5em 0 0 1em;
}
#sidebar ul ul ul
{
	margin:0 0 0 1em;
}
#sidebar li.sidebox {
	padding:1px 10px;
	margin:0 0 1em 0;
	background: #ededed url(img/sideheadtop.gif) no-repeat left top; 		
}
li#sidelinks ul
{
	margin:0;
	padding:0;
}
#sidebar li.sidebox p img {
	margin:0;
	padding:3px;
	border:#ccc 1px solid;
	background:none;
}

/************************************************
*	Footer	 	     		     	* 
************************************************/
#footer {
	clear: both; 	
	background: transparent; 
	margin: 0 auto; 
	width: 760px; 	
	text-align: left;
	font-size:0.9em;
}

#footer p {
	float:left;
	line-height:1em;
	margin:0.3em 5em 0 2em;
}

#footer li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 0 0.5em;
}

/************************************************
*	Comments	     		     	* 
************************************************/
#comments, #respond{
	margin: 0;
	padding:1em 0 0 0;
}
#commentform 
{
	margin:10px 0;	
	padding:10px;
	background:#f9fcfc;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}
.commentnum 
{
	font-size:1.5em;
	font-weight:bold;	
	margin:0 5px 0 0;
}
.nocomments 
{
	text-align:center;
	color:#999;
	font-size:0.9em;
}
#container .commentlist {
	margin: 1em 0;
	padding: 0;		
	border-top: #ddd 1px solid;
}
#container .commentlist li 
{
	list-style:none;
	margin: 0;
	padding: 0.5em 0.5em 2em;	
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
}
#container .commentlist li.alt 
{
    background:#f9f9f9;    
}
#container .commentlist li.authorcomment 
{
    border:#fc9 1px solid;      
}
#container .commentlist li .cmtinfo 
{
	font-size:1em;			
}
#container .commentlist li cite 
{
	font-style:normal;
	font-weight:bold;
}
#container .commentlist li .cmtinfo em 
{
	float:right;
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#container .commentlist .avatar
{
	float:right;	
}
#content .commentsfeed 
{
	background:url(img/icon_feed.gif) no-repeat left center;
	padding-left:16px;
}
#content .trackback 
{
	background:url(img/link.gif) no-repeat left center;
	padding-left:20px;
}
input.textbox, textarea
{
	border:#ccc 1px solid;
	background:#fff url(img/shadow_top.gif) repeat-x top;
	font:1em Verdana, Arial, Serif;
	padding:2px;
	width:150px;
}
textarea{
	width: 90%;
	padding:10px;
	line-height:2em;
	height: 20em;
}
input.textbox:focus, textarea:focus
{
	background:#fff url(img/shadow_top.gif) repeat-x top;
	border:#999 1px solid;
}
#submit 
{
	padding:3px 5px;
}

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}