/*
Theme Name: SquareRoot
Theme URI: http://www.gabis-wordpress-templates.de/
Description: 3-spaltiges halbfluides Layout, widget-fähig, lokalisiert, ab WP Version 1.5.2.
Version: 1.0
Author: Gabriele von der Ohe
Author URI: http://www.gabis-wordpress-templates.de/

Modifizierte Version fuer till we *)
*/

@media screen {

/* --- WUMS Overlay --- */

a.wums_feld {
position: absolute;
top: 0;
left: 0;
background: transparent url(wums_sprite.png) 0 0 no-repeat;
width: 210px;
height: 92px;
}

a.wums_feld:hover {
position: absolute;
top: 0;
left: 0;
background: transparent url(wums_sprite.png) 0 -92px no-repeat;
width: 440px;
height: 610px;
}

/* --- */

/*---| Dateiweite Einstellungen |---*/

* {
margin: 0;
padding: 0;
border: 0;
}
body {
background:#3e4a3e;
/* url(images/paisley-dark-green-small.gif); */
color: #fff;
font: 80% Georgia,"Palatino Linotype",Palatino,serif;
text-align: center;
}
input, textarea {
background: #ededed;
color: #3e4a3e;
margin: 0 10px 10px 0;
padding: .2em;
border: 1px solid #b8c5b7;
}
input {
 max-width: 160px;
}
textarea {
overflow: auto;
}
.absenden,
#contactsubmit {
cursor: pointer;
}
.zentrieren {
text-align: center;
}
.clear {
clear: both;
}

/*---| Wrapper |---*/

#wrapper {
max-width: 1000px;
background: #b8c5b7;
color: #3e4a3e;
height: 100%;
margin: 0 auto;
text-align: left;
}

/*---| Kopfbereich |---*/

#kopf {
background: #556b56 url(images/header3x.gif) center no-repeat;
color: #b8c5b7;
text-align: right;
height: 180px;
padding-right: 15px;
border: 3px solid #b8c5b7;
}
#kopf h1 {
font-size: 2.6em;
font-weight: normal;
padding-top: 30px;
}
#kopf a:link,
#kopf a:visited {
color: #b8c5b7;
background: transparent;
text-decoration:none;
}
#kopf a:hover,
#kopf a:active,
#kopf a:focus {
color: #ededed;
background: transparent;
}
#suche {
display: inline;
width: 330px;
float: right;
padding: 5px 15px;
}
#breadcrumb {
margin: 0 185px;
}

/*---| Navigationsleisten |---*/

#sidebar {
background: #b8c5b7;
display: inline;
width: 360px;
float: right;
clear: both;
}
#sidebar a:link,
#sidebar a:visited {
color: #3e4a3e;
background: inherit;
text-decoration:none;
}
#sidebar a:hover,
#sidebar a:active,
#sidebar a:focus {
color: #ededed;
background: inherit;
}
#sidebar ul ul {
margin-bottom: 15px;
}
#sidebar h2 {
font-size: 1.1em;
line-height: 1.2em;
margin-bottom: 5px;
margin-top: 5px;
}
#sidebar ul li {
list-style: none;
line-height: 1.2em;
margin-bottom: 0.4em;
font-size: 1.0em;
}
#rechts,
#links {
width: 160px;
overflow: hidden;
padding: 10px;
float: right;
font-size: .95em;
}
/*--- | Inhaltsbereich - allgemeingültige Formatierungen |---*/

