@import url(http://fonts.googleapis.com/css?family=Trykker);
/*   
Theme Name: Signed
Theme URI: http://23dpi.com
Description: Description
Author: Simon Schmincke
Author URI: http://www.simonschmincke.de;
Version: 1
*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
/** color and font definition **/
.font_regular {
  font-family: 'Trykker', serif;
  font-weight: 1000;
}
.font_thin {
  font-family: 'Trykker', serif;
}
.font_light {
  font-family: 'Trykker', serif;
  font-weight: 400;
}
.font_ultralight {
  font-family: 'Trykker', serif;
}
/** @import "theme.less";**/
/** normalize **/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  display: block !important;
}
body {
  font-size: 13px;
  background-color: #ffffff;
  font-family: Arial, sans-serif;
}
body,
button,
input,
select,
textarea {
  color: #231f20;
}
::-moz-selection {
  background: #000000;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #000000;
  color: #ffffff;
  text-shadow: none;
}
a {
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:focus {
  outline: none;
}
a:hover,
a:active {
  outline: 0;
  color: #231f20;
}
a.toplogo {
  color: #000000;
}
/* mixins */
.rechts {
  float: right;
}
.left {
  float: left;
}
.white {
  color: #ffffff;
}
.gray {
  color: #231f20;
}
.bordered {
  border-top: dotted 1px black;
  border-bottom: solid 2px black;
}
.clear {
  clear: both;
}
/* And here begins the Wordpress funn.
-------------------------------------------------------------------------------*/
#header {
  margin-left: 200px;
  padding-bottom: 50px ;
}
#header .logo {
  letter-spacing: -2px;
  font-family: Geogtq-Th;
  font-size: 28px;
}
#header a {
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-weight: bold;
  font-size: 13px;
}
#header a:hover {
  color: #a7a7a7;
}
#main {
  background-color: #ffffff;
  -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  position: relative;
  z-index: 100;
}
#sitetag {
  width: 800px;
  margin-bottom: 50px;
  text-transform: uppercase;
  margin: 20px auto;
  padding-bottom: 30px;
  pointer: default;
}
#wrapper {
  width: 800px;
  margin: 0 auto;
  margin-top: 50px;
}
#posts {
  width: 600px;
  float: right;
  padding-top: 7px;
}
#posts article {
  margin-bottom: 80px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #a7a7a7;
}
#posts article p {
  line-height: 2;
  padding-bottom: 10px;
}
#posts article div.entry p img {
  padding-bottom: 0px;
}
#posts article div.entry p:last-child img {
  padding-bottom: 0px;
}
#posts article li {
  line-height: 1.7;
  padding-left: 5px;
  margin-left: 25px;
  padding-bottom: 10px;
}
#posts article .gray_border ul,
#posts article ol {
  background-color: #f2f2f2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 5px;
  border: 1px solid #a7a7a7;
  margin-top: 5px;
  margin-bottom: 15px;
}
/* LINKS */
.entry a {
  color: #231f20;
  padding-bottom: 1px;
  border-bottom: 1px solid black;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.entry a:hover {
  color: #a7a7a7;
  border-color: #a7a7a7;
}
.entry {
  line-height: 2;
}
#content {
  width: 600px;
  float: right;
  border-top: 1px solid #231f20;
  padding-top: 10px;
}
#content header {
  margin: 0 auto;
  margin-top: 0px;
  border-bottom: 2px solid #000000;
  background-color: #FFF;
  padding: 0px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
}
#content #timeline {
  width: 860px;
  list-style-type: none;
  background: url(img/layout/timeline.png) top center repeat-y;
  padding: 20px;
  line-height: 1;
  padding-bottom: 5px;
}
#content #timeline p {
  margin: 0;
  padding: 0;
  font-family: 'Trykker', serif;
  font-weight: 1000;
}
#content #timeline li {
  width: 405px;
  padding: 15px;
  background-color: #eeeeee;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content #timeline li:hover {
  background-color: #d8d8d8;
  pointer: default;
}
#content #timeline li:hover:nth-of-type(even) .corner {
  background: url(img/layout/right_hover.png);
}
#content #timeline li:hover:nth-of-type(odd) .corner {
  background: url(img/layout/left_hover.png);
}
#content #timeline li:nth-of-type(odd) {
  clear: both;
  float: right;
}
#content #timeline li:nth-of-type(odd),
#content #timeline li:nth-of-type(even) {
  margin: -10px -20px 20px -20px;
}
#content #timeline li:nth-of-type(even) .corner {
  position: absolute;
  display: block;
  margin-left: 420px;
  width: 20px;
  height: 15px;
  background: url(img/layout/right.png);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content #timeline li:nth-of-type(odd) .corner {
  position: absolute;
  display: block;
  margin-left: -35px;
  width: 20px;
  height: 15px;
  background: url(img/layout/left.png);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content #start_timeline {
  width: 10px;
  height: 10px;
  margin: 0 auto;
  background: url(img/layout/timeline.png) top center repeat-y;
  margin-bottom: -5px;
}
#content .year {
  background-color: white;
  width: 100px;
  margin: 0 auto;
  margin-top: -10px;
  text-align: center;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #a7a7a7;
}
.about_currently {
  border-bottom: 2px solid #000000;
  padding-bottom: 5px;
  margin-bottom: 10px;
  color: #a7a7a7;
  text-align: center;
  font-weight: bold;
}
#sidebar {
  margin-right: 30px;
  float: left;
  width: 170px;
  position: relative;
  top: 33px;
  text-align: left;
}
#sidebar div.widget {
  margin-bottom: 10px;
}
#sidebar li {
  font-size: 12px;
  list-style: none;
  border-top: 1px solid #a7a7a7;
  padding: 4px 0 4px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#sidebar li:hover {
  background-color: none;
}
#sidebar .widget_categories {
  margin-top: 20px;
}
#sidebar .PI_SimpleTwitterTweets a,
#sidebar a {
  color: #a7a7a7;
}
#sidebar .PI_SimpleTwitterTweets a:hover,
#sidebar a:hover {
  color: #231f20;
}
#sidebar h2 {
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #231f20;
  text-transform: uppercase;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-weight: bold;
}
#sidebar .sidebar_social {
  border-bottom: 1px solid #231f20;
  border-top: 1px solid #231f20;
  padding: 0;
  margin: 0;
  padding-top: 9px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#sidebar .sidebar_social .social_spacer {
  display: inline-block;
  width: 8px;
}
#sidebar .sidebar_social img {
  padding-top: 0px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#sidebar .sidebar_social img:hover {
  opacity: 0.7;
}
#sidebar .sidebar_bio {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
#sidebar .sidebar_bio section.spacer {
  padding-top: 6px;
  padding-bottom: 6px;
}
#sidebar .sidebar_bio .name {
  display: inline-block;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 3px;
  text-transform: uppercase;
}
#sidebar .elp-widget {
  border-bottom: 0px;
  padding-bottom: 0px;
}
#sidebar .elp-widget .es_lablebox {
  display: none;
}
#sidebar .elp-widget h2 {
  padding-top: 10px;
  padding-bottom: 0px;
}
#sidebar .elp-widget .es_msg {
  text-transform: uppercase;
  font-size: 11px;
}
#sidebar .elp-widget input {
  width: 148px;
  padding: 10px;
  border: 1px solid black;
  margin-bottom: -10px;
}
#sidebar .elp-widget .es_textbox_button {
  width: 170px;
  text-transform: uppercase;
  margin-top: 0px;
  padding: 4px;
  margin-bottom: 0px;
}
#sidebar .elp-widget .es_textbox_button:hover {
  background-color: #5b5b5b;
  color: #fff;
}
/** TWITTER **/
.twitter_date {
  font-weight: bold;
}
.twitter_text {
  line-height: 1.5;
}
.post h2 {
  text-transform: uppercase;
  font-family: 'Trykker', serif;
  border-bottom: 1px dotted #a7a7a7;
  padding-bottom: 5px;
}
.post h2 span.title {
  font-size: 18px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-color: transparent;
}
.post h2 span.title a:hover {
  color: #a7a7a7;
}
.post h2 span.comments {
  float: right;
  position: relative;
  top: 6px;
}
h1.headline {
  text-transform: uppercase;
  font-family: 'Trykker', serif;
  font-size: 18px;
  font-weight: bold;
  border: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  padding-bottom: 6px;
}
.meta_info a:hover {
  color: #a7a7a7;
}
footer.meta {
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: 20px;
}
footer.meta span.time {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #a7a7a7;
}
figure {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
figure:hover figcaption {
  opacity: 1;
  left: 0;
}
figcaption {
  position: absolute;
  background: black;
  background: rgba(173, 0, 0, 0.75);
  color: white;
  padding: 10px 10px;
  opacity: 0;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.questionmark:before {
  content: "?";
  position: absolute;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.75);
  text-shadow: 0 0 2px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 0.75;
}
.questionmark:hover:before {
  opacity: 0;
}
.cap:before {
  top: 10px;
  left: 10px;
}
.cap figcaption {
  left: 0;
  top: -30%;
}
.cap:hover figcaption {
  top: 0;
}
.map_single {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #a7a7a7;
}
#travel_map {
  position: absolute;
  z-index: 20;
}
#respond {
  border-top: 1px dotted #a7a7a7;
  margin-top: 20px;
  padding-top: 10px;
}
#respond h2 {
  font-family: 'Trykker', serif;
  font-weight: 1000;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#respond textarea {
  width: 575px;
  height: 65px;
  padding: 10px;
  margin-top: 14px;
}
#respond input#author,
#respond input#email,
#respond input#url {
  width: 200px;
  padding: 5px 10px 5px 10px;
}
#respond input#author,
#respond input#email {
  margin-right: 13px;
}
#respond input#url {
  float: right;
}
#respond input[type="text"][placeholder] {
  text-transform: uppercase;
}
#respond textarea,
#respond input#author,
#respond input#email,
#respond input#url {
  border: 1px solid #a7a7a7;
  background-color: #f2f2f2;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-size: 14px;
  line-height: 1.3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}
