/*  
Theme Name: Happy Cyclope
Theme URI: http://designer-daily.com
Description: 2 columns, left sidebar, Widget ready, valid CSS & XHTML transitionnal 
Version: 1.0
Author: Designer daily
Author URI: http://designer-daily.com
*/

/* BASIC STRUCTURE */


* {
    margin:0;
    padding:0;
    /*font-family: Trebuchet, Helvetica, Verdana, Arial, sans-serif;
	/*font-family:Times,Georgia,Garamond;*/
    }

body {
    background:#353535;
    padding:0 0 0 30px;
    }

div#wrapper {
    position:relative;
    margin: 0 auto;      /* geht auch gut; */
   /* margin-left: auto;
    margin-right: auto; */
    width:926px;
    /* margin:0 auto 0 auto; */
    /* float: left; */
    /* background-color: white; */
    /* background:#fff; */
    }

div #ad-banner-top {		/*2009-09-09 eingefŸgt, um Ÿber der kompletten Seite ein Banner Ÿber der Seite einfŸgen zu kšnnen; aufgerufen/konstruiert wir das in header.php*/
    position: relative;
    float: left;
    width: 926px; 
    padding: 5px 0px 5px 0px;
}

div #ad-banner-bottom {		/*2009-09-09 eingefŸgt, um Ÿber der kompletten Seite ein Banner am Fu§ende einfŸgen zu kšnnen; aufgerufen/konstruiert wir das in footer.php*/
    position: relative;
    float: left;
    width: 926px; 
    padding: 5px 0px 5px 0px;
}

div#container {
    position:relative;
    /* margin:3px 0 0 3px; */
    width:926px;
    float: left;
    background-color: white; 
    }

/* HEADER */

#header {
    position:relative;
    width:926px;
    height: 200px;
    /* padding:7px 10px; */
    float:left;
    background: url(images/header.jpg);
	
	
    /* background-color: blue; /* #14192F; */
    }

h1 {
    position:relative;
    float:left;
    width:400px;
    font-size:0.9em;
    text-transform:uppercase;
    margin:5px 0;
    color:#545454;}

h1 a {
    text-decoration:none;
    color:#fff;
    }

h1 a:hover {
    color:#aaa;
    }

/* KONTAKT + IMPRESSUM */


h4 {
  /*  position:relative;
    float:left;
    width:400px; */
    font-size:0.7em;
    text-transform:uppercase;
    /* margin:5px 0; */
    padding: 10px;
    color:#476D8F; 
      }


h4 a {
    text-decoration:none;
    /* color:#fff; */
    color:#545454; 
    }

h4 a:hover {
    color:#aaa;
    }


/*
#description {
    position:relative;
    float:right;
    width:400px;
    text-align:right;
    margin:5px 0;
    color:#779DBF;
    background-color: green;}
*/

#preheader {
    position:relative;
    float:left;
    width:926px;
    height: 30px;
    opacity: 0.7;
    /*padding:5px; */
    margin:0;
    background-color: white;
	filter:alpha(opacity=65);
    color: white;
    text-align: right;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    }

#header #imageheader {
    position:relative;
    float:left;
    width:926px;
	height:200px;
    margin:0;
    padding:0;
   /* background-color: blue;  */
    }

/* #header #imageheader #imglogo {position:relative;float:left;width:697px;margin:0 3px 0 0;} */

#header #imageheader #imgbg
{
    position:relative;
    float:left;
    width:926px; 
    height:210px; 
    /* background:url(images/header.jpg); */ 
    }

#header #imageheader img
{
    border:0;
    margin:0;
    padding:0;
    }

#header #imageheader #imgbg #rss {
    position:absolute;
    bottom:0px;
    left:0px;
    width:300px;
    font-size:0.9em;color:#bbb;
    background-color: blue;
    }

#header #imageheader #imgbg #rss a {color:#fff;text-decoration:none;}
#header #imageheader #imgbg #rss a:hover {text-decoration:underline;}
#header #imageheader #imgbg #rss img {margin:0 7px -7px 0;}


#header #imageheader #imgbg #search     /* geht Ÿber die gesamte Breite und enthŠlt das Suchfeld und den Submit-Button*/
{
    position:relative;
    float: left;
    text-align:right;
    margin-top: 15px;
    /*right: 0px;
    bottom:0px; */
    width:926px;
    height:45px;
    padding: 0px;
    /* background-color: #353535;  ---------------------- schaut auch gut aus */
    opacity: 0.7;
    filter:alpha(opacity=70); /*fŸr IE
    /*-moz-opacity:0.6; //Mozilla */
}

#header #imageheader #imgbg #homelink {
    width: 680px;
    height: 150px;
}

#header #imageheader #imgbg #search input#s {
    border:1px solid #476B8F;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 5px; 
    padding: 5px; 
    }
    
#header #imageheader #imgbg #search input#searchsubmit {
    margin-top: 10px;
    margin-right: 5px;
