/*  
Theme Name: Titilaflora
Theme URI: http://www.titilaflora.net/
Description: Gut, besser Titi! Bunte Farben und Bilder von <em><a href="http://titilaflora.net/">Titi</a></em> und <em><a href="http://einvoll.net/">Michael</a></em>. Sehr sch&ouml;ner Code von <em><a href="http://cobalt.cc/">Mo</a></em>.
Version: 0.81c
Author: Moritz B&ouml;hm
Author URI: http://dev.cobalt.cc/
*/

/* ## Basic Layout ## */

body {
	padding: 0;
	margin: 0;
	background: white;
	border-top: 8px solid #392211;
	font-family: "Courier New", Courier, monospace;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #392211;
	overflow:-moz-scrollbars-vertical;
}

#title {
	width: 754px;
	background: url(gfx/meta/titel.png) no-repeat 0px 0px;
	height: 166px;
	display: block;
}

#page {
	width: 754px;
	padding: 0 0 250px 0;
	margin: 0 auto;
}

#footer {
	clear: both;
}

/* ## Navi ## */

ul#navi {
	width: 754px;
	height: 25px;
	background: url(gfx/navi/navi_bg.png) no-repeat;
	margin-bottom: 54px;
	list-style: none;
}

ul#navi li {
	float: left;
}

.navi_ichbin {
	background-image: url(gfx/navi/navi_ichbin.png);
	width: 67px;
	margin-left: 82px;
}

.navi_ichbiete {
	background-image: url(gfx/navi/navi_ichbiete.png);
	width: 88px;
	margin-left: 63px;
}

.navi_ichblogge {
	background-image: url(gfx/navi/navi_ichblogge.png);
	width: 106px;
	margin-left: 62px;
}

.navi_nochfragen {
	background-image: url(gfx/navi/navi_nochfragen.png);
	width: 138px;
	margin-left: 58px;
}

ul#navi li a {
	display: block;
	background-position: left;
	height: 25px;
	text-decoration: none;
}

ul#navi li a:hover {
	background-position: right;
	text-decoration: none;
}

ul#navi li a#current {
	background-position: right;
}

/* ## Typography ## */

h1, h2, h3, h4, h5, h6, p, cite, blockquote, ul, li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
}

ul {

}

h2 {
	background: url(gfx/meta/krone.png) no-repeat;
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0 0 4px 28px;
}

h3 {
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fdc511;
}

h4 {
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 10px 0;
}

h5 {
	font-size: 2.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h5 a {
	color: #392211;
}

h5 a:hover {
	color: #fdc511;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
}

p {
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 13px;
	color: #6e5d50;
}

p a {
	color: #392211;
	background: #f7e7b5;
}

p a:hover {
	background: #fdc511;
}


a, a:hover {
	text-decoration: none;
}

blockquote {
	background: url(gfx/meta/blockquote_bg.png) repeat-y top left;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}

blockquote blockquote {
	background: url(gfx/meta/blockquote_yellow_bg.png) repeat-y top left;
	margin: 0 0 0 -10px;
}

img {
	border: 4px solid #fdc511;
	/*width: 443px;*/
}

.youtube {
	border: 4px solid #fdc511;
}

/* ## Page Layout ## */

/* Startseite */

.col_left {
	width: 392px;
	float: left;
}

.col_right {
	margin: 2px 0 0 0;
	width: 324px;
	float: right;
}

.yellowline {
	border-bottom: 4px solid #FDC511;
}

.start_date {
	margin: 7px 0 1px 0;
	font-size: 12px;
	color: #e3c566;
}

h6.start_title a {
	color: #392211;
}

h6.start_title a:hover {
	color: #e3c566;
}

#newest_posts {
	margin: 0 0 25px 0;
}

#startpage {
	margin: 0 0 25px 0;
}

#newest_twitter p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px !important;
	margin: 10px 0 5px 0;
	color: #392211;
}

#newest_twitter p a {
	text-decoration: underline;
	background: none;
}

#newest_twitter p a:hover {
	text-decoration: underline;
	background: none;
	color: #e3c566;
}

#events img {
	width: 384px;
}

#startpage img {
	border: none !important;
}

/* Ich bin */

#textblock_ichbin {
	width: 468px;
}

#bild_ichbin {
	background: url(gfx/meta/titi.png);
	width: 260px;
	height: 275px;
	float: right;
}

/* Ich biete */

ul#ichbiete_subnavi {
	margin: 4px 0 0 0;
	background: url(gfx/meta/subnavi_bg.png) bottom center no-repeat;
	padding: 0 0 75px 0;
	list-style: none;
	float: left;
}

ul#ichbiete_subnavi li {
	margin: 0 0 20px 0;
}

ul#ichbiete_subnavi li a {
	color: #e3c566;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
}

ul#ichbiete_subnavi li a:hover {
	color: #392211;
}

ul#ichbiete_subnavi li a h1, #newsletter_container h1 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}

ul#ichbiete_subnavi li a#current {
	color: black !important;
}

#ichbiete_content {
	width: 458px;
	float: right;
}

h3.subtitle, .entry h1, #blog_content div h1, #blog_content h1 {
	margin: 5px 0 13px 0;
}

