/*******************************************************************************
 Domain:     http://www.tobias-angerer.de/
 Datei:      styles.css
 Funktion:   Styles für das Blog

 Erstellt:   06.10.2009
 Version:    02.11.2009
 Media:      all

 Autor:      Benjamin Hofmann
 copyright:  Benjamin Hofmann
*******************************************************************************/

/*******************************************************************************
 Struktur-Layout:
 =A. Basis
 =B. Header
 =C. Inhalt
 =D. Sidebar
 =E. Footer
*******************************************************************************/

/*******************************************************************************
 =A. Basis
*******************************************************************************/
html {
  background: url('../img/bg_kachel.jpg') top center fixed;
  overflow: hidden;
}

* html {
  overflow-y: auto;
}

#body {
  width: 100%;
  height: 100%;
  position: fixed;
  background: url('../img/bg_shadow.png') top center fixed;
  overflow: auto;
}

* html #body {
  background: none;
}

.wrapper {
  width: 995px;
  margin: 0 auto;
}

#wrapper {
  margin-top: 0;
  background: url('../img/sidebar/t.png') top right repeat-y;
}

.content {
  background: url(../img/t.png);
  color: #fff;
}

/*******************************************************************************
 =B. Header
*******************************************************************************/

#header {
  background: url('../img/header/bg.jpg') no-repeat;
  height: 364px;
  position: relative;
  width: 995px;
  margin: 0 auto;
}

#navcontainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 585px;
  height: 282px;
  background: url('../img/header/navcontainer_shadow.png') no-repeat;
  color: #fff;
}

#navcontainer .inner {
  width: 574px;
  height: 260px;
  position: absolute;
  top: 11px;
  background: url('../img/header/navcontainer_bg.jpg') no-repeat;
}

#navcontainer h1 a {
  display: block;
  width: 545px;
  height: 66px;
  text-indent: -9999px;
  background: url('../img/headline.png') no-repeat;
  margin: 110px 0 0 20px;
}

#navcontainer p {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 10px 25px 0 35px;
}

#nav {
  margin: -6px 0 0 35px;
  font-size: 21px;
  text-transform: uppercase;
}

#nav li {
  display: inline;
  padding: 0 6px 0 0;
  background: url('../img/nav_divider.png') right center no-repeat;
}

#nav #feed a {
  position: absolute;
  top: -45px;
  left: 15px;
  width: 167px;
  height: 161px;
  text-indent: -9999px;
  background: url('../img/feed.png') right center no-repeat;
}

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

#nav a:hover, #nav a:focus {
  text-decoration: underline;
}

#search {
  position: absolute;
  left: 165px;
  width: 409px;
}

#search fieldset {
  border: 0;
}

#search label, #search legend {
  display: none;
}

#search input {
  background: url('../img/bg_search.png') no-repeat;
  width: 308px;
  height: 13px;
  padding: 6px;
  border: 0;
  color: #000;
  font-size: 11px;
  font-family: Arial, sans-serif;
  float: left;
}

#search button {
  width: 86px;
  height: 25px;
  text-indent: -9999px;
  background: url('../img/button_search.png') no-repeat;
  border: 0;
}

#breadcrumb {
  font-size: 1.1em;
  line-height: 1.3em;
  margin: 0 35px 5px 35px;
  position: relative;
  z-index: 100;
}

#breadcrumb a {
  color: #000;
}

/*******************************************************************************
 =C. Inhalt
*******************************************************************************/
#content, #teasers {
  width: 680px;
  position: relative;
  float: left;
  margin: 0 0 20px 35px;
}

#featured {
  margin: -25px 0 20px 35px;
  position: relative;
  width: 960px;
}

#teasers {
  margin: 0;
  padding: 0 0 0 35px;
}

.teaser {
  float: left;
  width: 330px;
  margin: 0 20px 20px 0;
}

.teaser.even {
  margin-right: 0;
}

#featured .feature {
  width: 680px;
  margin: 30px 0 0 0;
  position: relative;
}

#featured .feature .posting {
  z-index: 90;
  height: 193px;
}

#content .inner {
  padding: 18px 15px 11px 7px;
}

#featured .inner {
  padding: 18px 15px 11px 7px;
}

.teaser .inner {
  padding: 8px 15px 3px 9px;
}

#content .images,
#featured .images {
  float: left;
  width: 253px;
  color: #5a5a5a;
}

#content .images p {
  padding: 0 8px 16px 8px;
}

#content .images img,
#featured .images img {
  padding: 0 0 7px 8px;
  background: url('../img/content_images_shadow.png') left bottom no-repeat;
}

.teaser .images img {
  padding: 0 0 5px 6px;
  background: url('../img/teaser_images_shadow.png') left bottom no-repeat;
}

.teaser .images {
  float: left;
  width: 166px;
}