#content {
margin: 0 360px 3px 3px;
background: #fff;
color: #1e2a1e;
padding: 10px;
}
#content a:link,
#content a:visited {
color: #CC0000;
background: inherit;
text-decoration:none;
}
#content a:hover,
#content a:active,
#content a:focus {
background: inherit;
color: #FF9900;
}
#content p {
font-size: 1.2em;
line-height: 1.4em;
margin-bottom: 0.7em;
/*font-family:Georgia,"Palatino Linotype",Palatino,serif;*/
}
#content ul li {
/*font-family:Georgia,"Palatino Linotype",Palatino,serif;*/
list-style-image: url(images/list.gif);
margin-bottom: 0.7em;
}
#content ol li {
/*font-family:Georgia,"Palatino Linotype",Palatino,serif;*/
margin-bottom: 0.7em;
}
#content h2 {
font-size: 1.4em;
line-height: 1.4em;
}
#content h3 {
font-size: 1.1em;
}
#content h4 {
font-size: 1.1em;
margin: .8em 0;
}
#content blockquote {
font-size: 1.0em !important;
line-height: 1.4em !important;
margin-bottom: 0.7em;
/*font-family:Georgia,"Palatino Linotype",Palatino,serif;*/
padding-left: 5em;
padding-right: 4em;
padding-top: 0.7em;
padding-bottom: 0.7em;
background: #FDF3EA url(images/quotex.jpg) left top no-repeat;
}
#content q {
font-style: oblique;
}
#content pre {
margin: 10px;
}
#content code,
#content pre {
font-size: 1.2em;
}
#content acronym,
#content abbr {
border-bottom: 1px dashed #ededed;
cursor: help;
}
#content table {
border-collapse: collapse;
margin: 0 auto 0.8em auto;
margin: 1.0em;
}
#content caption {
font-weight: bold;
margin: 1.0em 0 1.0em 0;
}
#content th {
font-weight: bold;
background: #556b56;
border: 1px solid #fff;
color: #b8c5b7;
padding: .2em;
}
#content td {
background: #ededed;
color: inherit;
border: 1px solid #fff;
padding: .2em;
}

/*---| Inhaltsbereich - Beiträge und Kommentare |---*/

#content .datum {
width: 50px;
float: left;
text-align: center;
background: #ededed;
color: #556b56;
}
#content .jahr {
display: block;
font-size: 1.0em;
font-weight: bold;
background: #556b56;
color: #b8c5b7;
}
#content .monat {
display: block;
font-size: .8em;
}
#content .tag {
display: block;
font-size: 1.8em;
margin-top: 5px;
}
#content .ueberschrift {
padding: 3px 0;
font-size: 1.0em;
letter-spacing: 1px;
text-align: right;
}
#content .beitragskopf {
  margin-top: 5px;
  min-height: 70px;
}
#content .beitragskopf h2 {
margin-left: 60px;
}
#content .beitrag {
padding: 5px;
margin-bottom: 15px;
overflow: hidden;
}
#content .beitragsinfo {
padding: 5px 0;
font-size: 0.9em;
margin-left: 60px;
border-bottom: 3px solid #ededed;
}
#content .beitragsinfo_unten {
padding: 5px 0;
font-size: 0.9em;
margin-left: 0px;
text-align:right;
border-bottom: 3px solid #ededed;
}
#content .beitragsfuss {
font-size: .8em;
border-top: 3px solid #ededed;
margin-top: 10px;
padding-top: 5px;
}
#content .beitrag ul,
#content .beitrag ol {
margin: .8em 0 .8em 2.0em;
}

#content .text {
margin-top: 20px;
padding: 5px 0;
}
#content .seiten {
margin: 15px 0 0 15px;
}
#content .tags {
margin: 1.5em 0;
font-size: .8em;
}
#content #kommentare {
margin: 15px 0 0 5px;
float: left;
}
#content #kommentare ol {
margin-left: -8px;
}
#content #kommentare ol li {
list-style: none;
}
#content .kommentarkopf {
font-size: 0.8em;
padding: 5px 0;
}
#content .kommentarzahl {
font-size:2.4em;
}
#content .kommentar,
#content .autorenkommentar {
padding: 10px;
margin: 10px;
}
#content .kommentar {
background:#ededed;
color: #556b56;
}
#content .autorenkommentar {
background: #f9eedb;
color: #556b56;
}
#content .bearbeiten {
font-style: oblique;
}

#content .seitenkopf {
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 3px solid #ededed;
}
#content .seitenkopf h2 {
  margin-left: 0px;
}
#seite .text {
  margin-top: 0px;
}

