/*
------------------------------------------------------------------------
Theme Name: DocumentBlog
Theme URI:http://twt.de
Description: Magazine style WordPress theme.
Version: 0.9
Author: TWT - based on Equilibrium-Theme
Author URI:http://twt.de
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}

a img,:link img,:visited img { border:none !important }


h1, h2, h3, h5, h5, h6 {font-weight:bold}

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body {
height:100%
}

body {
font-size: 62.5%;
font-family: Arial,Helvetica,sans-serif;
color: #222;
margin: 0 auto;
text-align: center;
background: #fff;
}

#page-wrap {
width:940px; 
height:auto !important; 
margin: 0px auto;
padding-left: 20px; 
padding-right: 20px;
padding-bottom: 40px; 
text-align:left;
background: url(images/bg_top.gif) repeat-x #fff top;
}

.content {
width:680px; 
float:left
}

#featured,
#front-bottom {
width:680px; 
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/

p {
color:#333; 
font-size:1.2em; 
line-height:1.6em; 
margin-top:1.5em; 
margin-bottom:1.5em; 
text-align:left
}

.post p {
font-size:1.2em; 
line-height:1.6em; 
width: 90%;
}


p a,
p a:visited,
.post ul li a,
.post ul li a:visited {
color: #F09300;
text-decoration: none
}

p a:hover,
.post ul li a:hover {
color:#333; 
text-decoration:none
}

.post p.post-header {
width: 640px;
font-size: 1.1em;
color: #0E8D26;
padding-bottom: 4px;
border-bottom: 2px solid #ACABA3;
margin-top: 37px;
margin-bottom: 28px;
}

.post p.post-header a {
display: block;
float: right;
margin-top: -18px;
border: none;
}

h3 {
font-size: 1.2em;
color: #0e8d26;
padding-bottom: 4px; 
border-bottom: 2px solid #acaba3;
margin-top: 30px;
margin-bottom: 28px;
font-weight: bold;
}

.content h1 {
font-size: 2.8em;
color: #000;
margin-top: 28px;
margin-bottom: 20px;
border-bottom: 0;
padding: 0; 
font-weight:normal;
font-family: georgia, "times new roman", times, serif;
}

.content .post h1 {
margin: 0;
}

.post ul li, 
.post ol li {
font-size:1.2em; 
list-style-type:square; 
margin:5px 0 5px 15px
}

.post-autor {
width: 90%;
background: #efefef;
padding: 20px;
color: #000;
}

.post-autor h2 {
font-size: 1.8em;
margin-top: 0;
margin-bottom: 0px
}

.post-autor p {
margin: 0;
}

#comments h4  {
font-size:1.8em; 
padding: 0px;
width: 100%;
margin: 10px 0 -10px 0;
text-decoration: none;
color: #0E8D26;
}

ul.commentlist {
margin: 20px 0 30px 0;
}



/*
-----------------------------------------
TOP
----------------------------------------- 
*/

#top {
position: relative;
margin: 0px 0px 0px 0px; 
padding: 30px 0px 0px 0px; 
}

h2.logo  { 
position: relative;
top: -12px;
border: 0px;
margin: 0;
padding: 0;
}

h2.logo a { 
margin: 0;
padding: 0;
display: block;
float:left; 
font-size:0.1em;
text-indent: -9999px; 
height: 51px;
width: 269px;
background: url(images/logo_ddb.gif) 0px 0px no-repeat;
}

/* Page Navigation Header */

#pagenav {
float:right;
margin-top: 20px; 
}

#pagenav ul {
list-style-type:none; 
width:100%
}

#pagenav li {
display:inline
}

#pagenav a:link, 
#pagenav a:visited {
padding: 0px 10px 10px 10px; 
display: block;
color: #fff;
float: left;
text-decoration: none;
font-size: 1.1em;
font-weight: normal;
border-right: 1px solid #fff;
}

#pagenav a.last:link, 
#pagenav a.last:visited {
padding: 0px 0px 10px 10px; 
border-right: 0px solid #ebeadf 
}

#pagenav a:hover {
color: #2B4224;
}


/*
#nav {
float:right; 
margin-top:1.2em
}

#nav ul {
list-style-type:none; 
width:100%
}

#nav li {
display:block; 
display:inline
}

#nav a:link, 
#nav a:visited {
padding:5px; 
display:block; 
color:#353434; 
margin-right:10px; 
float:left; 
text-decoration:none; 
font-size:1.4em; 
font-weight:normal; 
text-transform:uppercase
}

#nav a:hover {
color:#fff;
background:#000
}

ul#nav li.current_page_item a:link, 
ul#nav li.current_page_item a:visited, 
ul#nav li.current_page_item a:hover, 
ul#nav li.current_page_item a:active {
color:#fff; 
text-decoration:none; 
background:#000
}

*/

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/

