/* 
Theme Name: Desk Mess
Theme URI: http://www.geekwithlaptop.com/desk-mess-wordpress-theme
Description: Casual work-desk theme for a different blogging experience.Brought to you <a href="http://www.geekwithlaptop.com">Geek with Laptop</a>
Version: 1.4
Author: Geek With Laptop
Author URL: http://www.geekwithlaptop.com
Tags: valid XHTML, fixed width, wood, two columns, widgets, gravatars, right sidebar, 

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/* = GLOBAL = */
* {margin:0;padding:0;}
body {
	margin: 0;
	padding: 0;
	background:#ae8858 url(images/bg.jpg) repeat top left;
	font-family: Trebuchet MS, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	line-height:21px;
	color: #4e3221;
}
a:link, a:visited, a:active {
	color: #d21600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
h1 {
	font-size:100px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;

	line-height:normal;
	padding-bottom:2px;
}
h2 {
	font-size:15px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;

	line-height:normal;
	padding-bottom:11px;
	padding-top:15px;

}
h3 {
	font-size:12px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;

	line-height:normal;
	padding-bottom:10px;
	padding-top:14px;
}
/* === HEADER === */
#header-container {
	width: 990px;
	margin: auto;
	padding: 0;
	position:absolute;
	top:0;
	left:4px
}
#header{
	position:relative;
	height:295px;
	background:url("images/header-total.jpg") 8px 0 no-repeat;
	height:377px;
}

#logo {
	background:url(images/logo.png) no-repeat;
	width:304px;
	height:292px;
	position:absolute;
	left:7px;
	top:-32px;
	display:none
}
#logo h2,
#logo p{
	position:absolute;
	top:-9999em;
	left:-9999em;
}
#polaroids {
	position:absolute;
	right:-130px;
	top:-50px;
	background:url(images/polaroids.png) no-repeat;
	width:869px;
	height:429px;
	position:relative;
	display:none
}
#paperclip {
	width:31px;
	height:63px;
	background:url(images/paperclip.png) no-repeat;
	position:absolute;
	bottom:-72px;
	left:78px;
	display:none;
}
#corner {
	width:45px;
	height:135px;
	background:url(images/header-corner.jpg) no-repeat;
	position:absolute;
	top:67px;
	right:-10px;
}

/* === MENU === */

#menu {
height:55px;
left:5px;
margin:0;
padding:0;
position:absolute;
font-size:1.2em;
top:256px;
}
#menu, #menu ul {
line-height:3.5;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#menu a, #menu a:hover {
border:medium none;
display:block;
text-decoration:none;
}
#menu li {
background:transparent url(images/menu_button2.png) no-repeat scroll 4px 0;
float:left;
height:61px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
margin-right:2px;
text-align:center;
width:132px;
}
#menu li ul,
#menu #mediawijs { display:none; }
#menu a, #menu a:visited {
color:#4e3221;
display:block;
font-weight:bold;
}
#menu a:hover, #menu a:active {
color:#D21600;
text-decoration:none;
}


/* === MAIN AREA == */ 
.clear {
	position: relative;
	clear: both;
	height: 5px;
}
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 977px;
	background-image: url(images/mainmidpart.png);
	background-repeat: repeat-y;
}
#mainwrap{	
	width:990px;
	margin:0 auto;
	position:relative;
	padding-top:302px
	}
#maintop {
	margin: 0 auto;
	position: relative;
	width: 977px;
}
#maintopimg {
	position: relative;
	padding:0;
	background:url(images/maintoppart.png);
	height:113px;
}
#content {
	position: relative;
	width: 950px;
	margin: 0 0 0 45px;
	padding-bottom:50px;
}
.colofon {
	bottom:270px;
	margin-top:5px;
	position:absolute;
	right:70px;
	text-align:center;
}
.colofon .logo {
	font-size:10px;
}
.colofon .logo img {
	border:none;
	width:200px;
	padding-top:5px;
}
#etui {
	background:transparent url(images/etui.png) no-repeat scroll 0 0;
	height:193px;
	left:250px;
	position:absolute;
	bottom:188px;
	width:377px;
}

/* === MAIN BLOG === */