/*---| Seitennavigation |---*/

.navigation {
font-size: .8em;
margin-top: 5px;
margin-bottom: 25px;
padding-top: 5px;
padding-bottom: 5px;
height:auto;
}
.prev {
float: left;
text-align: left;
width: 47%;
}
.next {
float: right;
text-align: right;
width: 47%;
}

.pagebar {
  margin: 4px 4px 4px 4px;
  font-size: 0.9em;
  padding-bottom: 10px;
}

.pagebar a, .pagebar span.this-page {
  padding: 4px 4px 4px 4px;
  border: solid lightgray 1px;
  width: 42px;
  max-width: 42px;
  min-width: 42px;
}

.pagebar a:hover,
.pagebar a:active,
.pagebar a:focus {
  background-color: #556b56 !important;
}

/*---| Fuss |---*/

#fuss {
background: #556b56 url(images/footerx.gif) repeat-x bottom;
color: #b8c5b7;
clear: both;
font-size: 0.8em;
padding: 10px 0 20px 10px;
}
#fuss a:link,
#fuss a:visited {
color: #b8c5b7;
background: #556b56;
text-decoration:none;
}
#fuss a:hover,
#fuss a:active,
#fuss a:focus {
color: #ededed;
background: #556b56;
}

/*---| Suchen |---*/

#searchform {
background: #b8c5b7;
padding: 10px 0 0 0;
}
#searchform input {
cursor: pointer;
background: #b8c5b7;
color: #3e4a3e;
font-size: 1.3em;
}
#searchform input:hover {
background: #b8c5b7;
color: #ededed;
}
#searchform #s {
cursor: default;
background:#ededed;
color: #3e4a3e;
font-weight: normal;
font-size: 1.0em;
width: 180px;
padding: 3px;
}
#searchform #s:hover {
background:#fff;
color: #3e4a3e;
}

/* small */

small {
  font-size: 0.8em;
  line-height: 0.9em;
}

strike {
  color: #9aab9a;
}

/*--- class alignleft alignright ---*/

.alignleft, .leftalign {
float:left;
margin-right:10px;
}

.alignright, .rightalign {
float:right;
margin-left:10px;
}

/* flickr widget */

#flickr_badge_source_txt {padding:0;}
#flickr_badge_icon {display:block !important; margin:0 !important; }
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: none !important;}
#flickr_badge_uber_wrapper {text-align:center; width:140px;}
#flickr_www {display:block; text-align:center; padding:0 0 0 0 !important;}
#flickr_badge_uber_wrapper { color:#222; background: #a8b5a7; margin-bottom: 10px;}
#flickr_badge_source {padding:0 !important; }


/* twitter widget */

#twitter-box {
  color:#222;
/*  border: 1px solid #a8b5a7;*/
  padding: 0px;
  font-size: 0.9em;
  line-height: 1.1em;
}
#twitter-box li {
  padding-bottom:4px;
}

/*---| nicht anzeigen |---*/

hr,
#kopfzeilenmenue h2 {
display: none;
}

}


/* Druckversion des CSS, noch ziemlich q&d, druckt aber zumindest alles */

@media print {
  #kopf,#sidebar,#navigation,#searchform {
    display:none;
  }

  body {
   background: white;
   font-size: 11pt;
   font-family: Georgia,"Palatino Linotype",Palatino,serif;
   }
#fuss,#wrapper, #content {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }
#wrapper:before {
  width: auto;
  margin: 0 5%;
  content: "till we *) Blog    Till Westermayer * http://blog.till-westermayer.de";
  text-align:right;
  font-size: 15pt;
}

a:link, a:visited {
   color: #aaa;
   background: transparent;
   font-weight: bold;
   text-decoration: none;
   }
.text p a:link:after, .text p a:visited:after {
   content: " > " attr(href) "  ";
   font-size: 80%;
   font-weight: normal;
   text-decoration: none;
   }
}