/*
	Theme Name: cleanhome+towo
	Theme URI: http://ydal.de/lovetheorange-theme/
	Description: An adapted, German version of the "Love The Orange" theme by <a href="http://www.webdesigncreatives.com/">"Web Design Creatives"</a>.
	Author: towo
	Author URI: http://ydal.de/
	Version: 1
	.
	Da das Original selber ohne Lizenzangaben frei zur Verfügung gestellt wird stelle ich dieses Theme unter einer Creative Commons-Lizenz zur Verfügung, nämlich
		CC-BY-NC-SA 3.0 (de)
	Kurzzusammenfassung:
	* "by": Der Urheber des Werkes muss genannt werden.
	* "nc": Das Werk darf nicht kommerziell genutzt werden.
	* "sa": Derivate müssen unter einer ähnlichen Lizenz veröffentlicht werden.
	Weitere, detaillierte Informationen finden sich auf:
	http://creativecommons.org/licenses/by-nc-sa/3.0/deed.de
	.
*/

/* Fonts:
	Aller Sans by DMJK:                http://www.dmjx.dk/presserum/skrift.html
	Serif Beta by Christian Robertson: http://betatype.com/node/35
*/

@font-face {
	font-family: Aller;
	src: url('fonts/Aller_Rg.ttf') format("truetype");
}

@font-face {
	font-family: Aller;
	src: url('fonts/Aller_Bd.ttf') format("truetype");
	font-weight: bold;
}

@font-face {
	font-family: Aller;
	src: url('fonts/Aller_It.ttf') format("truetype");
	font-style: italic;
}

@font-face {
	font-family: Aller;
	src: url('fonts/Aller_BdIt.ttf') format("truetype");
	font-style: italic;
	font-weight: bold;
}

@font-face {
	font-family: 'Serif6 Beta';
	src: url('fonts/Serif6Beta-Regular.otf') format("opentype");
}

@font-face {
	font-family: 'Serif6 Beta';
	src: url('fonts/Serif6Beta-Bold.otf') format("opentype");
	font-weight: bold;
}

@font-face {
	font-family: 'Serif6 Beta';
	src: url('fonts/Serif6Beta-Italic.otf') format("opentype");
	font-style: italic;
}

@font-face {
	font-family: 'Serif6 Beta';
	src: url('fonts/Serif6Beta-BoldItalic.otf') format("opentype");
	font-style: italic;
	font-weight: bold;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, fieldset, form, label, legend, p, blockquote, pre, a, abbr, acronym, address, code, del, em, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:                               0px;
	padding:                              0px;
}

html, body {
	background:                           #EBEBEB;
	color:                                #333333;
	font-family:                          Aller, 'Droid Sans', Verdana, Helvetica, Arial, sans-serif;
	line-height:                          1.618em;
	font-size:                            14px;
}


a, a:link {
	color:                                #AE927D;
	text-decoration:                      underline;
}

a:visited {
	color:                                #AE927D;
}

a:hover, a:focus, a:active {
	color:                                #EA7521;
	text-decoration:                      underline;
}

ul, li {
	list-style:                           none;
}

h1, h2, h3, h4, h5 {
	margin-bottom:                        10px;
}

h2 {
	color:                                #EA7521;
	margin-bottom:                        15px;
	font-size:                            21px;
	font-weight:                          normal;
	line-height:                          30px;
}

abbr, acronym {
	border-bottom:                        thin dotted black;
}

table {
	border-collapse:                      collapse;
	font-size:                            11px;
}

caption, th, td {
	text-align:                           left;
	font-weight:                          normal;
}


form p {
	margin:                               10px 0 0 0 !important;
}

#center-wrapper {
	margin:                               20px auto 20px auto;
	width:                                900px;
}

.tags a {
	color:                                #9A8A7C !important;
	font-weight:                          bold;
	text-decoration:                      none;
}

.tags a:hover {
	color:                                #000 !important;
	font-weight:                          bold;
	text-decoration:                      underline !important;
}

/*****************************************************************
    #navigation: Navigation entries at the bottom of the page
******************************************************************/