#main-blog {
	float:left;
	width:580px;
	padding:0 10px 10px 10px;
}
.calendar-container #main-blog {
	width:auto;
}
#main-blog h1 {
	font-size:22px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	padding-bottom:2px;
	margin-bottom:1em;
}
#main-blog h1 a, #main-blog h1 a:visited, #main-blog h1 a:active{
	color:#4a4131;
	text-decoration:none;
}
#main-blog h1 a:hover{
	color:#d21600;
	text-decoration:none;
	border-bottom:1px solid #d21600;
}
.postdata {
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: normal;
	font-style:italic;
	color: #4a4131;
}
.post {
	margin-bottom:10px;
	padding-bottom:20px;
	background: url(images/content-separator.png) no-repeat center 100%;
	overflow:hidden;zoom:1;
}
.entry-more {
	float:right;
}
.post p {
	margin:0;
	padding:0 0 10px;
}

.post ul {
	margin:0 0 1em 35px
}
.post-comments {
	float: right;
	width: 63px;
	height: 61px;
	padding:18px 0 0 24px;
	font-size:18px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:-7px 20px 0 0;
	background: url(images/commentbck.png) no-repeat;
	display:none;
}
.post-social {
	float: right;
	width: 78px;
	height: 74px;
	margin:-22px 30px 0 0;
	background: url(images/socialbck.png) no-repeat;
}
.rss {	

		background: url(images/rssicon.png) no-repeat 0 50%;
		padding-left:20px;
		padding-top:1px;
}

.post-comments a:link, .post-comments a:visited, .post-comments a:active{
	color:#4a4131;
	text-decoration:none;
}
.post-comments a:hover {
	color:#d21600;
	text-decoration:none;
}

/* === SIDEBAR == */
#sidebar-top {
	background: url(images/sidebartop.png) no-repeat;
	height: 90px;
	min-height: 90px;
}
#sidebar-content {
	background: url(images/sidebarmid.png) repeat-y;
	padding:9px 30px 30px 30px;
}
#sidebar-bottom {
	background: url(images/sidebarbottom.png) no-repeat;
	height: 37px;
	min-height: 37px;
	text-align:right;
	margin-left:-1px;
}
#sidebar {
	width:305px;
	position:relative;
	float:left;
	margin:-20px 0 0 -8px;
	padding-bottom:75px;
}	
.category-page #sidebar {
	float:right;
	margin-right:50px;
}	
.subcolumn{
	width:255px;
}

#subcolumn .widgets {
	list-style:none;
}
#search{
	width:252px;
	height:125px;
	background:url(images/searchbck.png) no-repeat;
	margin-left:4px;
}

.form-input {
	margin: 65px 10px 10px 37px;
	width: 173px;
	padding: 2px 2px;
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}


.form-input:focus {
	background:#f2f0f0;
	border: 1px solid #b5b4b2;	
}

.search-submit {
	margin:0 0 0 84px;
	width: 85px;	
	background: #faf6f6;
	border: 1px solid #e3dccb;
	color: #666;
	font-size:.85em;	
}
.widget {
	width:252px;
	margin-left:4px;
	background:url(images/widgetbck.png) repeat-y;
	border-bottom:1px solid #e3dccb;
	margin-bottom:20px;
	text-align:center;
	padding-bottom:10px;
	margin-top:10px;
	overflow:hidden;zoom:1;
}
#bottom .extra div.widget .widget {
	width:auto;
	margin-left:8px;
	background:none;
	border-bottom:none;
	margin-bottom:0;
	text-align:center;
	padding-bottom:0;
	margin-top:0;
	overflow:hidden;zoom:1;
	min-height:0;
}
#calendar_wrap{
	margin-left:55px;
	}
.widget p {
	padding-left:5px;
	}
	
	
.widget h2 {
	height:40px;
	width:252px;
	background:url(images/widgeth2.png) no-repeat;
	text-align:center;
	padding:22px 0 0 0;
	font-size:20px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:normal;
	color:#4a4131;
	margin:0;
}
.widget ul {
	margin:0 0 15px 0;
	padding:5px 0;
	border:none ;
	list-style:none;
}
.widget ul li {
	padding:5px 15px 10px 15px;
	margin:0px;
	background: url(images/listseparator.png) no-repeat 25% 100%;
}
.widget ul li a{
	color: #d21600;
	text-decoration:none;
}
.textwidget{
	padding:0 8px 0 8px;
	}
.widget ul li a:hover{
	color: #635537;
	text-decoration:none;
}		

/* --- IMAGES --- */

