@charset "UTF-8";
@import url(../yaml/core/base.css);


body {
  background:       #94b950 url(../images/background_header_pattern.jpg) 50% 0 repeat-x;
  font:             12px/1.6em Helvetica, Arial, "Sans Serif", sans-serif;
  overflow-y:       scroll;
}
h1, h2, h3 {
  font-family: "Sommet Black", sans-serif;
}
.post h2 {
  margin:           40px 0 10px;
}
.post p {
  margin:           0 0 1.5em;  
}
.page_margins { 
  width:            990px;
  margin:           0 auto;
}
.page {
  padding:          0 15px;
}

.entry blockquote {
  border-left:10px solid #94B950;
  margin-left:0;
  padding-left:15px;
  font-family: Georgia, serif;
  font-size: 110%;
}
.entry blockquote p {
  margin:0 0 0.5em;
}

/* header */
#header {
  height:           408px;
  margin:           0 -15px;
  padding:          0 15px;
  
  background:       url(../images/background_header.jpg) no-repeat;
}
#header h1 {
  width:            960px;
  height:           49px;
  padding:          0 7px 7px;
  margin:           0 -7px -7px;
  
  background:      url(../images/logo.png) no-repeat;
}
#header h1 a {
  display:          block;
  width:            175px;
  height:           50px;
  position:         absolute;
  top:              10px;
  left:             10px;
  text-indent:      -9999px; 
}

#header .highlights,
#header .highlights .left,
#header .highlights .right {
  height:           34px;
  background:       url(../images/homepage/highlights_background.sprite.png) repeat-x;
}

#header .highlights {
  float:            right;
  position:         relative;
  right:            1px;
  
  line-height:      30px;
}
#header .highlights .left,
#header .highlights .right {
  position:         absolute;
  top:              0;
  width:            5px;
}
#header .highlights .left {
  left:             -5px;
  background-position: 0 -34px;
  
}
#header .highlights .right {
  right:            -5px;
  background-position: 0 -68px;
}
#header .highlights ul {
  margin:           0;
}
#header .highlights li {
  list-style:       none;
  display:          inline;
  padding:          2px 8px 2px 20px;
  margin:           0;
    
  background:       url(../images/homepage/highlights_bullet.png) 4px 0 no-repeat;
  color:            #f2f2df;
}
#header .meta {
  position:         absolute;
  top:              15px;
  right:            30px;
}
#header .meta a {
  color:            #85a8c0;
  text-decoration:  none;
}


/* homepage */
#main.homepage,
#footer.homepage {
  position:         relative;
  left:             -10px;
  background:       #edeee0;
  margin:           0 auto;
  width:            785px;
  padding:          30px;
  z-index:          10;
  
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#main #footer.homepage {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
padding: 0 30px;
top: 40px;
}
#main.homepage {
  
  margin-bottom:    10px;
  
  width:            780px;
  padding-left:     35px;
  padding-bottom:   60px;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#main.homepage #welcome-blurb {
  width:            400px; 
  margin:           0 0 12px;
}
#main.homepage #welcome-blurb h2 {
  font-size:        28px;
  font-weight:      bold;
  line-height:      1.2em;
  color:            #323232;
  margin:           0 0 10px;
}
#main.homepage #welcome-blurb p {
  font-size:        14px;
  color:            #717171;
  line-height:      1.5em;
}
#main.homepage h3 {
  color:            #735e50;
  font-size:        20px;
  border-bottom:    1px solid #b7b19b;
  padding:          14px 0 4px;
  margin:           0 0 10px;
  
  
  background:       url(../images/homepage/deco-trees.png) 100% 100% no-repeat;
}
#main.homepage #features,
#main.homepage #letzte_artikel {
  width:            420px;
  float:            left;
}
#main.homepage #features ul {
  margin:           15px 0 0 5px;  
}
#main.homepage #features li {
  padding:          1px 0;
  font-size:        14px;
}
#main.homepage #questions,
#main.homepage #twitternews {
  margin-left:      465px;
}
#main.homepage #questions dl {
  margin-left:      0;
  font-size:        14px;
}
#main.homepage #login {
  position:         absolute;
  top:              -57px;
  right:            -25px;
  width:            336px;
  height:           165px;
  padding:          50px 30px 15px;
  
  background:       url(../images/homepage/login_box.png) 0 2px no-repeat;
  font-size:        14px;
  line-height:      1.3em;
}
#main.homepage #login p {   
  padding:          0 0 10px;
}
#main.homepage #login label {
  font-size:        13px;
  line-height:      25px;
  
}
#main.homepage #login input[type=text] {
  width:            220px;
  padding:          3px 2px;
  float:            right;
}
#main.homepage #login input[type=submit] {
  float:            right;
}

#main.homepage #screenshots {
  position:         absolute;
  bottom:           20px;
  left:             30px;
  
  white-space:      nowrap;
  
}
#main.homepage #screenshots li {
  display:          inline;
  margin:           0 -30px 0 0;
  z-index:          10;
  width:            125px;
}
#main.homepage #screenshots li:hover {
  z-index:          200;
}

