/*
Theme Name: jawl 2009
Theme URI: http://jawl.net/
Description: Die 2009er - Version des einzig wahren jawl-Themes.
Version: 3.0
Author: Christian Fischer
Author URI: http://c-fischer.com
Tags: white, fixed width, two columns, widgets
Text Domain: jawl

*/



/* ............................................................................. Reset'em all */
* {
  margin: 0;
  padding: 0;
}


/* ............................................................................. Basics */
body {
  background-color: #fff;
  color: #313131;
  font-family: verdana, arial, helvetica, swiss, sans-serif;
  font-size: 100.01%;
  text-align: center;
}

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  border:none;
  visibility: hidden;
  clear: both;
}

img {
  border: none;
}

.screen-reader-text {
  display: none !important;
}

.center {
  text-align: center;
}


/* ............................................................................. Aufbau */
#page {
  margin: 0 auto;
  /*width: 800px;*/
  text-align: left;
  font-size: 0.7em;
}
#oldiestop {
  padding: 5px;
  background-color: #fffa99;
  border-bottom: 2px solid #cfcfcf;
  font-size: 10px;
}
#head {
  margin: 0 auto;
  width: 800px;
  height: 160px;
  text-align: left;
  font-size: 0.7em;
}
	#metanavi {
           list-style-type: none;
           height: 22px;
         }
         #metanavi li {
           margin: 0 0 0 -1px;
           padding: 3px 15px 0 15px;
           border-left: 1px solid #777;
           border-right: 1px solid #777;
           float: right;
           height: 19px;
         }
         #metanavi li:hover {
           background-color: #777;
           border-left: 1px solid #535353;
         }
         #head #searchform {
           height: 22px;
           overflow: hidden;
         }
         #head #searchform * {
           display: inline;
         }
         #head #s {
           font-size: 9px;
           width: 200px;
         }
         #head #searchsubmit {
           font-size: 9px;
           background-color: #aaa;
           border: 1px solid #999;
         }
#logo {
  margin: 19px 0 0 0;
  width: 195px;
  height: 110px;
  float: left;
}

#mainnavi {
  margin: 115px 0 0 0;
  list-style-type: none;
  float: right;
}
	#mainnavi li {
           float: left;
           color: #fff;
         }
	#mainnavi li:after {
           content:" :: ";
         }
	#mainnavi li.last:after {
           content:"";
         }
         #mainnavi li a {
           margin: 0 3px 0 5px;
           color: #fff;
           text-decoration: none;
           text-transform: uppercase;
         }
         #mainnavi li a:hover {
           color: #565656;
         }

#switcher {
  margin: 2px 0 0 0;
  padding: 2px 2px 5px 2px;
  float: right;
  width: 240px;
  height: 9px;
  text-align: center;
}
#switcherbutton {
  color: #565656;
  text-decoration: none;
  font-size: 10px;
  text-transform: uppercase;
  cursor: pointer;
}

#divider {
  height: 25px;
  border-bottom: 1px solid #c3c3c3;
}
#rssbadge {
  margin: 0 auto -78px auto;
  height: 78px;
  width: 720px;
  z-index: 4;
}
    #innerbadge {
      height: 20px;
      width: 76px;
      overflow: hidden;
    }
    #innerbadge:hover {
      height: 59px;
    }
    #innerbadge a {
      display: block;
      margin: 0 660px 0 0;
    }


#wrapper {
  background-color: #fff;
}
#themenliste {
  margin: 3em 0 1em 0;
  padding: 40px 40px 0 40px;
}
    #themenliste img {
      margin: 0 15px 0 5px;
      opacity:.5;
      -moz-opacity:.5;
      filter:alpha(opacity=50);
    }
    #themenliste img:hover {
      opacity:1;
      -moz-opacity:1;
      filter:alpha(opacity=100);
    }


#footer {
  padding: 1em 0 0 0;
  color: #dedede;
}
	#footer a {
	  color: #dedede;
	  text-decoration: none;
	}
         #footer h2 {
           margin: 0 0 0.4em 0;
           padding: 0 0 0.4em 0;
           font-size: 1em;
           font-weight: bold;
           border-bottom: 1px dotted #858585;
         }
         #footer h2:focus {
           outline: none;
         }
         #footer #accordion h2 {
           cursor: pointer;
         }
         #footer .folder {
           margin: 0 0 20px 0;
           padding: 0 0 5px 0;
           border-bottom: 1px dotted #858585;
         }


