/* 
	Theme Name: Wonderland abducted
	Theme URL: http://www.ikhoefgeen.nl
	Description: Modified version of Wonderland, a narrow, 2-column theme created for Wordpress.
	Author: Brian Gardner & Jelmer van der Linde
	Author URI: http://www.briangardner.com
	Version: 2.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	
	Changelog:
		v1.0 - 11.23.06
			First Release of Wonderland
		v2.0 - 04.23.07
			First Non-public release of the abducted version of Wonderland
*/

body {
      	background-image: url(images/background-wonderland-dec09.jpg);
        background-attachment: fixed;
	color: #333333;
	font-size: 9pt;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	float: center;  
	}




/* Structure Divs */
#content {
	background: #FFFFFF;
	margin-left: auto;
      margin-right: auto;
	padding: 0;
	width: 800px;
	float: center;
	}

#header {
	background: #555555 url(images/headers/rotator.php) no-repeat;
	height: 200px;
	margin: 0;
	padding: 0;
	}

#pages {
background:  url(images/background-wonderland-dec09.jpg);
	color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8.5pt;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 8px 20px;
	}
	
#postarea {
	float: left;
	margin: 0;
	padding: 0 0 20px 20px;
	width: 570px;
	}

#postarea.wide {
   width: 760px;
}

#sidebar {
	float: right;
	font-size: 8.5pt;
	line-height: 15pt;
	margin: 0;
	padding: 0 20px;
	width: 170px;
	}

#footer {
	background:  url(images/background-wonderland-dec09.jpg);
	color: #FFFFFF;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8.5pt;
	margin: 0;
	padding: 5px 0 5px 0;
	text-align: center;
	}

	
/* Config Structure Divs */
	
	/* Pages */
	#pages li {
		display: inline;
		list-style-type: none;
		}
		
	#pages ul, ol {
		margin: 0;
		padding: 0;
		}
		
	#pages a {
		color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 6px 10px;
		}
		
	#pages a:hover {
		color: #00528E;
		font-weight: bold;
		text-decoration: none;
		}
			
	/* Postarea */
	#postarea p, #postarea ul, #postarea ol {
	   text-align: justify;
		font-size: 9pt;
		font-family: Arial, Helvetica, Sans-Serif;
		line-height: 13.5pt;
		padding: 0px 0px 5px 0px;
		}
		
	#postbody  {
		margin: 0;
		padding: 15px 0px 0px 0px;
		}
			
	#postarea ul {
		list-style-type: circle;
		margin: 0 0 0 30px;
		padding: 0;
		}
			
	#postarea li {
		margin: 0;
		padding: 0;
		}

	#postarea h2, #postarea h2 a {
		color: #006AA5;
		font-family: Trebuchet MS, Helvetica, Sans-Serif;
		font-size: 12pt;
		margin: 20px 0 0 0;
		padding: 0px;
		text-decoration: none;
		}
		
	#postarea h2 a:hover {
		color: #333333;
		}
		
	#postarea h3 {
		color: #9999FF;
		font-size: 10pt;
		font-weight: normal;
		margin: 0;
		padding: 20px 0 5px 0;
		}

	#postarea small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		}
		
	.feedback {
		color: #333333;
		font-size: 12px;
		margin: 0;
		padding: 0 20px;
		text-align: center;
		}
		
	/* postentry */
	.postentry {
		margin: 0;
		padding: 0;
		}

	/* Comments */
	#commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#commentlist li {
		margin: 10px 0;
		padding: 5px 10px;
		}
			
	#commentlist p {
		margin: 0;
		padding: 0;
		}
			
	#commentlist small {
		font-size: 11px;
		}

	.class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
	.class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }
	
	#comments, #postcomment {
		color: #333333;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px !important;
		font-weight: bold;
		margin: 40px 0 10px 10px;
		}
			
	#commentform {
		background: #F5F5F5;
		color: #333333;
		font-family: Arial, Helvetica, Sans-Serif;
		border: 1px solid #CCCCCC;
		padding: 5px 20px;
		}
		
	#commentform input{
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8.5pt;
		color: #333333;
		padding: 1px;
		}
		
    #commentform textarea {
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 8.5pt;
		color: #333333;
		padding: 1px;
		}
	#commentform input:focus, #commentform textarea:focus {
		background: #FFFFFF;
		}
	
	/* Sidebar */
	#sidebar h3 {
		color: #006AA5;
		font-family: Trebuchet MS, Helvetica, Sans-Serif;
		font-size: 12pt;
		border-bottom: 1px solid #CCCCCC;
		margin: 0;
		padding: 0;
		}
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0;
		padding: 5px;
		}
		
	#sidebar li, #sidebar li:hover {
		margin: 0;
		padding: 0;
		}
		
	#sidebar a {
		color: #333333;
		font-family: Arial, Helvetica, Sans-Serif;
		font-weight: bold;
		text-decoration: none;
		}
		
	#sidebar a:hover {
		color: #13B8EC;
		font-weight: bold;
		text-decoration: none;
		}
		
	#sidebar div { 
		margin: 20px 0;
		padding: 0;
		}

	/*	Footer */
	#footer a {
		color: #00528E;
		text-decoration: none;
		}
		
	#footer a:hover {
		text-decoration: underline;
		}
		
	#footer p {
		color: #FFFFFF;
		margin: 0;
		padding: 0;
		}