#content .text,
#featured .text {
  float: right;
  width: 380px;
  margin: 40px 0 0 0;
  font-size: 11px;
  line-height: 14px;
  position: relative;
}

#content .text.noimage,
#featured .text.noimage {
  width: 650px;
}

#content .text table {
  margin-top: 15px;
}

#content .text table td {
  vertical-align: top;
}

.teaser .text {
  float: right;
  width: 131px;
  font-size: 11px;
  line-height: 14px;
}

.teaser .text.noimage {
  width: 306px;
}

#content .text p,
#featured .text p {
  margin-bottom: 15px;
}

.teaser .text p.readmore {
  margin-top: 5px;
}

#content .text p:last-child,
#featured .text p:last-child {
  margin-bottom: 0;
}

#content .text a,
#featured .text a,
.teaser a,
#sidebar a{
  color: #e93808;
  text-decoration: none;
}

#content .text a:focus, #content .text a:hover,
#featured .text a:focus, #featured .text a:hover,
.teaser a:focus, .teaser a:hover,
#sidebar a:hover, #sidebar a:focus{
  text-decoration: underline;
}

#content .text h2, #content .text h3,
#featured .text h2,
.teaser h3, .teaser h4,
#archivelist .teaser h3 {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
}

#content .text h3 {
  margin-bottom: 15px;
  text-transform: uppercase;
}

/* Kategorien */
#content .post-categories,
#featured .post-categories,
.teaser .post-categories,
#sidebar .post-categories {
  padding: 3px 0 10px 0;
  font-size: 10px;
  line-height: 15px;
}

#content .post-categories li,
#featured .post-categories li,
.teaser .post-categories li,
#sidebar .post-categories li,
#comments .comment .comment-meta, #comments .comment .comment-meta a {
  display: inline;
  color: #b1b1b1;
  padding: 0 4px 0 0;
  background: url('../img/categorie_divider.png') right center no-repeat;
}

#content .post-categories li:last-child,
#featured .post-categories li:last-child,
.teaser .post-categories li:last-child,
#sidebar .post-categories li:last-child {
  background: none;
}

#content .post-categories li a,
#featured .post-categories li a,
.teaser .post-categories li a,
#sidebar .post-categories li a {
  color: #b1b1b1;
  text-decoration: none;
}

#content .post-categories li a:gover, #content .post-categories li a:focus,
#featured .post-categories li a:gover, #featured .post-categories li a:focus,
.teaser .post-categories li a:gover, .teaser .post-categories li a:focus,
#sidebar .post-categories li a:hover, #sidebar .post-categories li a:focus {
  text-decoration: underline;
}

.pagination {
  position: absolute;
  right: 0;
  top: -30px;
  color: #e8e5de;
  z-index: 100;
  width: 120px;
}

.pagination .today {
  width: 120px;
  height: 30px;
  font-size: 14px;
  text-transform: uppercase;
  background: url(../img/t.png);
}

.pagination .today span {
  font-size: 32px;
  line-height: 30px;
  font-weight: bold;
  padding: 0 9px 0 5px;
  background: url('../img/today_divider.png') right center no-repeat;
}

.pagination .next, .pagination .previous {
  width: 191px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  position: absolute;
  color: #020000;
  cursor: pointer;
}

#featured .pagination .next, #featured .pagination .previous {
  display: none;
}

.pagination .next span, .pagination .previous span {
  font-size: 14px;
  font-weight: bold;
  padding: 0 4px 0 0;
  background: url('../img/prevnext_divider.png') right center no-repeat;
}

.pagination a {
  text-decoration: none;
  color: #020000;
  padding: 0 8px;
}

.pagination .next {
  background: url(../img/pagination_next.png);
  left: 0;
  top: 30px;
  text-align: right;
}

.pagination .previous {
  background: url(../img/pagination_previous.png);
  right: 0;
  top: 48px;
}

/* Kommentare */
#content #comments li p {
  margin-bottom: 0;
  color: #e93808;
}

#content #comments, #commentform {
  margin-bottom: 50px;
}

#content #comments.guestbook {
  margin-bottom: 20px;
}

#comments .comment-body {
  margin-bottom: 10px;
}

#commentform fieldset {
  border: 0;
  text-align: right;
}

#commentform legend {
  display: none;
}

#commentform label {
  display: block;
  line-height: 20px;
  text-align: left;
}

#commentform .inputborder {
  padding: 5px;
  background: #ad2906;
}

#commentform input, #commentform textarea {
  border: 0;
  background: #ad2906;
  width: 100%;
}

#commentform #submit {
  border: 0;
  background: #ad2906;
  width: 90px;
  padding: 5px;
  font-size: 18px;
  text-transform: uppercase;
}

.comments-pagination {
  margin-bottom: 20px;
}

