/*-------------------------------------------
 *
 * SPECIAL-Content
 * - CSS-Styles fuer "Pinball Dreams"
 *
 * Autor:          datenkind.de,
 *                 Christoph Bach
 *
 * Datum:          2009-02-08
 *
 * Darum lieben wir CSS.
 *
 *-----------------------------------------*/

/*-------------------------------------------
 * Ausblenden
 *-----------------------------------------*/

#sidebar,
ul#badges {
  display: none;
}


/*-------------------------------------------
 * Typografie
 *-----------------------------------------*/

body {
  color: #aaa;
}

h2, h4 {
  font-family: Palatino, "Palatino Linotype", Georgia, serif;
}

a, h2 a, li.autor a, #footer a,
h4 {
  color: #fa0;
}

#col-1 p {
  line-height: 1.65em;
}

blockquote {
  float: right;
  position: relative;
  width: 300px;
  margin: 0.5em -250px 1em 25px;
  font: italic 1.2em/1.5em Georgia, serif;
  padding: 1em 2em;
  background: #124;
  border: 1px solid #235;
}

blockquote p {
  margin-bottom: 0;
  
}

/*-------------------------------------------
 * Headlines
 *-----------------------------------------*/

h3 {
  background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-headlines.png) no-repeat;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
  margin: 2em 0 0.5em;
}

h3.faszination {}
h3.umsetzung   { background-position: 0  -30px; }
h3.tische      { background-position: 0  -60px; }
h3.kritik      { background-position: 0  -90px; }
h3.fazit       { background-position: 0 -120px; }
h3#comments    { background-position: 0 -150px; }
h3#postcomment { background-position: 0 -180px; }

h4 {
  margin: 2em 0 0;
}

/*-------------------------------------------
 * Hintergruende
 *-----------------------------------------*/


body           { background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-background-repeat.png) bottom center repeat-x; }
#header        { background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-header.jpg); }
#navigation    { background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-navibar.jpg); }
#outer-wrapper { background: #000 url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-background-body.png) repeat-x; }

#inner-wrapper {
  zoom: 1;
  margin-top: -15px;
  background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-background-content.jpg) top center no-repeat;
}

#inner-wrapper:after {
  clear: both;
  display: block;
  height: 0;
  content: ".";
  visibility: hidden;
}

#col-1 {
  width: 508px;
}

p.narrow {
  width: 450px;
}

h3.kritik {
  margin-top: -80px
}

#col-1 ul.post-metadata,
#col-1 ul.post-navigation {
  background: #444;
  border-color: #666;
}

#col-1 .post-after {
  background: #333;
  border-color: #656565;
}

#footer {
  height: 600px;
  margin: 0;
  padding: 12px 0 0;
  background: url(http://datenkind.de/wp-content/themes/datenkind/special/pinball-dreams/images/pd-footer.png) top center no-repeat;
  border: 0;
}

#col-1 table.infoliste {
  width: 508px;
  margin: 1.5em 0;
  background: #656565;
}

#col-1 .infoliste td {
  background: #333;
}

#col-1 .infoliste td.table-col-1 {
  background: #444;
}

.infoliste a.itunes-link {
  display: block;
  margin-top: 10px;
}

.infoliste a.itunes-link img {
  float: left;
  margin: -9px 10px 0 0;
}


/*-------------------------------------------
 * Beitragsbilder
 *-----------------------------------------*/

#col-1 div.wp-caption {
  margin: 2em 10px;
}

#col-1 div.wp-caption img {
  border: 1px solid #444;
}

#col-1 div.wp-caption img:hover {
  border: 1px solid #777;
}

#col-1 img.wp-image-249 {
  border: 0 !important;
}

img.wp-image-250,
img.wp-image-251,
img.wp-image-252,
img.wp-image-253 {
  dispay: block;

}

#col-1 #attachment_255 {
  position: relative;
  width: 350px !important;
  margin: 0.6em -230px 1em 25px;
  border: 1px solid #444;
}

#col-1 #attachment_255 .wp-caption-text {
  display: block;
  width: 320px;
  margin: -10px 0 0.5em 0;
  text-align: right;
  font: italic 1.2em Georgia, serif;
}

#col-1 #attachment_255 img {
  display: block;
  margin: 0 auto;
  border: 0;
}


/*-------------------------------------------
 * Kommentare
 *-----------------------------------------*/

#commentform input,
#commentform textarea,
#commentform #submit {
  background: #020c1b;
  color: #aaa;
  border-color: #666;
}

ol#commentlist li.alt {
  background: #012;
  border: 1px solid #124;
}

ol#commentlist li.autor {
  background: #124;
  border: 1px solid #235;
}


/*-------------------------------------------
 * Le Fin.
 *-----------------------------------------*/