#footer.homepage {
  padding:          20px 30px; 
}
#main #footer {
    padding:          20px 30px; 
}
#footer.homepage #testimonials {
  float:            left;
  width:            420px;
}
#footer.homepage #testimonials ul,
#footer.homepage #testimonials li {
  margin:           0;
  list-style:       none;
}
#footer.homepage #testimonials li {
  padding-left:     90px;
  
}
#footer.homepage #testimonials img {
  float:            left;
  margin-left:      -90px;
}
#footer.homepage #testimonials blockquote {
  margin:           0;
  font-style:       italic;
  padding:          0 0 4px;
}
#footer.homepage #register {
  margin-left:      465px;
  position:         relative;
  height:           70px;
  
}
#footer.homepage #wegweiser {
  position:         absolute;
  right:            -20px;
  bottom:           0px;
}
#main #footer .meta,
#footer.homepage .meta {
  height:           59px;
  background:       url(../images/background_footer.jpg) repeat-x;
  
  position:         relative;
  top:              20px;
  clear:            both;
  
  
  margin:           0 -30px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px; 
}
#main #footer {
  margin:           0 -25px;
}
#footer.homepage .meta p {
  padding:          5px 30px;
  color:            #87a2ad;
  text-shadow:      1px 1px 2px RGBa(0,0,0,.3);
  
}
#footer.homepage .meta img {
  vertical-align:   top;
  margin:           0 5px;
}
#footer.homepage .meta .copy {
  float:            left;
}
#footer.homepage .meta .nav {
  float:            right;
}
#footer.homepage .meta a {
  color:            #87a2ad;
  text-decoration:  none;
}
#footer.homepage .meta a:focus,
#footer.homepage .meta a:hover {
  text-decoration:  underline;
}

/* modules */
dl.collapsible dt,
dl.collapsible dd {
  margin-left:      0;
  padding-left:     20px; 
}

dl.collapsible dt,
dl.collapsible dt.expanded {
  font-weight:      bold;
  color:            #002c59;
  padding-bottom:   3px;
  
  background:       url(../images/homepage/bullet_expanded.png) 0 2px no-repeat;
}
dl.collapsible dt.collapsed {
  background:       url(../images/homepage/bullet_collapsed.png) 0 2px no-repeat;
  cursor:           pointer;
}
dl.collapsible dd {
}
dl.collapsible dt.collapsed+dd {
  display:          none;
}

a.btn,
input.btn {
  background:       #182e4a url(../images/button_trans.png) repeat-x; 
  border:           0;
  color:            #f2f2df;
  font-size:        13px;
  line-height:      1em;
  white-space:      nowrap;
  padding:          3px 25px;
  cursor:           pointer;
  
  text-shadow:      1px 1px 1px #000;
  filter:           Shadow(Color=#000, Direction=135, Strength=1); /* IE */
  
    
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

a.btn:focus,
input.btn:focus {
  outline:          0;  
}
a.btn:active,
input.btn:active {
  background:       #182e4a url(../images/button_trans_active.png) 0 100% repeat-x;
  padding:          4px 25px 2px;
}

.commentlist li {
  list-style:       none;
  margin:           0;
  padding-left:     50px; 
}
.commentlist li .comment-author {
  float:            left;
}
.commentlist li .comment-meta {
  float:            right;
}
.commentlist li .comment-meta:before {
  content:          'am ';
}
.commentlist li .comment-meta a {
  color:            #000;
  text-decoration:  none;
}
.commentlist li .comment-meta a:focus,
.commentlist li .comment-meta a:hover {
  text-decoration:  underline;
}
.commentlist li p {
  clear:            both;
  
}
.commentlist li .fn {
  font-weight:      bold;
}
.commentlist li img.avatar {
  float:            left;
  margin-left:      -50px;
  
}
#respond form p {
  margin:           10px 0; 
}
.navigation:first-child {
  overflow:         hidden;
  padding:          0 0 10px;
  border-bottom:    5px solid #C0BBA5;
  color:            #735E50;
}
.navigation .alignleft {
  float:            left;
}
.navigation .alignright {
  float:            right;
}
.navigation a {
  color:            #735E50;
  
}
 /* funky */
.postmetadata {
  color:            #735E50;
  
  padding:          10px;
  border:           1px solid #C0BBA5;
  border-width:     1px 0;
  background:       rgba(192, 187, 165, .2);  
  margin:           0 0 50px !important;
  
}
.postmetadata a {
  color:            inherit;  
}


#letzte_artikel ol {
  margin:           0;
}
#letzte_artikel li {
  list-style:       none;
  margin:           0;
  padding:          10px 0;
}
#letzte_artikel li a {
  color:            #002C59;
  display:          block;
  font-size:        14px;
  font-weight:      bold;
  
  padding:          0 0 3px;
  
  
}
#letzte_artikel li a:hover,
#letzte_artikel li a:focus {
  text-decoration:  none;
}