.front-post {
width:303px; 
margin: 0px 35px 0 0; 
float:left
}

.front-post-last {
width:303px; 
margin: 0px 0px 0 0; 
float:left
}

.featured-content {
position:relative; 
width:303px;
margin: 0px 0px 0 0; 
}

.featured-content p {
margin-top:1em
}

p.moretext {
margin: -16px 0 30px 0;
}

p.moretext a {
font-size: 1em;
color: #fff;
background: #f69700;
padding: 1px 4px 1px 4px;
}

p.moretext a:hover {
color: #f69700;
background: #fff;
}

.featured-post {
position:relative; 
width:303px; 
margin-bottom:1.2em
}

.featured-title h2,
.featured-content h2 {
margin:15px 10px 0px 0px; 
line-height: 1.4em; 
font-size: 1.4em; 
text-transform:none; 
padding-bottom:0; 
border-bottom:0;
font-weight: normal;
}

.featured-title h2 a,
.featured-content h2 a {
font-size:1.4em; 
line-height: 1em;
color: #000; 
text-decoration:none;
font-weight: normal; 
font-family: Georgia,"Times New Roman",Times,serif;
}

.featured-title h2 a:hover,
.featured-content h2 a:hover {
text-decoration: none;
color: #666;
}

.post h4.suchergebnis  {
margin: 0;
}
.post h4.suchergebnis a {
display: block;
font-size:1.8em; 
padding: 0px;
width: 100%;
margin: 10px 0 -10px 0;
text-decoration: none;
color: #333
}
.post h4.suchergebnis a:hover {
color: #2caed8
}

.featured-title {
background:#000; 
display:block; 
z-index:101; 
width:100%; 
bottom:0; 
filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; 
position:absolute; 
z-index:2
}

.featured-image {
margin-top:5px;
margin-bottom: 5px
}



div.dokumentiert {
background-image: url(images/bg_doku.jpg);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #f3f2f1;
width: 600px;
padding: 20px 20px 0 20px;	
}

div.dokumentiert .front-post .featured-post .postMeta-featured .comments {
float: left;	
}

div.dokumentiert .front-post .featured-post .postMeta-featured .comments a {
background-color: #f3f2f1;
}

div.dokumentiert .front-post .featured-content {
width: 500px;
}




/* Seitenschaltung */

div#seitenschaltung {
width: 680px;
background: #ebeadf;
height: 32px;
}

div#seitenschaltung p.linkback {
display: inline;
float: left;
width: 100px;
margin: 7px 0 0 15px
}

div#seitenschaltung p.linkvor {
float: right;
width: 100px;
margin: 7px 0 0 0;
}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/

#suche {
float:right; 
padding: 0px 0px 0px 0px;
margin-top: 4px; 
width: 240px;
}


#sidebar{
float: right;
width: 240px;
padding: 0 0 0 20px;
overflow: hidden;
margin-top: 10px;
}

#sidebar h3 {
font-size: 1.2em;
color: #0E8D26;
padding-bottom: 4px; 
border-bottom: 2px solid #ACABA3;
font-weight: bold;
margin-top: 40px;
margin-bottom: 15px;
}

#sidebar #categorylist h3 {
margin-top:20px; 
margin-bottom: 30px;
}

#sidebar li a {
display:block; 
width:240px; 
margin: 0; 
padding:7px 5px 6px 0px; 
list-style:none; 
border-bottom: 1px solid #ebeadf; 
font-size:1.2em; 
list-style-type:none; 
text-decoration:none; 
color: #f09300;
}

#sidebar ul#articles li a {
color:#d40066
}
#sidebar ul#articles li a:hover {
color:#fff;
background: #d40066
}

#sidebar a {
color: #0084b7;
text-decoration: none
}

#sidebar a:hover {
color: #333;
}


#sidebar li a.rss-link {
padding:8px 5px 8px 25px; 
color:#333;
background: url(images/rss.gif) 0px 7px no-repeat;
}

#sidebar li a.twitter-link {
padding:8px 5px 8px 25px; 
color:#333;
background: url(images/twitter.gif) 0px 7px no-repeat;
}