#navigation {
	color:                                #EA7521;
	font-size:                            28px;
	font-weight:                          normal;
	line-height:                          30px;
	overflow:                             hidden;
	margin-bottom:                        20px;
	font-size:                            28px;
}

#navigation a {
	color:                                #EA7521;
	font-size:                            28px;
	font-weight:                          normal;
	line-height:                          30px;
	text-decoration:                      none;
}

#navigation a:hover {
	color:                                #000000;
	text-decoration:                      underline;
}

/* These are nested inside #navigation. */
#older-entries, #newer-entries {
	font-size:                            18px !important;
}

#older-entries {
	float:                                left;
}

#newer-entries {
	float:                                right;
}


/****************************************
    #content: Main content container.
*****************************************/
#content {
	overflow:                             hidden;
	background:                           #fff;
	border-left:                          1px solid #E4E4E4;
	border-right:                         1px solid #E4E4E4;
	padding:                              0 20px;
}

#content .advertisement {
	text-align:                           center;
	padding:                              2em;
}

#content h2.standalone-title {
	margin-top:                           3em;
	text-align:                           center;
}

#content p.author-description {
	margin:                               1em;
	text-align:                           justify;
}

#content p.author-description:first-letter {
	font-size:                            120%;
	font-weight:                          bold;
}

#content p.important {
	font-size:                            120%;
	text-align:                           center;
}


/*********************************************
   #postings: posting block inside #content.
**********************************************/

/* Not actually designating #postings here, as there
   is no #postings container on a single page. */

.post h2.title {
	color:                                #351905;
	font-size:                            1.5em;
	position:                             relative;
	border-top:                           thin dotted #DBD2C4;
	border-bottom:                        thin dotted #DBD2C4;
	margin-bottom:                        10px;
	padding:                              4px 0;
	font-weight:                          bold;
	overflow:                             hidden;
}

.post h2.title a {
	color:                                #351905;
	text-decoration:                      none;
}

.post h2.title a:hover {
	color:                                #351905;
	font-weight:                          bold;
	text-decoration:                      underline;
}

.post h2.title a.title {
	display:                              block;
	float:                                left;
}

.post h2.title span.date {
	color:                                #AE927D;
	float:                                right;
	padding-left:                         10px;
	margin-left:                          10px;
	border-left:                          1px solid #DFCDBF;
}

.post h2.title span.date abbr {
	border-bottom:                        none;
}

.post h2.title span.date span.seperator {
	visibility:                           hidden;
}

.post .edit a {
	color:                                #AE927D;
	float:                                right;
	padding-left:                         10px;
	margin-left:                          10px;
	display:                              block;
	padding:                              4px;
	border:                               thin solid black;
	border-radius:                        5px;
	-moz-border-radius:                   5px;
	-webkit-border-radius:                5px;
	background-color:                     #FD4C4C;
}



.post .edit a, .post .edit a:visited {
	color:                                white;
	font-variant:                         small-caps;
	font-weight:                          bold;
	text-decoration:                      none;
}

.post .edit a:hover {
	background-color:                     black;
	color:                                red;
}


.post h3 {
	color:                                #EA7521;
	font-size:                            1.3em;
}

.post .entry img {
	border:                               none;
	float:                                right;
	margin:                               10px;
}

.post .entry table, .post .entry table td, .post .entry table th {
	vertical-align:                       middle;
}

.post .entry p {
	margin-bottom:                        15px;
	text-align:                           justify;
}

.post .entry blockquote {
	background:                           url(images/quotes.gif) 0 0 no-repeat;
	padding-left:                         50px;
	color:                                #000;
	margin:                               20px 0;
	text-align:                           justify;
}

.post .entry ul {
	margin-bottom:                        10px;
	color:                                #333333;
	line-height:                          24px;
}

.post .entry ul li {
	list-style-type:                      disc;
	list-style-position:                  inside;
	padding-left:                         15px;
}

.post .entry ul li ul{
	line-height:                          24px;
	margin:                               0px;
}

.post .entry ul li ul li {
	list-style-position:                  inside;
	list-style-type:                      circle;
}

.post .entry ol {
	margin-bottom:                        10px;
        margin-left:                          2em;
	color:                                #333333;
}

