/*
Theme Name: GreenChameleon
Theme URI: http://webgazette.co.uk/
Description: Chameleon theme for WordPress by <a href="http://webgazette.co.uk">Ainslie Johnson</a>, modified by Till Westermayer (GreenChameleon)
Version: 1.1 (GC 0.9)
Author: Till Westermayer
Author URI: http://www.tillwe.de
*/

/* Thema angepasst für das grüne Look-and-Feel von Till Westermayer, http://www.till-westermayer.de -- März 2008 */

/* Farbinformationen (außer den weißen Rändern, die sind hier zu finden) werden in options/green.css eingestellt! TW */


body {
        text-align:center;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        font-size:72%;
}

/* Wrapper */

#wrap {
        max-width:941px;
        min-width: 750px;
        margin: 10px auto;
        border: 8px solid white;
}

/*         This is for IE 6.0 as it does not implement the min and max width above
                this code is not valid css so if this wories you you can delete it
                but the theme will then be fully flexible in IE 6.0 and below        */

* html div#wrap {
width: 941px /* fallback value */;
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 940 ? "941px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 768 ? "750px" : "99%"));
}



/* Header */

#header {
        height: 150px;
        margin: 0;
        padding: 0px;
}

#header h1 {
        margin: 0px;
        padding: 30px 0 10px 0;
        font-size: 50px;
        letter-spacing: 2px;           /*TW*/
        text-align:center;              /*TW*/
        text-transform: uppercase;

}

#header h1 a {
        text-decoration: none;
}


#header h2 {
        margin: 0px;
        padding: 0px;
        font-size: 15px;
        text-align:center;              /*TW*/
}



/* Horizontal Menu */

#navigation {
        height: 31px;
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff;
}

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

#navigation li {
        float: left;
        margin: 0 2px 0 2px;
        padding: 8px 7px 7px 7px;
        list-style: none;
        font-size: 1.1em;
}

#navigation li a {
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
}

#navigation li.current_page_item a {

}

/* Sub-page menu */

#subpage {
        clear: both;
        margin: 0;
        padding: 0;
}

#subpage ul {
        text-align: left;
        margin: 0px;
        padding: 0;
 /*        border-top: 1px solid #fff; */
 /*       border-bottom: 1px solid #333333; */
}

#subpage ul li {
        display: inline;
        list-style: none;
        line-height: 25px;
        padding: 0px 0 0px 0;
        margin: 5px;
        font-size: 0.9em;
        font-weight: bold;
        text-transform: none;
}

#subpage ul li a {
        margin-top: 10px;
        text-transform: uppercase;
        text-decoration: none;
}


#subpage ul li ul li {
        display: none;
}

/* Content wrapper */

#container {
        margin:0;
        padding:0;
        text-align:left;
        width:100%;
}

/* Content */

#content {
        margin: 0 390px 0 0;
        padding: 10px;
        border-right: 4px solid white;
}

.post {
        margin: 0px;
        padding: 11px 11px 11px 11px;
        background: white; /* TW */
        margin-bottom: 30px;
}

.page {
        margin: 0px;
        padding: 11px 11px 11px 11px;
        background: white; /* TW */
        margin-bottom: 30px;
        padding-bottom: 20px;

}

#content p {
        font-size: 1.1em; /* TW */
        line-height: 1.3em;
}


#content p.postmetadata, #content p.category {
        font-size: 1.0em;
        margin: 0px;
        margin-top: 5px;
        padding-top: 4px;
        padding-bottom: 2px;

}

#content p.category a {
        text-decoration: none;
        font-weight: bold;
}

#content h2
{
   font-size: 1.6em;
   margin:0px;
   padding-top: 7px;
   padding-bottom: 11px;
   margin-bottom:3px;
}

#content h3 {
  font-size: 1.3em;
}

.post ul, .page ul {
  font-size: 1.1em;
  list-style: square;
  line-height: 18px;
}

.post h2, .page h2  {
        padding: 0px 0px 0px 0px;
}

.post h2 a, .page h2 a {
        text-decoration: none;
        font-weight: bold;
}

.entry p, .entrytext p {
        line-height: 1.6em;
}

.entry a, .entrytext a, .page a {
        text-decoration: none;
        font-weight: bold;
}


.entry, .entrytext {
        padding-top: 0px;
}

p.edit a {
        text-decoration: none;
        font-weight: bold;
}


/* Postmetadata */


.postmetadata a {
        text-decoration: none;
        font-weight: bold;
}


/*** Comments Display ***/

ol.commentlist {
  list-style:upper-roman;
  font-size:1.1em;
}


.commentlist li a {
    font-weight: bold;
    text-decoration: none;
}


ol.commentlist li {
        padding: 10px;
        margin-bottom: 10px;
        margin-left:0px;
}

ol.commentlist li cite {
        text-transform: capitalize;
}

ol.commentlist li p {
        padding-top: 0;
}

/* Images  */

.entry img, .entrytext img {
        border: 1px solid #336633;
        margin: 0px;
        margin-top: 5px;
        padding: 0px;
}

img.alignleft {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 2px;
}

img.alignright {
  margin-top: 0px;
  margin-left: 0px;
  margin-left: 10px;
  margin-bottom: 2px;
}

.entry a:hover img, .entrytext a:hover img {

}

