/*
Theme Name: MyOwn-Theme
Theme URI: http://lebensglueck-garten.de/
Description: Mein erstes Wordpress-Theme.
Version: 1.0
Author: Iris Bleyer
*/

/*Allgemeines*/
body {
font-family:Verdana, Helvetica, Tahoma, sans-serif;
font-size:100.01%;
color:#000;
text-align:center;
background:#daecbc;
}
* {
margin:0;
padding:0;
}
img {
border:0;
}
li {
line-height:165%;
}
/*Links*/
a {
text-decoration:none;
color:#070;
border-bottom:1px solid;
}
a:hover {
color:#e50;
}
#header a {
border:0;
}

/*Hauptcontainer*/
#all {
background:url(images/header.jpg) no-repeat 3px 3px;
background-color:#fff;
text-align:left;
display:block;
width:995px;
margin:0 auto;
padding:104px 0 0;
border-left:1px solid #251;
border-right:1px solid #251;
}

/*Header*/
#header {
display:block;
height:80px;
border-top:1px solid #251;
border-bottom:1px solid #251;
margin:0 3px 30px;
background:#b2d27a;
}
#header h1 {
margin:15px 20px;
}
#header h1 a {
display:block;
float:left;
height:52px;
width:396px;
color:#b2d27a;
background:url(images/logo.gif) no-repeat 0 0;
}
/*Suche*/
.search {
display:block;
font-size:76%;
color:#251;
letter-spacing:2px;
}
#header .search {
float:right;
width:205px;
}
.input {
border:1px solid #693;
padding:1px 3px;
}
#searchsubmit {
width:20px;
font-size:18px;
background:url(images/sbutton.gif) no-repeat 0 100%;
border:0;
}
#searchsubmit:active {
background-image:url(images/sbutton2.gif);
}
#searchsubmit:active {
background-image:url(images/sbutton2.gif);
}
#header .input {
width:150px;
border-right:1px solid #dec;
border-bottom:1px solid #dec;
}

/*Inhalt*/
#content {
clear:both;
width:715px;
float:left;
}
#content div {
margin-left:95px;
}
#content h2, #content h3 {
font-size:124%;
font-weight:normal;
margin: 18px 0;
}
#content h3 {
font-size:108%;
margin: 40px 0 13px;
}
#content p, #content li {
font-size:88%;
line-height:165%;
margin:13px 0;
}
#content ul {
list-style-type:circle;
margin-left:15px;
}
#content .gartenraeume {
list-style:decimal inside;
margin-left:15px;
min-height:800px;
}
#content blockquote {
margin:13px 0;
padding:0 13px;
background:#efefef;
border:2px dotted #ddd;
}
#content blockquote em {
color:#666;
font-size:88%;
}
#content small {
display:block;
font-size:76%;
text-align:right;
padding:5px 0;
background:url(images/dotted.gif) repeat-x  0 0;
margin:18px 0 40px;
}
#content form small {
text-align:left;
display:inline;
padding:0;
background:#fff;
margin:0;
}
/*Datum*/
#content h2 span {
display:block;
width:36px;
font-size:55%;
font-weight:bold;
line-height:140%;
color:#251;
border:1px solid #bda;
background:#e7fad7;
text-align:center;
text-transform:uppercase;
position:relative;
left:-70px;
margin-bottom:-30px;
padding:1px 0;
}
#content h2 span:first-line {
font-size:130%;
}
/*Bilder*/
.center {
display:block;
margin:15px auto 0;
}
.portrait {
display:block;
float:right;
width:220px;
height:180px;
background:url(images/blogfoto.jpg) no-repeat 20px 0;
}
.cclink {
display:block;
margin:13px 0 0;
border:0;
}
.gartenplan {
display:block;
float:right;
width:238px;
height:795px;
margin:0 0 0 15px;
}
/*Blaetternavi*/
#pbnavi {
text-align:center;
}
.pagebar {
display:block;
margin:0 auto 13px;
}
.pagebar a, .pagebar span {
border:1px solid;
padding:0 4px;
}
.pagebar .break {
border:none;
}
/*Kommentare*/
#commentlist li {
margin:30px 0 30px 22px;
font-size:76%;
}
#commentlist p {
font-size:100%;
line-height:155%;
margin:7px 0;
}
#commentlist small {
font-size:100%;
margin:0;
}
/*Archiv, Inhaltsverzeichnis und Links*/
#content .archiv, #content .links {
margin-left:95px;
}
#content .archiv li {
display:block;
width:200px;
float:left;
font-size:82%;
margin:0 5px 13px 0;
color:#777;
}
#content .links, #content .toc {
list-style-type:none;
}
#content .links h2 {
margin-top:35px;
}
#content .links ul li {
font-size:100%;
}
#content .toc {
margin:35px 0 15px;
}
#content .toc_date {
display:block;
float:left;
width:auto;
margin-right:15px;
}

/*Sidebar*/
#menu {
display:block;
width:280px;
float:right;
margin-top:-16px;
}
#menu ul {
list-style:none;
}
#menu li {
font-size:76%;
}
#menu ul ul li {
font-size:100%;
display:inline;
}
#menu li h2 {
line-height:140%;
font-size:100%;
letter-spacing:2px;
margin:25px 20px 3px 70px;
padding:0 0 0 15px;
font-weight:normal;
border-top:1px solid #bda;
border-bottom:1px solid #bda;
background:#e9fcd7;
}
#menu ul ul li a {
display:block;
margin:0 20px 0 70px;
border-color:#bda;
padding:0 0 0 15px;
background:url(images/hover.gif) no-repeat -9px -7px;
}
#menu ul ul li a:hover {
background-position: left center;
border-color:#e50;
}
#menu ul ul li img {
float:left;
margin:4px 3px 0 0;
}
#menu .ads {
display:block;
width:192px;
position:relative;
border:1px solid #fff;
left:67px;
overflow:hidden;
margin-bottom:-8px;
}

/*Footer*/
#footer {
clear:both;
width:100%;/*Fix-IE6*/
}
#footer p {
clear:right;
background:#b2d27a;
border-top:1px solid #251;
font-size:76%;
text-align:center;
line-height:250%;
}
.blogoscoop {
float:left;
margin-left:-1px;
}
#footer .topper {
float:right;
background:#fff;
border:0;
line-height:100%;
width:auto;
}
#footer .topper a {
display:block;
border-right:1px solid;
margin:20px 30px 20px;
padding:2px 3px 3px;
}

/*Ausgeblendetes*/
hr, #top span, .locktross {
display:none;
}
#top, #header span, #content .invis {
display:block;
width:1px;
height:1px;
margin-top:-1px;
background:transparent;
color:#b2d27a;
overflow:hidden;
}
#content .invis {
color:#fff;
}