.post .entry ol li {
	list-style-position:                  outside;
	list-style-type:                      decimal;
	padding:                              .5em;
        font-size:                            110%;
        font-weight:                          bold;
}

.post .entry ol li ol {
}

.post .entry dl dt {
	font-weight:                          bold;
}

.post .entry dl dd {
	padding-left:                         2em;
}

.post .entry a {
	text-decoration:                      underline;
	color:                                #000;
}

.post .entry a:hover {
	text-decoration:                      none;
	color:                                #EA7521;
}

.post .entry a:hover, .post .metadata a:hover {
	text-decoration:                      none;
	color:                                #EA7521;
	white-space:                          nowrap;
}

.post .metadata {
	background:                           #F4F4F4;
	overflow:                             hidden;
	color:                                #999999;
	font-size:                            11px;
	line-height:                          18px;
	padding:                              5px 2px;
	border-radius:                        5px;
	-webkit-border-radius:                5px;
	-moz-border-radius:                   5px;
	vertical-align:                       middle;
	margin-bottom:                        3em;
}

.post .metadata table {
	padding-left:                         1em;
}

.post .metadata table td, .post .metadata table th {
	vertical-align:                       top;
	padding-left:                         2em;
}

.post .metadata .author {
	font-weight:                          bold;
	color:                                black;
}

.post .metadata .photo {
	width:                                96px;
	text-align:                           center;
	vertical-align:                       middle;
}

.post .metadata .photo img { 
	-webkit-border-radius:                5px;
	-moz-border-radius:                   5px;
	border-radius:                        5px;
	border:                               thin solid black;
	display:                              block;
}

.post .entry {
	margin:                               0 auto;
	width:                                95%;
	clear:                                left;
}

.post .metadata a {
	color:                                #AE927D !important;
	text-decoration:                      underline;
}

.post .metadata a:hover {
	color:                                #AE927D !important;
	text-decoration:                      none;
}

.post .metadata ul {
	list-style-type:                      none;
}


/************************************
    #header: The header section.
*************************************/

#header {
	position:                             relative;
	padding-bottom:                       10px;
	overflow:                             hidden;
	background:                           #ffffff;
	border-left:                          1px solid #E4E4E4;
	border-right:                         1px solid #E4E4E4;
	border-top:                           1px solid #E4E4E4;
	border-top-left-radius:               10px;
	-moz-border-radius-topleft:           10px;
	-webkit-border-radius-topleft:        10px;
	border-top-right-radius:              10px;
	-moz-border-radius-topright:          10px;
	-webkit-border-radius-topright:       10px;
	padding:                              11px 20px;
	overflow:                             hidden;
}

#header h1 {
	font-family:                          'Serif6 Beta', serif;
	font-size:                            48px;
	font-weight:                          normal;
	padding:                              15px 0 24px 0;
	letter-spacing:                       -1px;
	white-space:                          nowrap;
	font-variant:                         small-caps;
}

#header div{
	border:                               1px solid red;
	width:                                0;
	overflow:                             visible;
}

#header h1 a {
	color:                                #333333;
	text-decoration:                      none;
}

#header p.title {
	display:                              block;
	position:                             absolute;
	top:                                  54px;
	left:                                 22px;
	text-align:                           right;
	color:                                #AFAFAF;
	font-size:                            13px;
	font-style:                           italic;
}

/***********************************************
    #site-navigation: Global site navigation
************************************************/

#site-navigation {
	position:                             absolute;
	top:                                  30px;
	right:                                10px;
}

#site-navigation li {
	display:                              inline;
	padding:                              1px 8px;
}

#site-navigation li a, ul.site-navigation li a:link {
	color:                                #818181;
	font-size:                            14px;
	text-decoration:                      none;
}

#site-navigation li a:hover {
	color:                                #EA7521;
	text-decoration:                      underline;
}

#site-navigation li.feed {
	border:                               thin solid #EEEEEE;
	border-radius:                        3px;
	-moz-border-radius:                   3px;
	-webkit-border-radius:                3px;
	background-color:                     #F4F4F4;
	padding:                              4px;
	color:                                black;
}

#site-navigation li.feed:before {
	content:                              url(images/feed-icon-14x14.png);
	padding-right:                        4px;
}