#footerwrapper {
  margin: 0 auto;
  padding: 20px 0;
  width: 800px;
  text-align: left;
  font-size: 0.65em;
}
	#teliad {
           margin: 0 auto;
           width: 700px;
           list-style-type: none;
           text-align: center;
         }
         #teliad li {
           margin: 0 10px;
           float: left;
         }
         #footer .box {
           margin: 0 0 20px 0;
           padding: 10px;
           border: 1px solid #777;
	      -moz-border-radius: 5px;
         }
         #footer .cola {
           margin: 0 20px 20px 0;
           width: 231px;
           float: left;
         }
         #footer .colb {
           margin: 0 20px 20px 0;
           width: 231px;
           float: left;
         }
         #footer .colc {
           margin: 0 0px 20px 0;
           width: 231px;
           float: left;
         }
         #footer .box ul {
           list-style-type: none;
         }
         #footer .box ul li {
           margin-bottom: 0.3em;
         }
         #footer .box ul li.endgroup {
           margin-bottom: 1.4em;
         }
         #footer .categorylist li {
           margin-right: 15px;
           display: inline;
         }
         #footer .socialbm {
           margin: 0 auto;
           width: 520px;
         }
         #footer .socialbm img {
           margin: 4px;
           opacity:.5;
           -moz-opacity:.5;
           filter:alpha(opacity=50)
         }
         #footer .socialbm img:hover {
           opacity:1;
           -moz-opacity:1;
           filter:alpha(opacity=100)
         }



         #footer .tagcloud a {
           padding: 4px 8px;
         }


      /* ................................................. Blogroll*/
      .blogrollmain {
        padding: 0 4px 0 4px;
      }
      .blogrollitem {
        display: inline;
        padding: 0 20px 0 0;
      }

      .blogrollfolder {
        font-weight: bold;
        margin-top: 10px;
      }
      .cut {
        overflow: hidden;
      }
      .space {
        margin-bottom: 0.5em;
      }



#abschluss {
  padding: 2px 0 0 0;
  border-top: 1px dotted #858585;
  text-align: right;
 }

/* ............................................................................. Inhalt */
#content {
  padding: 60px 0 0 0;
  line-height: 1.5em;
}
#content .postwrapper {
  padding: 6em 0 8em 0;
}
#content .postwrapperneutral {
  background-image: none !important;
  padding: 6em 0 6em 0;
}


#content .post {
  margin: 0 auto;
  padding: 0 58px 0 0;
  clear: right;
  width: 742px;
  /*border: 1px solid #cfcfcf;*/
}
    #content .sticky {
      padding: 25px 0 15px 0;
      border-top: 5px solid #e98a20;
      border-bottom: 5px solid #e98a20;
    }


#content .entry {
  /*margin: 0 0 12em 0;*/
  float: right;
  width: 375px;
}
.permalink {
  padding: 4px  0 0 0;
  text-align: right;
  color: #fff;
  font-size: 10px;
  border-top: 1px solid #ececec;
}
    .permalink:hover {
      color: #313131;
    }


#content a {
  padding: 0 0 0 22px;
  color: #885112;
  text-decoration: none;
  background-repeat: no-repeat;
}
.headcatpic {
 margin-right: -58px;
}
#content h2 a, #content .postmetadata a, a.other, a.nosign, .navigation a, .aktt_tweet_digest a, .commentlist a, .permalink a, a.zoom, a.more-link, .pagebar a {
  padding: 0 !important;
  background-image: none !important;
}
#content h2 {
  margin: 0 0 0.4em 0;
  padding: 0 0 0 365px;
  font-size: 1em;
  border-bottom: 1px solid #ececec;
}
	#content h2 a {
	  color: #313131;
	}
    #content h2.pagetitle {
      margin-bottom: 3em;
    }


#content p, #content li, #content blockquote {
  margin: 0 0 0.8em 0;
}
#content ul, #content ol {
  padding: 0 0 0 22px;
}

#content blockquote {
  padding: 0 0 0 10px;
  font-family: "times new roman", times, serif;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #aaa;
  border-left: 20px solid #cfcfcf;
}
#content s {
  color: #999;
  text-decoration: line-through;
}


/* ............................................................................. Pagination */

#pagebarwrapper {
  text-align: center;
}


.pagebar {
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  width: 630px;
}
    .pagebar a, .pagebar span {
      display: block;
      margin: 5px;
      width: 20px;
      height: 20px;
      overflow: hidden;
      float: left;
      background-color: #696969;
      color: #dedede !important;
      -moz-border-radius: 5px;
      font-size: 11px;
      line-height: 1.5em;
      text-decoration: none;
    }
    .pagebar .this-page {
      color: #EC8D1F !important;
    }
    .pagebar a:hover {
      background-color: #ec8d1f;
      color: #575757;
    }


.navigation {
  margin: 0 0 50px 0;
  padding: 10px 0 10px 0;
  /*border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;*/
  text-align: center;
}
	.navigation .alignleft {
           padding-right: 3%;
           padding-top: 12px;
           float: left;
           width: 47%;
           height: 40px;
           text-align: right;
         }
	.navigation .alignright {
           padding-left: 3%;
           padding-top: 12px;
           float: right;
           width: 47%;
           height: 40px;
           text-align: left;
         }
         .navigation a {
           padding: 3px;
           display: inline-block;
           background-color: #fff !important;
           border: 1px solid #ededed;
           color: #885112;
           text-decoration: none;
         }