img {
	border:none;
}
p img {
	padding: 0;
	max-width: 100%;	
}
img.aligncenter {
	border: 1px solid #59350b;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
img.alignright {
	border: 1px solid #59350b;
	margin: 0 0 13px 13px;
	display: inline;
}
img.alignleft {
	border: 1px solid #59350b;
	margin: 0 13px 13px 0;
	display: inline;
}
.alignleft {
	float: left
}
.alignright {
	float: right;
}
.wp-caption {
   border: 1px solid #59350b;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
	
/* == FOOTER == */
#bottom {
	background:url(images/footer2.png) no-repeat;
	height:154px;
	padding-top:115px;
	
}
#bottom p{
	text-align:center;
}
/* calendar */
.calendar{
	border:1px solid #E3DCCB;
	background:#fff;
	overflow:hidden; zoom:1;
	padding:15px;
	margin-right:20px
}
.calendar h2 {
	background:transparent url(images/calendar.png) no-repeat scroll 0 0;
	margin-left:20px;
	padding-left:50px
}

.calendar ul{
	list-style:none;
	font-size:90%;
	text-align:left;
	margin: 0 14px;
	width:245px;
}

.calendar ul li {
	background:transparent url(images/listseparator.png) no-repeat scroll 25% 100%;
	margin:0;
	padding:5px 20px 5px;
}


.calendar ul strong {
	background:transparent url(images/bullet.gif) no-repeat scroll -5px 3px;
	display:block;
	line-height:1.5;
	padding-left:10px;
}
.wplc_event_list {
	text-align:Left;
	font-size:90%;
}
.wplc_event_list strong {
	display:block;
	background: url(images/bullet.gif) no-repeat 0 3px;
	padding-left:20px;
	line-height:1.5;
}


.month {
	display:none;
}

.calendar .show {
	display:block;
}
.calendar h3 {
	font-size:14px;
	background:transparent url(images/listseparator.png) no-repeat scroll 25% 100%;
}
.calendar .first h3 {
	padding-top:0;
}
.calendar li span {
	font-style:italic;
}

#bottom .extra {
	background-image:url(images/mainmidpart.png);
	background-repeat:repeat-y;
	margin:0 auto;
	width:977px;
	padding:0 50px 20px;
	width:879px;
	overflow:hidden;
}
#bottom .extra div.widget {
	float:left;
	margin:20px 16px;
	min-height:270px;

	xdisplay:none;
}
#bottom .extra .copy {
	clear:left;
	float:none;
	font-size:9px;
	color:#CFCBC2;
}
#bottom .extra .copy a { color:#ccc; }
#bottom .extra .copy a.login { color:#D21600; display:block; font-size:1.3em; }
#wp-footer{
	position:absolute;
	background: url(images/footer-wp.png) no-repeat;
	width:95px;
	height:26px;
	margin-top:95px;
	margin-left:460px;
}	
#wp-footer a {
	display: block;
	height: 0;
	padding-top:26px;
	overflow: hidden;
	text-decoration: none;
	width: 95px;
}
#wp-footer a:hover {
	background: url(images/footer-wp.png)  no-repeat 0 -28px;
}
/*------------------COMMENTS----------*/
.commentlist {
	padding: 0;
	text-align: justify;
}	
.commentlist p {
	margin: 0 15px 10px 2px;
	clear:both;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.alt{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}	
.alt2{
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}	
.administrator {
	margin-top: 1px;
	padding: 10px 10px 5px 10px;
	background:#e5dfcf url(images/author.png) no-repeat center ;
	border: 1px solid #7e7d75;
}
.cgravatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 0px 0px;
	border: 1px solid #47453a;
	display:none;
}
.comment-author {	
	font-size: 120%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #2b2d2f;
}
.comment-author a:link , .comment-author a:visited, .comment-author a:active {
	color: #d21600;
	border-bottom: 1px solid #d21600 ;	
	text-decoration: none;
}
.comment-author a:hover {
	color: #635537;
	border-bottom:1px solid #b2b0a4;
	text-decoration: none;
}		
.comment-date {
	margin-left:2px;
	margin-top:3px;
	font-size: .75em;
	color: #888;
}
#com{
	width:580px;
	padding: 0 0 5px 0px;
	clear: both;
}
#comhead{
	background:url(images/comh3.png) no-repeat;
	margin-bottom:10px;
	color:#271b03;
	padding:8px 0 0 40px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	
	width: 175px;	
	height: 36px;
	
}
#respond {
	width:580px;
	padding: 0 0 5px 10px;
	clear: both;
}
#respond {
	background:url(images/comh3.png) no-repeat;
	width: 175px;	
	height: 36px;
	margin-top:25px;
	color:#271b03;
	padding:8px 0 0 55px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	

	
}
#commentform {	
	margin: 10px 10px 30px 0px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
}
#commentform textarea{
	height: 130px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 100% 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
}
#commentform #submit{
	cursor:pointer;
}
.contactform input,  .contactform textarea {
	background: #333;
	border: 1px solid #b2b0a4;
	color: #fff;
}
.contactform input:focus, .contactform textarea:focus {
	background:#444444;
	border: 1px solid #000;	
	padding-bottom:30px;
	color:#fff;
}
.contactform #contactsubmit {
	width: 85px;
	background: #111;
	border: 1px solid #666;
	color: #e3e3e3;
	font-size:.85em;
}
.contactform #contactsubmit:focus{	
	width: 85px;
	background: #333;
	border: 1px solid #666;
	color: #e3e3e3;
	font-size:.85em;
}
.contactform textarea {
	width: 340px;
	height: 200px;
	margin-bottom:10px;
}
.ddfmwrap {
	width: 450px;
	margin: 0;
	padding: 10px 0;
}