#site-navigation li.feed a {
	color:                                black;
}


#site-navigation li.feed img {
	position:                             relative;
	top:                                  2px;
	margin-right:                         5px;
}

/**********************************
   #navbar: Main Navigation bar
***********************************/
#navbar {
	background:                           #FFF url(images/nav-bg.gif) 0 0 repeat-x;
	padding:                              10px 0 10px 10px;
	color:                                #EF9552;
	border-left:                          1px solid #E4E4E4;
	border-right:                         1px solid #E4E4E4;
	clear:                                left;
	height:                               19px;
	overflow:                             hidden;
}

#navbar ul {
	width:                                600px;
	float:                                left;
}

#navbar li {
	display:                              inline;
	border-left:                          1px solid #EF9552;
	padding:                              1px 6px;
}
#navbar li:first-child {
	border:                               medium none;
}

#navbar li a {
	color:                                #ffffff;
	font-size:                            16px;
	text-decoration:                      none;
}

#navbar li a:hover {
	text-decoration:                      underline;
}

.headSearch {
	float:                                right;
	margin-right:                         10px;
}

.keyword {
	float:                                left;
	background:                           url(images/search-text.gif) 0 0 no-repeat;
	width:                                129px;
	height:                               22px;
	border:                               none;
	font-size:                            11px;
	padding:                              4px 0 0 4px;
	color:                                #818181;
	margin:                               0 !important;
}

.searchButton {
	float:                                left;
	background:                           url(images/search-button.gif) 0 0 no-repeat;
	width:                                60px;
	height:                               22px;
	border:                               none;
	margin:                               0 !important;
	}

/***********
   Tables
***********/

.entry table {
	border:                               1px solid #F3E3D7;
	border-collapse:                      collapse;
}

.entry td, .entry th  {
	border:                               1px solid #F3E3D7;
	padding:                              3px 4px;
}

th {
	font-weight:                          bold;
	color:                                #000;
}


/************
    Forms
*************/
fieldset {
	border:                               1px solid #F3E3D7;
	padding:                              10px;
	margin-bottom:                        15px;
}

legend {
	font-size:                            14px;
}

label {
	font-size:                            11px;
}

input[type="radio"], input[type="checkbox"] {
	margin-right:                         15px;
	vertical-align:                       bottom;
}

input[type="button"], input[type="submit"] {
	margin:                               0 5px;
}

/***********************************
   #sidebar: Side bar definitions
************************************/

#sidebar {
	width:                                25%;
	float:                                right;
	margin:                               1em 1em 1em 30px;
	padding:                              5px;
	border-radius:                        5px;
	-moz-border-radius:                   5px;
	-webkit-border-radius:                5px;
	border:                               thin solid #DDDDDD;
	background-color:                     #EEEEEE;
}

#sidebar h2 {
	font-variant:                         small-caps;
}
#sidebar h3 {
	color:                                #000;
	margin:                               10px 0 8px 0;
	font-size:                            16px;
	font-weight:                          bold;
	font-variant:                         small-caps;
}

#sidebar ul {
	line-height:                          18px;
}

#sidebar li.widget {
	padding:                              10px 5px;
	border-top:                           thin solid black;
}

#sidebar li.widget:first-child {
	border-top:                           none;
}

#sidebar ul.blogroll li {
	list-style-type:                      disc;
	list-style-position:                  inside;
	margin-left:                          1em;
}

#sidebar a {
	color:                                #333;
}

#sidebar a:hover {
	color:                                #000;
	text-decoration:                      none;
}

/**********************************
   #footer: Stuff in the footer
***********************************/
#footer {
	background-color:                     #AAAAAA;
	overflow:                             hidden;
	position:                             relative;
	padding:                              10px 15px;
	font-size:                            10px;
	line-height:                          15px;
	border-bottom-left-radius:            10px;
	-moz-border-radius-bottomleft:        10px;
	-webkit-border-radius-bottomleft:     10px;
	border-bottom-right-radius:           10px;
	-moz-border-radius-bottomright:       10px;
	-webkit-border-radius-bottomright:    10px;
	border-right:                         thin #E4E4E4 solid;
	border-bottom:                        thin #E4E4E4 solid;
	border-left:                          thin #E4E4E4 solid;
}

