/*
Theme Name: Pieter Derks
Theme URI: http://www.pieterderks.nl/
Description: Pieter Derk's eigen themepje
Author: Yoazt
Template: twentyten
Version: 0.1
*/

/** base.css contains TwentyTen stuff **/
@import "base.css";

/* Body background */
body { background: url(images/tile.png) right top repeat; }

/* Main layout */
#wrapper { background: none; margin: 0 0 0 auto; padding: 0; width: 1007px;  }
#header { background: url(images/header.png) right top no-repeat; height: 323px; width: 1007px; margin: 0; padding: 0; }
#main { background: url(images/main.png) left top repeat-y #F3F2EA; width: 991px; padding: 0 0 0 16px; margin: 0; }
#footer { background: url(images/main.png) left top repeat-y #F3F2EA; width: 991px; padding: 0 0 0 16px; margin: 0; }

/* Header content */
#home_link { display: block; float: left; margin: 10px 0 0 10px; width: 650px; height: 180px; }
#guestbook_link { display: block; float: left; margin: 5px 0 0 0; width: 130px; height: 130px; }
#secondary { display: block; float: none; clear: left; margin: 0; padding: 34px 0 0 280px; width: 440px; height: 94px; }

/* Secondary widget area only used for twitter */
#secondary ul { margin: 0; padding: 0; }
#secondary li { list-style: none; margin: 0; }
#secondary { font-size: 16px; line-height: 24px; color: black; font-weight: bold; font-style: italic; }
#secondary em.twitter { color: #00bbf1; }

/* In-main header */
#masthead { overflow: hidden; width: 991px; height: 243px; background: url(images/navigation.png) right top no-repeat transparent; }
#header-image { position: relative; clear: both; width: 477px; height: 166px; margin: 20px; }

/* Navigation */
#access { background: none; }
#access div.menu { padding: 0; margin: 0; }
#access ul { display: block; margin: 20px 15px 24px 15px; height: 40px; }

#access li a { display: block; background: blue; height: 40px; margin: 5px; padding: 0; }
#access li a, #access ul li a { background: url(images/navlinks.png) no-repeat; }
#access li:hover a { background-color: transparent; }

#access ul li#item-home a { width: 87px; background-position: 0 0; } #access ul li#item-home a:hover { background-position: 0 -40px; } #access ul li#item-home.current-page-item a { background-position: 0 -80px; }
#access ul li#item-biografie a { width: 111px; background-position: -87px 0; } #access ul li#item-biografie a:hover { background-position: -87px -40px; } #access ul li#item-biografie.current-page-item a { background-position: -87px -80px; }
#access ul li#item-speellijst a { width: 112px; background-position: -198px 0; } #access ul li#item-speellijst a:hover { background-position: -198px -40px; } #access ul li#item-speellijst.current-page-item a { background-position: -198px -80px; }
#access ul li#item-pers a { width: 56px; background-position: -310px 0; } #access ul li#item-pers a:hover { background-position: -310px -40px; } #access ul li#item-pers.current-page-item a { background-position: -310px -80px; }
#access ul li#item-contact a { width: 88px; background-position: -366px 0; } #access ul li#item-contact a:hover { background-position: -366px -40px; } #access ul li#item-contact.current-page-item a { background-position: -366px -80px; }
#access ul li#item-gastenboek { display: none; }

#content ul.pers_navigation li.current-page-item, #content ul.pers_navigation li.current-page-item a { color: #579d71; }

/* Post container */
#container { float: none; width: 991px; min-height: 316px; background: url(images/right.png) right top no-repeat; }
#content { float: left; width: 532px; margin: 0; padding: 20px; padding-top: 50px; }
#content, #content input, #content textarea { color: #365419; }
#content .entry-title { font: bold italic 32px Georgia,"Bitstream Charter",serif; padding-bottom: 12px; }
#content .entry-title, #content .entry-title a:link, #content .entry-title a:visited { color: #579d71; }

#content a:link, #content a:visited { color: #f20101; text-decoration: none; }
#content a:hover { text-decoration: underline; }

.entry-meta, .entry-utility { padding-bottom: 4px; font: 14px Georgia,"Bitstream Charter",serif; }
.entry-meta a:link, .entry-meta a:visited { color: #4ea8ad; text-decoration: none; }
.entry-utility a:link, .entry-utility a:visited { color: #4ea8ad; text-decoration: none; }
.entry-title a:hover, .entry-meta a:hover, .entry-utility a:hover { text-decoration: underline; }

.entry-content { padding-top: 0; }
.hentry { margin-bottom: 30px; }

.entry-utility { padding-bottom: 80px; background: url(images/post_sep.png) left bottom no-repeat; }
.comments-link a:link, .comments-link a:visited { font-size: 16px; color: #579d71; }

h3#reply-title { font: bold italic 24px Georgia,"Bitstream Charter",serif; padding-bottom: 12px; color: #579d71; }

/* Side bar */
#primary { width: 419px; margin: 316px 0 0 auto; background: #8db8b0; }
#primary, .widget-title { color: white; }

#primary li.widget-container { margin: 10px; }

#primary li.widget_daikos_youtube { display: none; }
#primary li.widget_daikos_videoplayer { width: 409px; margin: 0; padding: 5px; padding-bottom: 1px; background: #CF0004; }

#primary a:link, #content a:visited { color: #CF0004; text-decoration: none; }
#primary a:hover { text-decoration: underline; }
#primary h3.widget-title { font-style: italic; }

/* Speellijst */
#content table.gigs { border: none; }
#content table.gigs td { padding: 2px; }
#content table.gigs tr { border: none; border-top: 1px solid #365419; }
#content table.gigs tr:first-child { border-top: none; }
#content table.gigs tr td { border: none; background: none; }

/* Footer */
#footer { display: none; }
#colophon { border-top: 1px solid #aaa; clear: both; margin: 0; padding: 12px 0 20px 0; width: auto; }
#colophon { text-align: center; }
#site-info { width: auto; margin: auto; float: none; }