.ddfmwrap form.ddfm {
	width: 450px;
	margin: 0;
	padding: 0;
}

.ddfmwrap form.ddfm legend {
	font-size: 1.1em;
	font-weight: normal;
	color: #635537;
}

.ddfmwrap form.ddfm label {
	padding-top: 4px;
	color: #635537;
	font-weight: normal;
	line-height: normal;
}


.ddfmwrap form.ddfm fieldset {
	padding: 15px 15px 15px;
	border: 1px solid #b2b0a4;
}




.ddfmwrap p {
	color: #635537;
}

form.ddfm .credits {
	display: none;
}

.ddfmwrap .required {
	color: #cf0e0e;
}

.ddfmwrap .fmtext, .ddfmwrap .fmtextarea, .ddfmwrap .fmselect {
	padding: 4px 5px;
	background: #fdfef6;
	border: 1px solid #b2b0a4;
	color: #635537;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}

.ddfmwrap .fmtextarea {
	height: 200px;
}

.ddfmwrap .fmtext:focus, .ddfmwrap .fmtextarea:focus, .ddfmwrap .fmselect:focus {
	border: 1px solid #918b6e;
}

.ddfmwrap .submit {
	margin-left:-8px;
	text-align: left;
}

.ddfmwrap .submit input {
	padding: 3px 12px;
	background: #fdfef6;
	border: 1px solid #918b6e;
	color: #2b2d2f;
	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;
}


#wp-calendar {
empty-cells:show;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
text-align:center;
text-decoration:none;
width:200px;
}
.slideshow {
	width:425px;
	border:1px solid #d21600;
}

/* newsletter */
.module {
	background:none;
	border-bottom:none;
	margin-bottom:0;
	margin-left:0;
	margin-top:0;
	padding-bottom:0;
	width:auto;
}
.module p.highlight {
	color:#035392;
	font-weight:bold;
	padding-bottom:5px;
}
.module form p.wpsb_form_label,
.widget p.submit_label {
	text-align:left;
	padding:3px 15px;
	overflow:hidden;
	clear:both;
}
.module form p.wpsb_form_label input.wpsb_form_txt,
input.text {
	float:left;
	width:220px;
	font-size:1.75em;
}
.widget p.submit_label {
	padding-right:9px;
}
input.submit {
	clear:both;
	cursor:pointer;
	float:right;
}
.module form p.wpsb_form_label input.wpsb_form_btn {
	clear:both;
	cursor:pointer;
	float:right
}


/* post2pdf */
.post2pdf_span {display:none}
.paper .post2pdf_span {display:block}

.radio-subscribe { display:none; }

/* stopoz */
.stopoz p { text-align:left; font-size:75% }

/* date */
.date {
	margin:-5px 0 1em;
	font-style:italic;
	display:block;
}
/*Mediawijsheid button*/
.mediawijsheid {
	background: url("images/mediawijsheid.png") 0 0 no-repeat;
	position:absolute;
	width:278px;
	height:113px;
	top:140px;
	right:20px;
	text-indent:-666em;
	overflow:hidden;
	display:block;
}
.mediawijsheid:hover {
	background-image: url("images/mediawijsheid_active.png");
}