/*
Theme Name: De Optimist
Theme URI: http://www.deoptimist.net/
Description: De Optimist: Vormgeving Maartje van Nimwegen / Artur Schmal, Realisatie Coen Warmer (www.mono9.nl)
Version: 1.1: IE6, IE7, Firefox, Safari proof.
Author: Coen Warmer
Author URI: http://www.mono9.nl/
*/

/* Reset */

body, p, div, ul, li, img, a {
margin: 0;
padding: 0;
border: 0;
}

/* General */

body {
background-color: #ffefbc;
font-family: Georgia, Times, serif;
}

#wrapper {
width: 700px;
margin: 0 auto;
}

#header{
border-top: solid 1px #000;
border-bottom: solid 1px #000;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
}

#tagline{
font-size: 13px;
font-weight: bold;
}

.menu{
border-top: solid 1px #000;
margin-top: 10px;
margin-bottom: 30px;
padding-top: 6px;
padding-bottom: 6px;
border-bottom: solid 1px #000;
}

.menu li a{
color: #000 !important;
border-bottom: #000 !important;	
}

.footer_firstoption {
padding-left: 0px !important;	
}

#MailPress{
margin-top: 50px;
text-align: center;
}

input {
font-family: Georgia;
font-size: 11px;
padding: 4px;
}

/* Index */

#maintitle_row1, #maintitle_row2, #maintitle_row3 {
width: 700px;
clear: both;
}

#maintitle_row1 {
}

#maintitle_row2 {
}

#maintitle_row3 {
margin-bottom: 20px;
}

#maintitle_tile1, #maintitle_tile2, #maintitle_tile3, #maintitle_tile4, #maintitle_tile5, #maintitle_tile6, #maintitle_tile7, #maintitle_tile8, #maintitle_tile9 {
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/maintitle_tile_bg.png) no-repeat;
height: 281px;
width: 222px;
padding: 4px 2px 0px 3px;
float: left;
margin-right: 6px;
margin-bottom: 15px;
}

#maintitle_popup1, #maintitle_popup2, #maintitle_popup3, #maintitle_popup4, #maintitle_popup5, #maintitle_popup6, #maintitle_popup7, #maintitle_popup8, #maintitle_popup9 {
display: block;
position: relative;
top: -430px;
font-size: 20px;
font-weight: bold;
color: #000;
text-decoration: none;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity = 90);
}

#maintitle_popup1, #maintitle_popup4, #maintitle_popup7 { 
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/maintitle_popup_left.png) no-repeat;
left: -130px;
margin-top: 60px;
width: 166px;
height: 175px;
padding: 15px 65px 50px 15px;
}

#maintitle_popup2, #maintitle_popup3, #maintitle_popup5, #maintitle_popup6, #maintitle_popup8, #maintitle_popup9 {
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/maintitle_popup_right.png) no-repeat;
left: 100px;
margin-top: 60px;
width: 166px;
height: 175px;
padding: 15px 15px 50px 65px;
}

#maintitle_popup2, #maintitle_popup3{
margin-top: 0;
}

#maintitle_popup1, #maintitle_popup2, #maintitle_popup3, #maintitle_popup4, #maintitle_popup5, #maintitle_popup6, #maintitle_popup7, #maintitle_popup8, #maintitle_popup9{
visibility:hidden;
}

#maintitle_tile1:hover #maintitle_popup1{visibility:visible;}
#maintitle_tile2:hover #maintitle_popup2{visibility:visible;}
#maintitle_tile3:hover #maintitle_popup3{visibility:visible;}
#maintitle_tile4:hover #maintitle_popup4{visibility:visible;}
#maintitle_tile5:hover #maintitle_popup5{visibility:visible;}
#maintitle_tile6:hover #maintitle_popup6{visibility:visible;}
#maintitle_tile7:hover #maintitle_popup7{visibility:visible;}
#maintitle_tile8:hover #maintitle_popup8{visibility:visible;}
#maintitle_tile9:hover #maintitle_popup9{visibility:visible;}

.platypus_main {
position: relative;
top: -289px;
left: 175px;
width:70px;
}

#main_recentarchive {
clear: both;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
padding: 10px 0 20px 0;
font-size: 13px;
font-weight: bold;
margin-bottom: 20px;
}

#main_recentarchive_column1 ul{
padding-top: 10px;
width: 700px;
height: 170px;
overflow: hidden;
}

#main_recentarchive_column1 ul li{
display: inline;
margin-right: 4px;
heigth: 170px;
}

#main_recentarchive_column1 ul li img{
width: 107px;
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/pagenav_pagetitletile.png) no-repeat;
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
padding-right: 17px;
padding-bottom: 20px;
}

#main_archive{
padding-bottom: 7px;
}

#main_archive a{
font-weight: bold;
color: #000;

}

/* Article */

.post {
padding: 45px;
padding-top: 40px;
}

#pageframe{
width: 535px;
height: 750px;
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/pageframe_bg.png) no-repeat;
margin-left: 169px;
}

#pageframe p {
margin-bottom: 20px;
line-height: 21px;
font-size: 13px;
}

#pageframe h2{
font-size: 22px;
margin: 0;
padding: 0;
}

#page_authorframe h2{
margin: 0;
}

#pageframe h3{
font-size: 17px;
color: #999;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

h4.subtitel{
font-size: 14px;
font-weight: normal;
font-style: italic;
padding: 0;
margin: 0;
margin-top: 10px;
margin-bottom: 15px;
}

#pageframe a, #pageframe a:visited{
color: #00407a;
}