/* General */
a {
	color: #02346F; /* 02346F */
	text-decoration: none;
	}

a:hover {
	color: #13B8EC; /* 13B8EC */
	}

acronym, abbr, span.caps {
	cursor: help;
	border-bottom: 1px solid #000000;
	}
	
blockquote {
	padding: 5px 20px 30px 20px;
	margin: 5px;
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8.5pt;
	}

img {
	border: 0;
	}

h4 {
	color: #555555;
	}
	
/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}

div.floatcenter {
	float: center;
	}	

div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 0;
	}

img.border:hover {
	background: #CCCCCC;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}

/* photoalbum */
ul.breadcrumbs {
   margin: 0 !important;
   margin-bottom: 10px !important;
}
ul.breadcrumbs li {
   display: inline;
}
ul.breadcrumbs li a {
   padding-right: 15px;
   background: transparent url(images/0001_arrow.png) right 0 no-repeat;
}
ul.breadcrumbs li.current a {
   padding-right: 0;
   background: transparent;
}
ul.photocarousel, ul.thumbnailContainer, ul.albumContainer {
   margin: 0 !important;
   padding: 0;
   list-style:none;
}
ul.photocarousel li, ul.thumbnailContainer li, ul.albumContainer li {
   list-style: none;
   margin: 0;
   padding: 0;
   display: inline;
}
ul.photocarousel li a {
   float: left;
   display: block;
   width: 80px;
   height: 75px;
   padding: 10px;
   font-size: 10px;
   text-align: center;
}
ul.photocarousel li.current a {
   background: transparent url(images/leist.jpg) 10px -2px no-repeat;
}
ul.photocarousel li.current a img {
   margin-bottom: 10px;
}
ul.thumbnailContainer li a {
   float: left;
   margin-right: 10px;
   width: 120px;
   height: 115px;
   font-size: 10px;
   text-align: center;
   overflow: hidden;
}

ul.albumContainer li.album a {
   display: block;
   width: 500px;
   height: 39px;
   padding: 3px;
   border: 1px solid white;
}
ul.albumContainer li.album a img {
   height: 37px;
   width: 50px;
   float: left;
   margin-right: 3px;
}

ul.albumContainer li.album a span.name {
   font-size: 14px;
   line-height: 39px;
}
ul.albumContainer li.album a span.photoCount {
   font-size: 10px;
   line-height: 39px;
   margin-left: 5px;
   color: grey;
   display: none;
}
ul.albumContainer li.album a:hover {
   border: 1px solid grey;
}
ul.albumContainer li.album a:hover span.photoCount {
   display: inline;
}
br.clear {
   clear: both;
}

.tagwall {
   width: 500px;
   height: 375px;
}

p.resources {
	font-size: 10px !important;
}

textarea#comment {
	width: 530px;
}

input#submit {
	float: right;
}

p.allowedtags {
	margin-top: 40px;
	font-size: 90% !important;
}