@charset "UTF-8";
/**
 * dannyotto.com - CSS: Layout
 *
 *
 * @author Danny Otto | pixelbrand.net
 * @date   2009-12
 *
 * hacer con amor
 *
 */
@import url(contentbase.css);
@import url(navigations.css);
@import url(tipTip.css);
/*@font-face { font-family: 'ChunkFiveRegular'; src: url('../fonts/Chunkfive.eot'); src: local('ChunkFive Regular'), local('ChunkFive'), url('../fonts/Chunkfive.ttf') format('truetype'); }*/



/* ------------------------------------------ */
/* Layout & Raster */
#margins { margin: 0 auto; width: 980px; }
#page { padding: 0 20px; position: relative; }
#main { position: relative; }



/* ------------------------------------------ */
/* Header */
#header { position: relative; }



/* ------------------------------------------ */
/* Footer */
#footer { padding: 10px 20px; }



/* ------------------------------------------ */
/* Startseite */
#start { }
#start ul { list-style: none; margin: 0; padding: 0; }
#start li {
  background: #fff;
  display: inline;
  float: left;
  line-height: 1.4em;
  list-style: none;
  margin: 0 16px 0 0;
  padding: 20px;
}
#start li.last { margin: 0; }
#start li img { border: 1px #000 solid; }



/* ------------------------------------------ */
/* Portfolio */
.portfolio #margins { width: 100%; }
#portfolio { }
#portfolio ul { list-style: none; margin: 0; padding: 0; }
#portfolio li {
  background: #fff;
  display: inline;
  float: left;
  line-height: 1.4em;
  list-style: none;
  margin: 0 10px 10px 0;
  padding: 20px 20px 15px 20px;
}
#portfolio li span { display: block; margin: 0; padding: 5px; }
#portfolio li img { border: 1px #000 solid; }
#portfolio li a, #portfolio li strong {
  color: #333;
  font-weight: bold;
  letter-spacing: 1px;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
}
#portfolio li a:hover, #portfolio li a:active, #portfolio li a:focus { color: #d00000; }



/* ------------------------------------------ */
/* Text */
#textbox { background: url(../images/bg_textbox.png) -480px bottom no-repeat; float: left; margin: 3em 0 0 20px; padding: 0 0 15px 0; position: relative; width: 480px; }
#textbox #title, #textbox #photo-title { background: url(../images/bg_textbox.png) no-repeat #fff; padding: 35px 15px 0 15px; }
#textbox #title h3 { margin: .5em 0 0 0; }
#textbox #photo-title h3 { font-family: georgia, times, serif; font-style: italic; margin: 0; text-transform: none; }
#textbox #content, #textbox #photo-description { background: #fff; padding: 10px 15px 1px 15px; }
#textbox #photo-meta, #textbox #meta { background: #fff; border-top: 1px #ebebeb solid; color: #888; font-size: .9em; padding: 10px 15px 1px 15px; }
#textbox #photo-meta { position: relative; }
#flattr { position: absolute; top: 8px; right: 10px; }
#textbox #photo-meta p, #textbox #meta p { margin: 0; }
#textbox #photo-meta p.links { margin-top: 1em; }
#textbox #photo-meta a, #textbox #meta a { color: #888; }
#textbox #photo-meta a:hover, #textbox #photo-meta a:active, #textbox #photo-meta a:focus,
#textbox #meta a:hover, #textbox #meta a:active, #textbox #meta a:focus { color: #d00000; }
/*
.js #textbox #photo-description, .js #textbox #photo-meta { display: none; }
#ico-desc { position: absolute; top: 33px; right: 15px; }
#ico-desc a { background: url(../images/ico_info.png) no-repeat; display: block; height: 21px; outline: none; width: 22px; }
#ico-desc a:hover, #ico-desc a:active, #ico-desc a:focus, #ico-desc a.active { background-position: 0 -21px; }
#ico-desc a span { position: absolute; top: -999em; left: -999em; }
*/
#ico-desc { display: none; }



/* ------------------------------------------ */
/* Foto */
#photo { background: #fff; padding: 20px; position: relative; }
.photo-v { text-align: center; }
.photo-h img { margin-left: 60px; }



/* ------------------------------------------ */
/* Archiv */
#archiv { background: #fff; padding: 20px; position: relative; }
#archiv #col_posts { float: left; width: 600px; }
#archiv #col_sidebar { float: right; width: 250px; }

#thumbnails ul { list-style: none; margin: 0; padding: 0; }
#thumbnails ul li { float: left; margin: 0; padding: 0; }
#thumbnails ul li a { border: 4px #fff solid; display: block; padding: 1px; }
#thumbnails ul li a:hover, #thumbnails ul li a:active, #thumbnails ul li a:focus { border-color: #666; }

#sidebar .box { background: #fbfbfb; border: 1px #ebebeb solid; margin: 0 0 10px 0; padding: 15px; }
#sidebar .box h3 { margin: 0 0 .3em 0; }
#sidebar .box ul { list-style: none;  margin: 0; padding: 0; }
#sidebar .box li { display: inline; margin: 0; padding: 0; }
#sidebar .box a {
  display: block;
  text-decoration: none;
}
#sidebar .box .current-cat a { font-weight: bold; }
#sidebar .box a:hover, #sidebar .box a:active, #sidebar .box a:focus { text-decoration: underline; }
#sidebar .box .children a { padding-left: 15px; }



/* ------------------------------------------ */
/* Sozialmedia */
#sozialmedia { position: absolute; top: 72px; right: 0; }