img.wp-smiley {
        border: 0px;
        margin: 0px;
        padding: 0px;
}

.left {
        background:#fafbfc;
        border:1px solid #000;
        float:left;
        margin: 5px 15px 6px 0px;
        padding:5px;
}

.right {
        background:#fafbfc;
        border:1px solid #000;
        float:right;
        margin: 5px 0px 6px 15px;
        padding:5px;
}

.noalign {
        background:#fafbfc;
        border:1px solid #000;
        margin: 5px 5px 5px 5px;
        padding:5px;
}


/* Sidebar */

#sidebar {
        width: 390px;
        margin: 0px;
        padding: 0px;
        float: right;
        border-left: 4px solid white;
}


#left {
        padding: 5px 0 5px 5px;
}

#right {
        padding: 5px 0 5px 0;
}

#left {
        float: left;
        margin: 0px;
        margin-left: 5px;
        width: 184px;
}

#right {
        margin: 0px;
        float: right;
        width: 188px;
}

#sidebar h2 {
        font-size: 1.0em;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        padding-bottom: 3px;
        margin-bottom: 8px;
        width: 74%;
        border-bottom: 1px dotted #000;
}

#sidebar h2 a {
  color: black;
}

#sidebar .textwidget {
   margin-bottom: 10px;
}

#sidebar a.rsswidget img { /* rss-symbol bei rss-feeds in der seitenleiste ausblenden */
  display: none;
}

#sidebar p {
        font-size: 1.0em;
        margin: 5px 0 5px 0;
        padding: 0px;
        width: 95%;
}


#sidebar ul {
        font-size: 1.0em;
        margin: 0px;
        padding: 0px;
}

#sidebar  li {
        list-style: none;
        padding-left: 8px;
        line-height: 14px;
        margin-bottom: 6px;
        margin-top: 1px;
        margin-right: 8px;
}

#sidebar  li li {
        list-style: none;
        padding-left: 20px;
        line-height: 14px;
        margin-bottom: 3px;
        margin-top: 3px;
}

#sidebar li a, #sidebartop a {
        font-size: 1.0em;
        font-weight: normal;
        text-decoration: none;
}

#right ul.right-links li, #recentcomments li {
        padding: 0 5px 8px 10px;
}

#sidebar a img {
   border: none;
   text-decoration: none;
}

#sidebar a:hover img {
   border: none;
   text-decoration: none;
}

/* Search Form */

#searchform {
        padding-bottom: 0px;
        margin: 0px;
        margin-left: 5px;
}

#searchbox {
        width: 70%;
}

.search {
        text-align: left;
        padding: 10px 0 0 0;
        margin: 0px;
}

fieldset {
        border: 0px;
        margin: 0px;
        padding: 0px
}

/* Footer */

#footer {
        clear: both;
        height: 50px;
        border-top: 4px solid #fff;

}

#footer p {
        margin: 0px;
        padding: 17px 0 2px 0;
        font-size: 0.8em;
}


#footer a {
        font-weight: bold;
        text-decoration: none;
}




/* Previous/Next Page Navigation */

.navigation {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        font-size: 0.9em;
}

.bottomnavigation {
        margin: 30px 0 0 0;
        padding: 5px 0 30px 0;
        font-size: 0.9em;
}

.navigation a, .bottomnavigation a {
        text-decoration: none;
        font-weight: bold;
}


.alignleft {
        float: left;
        text-align: left;
}

.alignright {
        float: right;
        text-align: right;
}

/*** comments Form ***/

#commentform {
        width: 97%;
}

#commentform a {
        font-weight: bold;
        text-decoration: none;
}


#comment {
        width: 99%;
}


#author {
        border: 1px solid #000;
        background: #fff;
}

#email {
        border: 1px solid #000;
        background: #fff;
}

#url {
        border: 1px solid #000;
        background: #fff;
}

#submit {

}

#submit:hover {

}

/* Archives Page */

#archives ul {
        margin: 0;
        padding: 0;
}

#archives li {
        list-style: none;
        padding-left: 15px;
        line-height: 16px;
}

/* Links Page */

#links ul {
        margin: 0;
        padding: 0;
}

#links li {
        list-style: none;
        padding-left: 15px;
        line-height: 16px;
}
/* Various Classes */

.clear {
        clear: both;
}

.entry, .entrytext {
        overflow: hidden;
}

* html.entry, * html.entrytext {
        overflow: visible;
        height: 1px;
}

* html.entry p, * html.entrytext p {
        width: 99%;
        overflow: hidden;
}

blockquote p {
        padding: 3px 10px 3px 10px;
        margin: 0 0 0 10px;
        font-size: 1.1em;
}

code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1.1em;
}

.hide {
display: none;
}

.gallery {
        border-top: 1px solid #000;
        padding-bottom: 10px;
}

div.advert {
        font-size: 0.8em;
        border: 1px solid black;
        margin:         5px 25px 5px 0px;
        padding: 5px 10px 5px 10px;
        background-color: #fafad2;
}

.advert p {
        margin: 0px
        padding: 0px;
        text-align: justify;
}

#links li li {
padding-bottom: 10px;
}

#archives span a {
line-height: 30px;
}


/* Aktions-Buttons */

#sidebar .textwidget a img {
  margin-top: 2px;
  margin-bottom: 2px;
}