#sidebar a.twitter-link:hover,
#sidebar a.rss-link:hover {
color: #f09300;
}

#recent_comments li a {
padding: 10px 0;
}

#recent_comments li a {
color: #333;
}

#recent_comments li a:hover {
color: #0084b7;
}

#recent_comments li a span {
color: #999;
font-size: 1.5em;
font-weight: bold;
line-height: 0.8em;
font-family: Georgia,"Times New Roman",Times,serif;
}


/*
-----------------------------------------
LATEST
----------------------------------------- 
*/

#front-bottom {
margin-top:36px
}

#latest-wrap {
float:left; 
width:680px
}

.latest-post-wrap {
float:left; 
width:162px; 
margin-right:8px
}

.latest-post {
position:relative; 
width:162px; 
height:91px
}

.latest-image {
position:absolute; 
z-index:1
}


.latest-title h2 a:hover {
text-decoration: underline
}

.latest-content {
position:relative; 
width:162px; 
margin-bottom:20px
}

.latest-content h2 {
margin:8px 10px 7px 0px; 
line-height:1.4em; 
text-transform:none; 
padding-bottom:0; 
border-bottom:0
 
display:block; 
color: #d40066; 
text-decoration: none;
font-family:Arial,Helvetica,sans-serif; 
border: none;
}

.latest-content h2 a {
font-size:0.6em;
line-height:1.1em; 
color: #d40066; 
text-decoration: none;
}
.latest-content h2 a:hover {
color: #333; 
text-decoration: underline
}

.latest-content p {
color:#222; 
font-size:1.2em; 
line-height:1.5; 
margin-top:8px; 
margin-bottom:1.5em; 
text-align:left
}


/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/


#footer {
width: 960px;
margin: 0 auto;
height: 81px;
background: url(images/bg_foot.gif) repeat-x bottom;
padding: 0 0 0 20px;
}

#footer p {
float: left;
font-size: 1.1em;
color: #2b4224;
line-height: 1.5em;
margin-bottom: 0;
margin-top: 0.6em
}

#footer p a {
color: #fff;
text-decoration: none
}

#footer p a:hover {
color: #2B4224;
text-decoration: none;
border: 0;
}

p#footerlogo  { 
float: left;
border: 0px;
margin: 18px 0 0 0;
padding: 0;
font-size:0.1em;
text-indent: -9999px; 
height: 24px;
width: 182px;
background: url(images/logo_foot_ddb.gif) 0px 0px no-repeat;
}

#footnav {
display: inline;
float: right;
margin-right: 20px;
}

#footnav ul {
list-style-type:none; 
}

#footnav ul li {
display: block;
float: left
}

#footnav ul li a:link, 
#footnav ul li a:visited {
padding: 8px 10px 0px 10px; 
display: block;
color: #fff;
float: left;
text-decoration: none;
font-size: 1.1em;
font-weight: normal;
border-right: 1px solid #fff;
}

#footnav ul li a.lastlink:link, 
#footnav ul li a.lastlink:visited {
padding-right: 0px; 
border-right: 0px solid #ebeadf 
}

#footnav ul li a:hover {
color: #2B4224;
}



/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/

.postMeta { 
font-size:1.2em; 
border-bottom:1px solid #c9c9c9
}

.postMeta-featured {
margin: 0px 0 0px 0;
padding: 0 0 0 0; 
font-size:1.2em; 
width:303px; 
}

.postMeta-front {
font-size:1.2em
}

.postMeta-post{ 
font-size:1.2em; 
border-bottom:1px solid #ebeadf; 
}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date {
color: #0E8D26;
font-size: 0.92em;
float: left
}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a {
float:left; 
color:#8a8a8a; 
text-decoration:none
}

.postMeta-featured span.homecat a {
float: left;
color: #0e8d26;
font-size: 0.9em;
text-decoration: none;
padding-left: 14px;
background: url(images/homecat_icon.gif) no-repeat left center; 
}
.postMeta-featured span.homecat a:hover {
color:#333; 
}

div.postinfo {
width: 620px;
background: #ebeadf;
padding: 10px;
}

ul#socialbookmark {
display: block;
height: 30px;
list-style-type: none;
}

ul#socialbookmark li {
display: block;
float: left;
margin: 0;
}

ul#socialbookmark li a {
font-size: 0.001em;
text-indent: -9999px;
text-decoration: none;
}

ul#socialbookmark li a.bookmark {
display: block;
float: left;
width: 125px;
height: 19px;
background: url(images/bookmark.gif) no-repeat left center; 
margin: 0px 10px 20px 0;
}