/*    margin-left: 5px; */
    margin-bottom: 10px;
    padding: 3.5px; 
    background-color: #fff;
    /*background:transparent; */
    /* border:none; */
    border:1px solid #476B8F;
    color:#476D8F;
   /* opacity: 0.7; */
    /* font-size:0.8em; */
	
    }
    



/* SIDEBAR */

#sidebar {
    position:relative;
    float:left;
    width:200px;
    margin:0 0px 0 5px;
    padding:20px 0 0 0;
    font-size:0.9em;
	color:#666666;
    background-color: white;
    }

#sidebar ul {list-style-type:none;margin:0 0 20px;line-height:1.2em;}

#sidebar h2 {font-size:0.9em;padding:5px;margin:0;border-bottom:1px solid #bbb;font-weight:lighter;}

#sidebar h2 a {text-decoration:none;}

#sidebar h2 a:hover {text-decoration:underline;}

#sidebar h2 img {margin:0 5px -2px 0;}

#sidebar ul li a {display:block;text-transform:uppercase;font-size:0.9em;font-weight:bold;width:190px;padding:15px 5px 8px;color:#000;text-decoration:none;border-bottom:1px dotted #ddd;}

#sidebar ul li a:hover {background-color:#F5F5F5;border-bottom:1px dotted #555;color:#666666;}

#sidebar ul li ul {margin:0;}

#sidebar ul li ul li {list-style-type:disc;color:#999;margin:0 0 0 20px;text-transform:none;}

#sidebar ul li ul li a {text-transform:none;width:170px;}

#sidebar .current-cat a, #sidebar .current_page_item a {background-color:#ddd;}

#sidebar ul#recentcomments li.recentcomments {display:block;text-transform:uppercase;font-size:0.9em;width:190px;padding:15px 5px 8px;color:#000;text-decoration:none;border-bottom:1px dotted #ddd;}

#sidebar ul#recentcomments li.recentcomments a {border-bottom:none;font-size:1em;}

#sidebar .textwidget {padding:10px 0 20px 5px;font-size:0.9em;line-height:1.2em;}

#sidebar select {margin:15px 0 30px 5px;width:195px;border:1px dotted #555;padding:3px;font-size:0.8em;}

#sidebar select option {padding:3px;}


/*CALENDAR*/

#sidebar table#wp-calendar {width:190px;margin:10px 0 0 5px;font-size:0.8em; color:#666;}

#sidebar table#wp-calendar caption {margin:15px 0 0 0;font-weight:bold;color:#000000;}

#sidebar table#wp-calendar td {height:25px;text-align:center;}

#sidebar table#wp-calendar td a {color:#000;font-weight:bolder;text-decoration:none;}

#sidebar table#wp-calendar td a:hover {background:#ddd;}

#sidebar table#wp-calendar tfoot a {padding:5px;text-decoration:none;background:#eee;border:1px solid #ddd;color:#000;}





/* CONTENT */

#content div#sidebar {
    position:relative;
    float:left;
    width:200px;
    margin-top: 30px;
	font-family: Tahoma,Verdana,Arial;
    }
    
#content #posts {
    position:relative;
    float:left;
    width:495px;			/* 2009-09-09 von 500px auf 495px abgeŠndert, damit der adbanner-right ein margin-right von 5px kriegen kann*/
    margin-top: 30px;
    padding:30px 40px 0 60px;
	font-family:Palatino, Georgia, Garamond, Times, "Times New Roman";
	
    /*background-color: blue; */
    }
    
#content #adbanner-right {		/* 2009-09-09 eingefŸgt, um rechts ein Ad-Banner anzeigen zu kšnnen; aufgerufen/konstruiert wird das in index.php*/
    position: relative;
    float: left;
    width: 120px;
    height: 160px;
    margin-top: 118px;
    margin-right: 5px;
    /* padding-right: 2px; */
    
}

    
#content #posts h2 {margin:30px 0 5px 0;}	/* 20px margin eingestellt, damit genŸgend Abstand bleibt, wenn ein Werbebanner zwischen den BeitrŠgen erscheint*/

#content #posts h2 a {font-size:1.1em;font-weight:normal;color:#000;text-decoration:none;}

#content #posts .post {position:relative;float:left;margin:0 20px 20px 0;} /*auf 80px gestellt, damit im IE7 die artikel sich einreihen*/

#content #posts .post .metadata {font-size:0.75em;color:#555;margin:0 0 20px 0;font-family:Tahoma, Arial, Helvetica, sans-serif;}

#content #posts .post .metadata a {color:#000;text-decoration:none;}

#content #posts .post .metadata a:hover {text-decoration:underline;}

#content #posts .post .postcontent {line-height:1.5em;color:#333;font-size:0.95em;}

#content #posts .post .postcontent p {margin:10px 0;}

#content #posts .post .postcontent ul {padding:10px 0 10px 40px;}

#content #posts .post .postcontent ol {padding:10px 0 10px 40px;list-style-type:decimal;}

#content #posts .post .postcontent ol li {list-style-type:decimal;}

#content #posts .post .postcontent img {border:1px solid #888;}

#content #posts .post .postcontent blockquote {background:#eee;border:1px dotted #ccc;padding:15px;font-style:italic;}


