/*

Theme Name: DER NAME DIESER SEITE IST...

Theme URI: http://www.entre-nous.de

Description: <a href="http://www.entre-nous.de"> Individuelles Layout für Tumbleweed

Version: 1.0

Author: Daniel Decker

Author URI: http://www.entre-nous.de



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/





/* HTML Elements */

* {

        margin:0;

        padding:0;

        }



body {

        font: 100% Arial, Verdana, Helvetica;

        background: #000;

        color: #333;

        height: 99%

        }



p {

        margin: 15px 0;

        }



a:link, a:visited {

        color: #ED1C24;

        text-decoration:none

        }



a:hover, a:active {

        color: #ED1C24;

        text-decoration:underline;

        }



a img {

        border:0;

        }



code {

        font: 1.0em 'Courier New', Courier, Fixed;

        background:#ececec;

        }



acronym, abbr, span.caps {

        font-size: 0.9em;

        letter-spacing: .07em;

        cursor: help;

        }



acronym, abbr {

        border-bottom: 1px dashed #999;

        }



blockquote {

        padding: 10px 10px 0 10px;

        border-top: 1px solid #ddd;

        border-bottom: 1px solid #ddd;

        background: #eee;

        font:1.0em Arial;

        line-height:1.5em;

        margin:10px 0px;

        }



select {

        width: 130px;

        }







/* Structure */

#header {

        width: 960px;

        margin: 0 0 0 0px;

        height: 110px;

        background: url(http://www.entre-nous.de/twr/headerlogo.jpg) no-repeat;

        background-color: #fff;

        }

#head {

        width: 940px;

        margin: 0 0 0 0px;

        padding:0 20px 0 0;

        background: #ED1C24;

        font-size:0.7em;

        }

#page {

        width:940px;

        margin:0px 0px 0px 0px;

        padding:10px;

        background:#fff;

        font-size:0.7em;

        }



.left, .alignleft {

        float:left;

        }



.right, .alignright {

        float:right;

        }





/* Navigation Bar*/



#page-bar {

        font-family: Georgia, Verdana, Arial;

        }



#page-bar ul {

        list-style: none;

        background: #ED1C24;

        }



#page-bar li {

        float:left;

        list-style:none;

        cursor: pointer;

        display:block;

        background: #ED1C24;

        border-right:1px solid #333;

        }



#page-bar li:hover {

        font-weight: bold;

        background:#C32B27;

        }





#page-bar a, #page-bar a:visited {

        margin: 0px;

        padding:10px 16px;

        font-weight:bold;

        color:#FFF;

        display:block;

        }



#page-bar a:hover {

        text-decoration:none;

        font-weight:bold;

        background:#C32B27;

        display:block;

        }



#searchform {

        width:194px;

        float:right;

        text-align:right;

        padding-top:8px;

        margin-right:10px;

        }



/* Dropdown Menus */

#page-bar li {

        float: left;

        margin: 0px;

        padding: 0px;

        }



/* Text*/



h1 {

        font:3.5em Georgia, Verdana, Arial;

        font-weight:bold;

        letter-spacing:-0.08em;

        }



h2 {

        font:2.3em Georgia;

        }



h3 {

        font:1.3em Georgia, Verdana, Arial;

        margin-bottom:3px;

        color:#333;

        font-weight:bold;

        }



h4 {

        font:1.0em Georgia, Verdana, Arial;

        }



h3.cat_title, h3.cat_title a {

        color:#333;

        letter-spacing:-0.05em;

        font-size:0.85em;

        }



h3#respond {

        margin-top:0px;

        padding-top:20px;

        }



h3#comments {

        margin-top:32px;

        padding-left:0px;

        }



h3.authors {

        margin-top:15px;

        }



/* Index Page*/



#logo {

        width:350px;

        }



#tagline {

        margin-top:5px;

        font-size:1em;

        color:#333;

        }



#top {

        padding:0;

        }



#headline {

        width:610px;

        background:#fff;

        padding:10px;

        font-size:1.05em;

        line-height:1.5em;

        margin:0;

        }



#headline  div.title {

        font-weight:bold;

        font:2.4em Georgia;

        letter-spacing:-0.05em;

        display:block;

        padding-bottom:5px;

        }



#headline div.meta {

        display:block;

        margin-top:-5px;

        padding-bottom:2px;

        }



#headline p {

        padding-bottom:15px;

        }



#headline a img, #featured a img {

        border:1px solid #ccc;

        margin-top:5px;

        margin-right:10px;

        padding:2px;

        }





