/* 
Theme Name: Spoony's Bike Blog Theme - Produktiv
Theme URI: http://www.spoony.ch
Version: 1.0 
Description: erweitert, mit Kommentaren, diverse Erweiterungen
Author: Spoony
Author URI: http://blog.spoony.ch
Reference: Theme based on Connections Reloaded 1.5, Archive from Ocean Mist and others
*/

/* Hintergrund und GrundBox                                              */
/* --------------------------------------------------------------------- */
/*background-image:url(sitestyle/bg.gif);                       kein Bild*/
body    {                                                    /*Box Gesamt*/
        background:#e6e6e6; 
        color:#1f1f1f;
	font:76% "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
	text-align:center;
        }

#rap   {                                                 /*Box Blogbreite*/
        background:#e6e6e6;
	color:#1f1f1f;
	margin:0 auto;
	padding:0;
	text-align:center;
        width:900px;
        }

/* Links, Hovereffekte, Bilder, Ausrichtung                              */
/*---------------------------------------------------------------------- */
a               {background-color:inherit; color:#990000; font-weight:bold; text-decoration:none;}
a:hover         {background-color:inherit; color:#ff6600; font-weight:bold; text-decoration:none;}
a:visited       {background-color:inherit; color:#990000; font-weight:bold; text-decoration:none;}
a img           {border:0;}
input, textarea {}
.center         {text-align: center;}
.left           {float: left;}
.right          {float: right;}
.alignleft      {text-align: left;}
.alignright     {text-align: right;}
.justify        {text-align: justify;}
.imgalignleft   {float: left; margin: 5px 10px 10px 0pt;}
img.alignleft   {float: left; margin: 5px 10px 10px 0pt;}
.imgalignright  {float: right; margin: 5px 0pt 10px 10px;}
img.alignright  {float: right; margin: 5px 0pt 10px 10px;}
.imgalignleftadvent {float: left; margin: 0px 0px 0px 0pt;}
.avatar         {float: right; margin: -11px 0 0 5px; border: 1px dotted #bbbbbb;}

/* Header, Blog Titel, Beschrieb und Nav Bar                             */
/*---------------------------------------------------------------------- */
#header {                                                    /*Box Header*/
    background: url(sitestyle/header_final_round.jpg) no-repeat bottom;
	height:220px;
	width:900px;
        margin:0;
	padding:0;
	}
#header h1 {                                                  /*Blogtitel*/
	font-size:2em;
	font-weight:bold;
        margin:85px 0 0 0;
	padding:0 0 0 80px;
	text-align:left;
        background-color:inherit;
        }
#header h1 a       {color: #FFFFCC; text-decoration:none;}
#header h1 a:hover {color: #990000;}
#header #desc {                                           /*Blogbeschrieb*/
	color:#ffffcc;
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding:0 0 0 80px;
	text-align: left;
        background-color:inherit;
        }
#topnav {                                         /*Navigationsleiste Box*/
	font:0.9em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
        list-style:none;
	margin:0 auto;
        padding:8px 0 0 140px;
        text-align:left;
        }
#topnav li {                                            /*Navigationstabs*/
	display: inline;
        font:0.8em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
        font-weight:bold;
        background-image:url(sitestyle/navbarbg.gif);
        float:left;
        height:20px;
	width:81px;
        list-style:none;
        margin:0;
	padding:0;
        text-align:center;
        }
#topnav li a:link, #topnav li a:visited {color:#ffffcc;}
#topnav li a:hover, #topnav li a:active, #topnav li:hover {
        color:#990000; 
        background-image:url(sitestyle/navbarbgh.gif);
        }

/* Seitenaufteilung                                                      */
/*---------------------------------------------------------------------- */
#main   {                                                      /*mitte Box ohne Header und Footer*/
	background: url(sitestyle/rails_main.gif) repeat;     
	margin:0 auto;
	padding:0;
	text-align:left;
        width:900px;
        }
#content {                                                        /*Box links Gesamtbegrenzung*/
	display:inline;
	color:#1f1f1f;
        font-size:1.2em;
        float:left;
	margin:0 5px 0 13px;
	overflow:hidden;
	padding:0;
	width:625px;                      
        }
#sidebar {                                                       /*Box rechts (sidebar-aussen)*/
	display: inline;
	color: #1f1f1f;
	font-size:1.2em;
	float:right;
	margin:0 8px 0 0;
	padding:0;
	width: 230px;
        border:none;                         
        }

