/*
Theme Name: Pons
Theme URI: http://www.vlad-design.de
Description: Basiert auf dem Blix-Theme von Sebastian Schmieg (http://www.kingcosmonaut.de/blix/), allerdings sind mittlerweile mehr als 80% veraendert worden.
Version: 1.0
Author: Vladimir Simovic
Author URI: http://www.vlad-design.de
*/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}

body {
  color: #00377F;
  background: #00B270;
  margin: 0;
  padding: 0;
  font: 12px/1.6 arial, helvetica, sans-serif;
  text-align: center;
}

/* Allgemeing? Angaben: */
p {
  margin:0;
  /*padding:0 0 18px 0;*/
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}

blockquote {
    margin:0;
    padding:0 18px;
    font-style: italic;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {
    font-family:courier, monaco, monospace;
}

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}

img {
    border: none;
}

a {
    text-decoration: none;
    color: #00B270;
}

/* Allgemeing? Klassen: */
img.left {
  float:left;
  margin:0 12px 0 0;
}

img.right {
  float:right;
  margin:0 0 0 12px;
}

img.center {
  display: block;
  margin:0 auto;
}

/* Die einzelnen IDs bzw. Bereiche */

/** Der 䵟ere Rahmen: **/

#container {
    width: 830px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: #fff;
}

/*** Kopfbereich ***/
h1#header {
    margin: 0;
    padding: 0;
    font-size: 0;
    height:250px;
    background: url(img/header-ponscast.gif) no-repeat;
}
h1#header span {
    position: absolute;
    left: -2000px;
}

/*** Hauptnavigation ***/
#navigation {
    height: 2.6em;
    line-height: 2.6em;
    background: #00B270;
    border: 1px solid #7FD8B7;
    border-top: none;
    margin-bottom: 1.5em;
}

#navigation ul {
    margin: 0;
    padding: 0 0 0 5px;
}

#navigation li {
    display: inline;
    margin:0;
    padding:0;
    list-style-type:none;
    white-space:nowrap;
}

#navigation li a {
    float: left;
    padding: 0 15px;
    font: bold 14px 'trebuchet ms', sans-serif;
    border-right: 1px solid #7FD8B7;
    color: #00377F;
    line-height: 2.2em;
    height: 2.2em;
    text-transform:;
}
#navigation li a:hover {
    color: #eef1f5;
}

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


/*** Inhaltsbereich: ***/
#inhalt {
    margin: 0 260px 0 20px;
    border-right: 1px solid #eef1f5;
    padding: 5px 15px 1px 0;
    font-size: 12px;
}

#inhalt ol, #inhalt ul, #inhalt p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#commentspopup #inhalt {
  float:none;
  padding-top:0;
}

#inhalt h2 {
    margin: 0 0 10px 0;
    font-family: trebuchet ms, helvetica, sans-serif;
    font-size: 18px;
    font-weight:normal;
    text-transform: uppercase;
}

#inhalt h3 {
  margin:0 0 12px 0;
  font-size:1em;
}

#inhalt h4 {
  margin:0;
  font-size:1em;
}

#inhalt.archive h2 {margin:0 0 26px 0;}

#inhalt.archive h3 {
  margin:0 0 10px 0;
  font-family: trebuchet ms, helvetica, sans-serif;
  font-size:1.3em;
  font-weight:normal;
}

#inhalt.archive h4 {
  margin:0 0 18px 0;
  font-size:1em;
}

#inhalt.archive h5 {
  margin:0;
  font-size:1em;
}


#inhalt .startseite-teaser {
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: right;
}

#commentspopup #container {
  width:500px;
  padding:0 0px;
}


/* entry
--------------------------------------------------*/
.entry {margin:0 0 40px 0;}

.entry .info, .entry #filedunder {
  /*position:relative;*/
  margin-top:-3px;
  padding:3px 10px;
  background: #eef1f5;
  font-size:0.9em;
}

.entry.single .info {margin:0 0 22px 0;}

.entry .info a {
  margin-right:6px;
  padding-right:9px;
  border-right:1px solid;
}

.entry .info em {
  padding-right:6px;
  font-style:normal;
}

.entry .author,
.entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  border-left:1px solid;
  border-right:none
}

a.mp3-link {
    background: url(img/mp3.png) no-repeat;
    padding-left: 20px;
}


/* mini-entry
--------------------------------------------------*/
.minientry {
  position:relative;
  margin:0px 0 35px 0;
  padding:10px 0;
  border-top:1px dotted;
  border-bottom:1px dotted;
}

.minientry p {padding:0;}

.minientry .commentlink {
  margin-left:3px;
  padding-right:7px;
  border-right:1px solid;
  font-size:0.9em;
}