h3.subtitle, .entry h1, h3.subtitle p, .entry h1 p, #blog_content div h1, #blog_content div h1 p, #blog_content h1, #blog_content h1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px !important;
	line-height: 1.4em !important;
	font-style: italic !important;
	color: #392211 !important;
}

.entry {
	margin-bottom: 45px;
}

#newsletter_container {
	clear: left;
	float: left;
	width: 230px;
	margin: 10px 0 0 0;
}

#newsletter_container h1 {
	margin: 0 0 8px 0;
}

#newsletter_container form#form_newsletter input#newsletter_submit {
	margin: 9px 0 0 0;
}

/* Noch Fragen? */

#sidebar_nochfragen {
	width: 270px;
	margin: 0 25px 0 0;
	background: url(gfx/meta/kontakt_logo.png) bottom left no-repeat;
	padding: 0 0 170px 0;
	list-style: none;
	float: left;
}

#textblock_nochfragen {
	width: 458px;
	float: right;
}

#kontakt_content {
	margin: 10px 0 0 0;
}

#kontakt_content p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic !important;
	font-size: 1.3em;
}

/* ## Weblog ## */

#blog_content {
	width: 451px;
}

#blog_sidebar {
	float: right;
	width: 175px;
	color: #fdc511;
}

#blog_sidebar h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.6em;
	font-weight: bold;
	color: #fdc511;
	padding: 0 0 8px 0;
}

#blog_sidebar ul {
	margin: 0 0 30px 0;
	list-style: none;
}

#blog_sidebar ul li ul {
	margin: 0 !important;
	padding: 0 0 5px 0;
}

#blog_sidebar ul li, #blog_sidebar ul li ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e3c566;
	font-size: 12px;
	margin: 0 0 2px 0;
}

#blog_sidebar ul li a, #blog_sidebar ul li ul li a {
	text-decoration: none;
	color: #e3c566;
}

#blog_sidebar ul li a:hover, #blog_sidebar ul li ul li a:hover {
	color: #392211;
}

h6.blogroll {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	color: #fdc511;
}

.RSS {
	padding: 0 0 0 18px;
	background: url(gfx/meta/rss.png) no-repeat bottom left;
}

.blog_date {
	margin: 3px 0 15px 0;
	font-size: 1.3em;
	color: #e3c566;
}

.postmeta {
	font-size: 1.1em;
	margin: 0 auto;
}

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

.meta_line {
	background: url(gfx/meta/postmeta_bg.png) no-repeat center 18px;
	text-align: center;
	padding: 0 0 50px 0;
}

.postmeta a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #e3c566;
	font-size: 1.2em;
	background: none;
}

.postmeta a:hover {
	color: #392211;
	background: none;
}

li.current-cat a {
	color: #392211 !important;
	text-decoration: underline !important;
}

.navigation {
	height: 25px;
}

.navigation div a {
	color: #392211;
	background: #f7e7b5;
}

.navigation div a:hover {
	background: #fdc511;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.noborder {
	border: none !important;
}

/* Kommentare */

ul.commentlist {
	margin: 20px 0 30px 0;
	list-style: none;
}

ul.commentlist li {
	padding: 0 0 0 25px;
}

ul.commentlist li.authorcomment {
	background: url(gfx/meta/titi_comment.png) no-repeat left 2px;
}

ul.commentlist li h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
	font-weight: normal;
	color: #392211;
	margin: 0;
}

ul.commentlist li h5.author {
	padding: 3px 0 3px 0;
}

ul.commentlist li h5.author a, ul.commentlist li h5.author a:hover {
	text-decoration: underline;
}

ul.commentlist li h5.date {
	padding: 0 0 15px 0;
}

ul.commentlist li h5.notapproved {
	color: #e3c566;
	padding: 2px 0 2px 0;
}

/* Form */

form#commentform {
	margin: 25px 0 0 0;
}

form#searchform {
	margin: 0 0 30px 0;
}

form input, form textarea {
	padding: 1px 2px 1px 2px;
	background: #faebb9;
	border-top: 2px solid #9a9585;
	border-left: 2px solid #9a9585;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
}

form#commentform input {
	width: 174px;
	margin: 0 5px 0 0;
}

form#commentform textarea {
	width: 447px;
	height: 133px;
}

form#commentform p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.2em;
	font-weight: normal;
	color: #392211;
}

form#commentform input#submit, form#searchform input#searchsubmit, form#form_newsletter input#newsletter_submit {
	background: #e3c566;
	border: none;
	font-weight: bold;
	cursor: default;
}

form#commentform input#submit {
	width: 116px;
	padding: 2px 0 2px 0;
}

form#searchform input#searchsubmit {
	width: 46px;
	padding: 2px 0 1px 0;
}

form#searchform input#s {
	width: 115px;
}

form#form_newsletter {
	margin: 0 0 15px 0;
}

form#form_newsletter input {
	width: 200px;
}

form#form_newsletter input#newsletter_submit {
	width: 115px;
}

/*
	Wonder why I'm so caught off guard when we kiss.
	Rather live my life in regret then do this.
	What happened to the love we both knew?
	We both chased.
	Hanging on a cigarette you need me,
	you burn me you'll burn me.
	
	Jimmy eat World - Disintegration
*/