#footer p {
	font-size:                            0.92em;
}

#footer a {
	color:                                black;
}

/***********************************************
   #comments: The comments section of a post.
************************************************/
#comments h3 {
	border-bottom:                        thin solid #D4D7D9;
	color:                                #131313;
	font-size:                            24px;
	margin-top:                           4em;
	padding:                              5px;
	overflow:                             hidden;
}

#comments h4 {
	text-align:                           center;
	font-size:                            20px;
	border-bottom:                        thin dotted black;
	padding-bottom:                       4px;
	overflow:                             hidden;
	margin-top:                           4em;
}

#comments .comment {
	height:                               100%;
	margin-bottom:                        15px;
	overflow:                             hidden;
	padding:                              10px 0 0 10px;
	clear:                                left;
}

#comments .comment .container {
	border-top:                           thin solid black;
}

#comments .comment .reply {
	vertical-align:                       bottom;
}

#comments .comment .reply a {
	padding:                              2px;
	border:                               thin solid #DDDDDD;
	border-radius:                        5px;
	-moz-border-radius:                   5px;
	-webkit-border-radius:                5px;
	background-color:                     #EEEEEE;
	font-variant:                         small-caps;
	/* margin:                               4px; */
	text-decoration:                      none;
}

#comments .comment .reply a:hover {
	background:                           black;
	color:                                red;
}

/*
.commentmainalt {
	background:                           #FFF2E8;
	border-bottom:                        1px dotted #999;
	clear:                                both;
	height:                               100%;
	margin-bottom:                        15px;
	overflow:                             hidden;
	padding:                              10px;
}
*/

#comments .comment .meta {
	float:                                left;
	font-size:                            11px;
	width:                                15%;
	padding-right:                        15px;
	border-right:                         1px dotted #999;
}

#comments .comment .meta .author {
	font-size:                            14px;
	padding-bottom:                       5px;
	font-weight:                          bold;
}

#comments .comment .meta .avatar {
	display:                              block;
	margin:                               5px 0 0 0;
}

#comments .comment .body {
	float:                                left;
	min-height:                           55px;
	padding:                              5px 0 0 15px;
	width:                                79%;
	min-height:                           100px;
}

#comments #commentform table td {
	padding: 5px;
}

#comments #commentform span.notice {
	color:                                #999;
	font-size:                            x-small;
}

#comments #commentform label {
	text-align:                           left;
	font-size:                            12px;
	font-weight:                          bold;
}

#comments #commentform .txtarea {
	padding:                              5px;
	margin-bottom:                        5px;
	border:                               1px solid #b8b8b8;
	background:                           #FAF8F8;
	font-size:                            12px;
	overflow:                             hidden;
}

#comments #commentform .txtarea:hover {
	border:                               1px solid #B6B6B6;
	background:                           #F4F3F3;
}

#comments #commentform .mandatory-entry {
	color:                                red;
}

#comments #commentform .button:hover {
	background:                           #000;
	border:                               medium none;
	color:                                #FAF8F8;
}

#comments #commentform .button {
	background:                           #EA7521;
	border:                               medium none;
	color:                                #FAF8F8;
	float:                                left;
	font-size:                            12px;
	font-weight:                          bold;
	padding:                              5px;
	width:                                180px;
}


/************************
   Wordpress captions
************************/
.wp-caption {
	border:                               1px solid #ddd;
	text-align:                           center;
	background-color:                     #f3f3f3;
	padding:                              4px;
	margin:                               10px;
	-moz-border-radius:                   3px;
	-khtml-border-radius:                 3px;
	-webkit-border-radius:                3px;
	border-radius:                        3px;
	overflow:                             hidden;
}

.wp-caption img {
	margin:                               0;
	padding:                              0;
	border:                               0 none;
}

.wp-caption-dd {
	font-size:                            11px;
	line-height:                          17px;
	padding:                              0 4px 5px;
	margin:                               0;
}

.wp-caption-text {
	overflow:                             hidden !important;
	margin:                               0 !important;
}

div.gfc-button-base-content div.gfc-icon {
content: "Mitglied werden";
}

/*
 vim:filetype=css:
*/