.minientry .permalink {
  margin-left:3px;
  font-size:0.9em;
  font-style:normal;
}

.minientry .author,
.minientry .editlink a {
  margin-left:6px;
  padding:0 8px 0 10px;
  border-left:1px solid;
  font-size:0.9em;
  font-style:normal;
}

.minientry .editlink a {margin:0;}


/* comments
--------------------------------------------------*/
#comments h2 {margin-bottom:24px;}

#comments h2 a {
  margin-left:2px;
  padding-left:6px;
  font-size:0.55em;
}

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px;
}

#comments li p {padding:0 0 10px 0;}

#comments .header {
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
  margin:0 0 10px 0;
  padding:3px 6px;
}

* html #comments .header {height:19px;} /* iewin */

#comments .header strong {font-family:trebuchet ms,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}


/* form
--------------------------------------------------*/
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}

#commentform {
    background: #EEF1F5;
}


form fieldset {border:0 solid;} /* opera */

form p {
  padding:6px 0;
}

form label {
  display:block;
  float:left;
  width:60px;
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

#commentform form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

#commentform form input, #commentform form textarea {
  padding:3px;
  width:200px;
  border:1px solid #ddd;
  font-family:trebuchet ms,arial,helvetica,sans-serif;
  font-size:0.9em;
}

#commentform form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* ie win; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* ie win; but why? */

form .button {
  width:90px !important;
  font-weight:bold;
}

#commentform .button {
margin-left:90px !important;
margin-left: 108px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {
margin-left:90px !important;
margin-left: 108px;}


/* archives
--------------------------------------------------*/
.archive .postspermonth {
  margin:0;
  list-style:none;
}


/* content misc
--------------------------------------------------*/
.next a {float:right;}
.previous a {float:left;}


#entrynavigation {
  overflow: auto;
  height:1%;
  margin-bottom:13px;
  padding-bottom:13px;
  border-bottom:1px solid;
  font-size:0.9em;
}


/*** Sidebar aka Seitenleiste ***/
#sidebar {
  float: right;
  width: 218px;
  padding: 0 0 15px 0;
  line-height: 1.4;
  display: inline;
  margin-right: 20px;
}


#sidebar div.sidebar-div {
    background: url(img/sidebar-body.gif) repeat-y;
}

#sidebar .sidebar-div form {
    padding: 5px 15px 10px 15px;
    margin: 0;
}
#sidebar .sidebar-div p.ponsline, #sidebar .sidebar-div .sidebar-footer {
    background: url(img/sidebar-footer.gif) no-repeat bottom center;
    padding: 5px 10px 20px 15px;
}
#sidebar .sidebar-div p.ponsline {
    padding-bottom: 25px;
}

#sidebar .sidebar-div form input#s, #sidebar .sidebar-div input.suchwort {
    width: 165px;
}

#sidebar .sidebar-div #searchbutton {
    margin-top: 3px;
    margin-bottom: 5px;
}

#sidebar ul {
    color: #00B270;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 6px;
    background: url(img/sidebar-footer.gif) no-repeat bottom center;
    padding-bottom: 20px;
}

#sidebar h2 {
  margin: 17px 0 10px 0;
  font: bold 1.2em 'trebuchet ms', sans-serif;
  height: 31px;
  line-height: 31px;
  background: url(img/sidebar-kopf.gif) no-repeat;
  padding: 0 10px;
  text-transform: uppercase;
}

#sidebar ul li {
  margin:2px 0 2px 18px;
  padding-bottom:2px;
}

#sidebar li a {
    display: block;
    padding: 1px 5px;
    height:1%; /* ie win */
}

#sidebar a:hover {
    background: #00B270;
    color: #fff;
}
#sidebar .sidebar-div .feeds {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#sidebar .sidebar-div .feeds li {
    margin-left: 12px;
    background: url(img/rss-pons.gif) no-repeat 0 3px;
    padding-left: 15px;
}

/* Footer */
#footer {
  margin-top: 5px;
  clear: both;
  padding: 30px 0 10px 0;
  font-size: .9em;
}

.singlecol #footer {
  padding:25px 0 15px 0;
}

#footer p {
  padding:15px 20px;
  border-top: 1px solid #ddd;
}

#footer strong {font-weight:normal;}

.singlecol #footer p {
  padding: 12px 70px 18px 70px;
}

/* Wordpress-Kontaktformular */

.contactform input, .contactform textarea, .contactform p, .contactform form {
    margin-top: 1px;
    line-height: 1;
}
.contactform input {
    margin-bottom: 0;
}

.contactform form {
    padding-top: 1px;
}

.contactform p {
    margin-bottom: 7px;
    padding: 0;
}