ul#socialbookmark li a.tweet {
display: block;
float: left;
width: 72px;
height: 19px;
background: url(images/bookmark_twitter.gif) no-repeat left center; 
margin: 0px 0 20px 0;
}

span.comments a {
float: right;
color: #0E8D26 !important;
font-size: 0.9em;
text-decoration:none;
padding-left: 16px;
background: #FFF url(images/comment.gif) no-repeat left center;
}

span.comments a:hover {
color:#333; 
}

span.comments {
float:right; 
}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category {
color:#8a8a8a; 
margin-bottom:8px
}

.post-tags {
color:#8a8a8a; 
}

.post-category p, 
.post-tags p {
color:#333; 
font-size:1.2em; 
line-height:1.5em; 
margin-bottom:0em; 
margin-top:0em; 
text-align:none
}

div.wp-caption {
margin-top: 1.5em;
width: 640px
}

div.wp-caption p.wp-caption-text {
margin-top: 1em;
font-size: 1.1em;
font-style: italic;
}

.post p img {
display: block;
margin: 0 20px 20px 0;
float: left;
}

.post p object {
width: 100%;
}

.post blockquote p {
width: 90%;
margin:0 2.6em 0 2.6em; 
font-style:italic;
padding-left: 40px;
background: url(images/quote.gif) 0 0 no-repeat;
width: 70%
}

.post #related h4 {
font-size: 1.2em;
font-weight: bold;
margin: 15px 0 0 0;
}

.post #related ul li {
list-style-type: square;
padding: 0;
line-height: 1.4em;
}

.post #related ul li a {
font-size: 1.0em;
color: #F09300;
text-decoration: none;
}

.post #related ul li a:hover {
color: #333;
text-decoration: none;
}

.content .post ul li a {
color:#F09300;
text-decoration:none;
}

.content .post ul li a:hover {
color:#333;
text-decoration:none;
}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/

#comments {
border-top:1px solid #ebeadf;
padding-top: 10px
}

.comment-heading {
margin-bottom:26px; 
text-transform:none; 
border:none
}

.commentwrap {
width: 600px;
background: #ebeadf;
margin-top:30px;
padding: 20px;
}

.commentpost {
float:right; 
width:440px;
}

.commentpost p {
margin-top:0
}

.commentmetadata {
float:left; 
width:20%; 
color:#333; 
line-height:1.5em; 
padding-right:20px; 
font-size:1.1em
}

.commentmetadata li {
list-style-type:none; 
}

.commentmetadata li a {
color:#003366; 
text-decoration:none
}

.warning {
padding:10px; 
background:#282828; 
border:1px solid #323232;
margin-bottom:10px
}

#comments label input {
border:1px solid #c9c9c9; 
padding:5px 4px; 
margin-bottom:10px; 
width:380px
}

#comments label span {
line-height:27px
}

#comments label {
font-family:"Lucida Sans Unicode"; 
font-size:1.1em
}

#comment_author {
margin:20px 20px 20px 0px; 
padding:0px; 
width:150px; 
float:left
}

#comments-content {
display:block; 
border-bottom:1px solid #C9C9C9; 
margin:10px 0px 10px 0px; 
padding:0px
}

#comments textarea {
margin-top:0px; 
padding:4px 0px; 
width:388px; 
border:1px solid #c9c9c9;
float: left
}

.button {
border: 1px solid #63C641;
color: #000;
font-size: 1.0em;
font-weight: normal;
height: 2.1em;
width: 120px;
padding: 1px 8px 3px 8px; 
background-color: #63C641;
}

#respond p small {
font-size: 11px;
}

.children {
margin-left: 50px
}

.children div {
border:none
}

.children .commentwrap {
border-top: 1px solid #C9C9C9;
}

.children .commentmetadata {
padding-right:0px
}

.children .commentpost {
text-align:left;
float:right; 
width:78%
}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/

#searchform {
float:left; 
margin: 0;
padding: 0;
}

#searchsubmit {
border: 1px solid #63c641;
color: #333;
font-size: 1.1em;
font-weight: normal;
height: 2.1em;
width: 60px;
padding: 1px 8px 3px 8px; 
float: right;
background-color: #63c641
}

#s { 
float: left;
width: 168px;
margin-right: 5px;
padding: 3px 2px 1px 3px;
border: 1px solid #63c641;
background: #63c641;
font-size: 1.2em;
height: 1.4em;
}


/* sonstiges */

a:focus {
outline: none;
}