#pageframe ul {
font-size: 11px;
padding-left: 20px;
margin-top: -20px;
}

#platypus {
float: right;
}

#pageframe_currentpagenumber{
text-align: center;
color: #5b511c;
font-size: 26px;
position: absolute;
width:440px;
top: 990px;
font-size: 16px;
font-weight: bold;
}

#pageframe_pagejumpers{
color: #5b511c;
font-size: 26px;
position: absolute;
width:440px;
top: 990px;
font-size: 16px;
font-weight: bold;
padding-left: 60px;
}

.contentjumplink{
display: inline;
margin-left: 100px;
}

#pageframe_pagejumpers select{
display: none;
}

#sidebar {
width: 130px;
float: left;
}

#page_nav{
position: absolute;
top: 285px;
font-size: 30px;
height: 710px;
overflow: hidden;
}

#page_nav_titletile, #page_nav_mainmenutile {
width: 127px;
height: 169px;
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/pagenav_pagetitletile.png) no-repeat;
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
}

#page_nav_titletile img{
width: 117px;
}

.contentjumpnumber, .contentjumpnumber_current {
width: 127px;
height: 119px;
text-align: center;
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/pagenav_pagetile.png) no-repeat;
display: block;
color: #5b511c;
padding-top: 42px;
margin-bottom: 20px;
font-size: 50px;
text-decoration: none;
}

.contentjumpnumber:hover, .contentjumpnumber_current:hover, #page_nav_titletile img:hover, #page_nav_mainmenutile img:hover {
opacity: 80;
-moz-opacity: 0.8;
filter: alpha(opacity = 80);
}

.contentjumpnumber_current {
opacity: 50;
-moz-opacity: 0.5;
filter: alpha(opacity = 50);
}

#page_nav_scroller {
position: absolute;
top: 1000px;
width: 120px;
text-align: center;
}

#topsecretlair {
display: none;
}

#history {
font-size: 12px;
font-weight: bold;
text-align: right;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 100px;
}

#history a, #history a:visited {
font-size: 11px;
font-weight: bold;
color: #000;
}

/* Pages */

#page_pageframe {
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/page_pageframe.png) no-repeat;
width: 465px;
height: 750px;
float: right;
padding-top: 0px;
}

#page_sidebar{
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/page_pagesidebar.png) no-repeat;
float: left;
width: 200px;
height: 285px;
padding: 15px;
padding-top: 20px;
}

#page_pageframe p, #page_authorframe p{
margin-bottom: 15px;
}

#page_sidebar ul {
list-style: none;
}

#page_pageframe a, #page_pageframe a:visited, #page_authorframe a, #page_authorframe a:visited {
color: #00407a;
}

#author_sidebar{
font-size: 13px;
}

#page_sidebar li a, #page_sidebar li a:visited, .page_optimist a, .page_optimist a:visited {
font-size: 13px;
font-weight: bold;
color: #00407a;
}

/* Archief */
.column{
width: 150px;
float: left;
margin-right: 25px;
}

.archive a, .archive a:visited{
font-size: 14px !important;
color: #00407a;
}

.archive li {
font-size: 13px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: dotted 1px #333;
line-height: 18px;
}

.archive ul {
list-style: none;
}

.tags li{
display: inline;
border-bottom: 0;
}

.tags li:after{
content: ",";
}

.author_archive{
padding: 40px;
}

.wp-tag-cloud{
margin-bottom: 20px;
}

#page_authorframe{
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/page_pageframe.png) no-repeat;
width: 380px;
height: 750px;
padding: 40px;
padding-top: 30px;
padding-right: 45px;
margin-left: 240px;
}

#page_authorframe img{
width: 125px;
float: left;
margin-right: 15px;
border: solid 1px #eee;
}


#archive_sidebar, #tag_sidebar, #author_sidebar{
background: url(http://www.deoptimist.net/wp-content/themes/deoptimist/images/page_pagesidebar.png) no-repeat;
width: 193px;
height: 285px;
padding: 15px;
padding-top: 20px;
margin-left: -280px;
margin-top: -30px;
float: left;
}

#author_sidebar{
margin-top: -31px;
}

.archive_sidebar_header{
display: block;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
}

#tag_sidebar li{
display: inline;
margin-right: 3px;
}

#tag_sidebar li:after{
content: ",";
}

#archive_sidebar li, #tag_sidebar li, #author_sidebar li{
margin-bottom: 10px;
}

#tag_sidebar li a{
font-size: 10px;
}

#archive_sidebar ul, #author_sidebar ul{
list-style: none;
}

.archief_auteur{
font-size: 12px;
}

.archief_subtitel{
font-size: 14px;
display: block;
padding-bottom: 50px;
}

h4{
margin: 0;
padding: 0;
padding-top: 35px;
font-size: 16px;
}

.photo{
float: right;
border: dotted 1px #999;
padding: 5px;
}

.navigation{
margin-top: -110px;
margin-left: 585px;
position: absolute;
font-size: 13px;
}

.navigation li{
display: inline;
}

.navigation a{
color: #00407a;
}

.navigation_author{
position: absolute;
top: 533px;
font-size: 11px !important;
}

/* Footer */

#footer{
clear: both;
padding-top: 5px;
margin-bottom: 60px;
}

#footer li, .menu li {
display: inline;
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
}

.footer_second {
border-left: solid 1px #000;
}

#footer li a, #footer li a:visited, .menu li a, .menu li a:visited{
font-weight: bold;
color: #000;
border-bottom: solid 0px #000;
}