/* Bilder, Abkürzungen, Maschinentext, Zitate, Überschriften             */
/*---------------------------------------------------------------------- */
img     {border: none;}
img alignleft {float: left; margin: 5px 10px 10px 0pt;}
a img   {border: none;}
acronym, abbr {border-bottom: 1px dotted #0C6BF0;}
acronym, abbr, span.caps {cursor: help; letter-spacing: .07em;}
code    {font-size: 1em; font-family: monospace; padding-left: 2px; padding-right: 2px;}
blockquote, cite {
	/*background: url(img/blockquote.gif) #F3F6ED no-repeat left top;*/
	font:0.9em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
        color: #4c4c4c;
        border-top: 1px dotted #bbbbbb;
        border-bottom: 1px dotted #bbbbbb;
        margin: 10px 20px 10px 20px;
	padding: 10px 0 10px 0;
        }

/* Fliesstext, Überschriften                                             */
/* --------------------------------------------------------------------- */
p       {font:1em/1.5em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif; 
         margin:0 0 10px 0; padding:0;}                                           /*Fliesstext*/
h3      {font-size:1.3em; margin:0; padding:0; background:green;}        /*Ueberschrift dritte Klasse, grün*/
hr      {border-top: #BBC4A3 1px solid; background:#808080;}                /*Zwischenbalken, grau*/
h1, h2, h3, h4 {                                                         /*Ueberschriften*/
	font-family:"Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	font-weight:normal;
	letter-spacing:0px;
        }

/* Sidebar                                                               */
/*---------------------------------------------------------------------- */
#sidebar ul h2 {                                                         /*sidebar titel*/
	/*background: url(img/sidenav_top.jpg) no-repeat center;*/       /*kein Bild*/
	border-bottom: #ff6600 1px dotted;
	color: #1f1f1f;
	font:0.9em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 2px 0 2px 5px;
	text-align: left;
        }
#sidebar ul {                                                            /*sidebar box*/
	border:none;
        list-style-type: none;
	margin: 0;
	padding: 0px;
        }
#sidebar ul ul {                                                         /*sidebar unterbox, grau*/
	/*background: url(img/sidenav_bottom.jpg) #F3F6ED no-repeat bottom;*/
	font-size:0.9em;
        font-weight:normal;
        list-style-type: none;
	margin: 0;
	padding: 5px 15px 5px 15px;
	}
#pagenav {list-style:none; border:red 2px dotted;}                       /*Funktion unklar, rot*/
#sidebar ul ul li {                                                      /*sidebar listen*/
        margin:0.1em 0 0 0;
        padding:0 0 0 15px; 
        background:url(sitestyle/icon_arrow_sm.gif) no-repeat 0 5px;
        font-weight:normal;
        }      
#sidebar ul ul li a {border:none; text-decoration:none;}
#sidebar ul ul li a:link {color: #990000;}
#sidebar ul ul li a:visited {color: #990000;}
#sidebar ul ul li a:hover, #sidebar ul ul li a:active {color: #ff6600;}
#sidebar ul ul ul {                                                      /*sidebar blogroll*/
	border: none;
	font-size: 1em;
	list-style-type: none;
	margin: 0;
	padding: 5px;
        }
#sidebar ul ul ul li {
	background: url(sitestyle/subcat_bullet.gif) no-repeat 0 5px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
        }
#dropdownform select {width: 170px;}
#search input {width: 166px;}

/* Hauptinhalt                                                           */
/*---------------------------------------------------------------------- */
#content ul {                                                             /*Auflistungen       */
	list-style-type:none;
	margin-left:0;
	padding-left:0;
        background:none;
        }
#content ul li {                                                          /*Listenpunkte       */
	/*background: url(img/bullet.gif) no-repeat 0 7px;*/
	padding-left: 1.5em;
        }

/* Posts                                                                 */
/*---------------------------------------------------------------------- */
.post   {margin:0 0 30px 0; padding:10px 0 0 10px;}                       /*Box ganzer Post    */
.post-header {                                                            /*Box Post Titel     */
	border:1px #bbbbbb dotted;
        background:#ffffcc;
        margin:0;
        padding:0;
        }
#content .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active {color: #1f1f1f; text-decoration:none;}
.post-title {                                                             /*Post Titel         */
	font:1.2em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	line-height:1.5em;
        background:url(sitestyle/icon_arrow.gif) left no-repeat;
        color:#1f1f1f;
        margin:0 0 0 100px;
        padding:0 0 0 20px;
        }

.post-date {
	background: url(sitestyle/date.gif) no-repeat 0 0;
	float:left;
        color:#4c4c4c;
	font:bold small-caps 0.8em/1em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:-5pt 0 0 -3pt;
	padding:5pt 0 0;
	text-align:center;
	width:100px;
        height:60px;
}
.post-content {                                                           /*Seite Content - extrem strange Bug wenn der border-bottom entfernt wird, im Wordpress Loop schiebt sich alles nach links   */                                                                                         
	border-left:#bbbbbb 1px dotted;
	border-right:#bbbbbb 1px dotted;
        border-bottom:#bbbbbb 1px dotted;
        font:0.9em/1.5em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:35px 20px 20px 20px;
        }