/* ............................................................................. Inhalt-Besonderheiten */
.delicious-link a {
  padding: 0 !important;
  background-image: none !important;
}
.delicious-extended {
  font-style: italic;
}
.delicious-extended:before {
  content:"\00BB";
}
.delicious-extended:after {
  content:"\00AB";
}
.delicious-tags {
  display: none;
}




/* ............................................................................. Bilder */
img.alignright {
  margin: 0 0 20px 10px;
  float: right;
}
img.alignleft {
  margin: 0 10px 20px 0;
  float: left;
}
img.aligncenter {
  display:block;
  margin: 0 auto;
}


img.size-full {
  max-width: 375px;
}


.wp-caption {
  margin: 1px 0 25px -32px;
  padding: 10px 0 0 10px;
  border: 1px solid #cfcfcf;
}
.wp-caption-text {
  padding: 3px 0;
  color: #999;
  text-align: center;
}


/* ............................................................................. Comments */
#commentform {
  margin: 2em 0 2em 0;
}
#commentform input, #commentform textarea {
  margin: 0 0 0 10px;
  padding: 2px;
  width: 369px;
  float: right;
  color: #373121;
  font-family: verdana, arial, helvetica, swiss, sans-serif;
  font-size: 11px;
  border: 1px solid #DFDFDF;
}
#commentform input:focus, #commentform textarea:focus {
  border: 1px solid #838383;
}
#commentform p {
  margin: 0 0 1em 0;
  clear: right;
}
#commentform label {
  display: block;
  text-align: right;
}
#spamwarn {
  width: 375px;
  float: right;
  font-size: 0.85em;
  line-height: 1.1em;
  color: #cfcfcf;
}
#submit {
  width: 200px !important;
}



#pings, h3 {
  padding: 0 0 0 365px;
  margin: 0 0 3em 0;
  font-size: 1em;
  font-weight: bold;
}

#comments {
  padding: 0 0 0 365px;
  margin: 6em 0 3em 0;
  font-size: 1em;
  font-weight: bold;
}

#commentwrapper {
  margin: 0 auto;
  padding: 0 58px 0 0;
  width: 742px;
}


.commentlist {
  margin: 0 0 3em 0;
  list-style-type: none;
}
.commentlist li {
  margin: 0 0 4em 0;
  clear: left;
  text-align: left;
}
	.commentlist .vcard {
           margin: 4px 10px 4em 0;
           width: 334px;
           height: 100%;
           text-align: right;
           float: left;
         }
         .commentlist .vcard cite, .commentlist .pingsender cite {
           font-style: normal;
         }
         .commentmetadata {
           padding: 0 0 0 345px;
           border-bottom: 1px solid #ececec;
         }
         .commentlist .comment-content {
           margin: 0 0 0 345px;
         }
	.commentlist .pingsender {
           margin: 0 10px 4em 0;
           width: 334px;
           height: 100%;
           text-align: right;
           float: left;
         }



/* ............................................................................. Marginalinfos oben */
#marginalinfos {
  margin: 0 auto;
  width: 800px;
  text-align: left;
  font-size: 0.7em;
}
#marginalwrapper {
  margin: 30px 10px 10px 10px;;
}
#marginalnavi {
  list-style-type: none;
  width: 200px;
  float: left;
}
	#marginalnavi li {
           margin: 0 0 -1px 0;
           padding: 3px 10px;
           text-align: right;
           background-color: #eee;
           border: 1px solid #cfcfcf;
	  -moz-border-radius-topleft: 5px;
	  -moz-border-radius-topright: 0px;
	  -moz-border-radius-bottomleft: 5px;
	  -moz-border-radius-bottomright: 0px;
         }
	#marginalnavi li.active {
           border-right: 1px solid #fff;
           background-color: #fff;
         }
	#marginalnavi li a {
           text-decoration: none;
           font-weight: bold;
           text-transform: uppercase;
           color: #cfcfcf;
         }
	#marginalnavi li a:hover, #marginalnavi li.active a {
           color: #afafaf;
         }

#marginalcontent {
  margin: 0 0 0 199px;
  padding: 13px 10px 10px 10px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
}

.show {
  display: block;
}
.hide {
  display: none;
}

#margconb p {
  margin: 0 0 0.8em 0;
  width: 300px;
  line-height: 1.4em;
}
/* . flickr */

.flickr_badge_image {
  display: inline;
  margin: 2px;
}
.flickr_badge_image img, #flickrbadge {
  border: 1px solid black !important;
  margin: 15px;
}

/* . social networks */

#socialbadge {
/*  display: inline;*/
  margin: 2px;
}
#socialbadge img {
  margin: 15px;
}

/* .twitter & info .*/
#twitterbadge, #infobadge {
  width: 538px;
  height: 109px;
}
	#twitterbadge img, #infobadge img {
           margin: 15px;
           width: 75px;
           height: 75px;
           float: left;
         }
         #twitterbadge p, #infobadge p {
           margin: 0 0 0 135px;
           padding: 20px 0 0 0;
           width: 390px;
           font-style: italic;
           line-height: 2em;
         }
         #twitterbadge p a, #infobadge p a {
           color: #313131;
         }