#middle {

        width: 920px;

        background:#fff;

        float:right;

        padding:10px;

        margin:10px 0;

        }



.category {

        width:164px;

        float:left;

        border-top:8px solid #333;

        margin:0px;

        padding:5px 10px 10px 10px;

        background:#fff;

        }



.category p {

        margin:0;

        }



#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}

#cat-2, #cat-4 {border-top:8px solid #3c78a7;}



.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {

        text-transform:lowercase;

        margin:0;

        font-weight:bold;

        font-size:1.5em;

        letter-spacing:-0.05em;

        }



#front-popular h3 {

        color:#fff;

        }



.category a {

        color:#333;

        display:block;

        background:none;

        }



.category a:hover {

        background:none;

        color:#fff;

        text-decoration:none;

        }



#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }

#cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; }

#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }

#cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; }



#bottom {

        width: 940px;

        }


#archive {

        padding-top:15px;

        font-size:1.05em;

        line-height:1.75em;

        }



#archive ul{

        list-style: none;

}



#front-list blockquote {

        padding: 0px 10px 0 10px;

        }



#front-list .title, #archive .title {

        font-weight:bold;

        font:1.8em Georgia, Verdana, Arial;

        letter-spacing:0.05em;

        }



#front-list .clearfloat, #archive .clearfloat {

        padding-bottom:10px;

        border-bottom:1px dotted #ccc;

        margin-bottom:10px;

        }



#front-list .spoiler, #archive .spoiler {

        display:block;

        margin-top:3px;

        }



#front-list p, #archive p {

        margin:0px;

        padding:0px;

        }



.author {

        font-size:0.8em;

        font-weight:bold;

        }



.meta {

        font-size:0.8em;

        color:#333;

        }



.meta a {

        color:#333;

        }



#headline p, #featured p {

        margin:0;

        }





/* Content Page*/



#content {
        width:610px;
        background:#fff;
        padding:10px;
        font-size:1.05em;
        line-height:1.75em;
        float: left;
        }



#content .breadcrumbs, #content .breadcrumbs a {

        font-weight:bold;

        color:#333;

        }



#content h2.title {

        font:2.2em Georgia;

        font-weight:bold;

        letter-spacing:-0.05em;

        border-bottom:1px solid #ddd;

        border-top:3px solid #ddd;

        padding: 5px 0px;

        margin-top: 20px;

        }



.post {

        font-size:1.05em;

        line-height:1.75em;

        }



.post p {

        margin-top:0px;

        }



.post .clearfloat {

        border-bottom:1px dotted #ccc;

        margin:10px 0px;

        }



.post ul, .post ol, #front-list ul, #front-list ol {

        margin-bottom:15px;

        }



.post ul li, #front-list ul li {

        list-style:square;

        margin-left:30px;

        }



.post ol li, #front-list ol li {

        list-style:decimal;

        margin-left:30px;

        }



.post ol li ul li, #front-list ol li ul li {

        list-style:square;

        margin-left:20px;

        }



.post img, .post a img, #front-list img, #archive img {

        border:1px solid #ccc;

        margin:0 10px 5px 0;

        padding:2px;

        }



.post .ads {

        margin-top:10px;

        }



.entry {

        margin-top:20px;

        }



#stats {

        margin-top:0px;

        padding:4px 0px;

        text-transform:uppercase;

        font:0.8em Verdana, Arial;

        display:block;

        }



#stats span {

        padding: 0px 20px 0px 0px;

        }



#stats span a:hover {

        background:none;

        }



#stats span a {

        color:#333;

        }



#stats img, #nav img {

        border:0px;

        margin:0px;

        padding:0px;

        }



#tools {

        width:590px;

        height:25px;

        font-size:0.95em;

        }



#tools a:hover {

        background:none;

        }



.navigation {

        padding:5px 0px;

        text-align:Center;

        }



.noborder {

        border: 0px !important;

}



/* Sidebar*/

#sidebar {
        float: left;
        width:300px;
        background: #fff;
        margin:0px 0px 0px 0px;
        padding-top: 10px;
        }



#sidebar h3 {

        font:1.1em Georgia, Verdana, Arial;

        color:#333;

        letter-spacing: 0.2em;

        margin-top: 20px;

        font-weight: bold;

        }



#sidebar-bottom h3 {

        font:1.1em Georgia, Verdana, Arial;

        color:#333;

        letter-spacing: 0.2em;

        margin-top: 20px;

        }