.post-content a {color: #990000;text-decoration: none;}
.post-content a:hover {color: #ff6600;text-decoration: none;}
.post-footer {                                                             /*Box Post Info     */
	background-color:#eeeeee;
	border-left:#bbbbbb 1px dotted;
	border-right:#bbbbbb 1px dotted;
        border-bottom:#bbbbbb 1px dotted;
	padding:5px 0;
        }
.post-info {                                                               /*Post Info         */
        font:0.85em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0 0 0 20px;
        color:#4c4c4c;
        }
.post-info a {color: #990000;text-decoration: none;}
.post-info a:hover {color: #ff6600;text-decoration: none;}
.post-info-icons {                                                               /*Post Info         */
        font:0.85em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
		float:right;
	margin:0;
	padding:0 10px 0 0;
        color:#4c4c4c;
        }
/* Pages                                                                 */
/*---------------------------------------------------------------------- */
.page   {margin:0 0 30px 0; padding:10px 0 0 10px;}                       /*Box Seite */
.page-info {                                                              /*Seite Header    */
	border:1px #bbbbbb dotted;
        background:#ffffcc;
        margin:0;
        padding:0;
        }
.page-content {                                                           /*Seite Content    */                                                                                         
	border-left:#bbbbbb 1px dotted;
	border-right:#bbbbbb 1px dotted;
        border-bottom:#bbbbbb 1px dotted;
	font:0.9em/1.5em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:20px 20px 20px 20px;
        }
.page-title {                                                             /*Seite Titel      */
	font:1.2em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	line-height:1.5em;
        background:url(sitestyle/icon_arrow.gif) left no-repeat;
        color:#1f1f1f;
        margin:0 0 0 5px;
        padding:0 0 0 20px;
        }

#content .page-title a, .post-title a:link {color: #1f1f1f; text-decoration: none;}



/* Footer                                                                */
/*---------------------------------------------------------------------- */
#footer {                                                                      /*Footer Box*/
	background:url(sitestyle/footer_round.jpg) no-repeat bottom;
        clear:both;
	color:#999999;
	font-size:0.8em;
	height:100px;
        margin:0;
	padding:0;
	text-align:left;
	width:900px;                             
        }

#footer p {color: #CCFFFF; padding: 40px 0 0 0; margin: 0; text-align: center;}
#footer a {border: none; color: #66FFFF;}

/* Kommentare                                                            */
/*---------------------------------------------------------------------- */
.commentlist {font:0.9em/1.5em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif; border:1px #bbbbbb dotted;}
#comments,#respond {                                                      /*Kommentar Titel      */
	font:1.2em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	line-height:1.5em;
        background: #ffffff;
        color:#1f1f1f;
        border-left:#bbbbbb 1px dotted;
	border-right:#bbbbbb 1px dotted;
        border-top:#bbbbbb 1px dotted;
        margin:0 0 0 0;
        padding:0 0 0 20px;
        }
.commentlist li {
	background:url(sitestyle/icon_comment.gif) no-repeat 2px 7px;     /*Einzelne Kommentare  */
	margin:0 0 20px 0;
	padding:0px 0px 0px 0px;
        }
.commentlist .alt {}
.commentlist li p {margin:0 10px 10px 0;}
.commentlist li a {color: #990000;text-decoration: none;}
.commentlist li a:hover {color: #ff6600;text-decoration: none;}
#commentform {margin:0 0 0 0; padding:20px 20px 20px 20px; border:1px #bbbbbb dotted; font-size:0.9em;}
#commentform textarea {width:90%;}
#commentform p {margin:0 0 0 0;}


/* Navigation                                                            */
/*---------------------------------------------------------------------- */
.navigation {                                                            /*Box Inhalt        */                                                                                         
	border:#bbbbbb 1px dotted;
	font:0.9em/1.5em "Trebuchet MS",Verdana,Tahoma,Arial,sans-serif;
	margin:0;
	padding:0;
        }
.navigation a {color: #990000;text-decoration: none;}
.navigation a:hover {color: #ff6600;text-decoration: none;}

/* Kalender                                                              */
/*---------------------------------------------------------------------- */
#calendar {margin: 0px 15px; position: inherit;}
#wp-calendar {
	background: #ffffff;
	border: #bbbbbb 1px dotted;
	empty-cells: show;
	font-size: 0.9em;
	margin: 0px;
	padding: 3px;
	text-align: center;
	width: 100%;
}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a {display: block; text-decoration: none;}
#wp-calendar a:hover {background: #eeeeee; color: #ff6600;}
#wp-calendar caption {
	background:#eeeeee;
        border-left:#bbbbbb 1px dotted;
	border-right:#bbbbbb 1px dotted;
        border-top:#bbbbbb 1px dotted;
	font-size: 1em;
	font-weight: bold;
	height: 22px;
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: center;
}
#wp-calendar caption a, #wp-calendar caption a:hover {background: transparent; color: #000000;}
#wp-calendar td {color: #bbbbbb; letter-spacing: normal; padding: 2px 0; text-align: center;}
#wp-calendar td.pad:hover {background: #FFFFFF;}
#wp-calendar td:hover, #wp-calendar #today {background: #EEEEEE; color: #BBBBBB;}
#wp-calendar th {font-style: normal; text-transform: capitalize;}
#wp-calendar .today {background: #EEEEEE; font-weight: bold;}