/*versuch  #entry und #posted zu formatieren*/
#content #posts .post .entry {line-height:1.5em;color:#333;font-size:0.95em;}
#content #posts .post .posted {line-height:1.1em;color:#666;font-size:0.7em;position:relative;margin:20px 0 20px 0;font-family:Tahoma, Arial, Helvetica, sans-serif;}

#content #posts .post .posted .comments {position:relative;float:left;padding:4px; margin:0 5px 0 5px; border:1px solid #bbb;background:#eee;text-decoration:none;font-size:0.9em;}



#content #posts .post a {color:#3D3D43;}

#content #posts .post a:hover {text-decoration:none;color:#777;}

#content #posts .post .commentlink {position:relative;float:left;margin:20px 0 20px 0;font-family:Tahoma, Arial, Helvetica, sans-serif;}

#content #posts .post .commentlink a {padding:3px;border:1px solid #bbb;background:#eee;text-decoration:none;color:#666666;font-size:0.7em;}

#content #posts .post .commentlink a:hover {color:#222;border:1px solid #666;background:#ddd;}

#content.navigation {font-family:Arial, Helvetica, sans-serif;}

#content .navigation .alignleft {float:left;}

#content .navigation .alignright {float:right;}

#content .navigation .alignleft a, #content .navigation .alignright a {text-decoration:none;color:#666;padding:8px;border:1px solid #ddd;background:#eee;}

#content .navigation .alignleft a:hover, #content .navigation .alignright a:hover {background:#ddd;border:1px solid #aaa;}

h3 #searchresults {color:#666666;}



/* ARCHIVES */
#content .categoryposts {font-family:Arial;} /*geht nicht WARUUUUUUM?*/
#content .categoryposts h3 {font-size:1.2em;margin:0 0 30px 0;color:#333333;font-family:Arial;font-weight:lighter;}
#content .categoryposts h3 a {color:#000;text-decoration:none;color:#aaa;text-transform:uppercase;font-family:Arial;}
#content .categoryposts h3 a:hover {background-color:#f0f0f0;}
#content #posts li {list-style-type:disc;margin:10px 0 0 15px;}
#content #posts li a {color:#000;text-decoration:none;}
#content #posts li a:hover {text-decoration:underline;}


/* COMMENTS */
#comments  {position:relative;float:left;width:650px;font-family:Arial;} /*jetzt ist halt alles rund um die kommentare arial...au net schlecht!*/
#comments h2 {position:relative;float:left;font-size:1.2em;font-weight:normal;padding:10px;margin:10px 0 0 0;}
#comments p {margin:0 10px 10px 10px;clear:both;}
#comments ul#commentlist {position:relative;float:left;width:650px;list-style-type:none;}
#comments ul#commentlist li {position:relative;float:left;padding:20px 10px 25px 10px;width:630px;border-bottom:1px #bbb solid;list-style-type:none;margin:0;}
#comments ul#commentlist li.graybox {background:#eee;}
#comments ul#commentlist li .commentheader {position:relative;float:left;width:150px;font-family:Arial;}
#comments ul#commentlist li .commentheader cite {position:relative;float:left;width:150px;padding:5px 0 4px 0;font-style:normal;font-weight:bold;clear:both;}
#comments ul#commentlist li .commentheader cite a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader cite a:hover {text-decoration:underline;color:#000;}
#comments ul#commentlist li .commentheader .commentnumber {position:relative;float:left;width:200px;font-size:0.8em;}
#comments ul#commentlist li .commentheader .commentnumber a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader .commentnumber a:hover {color:#000;text-decoration:underline;}
#comments ul#commentlist li .commentheader small {color:#888;font-size:0.8em;}
#comments ul#commentlist li .commenttext {position:relative;float:right;width:450px;font-size:0.9em;color:#555;line-height:1.2em;padding:2px 0 0 0;}
#comments ul#commentlist li .commenttext a {color:#000;}
#comments ul#commentlist li .commenttext a:hover {text-decoration:none;}
#comments form#commentform {position:relative;float:left;padding:10px;background:#aaa;border:1px solid #aaa;width:630px;}
#comments form#commentform p {padding:5px 0;}
#comments form#commentform input {border:1px solid #ddd;margin:0 10px 0 0;}
#comments form#commentform label {font-size:0.9em;}
#comments form#commentform textarea {width:600px;border:1px solid #aaa;}
#comments form#commentform input#submit {float:right;margin:5px 25px;padding:8px 5px 5px;background:#353535;color:#fff;}

/*#comments form#commentform input#submit a:hover {color:#222;border:1px solid #222;background:#ddd;}*/

/* FOOTER */

#footer
{
    position:relative;
    float:left;
    width: 906px;  
    text-align:center;
    padding:10px;
    font-size:0.8em;
    border-top:1px solid #bbb;
    margin:20px 0 0 0; 
    color:#888;
	font-family:Arial;
    /* background-color: blue; */
    }

#footer a {color:#333;text-decoration:none;}

#footer a:hover {text-decoration:underline;}