#respond textarea:focus,
#respond input#author:focus,
#respond input#email:focus,
#respond input#url:focus {
  -webkit-box-shadow: 0 0 10px rgba(173, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(173, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(173, 0, 0, 0.5);
}
#respond #submit {
  margin-top: 10px;
  padding: 5px;
  border: 1px solid #000000;
  background-color: #000000;
  font-weight: bold;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-size: 13px;
  float: right;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}
.postmetadata {
  margin-top: 30px;
  text-transform: uppercase;
  line-height: 2;
}
.postmetadata a {
  padding: 1px;
  font-size: 12px;
}
.next-posts {
  float: right;
}
.prev-posts {
  float: left;
}
.next-posts,
.prev-posts {
  width: 120px;
  height: 25px;
  background-color: #000000;
  text-transform: uppercase;
  text-align: center;
  padding-top: 12px;
  color: #ffffff;
  font-family: 'Trykker', serif;
  font-weight: 1000;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.next-posts:hover,
.prev-posts:hover {
  background-color: #757575;
}
.next-posts:active,
.prev-posts:active {
  background-color: #f2f2f2;
}
.widget {
  border-bottom: 1px solid #231f20;
}
#search-2 {
  border-bottom: none;
}
#s {
  border: 1px solid #231f20;
  width: 158px;
  padding: 3px 5px 3px 5px;
  font-size: 13px;
  position: relative;
}
#s:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#colorpicker.white a {
  color: white;
}
#colorpicker.white a:hover {
  color: #000000;
}
#ssloc1,
#ssloc2,
#ssloc3 {
  background-image: none;
}
#slidelink.white li::before {
  color: #fff;
}
ol.commentlist {
  list-style: none;
}
ol.commentlist li.comment {
  border-bottom: 1px dotted #666;
  padding: 10px;
}
ol.commentlist li.comment div.vcard cite.fn {
  font-style: normal;
}
ol.commentlist li.comment div.vcard img.avatar {
  float: right;
  margin: 0 0 10px 10px;
}
ol.commentlist li.comment div.comment-meta {
  font-size: 10px;
}
ol.commentlist li.comment div.comment-meta a {
  color: #ccc;
}
ol.commentlist li.comment div.reply {
  font-size: 11px;
}
ol.commentlist li.comment div.reply a {
  font-weight: bold;
}
ol.commentlist li.comment ul.children {
  list-style: none;
  margin: 10px 0 0;
}
ol.commentlist li.comment ul.children li.depth-2 {
  border-left: 5px solid #555;
  margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
  border-left: 5px solid #999;
  margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-4 {
  border-left: 5px solid #bbb;
  margin: 0 0 10px 10px;
}
ol.commentlist li.even {
  background: #fff;
}
ol.commentlist li.odd {
  background: #f6f6f6;
}
ol.commentlist li.parent {
  border-left: 5px solid #111;
}
/* SOCIAL */
.socialize-in-content,
.socialize-in-button-vertical {
  height: 70px;
  padding: 0;
  margin: 0;
  border: none;
  border-image-width: 0;
  vertical-align: baseline;
  display: block;
  line-height: 1;
  position: relative;
  right: -3px;
  top: -2px;
}
.socialize-floating {
  background: none;
  z-index: 9999;
  float: left;
  margin: 0;
  display: none;
  position: absolute;
  padding: 0;
  top: 179px;
  padding-bottom: 2px;
}
.socialize-floating-bg {
  background: #fff;
}
.socialize-floating .socialize-in-button {
  text-align: center;
  display: block;
  margin: 5px;
  min-height: 0;
  width: auto;
  padding: 0;
  float: none;
}
.socialize-floating .socialize-in-button-vertical {
  display: none;
}
blockquote {
  display: inline-block;
  background-color: #f2f2f2;
  padding: 10px;
  font-style: italic;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Times, italic;
  border: 1px dotted #a7a7a7;
  width: 580px;
}
blockquote .source {
  display: block;
  margin-top: 20px;
  float: right;
  font-size: 10px;
  font-style: normal;
  font-family: Arial, sans-serif;
}
blockquote .source:before {
  color: #757575;
  content: "Source: ";
}
#list .listh2 {
  padding-top: 35px;
  margin-bottom: 5px;
}
#list .sub_list {
  display: block;
  padding-top: 20px;
  font-weight: bold;
}
/* ------ footer ----- */
.endofpage {
  width: 800px;
  margin: 10px auto;
  padding-bottom: 30px;
  position: relative;
  z-index: 100;
  border-top: 1px dotted #231f20;
  background-color: #ffffff;
}
.endofpage div.copyright {
  margin: 0 auto;
  margin-bottom: 20px;
}
.copyright {
  font-family: 'Trykker', serif;
  font-weight: 1000;
  text-transform: uppercase;
  padding-left: 0px;
  margin-top: 50px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.copyright a:hover {
  color: #a7a7a7;
}