#sidebar-top, #sidebar-bottom {

        width:280px;

        padding:0px 10px 10px 10px;

        }



#sidebar-bottom, #sidebar-middle {

        margin-top:10px;

        }



#sidebar-middle {

        width:280px;

        float:right;

        }



#sidebar-left {

        width:120px;

        padding:0px 10px 10px 0px;

        float:left;

        }



#sidebar-right {

        width:120px;

        padding:0px 10px 10px 10px;

        float:right;

        }

#sidebar li {

        list-style:none;

        font-size: 14px;

        border-bottom:1px dotted #ccc;

        overflow:hidden;

        color: #ED1C24;

        }



#sidebar li ul li:last-child{

        list-style:none;

        border-bottom:0px dotted #ccc;

        display:block;

        }



#sidebar-ads {

        width:300px;

        float:right;

        margin-bottom:10px;

        padding:10px;

        background:#fff;

        }





/* Form Elements */



select {

        border:1px solid #333;

        width:100%

        }



.field {

        padding: 2px;

        border:1px solid #333;

        background:#fff;

        font-size:1.0em;

        }



#s {

        padding:1px;

        font-size:1.0em;

        width:150px;

        }



#searchsubmit {

        padding-left:5px;

        }



#commentform input {

        width: 140px;

        margin: 5px 5px 1px 0;

        }



#commentform textarea {

        width: 99%;

        margin-top:5px;

        }







/* Comments*/



.commentlist cite {

        font-style:normal;

        margin-bottom:4px;

        display:block;

        }



.commentlist blockquote {

        background:#ededed;

        }



.commentlist li {

        padding: 10px 0px 10px 0px;

        list-style:none;

        margin-bottom:3px;

        }



.commentlist li li {

        background:none;

        border:none;

        list-style:square;

        margin:3px 0 3px 20px;

        padding:3px 0;

        }



.commenttext {

        padding: 10px 10px 0px 10px;

        background:#f2f2f2;

        border-top:1px solid #ddd;

        border-bottom: 1px solid #ddd;

        width:495px;

        float:right

        }



.commentlist cite strong {

        font-size:1.1em;

        }



li.my_comment {

        background: #FFF;

        border:none;

        }



li.my_comment cite strong {

        font-size: 1.3em;

        color:#313228;

        }



#commentform small {

        background:#FFF;

        font-weight:bold;

        padding:0;

        }



.commentmetadata {

        color:#4d4d4d;

        display: block;

        margin-top:3px;

        text-align:right;

        font-size:0.9em;

        }



.commentmetadata a, .commentmetadata a:visited {

        color:#959382;

        }



.commentlist small {

        background:#e9e9e9;

        }



.avatar {

        border:1px solid #bbb;

        margin:0px 10px 0px 0px;

        float:left;

        padding:2px;

        width:55px;

        height:55px;

        }



#comment {

        width:590px;

        background:#fff;

        }



/* Footer*/



#front-popular {

        font-size:0.7em;

        color:#fff;

        width: 940px;

        background:#2c2c2c url(images/bottombar.png) bottom no-repeat;

        margin: 0 auto;

        padding:10px;

        }



#recentpost, #mostcommented {

        width:280px;

        float:left;

        padding:10px;

        border:1px solid #fff;

        }



#mostcommented {

        margin-left:17px;

        }



#recent_comments {

        width:280px;

        float:right;

        padding:10px;

        border:1px solid #fff;

        }



#recentpost a, #mostcommented a, #recent_comments a {

        color:#fff;

        }



#recentpost ul, #mostcommented ul, #recent_comments ul {

        margin-top:5px;

        }



#recentpost ul li, #mostcommented ul li, #recent_comments ul li {

        list-style:none;

        border-top:1px dotted #fff;

        padding:5px;

        display:block;

        }



#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {

        background:#3c78a7;

        color:#fff;

        }



#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {

        border-top:0px dotted #fff;

        }





#footer {

        margin: 0 auto;

        width: 960px;

        font-size:0.6em;

        padding-top:10px;

        padding-bottom:10px;

        }





/* Float Properties*/



.clearfloat:after {

        content:".";

        display:block;

        height:0;

        clear:both;

        visibility:hidden;

        }



.clearfloat {

        display: inline-block;

        }





/* Hides from IE-mac \*/

* html .clearfloat {

        height:1%;

        }



*+html .clearfloat {

        height:1%;

        }



.clearfloat {

        display:block;

}