.comments-pagination .current {
  font-weight: bold;
}

/* Social */
#social {
  line-height: 16px;
  clear: both;
}

#social img {
  position: relative;
  top: 4px;
  margin-left: 4px;
}

/* Postinglisten */
#content #pagepostings h3 {
  text-transform: none;
  margin-bottom: 5px;
}

#content #pagepostings li {
  padding: 0 0 20px 0;
}

#content #pagepostings .images {
  float: left;
  width: 74px;
}

#content #pagepostings .text {
  width: 286px;
  margin: 0;
}

/* Archiv */
#content.archive .text {
  color: #fff;
  width: auto;
  margin: 0;
  float: none;
}

#content.archive .text h2 {
  font-size: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
}

#archivelist h3 {
  clear: both;
  font-size: 21px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 10px;
}

/* Galerie */

#gallery {
  padding: 0 0 0 8px;
}

#gallery li {
  float: left;
  padding: 0 15px 15px 0;
}

#gallery li.last {
  padding-right: 0px;
}

/* Artikelliste */
#list-articles .images {
  width: auto;
}

#list-articles img {
  padding: 0 0 6px 7px;
  background: url('../img/sidebar/popular_shadow.png') left bottom no-repeat;
  float: left;
}

#content #list-articles h3 {
  font-size: 15px;
  line-height: 15px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
  text-transform: none;
}

#list-articles .text {
  float: right;
  width: 290px;
  margin: 0;
}

#list-articles .text.noimage {
  width: 370px;
}

#list-articles li {
  margin-bottom: 15px;
}

/* Tabellen */

.wp-table-reloaded {
  margin: 10px 0px 15px 0px;
  width: 100%;
  text-align: left;
}

.wp-table-reloaded th {
  padding: 4px;
}

.wp-table-reloaded td {
  padding: 4px;
  vertical-align: top;
}

.wp-table-reloaded .header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

/*******************************************************************************
 =D. Sidebar
*******************************************************************************/
#sidebar {
  float: right;
  width: 261px;
  background: none;
}

#sidebar .inner  {
  padding: 18px 11px;
}

#sidebar .box {
  margin-bottom: 30px;
}

#sidebar ol, #sidebar ul {
  list-style: none;
}

#sidebar .box h2 {
  font-size: 16px;
  color: #e8e5de;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 20px;
}

/* Tagcloud */
#tagcloud a {
  text-decoration: none;
  font-weight: bold;
  padding: 0 .8em 0 0;
  line-height: 35px;
  color: #fff;
}

/* Beliebteste Artikel und Special Teaser */
#special {
  background: url('../img/sidebar/w.png');
  padding: 5px 0;
}

#popular img,
#special img {
  padding: 0 0 6px 7px;
  background: url('../img/sidebar/popular_shadow.png') left bottom no-repeat;
  float: left;
}

#popular h3,
#special h3 {
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
}

#popular .text,
#special .text {
  float: right;
  width: 141px;
  margin-right: 12px;
}

#popular li,
#special li {
  margin-bottom: 7px;
}

#special p {
  color: #d1d1d1;
}

/* Kommentare */
#commentsbox li,
#comments li {
  padding-left: 25px;
  background: url('../img/sidebar/comment.png') left top no-repeat;
}

#commentsbox li.author,
#comments li.author,
#comments li.bypostauthor {
  background-image: url('../img/sidebar/comment_author.png');
}

#commentsbox h3 {
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

/* Listen */
#sidebar .box.list h2 {
  margin-bottom: 5px;
}

#sidebar .box.list ul {
  font-size: 11px;
  color: #e8e5de;
}

#sidebar .box.list li {
  display: inline-block;
  margin-right: 10px;
  line-height: 13px;
}

#sidebar .box.list a {
  color: #e8e5de;
  padding-right: 5px;
  background: url('../img/sidebar/list_divider.png') right center no-repeat;
}

/*******************************************************************************
 =E. Footer
*******************************************************************************/
#footer {
  background: url(../img/t.png);
  color: #fff;
  font-size: 11px;
  line-height: 13px;
}

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

#footer a:hover, #footer a:focus {
  text-decoration: underline;
}

/* Updates */
#update {
  float: right;
  width: 260px;
}

#update ul {
  padding: 20px 11px 0 11px;
}

#update li {
  padding: 0 0 10px 40px;
}

#update li.feed {
  background: url('../img/sidebar/feed.png') top left no-repeat;
}

#update li.mail {
  background: url('../img/sidebar/mail.png') top left no-repeat;
}

/* Sponsoren */
#imx-logos {
  padding: 20px 0 20px 35px;
}

#imx-logos li {
  display: inline;
  margin-right: 20px;
}

/* Copyright */
#copyright {
  padding: 20px 0 20px 35px;
}