/*
Theme Name: Pibo
Theme URI: http://wordpress.org/
Description: Based on TwentyTen
Author: St.Dekker
Version: 0.2
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url(reset.css);

/* Layout */
body {background: rgb(222,192,142); color: #333;}
a {color: #559; text-decoration: none;}

#wrapper {width: 960px; margin: 22px auto; background: #fff; overflow: auto; border: 1px solid rgb(180, 150, 100);
-moz-border-radius: 3px; -moz-box-shadow: 0 0 4px rgba(82,22,22,0.3);
-webkit-border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(82,22,22,0.3); }

#container {font: 13px Georgia, Serif; line-height: 1.55em; margin: 0 auto; }
#footer {float: left; clear: both; padding: 50px 30px; background: #eee; width: 900px; margin: 66px 0 0 0; border-top: 1px solid #ccc; text-align: center;}

#header { height: 131px;}
#header img {display: none;}
#header a {color: #fff; text-decoration: none; }

#header .menu { float: right; margin: 26px 26px; }
#header .menu li {float: left; padding: 5px 1px; margin: 0 5px; display: inline; height: 22px; overflow: visible; border: 1px solid #fff; }
#header .menu li li {float: left; clear: left; padding: 5px; margin: 0; padding: 0; display: none;}
#header .menu li ul {padding: 8px 0; display: none; }
#header .menu li:hover li {display: block;}
#header .menu li:hover ul {display: block;}
#header .menu a {color: #555; padding: 6px; font: 17px Georgia, Serif; overflow: auto; text-transform: uppercase;  }
#header .menu a:hover {color: #fff; background: #04c;}
#header .menu .active {color: #fff; background: #04c;}
#header .menu li li a {font-size: 10px; padding: 5px;}

#header .current-menu-item {background: #eee; border: 1px solid #ddd;}

#branding {background: #04d; 

  background-image: -moz-linear-gradient(top, #0066dd, #0055aa); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0066dd),color-stop(1, #0055aa)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0066dd', EndColorStr='#0055aa'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0066dd', EndColorStr='#0055aa')"; /* IE8 */

border: 1px solid #88f;  border-top: 1px solid #aaf;
padding: 11px 15px 8px 15px; position: absolute; color: #fff;  
margin: 28px -2px;
}

#branding #site-title {font: 32px "Droid Serif", Georgia, "Times New Roman", Serif; text-transform: uppercase; text-shadow: -1px -1px 0 #00c; width: 350px;}
#branding #site-description {color: #eee; font: 10px Verdana, serif; margin: 2px;}
#branding a {color: #fff; display: block;  }

#content {width: 555px; margin: 0  0 0 66px; float: left; }

#primary {float: right; margin: 0 22px 0 0; width: 222px; border: 1px solid #eee;}
#primary .widget-container {margin: 5px; padding: 5px; }
#primary .widget-title {color: #ccc; padding: 5px 0; font-size: 14px;}
#primary .widget-container p {color: #555; font-size: 12px; line-height: 1.45em;}

.post {border-bottom: 1px solid #ddd; margin: 0 0 11px 0; padding: 0 0 11px 0; overflow: auto;}

.entry-meta {font-size: 10px; color: #888; margin: 3px 11px 0 3px;}
.entry-title {font: 22px Georgia, Sans-serif;  margin: 11px 0 0 0; width: 90%; }
.entry-utility {font-size: 10px; color: #888; margin: 5px 0 0 0;}
.entry-content p {margin: 0 0 8px 0; overflow: hidden;}
.entry-content h3 {margin: 5px 0; font: bold 16px Georgia, Serif; color: #555;}
.entry-content h4 {margin: 11px 0 5px 0; font: italic 17px Georgia, Serif; color: #555; border-bottom: 1px solid #ddd; padding: 0 0 5px 0;}

.alignright {float: right; margin: 5px 5px 0 11px;}
.alignleft {float: left; margin: 5px 11px 0 0;}

body.archive .page-title {color: #555; font-size: 13px; border-bottom: 1px solid #ccc;}
body.archive .entry-title {font-size: 18px;}

.category-bronnen .entry-meta {display: none;}
.category-bronnen .entry-summary {font-size: 12px; line-height: 1.35em; color: #888;}
.category-bronnen .entry-utility {display: none;}
.category-bronnen .entry {display: none;}

#nav-above {display: none; background: #f00;}

#footer a {color: #555; font: 10px Georgia, Sans-serif;}

.attachment-post-thumbnail {float: left; height: 150px; width: 150px; padding: 5px; border: 1px solid #ddd; margin: 5px 11px 0 0;}

#comments {border-top: 1px dotted #06d; margin: 50px 0 0 0; padding: 11px 0 0 0;}
.page .nocomments {display: none;} 
#respond {background: #eee; padding: 11px 22px; border: 1px solid #ddd;}
#respond h3 {font-size: 21px; margin: 11px 0;}
#respond label {color:#888; display: block; margin: 5px 0 0 0;}