/*
Theme Name: PUG
Theme URI: http://www.automaton.be/
Description: PUG thema.
Version: 1.0
Author: Toon Van de Putte
Author URI: http://www.automaton.be/
*/
/* start general styles, resets */
	body {
		background-color:#C8C6B7;
		padding:0;
		margin:0;
		font-family:Verdana,sans-serif;
		font-size:12px;
		color:#333333;
		background-image:url(images/wallpaper2_small.jpg);
		background-attachment:fixed;
	}
	h1,h2,h3,h4 {
		font-family: "Trebuchet MS", Trebuchet, sans-serif;
		margin:0;
		color:#333126;
	}
	
h3 {
	font-size:1.2em;
	margin-bottom:0em;
	margin-top:0;
}
h4 {
	font-size:1.1em;
	color:#C11F2C;
	margin-top:1em;
}
a {
	color:#3B51A4;
}
p {
	margin:0;
	padding:0;
}
.screenreader {
	position:absolute;
	left:-9000px;
	height:0;
	width:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	display:table;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
}
table td {
	vertical-align:top;
}
div#page {
	width:980px;
	margin:0px auto;
	position:relative;
}	
div#sidebar {
	margin-left:720px;
	width:260px;
	padding-top:16px;
}	
div#content {
	width:720px;
	position:absolute;
	top:16px;
}
div#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
div#sidebar ul  li {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
}
a#bordlogo {
	display:block;
	background-image:url(images/pug_bord.png);
	background-repeat:no-repeat;
	width:224px;
	height:220px;
	margin-bottom:20px;
}
div#sidebar li.mainnav {
	background-image:url(images/mainnavbg.png);
	background-repeat:no-repeat;
	width:240px;
	height:460px;
	padding-top:20px;
}
div#sidebar li.mainnav a.navlink {
	background-image:url(images/mainnav.png);
	background-repeat:no-repeat;
	width:190px;
	height:54px;
	display:block;
	margin-left:20px;
	margin-bottom:6px;
}
div#sidebar li.mainnav a.navlink:hover, div#sidebar li.mainnav a.navlink-strips-active {
	background-position:-201px 0px;
}
div#sidebar li.mainnav a.navlink-stem {
	background-position:0px -57px;
	height:30px;
}
div#sidebar li.mainnav a.navlink-stem:hover, div#sidebar li.mainnav a.navlink-stem-active {
	background-position:-201px -57px;
}
div#sidebar li.mainnav a.navlink-theater {
	margin-top:10px;
	background-position:0px -98px;
	height:30px;
}
div#sidebar li.mainnav a.navlink-theater:hover, div#sidebar li.mainnav a.navlink-theater-active {
	background-position:-201px -98px;
}
div#sidebar li.mainnav a.navlink-casting {
	background-position:0px -137px;
	height:20px;
}
div#sidebar li.mainnav a.navlink-casting:hover, div#sidebar li.mainnav a.navlink-casting-active {
	background-position:-201px -137px;
}
div#sidebar li.mainnav a.navlink-galerij {
	background-position:0px -163px;
	height:20px;
}
div#sidebar li.mainnav a.navlink-galerij:hover, div#sidebar li.mainnav a.navlink-galerij-active {
	background-position:-201px -163px;
}
div#sidebar li.mainnav a.navlink-wie {
	background-position:0px -185px;
	height:20px;
}
div#sidebar li.mainnav a.navlink-wie:hover, div#sidebar li.mainnav a.navlink-wie-active {
	background-position:-201px -185px;
}
div#sidebar ul.list-updates {
	font-family: "Courier New", Courier, typewriter;
	font-size:1.3em;
	margin-left:1.4em;
	margin-right:1.4em;
	margin-top:5em;
}
div#sidebar ul.list-updates li {
	background-image:url(images/red_star.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:18px;
	margin-bottom:0.5em;
}
div#sidebar ul.list-updates li div {
	font-size:0.7em;
	color:#990000;
}
div#sidebar ul.list-updates li div a, div#sidebar ul.list-updates li div a:visited {	
	color:#990000;
}
div#sidebar ul.list-updates a {
	color:#000000;
}
div#sidebar ul.list-updates a:hover {
	color:#DD0000;
}
div#sidebar li.contact {
	margin-top:20px;
}
div#sidebar div#phoneflash {
	background-image:url(images/telefoon.png);
	background-repeat:no-repeat;
	width:213px;
	height:189px;
	z-index:20;
	position:relative;
	margin-left:10px;
}
div#sidebar li.contact div.contactinfo {
	font-family:"Courier New", Courier, monospace;
	width:180px;
	height:125px;
	font-size:1.2em;
	background-image:url(images/contactbg.png);
	background-repeat:no-repeat;
	padding:30px;	
	z-index:15;
	margin-top:-30px;
	position:relative;
}
div#sidebar li.contact div.contactinfo h3 {
	font-family:"Courier New", Courier, monospace;
	font-size:1.2em;
	font-weight:normal;
}
div#sidebar li.portret #flashportret {	
	background-image:url(images/portret.png);
	background-repeat:no-repeat;
	width:182px;
	height:215px;
	margin-top:30px;
	margin-left:10px;
}
div#flashheader {
	background-image:url(images/kader.png);
	background-repeat:no-repeat;
	width:690px;
	height:310px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	z-index:6;
	position:relative;
}
div#posts {
	background-color:#ECECEA;
	color:#333126;
	width:640px;
	margin-left:15px;
	margin-right:15px;
	margin-top:-22px;
	z-index:4;
	position:relative;
	padding:25px;
	padding-top:37px;
}
small.postdate {
	color:#C11F2C;
	font-size:10px;
	display:block;
}
.post h2, .post h2 a {
	color:#333126;
	font-family:"Trebuchet MS", Trebuchet, Verdana, sans-serif;
	font-size:30px;
	font-weight:normal;
	text-decoration:none;
}
p.postmetadata {
	margin-bottom:1.5em;
	font-size:10px;
	color:#C11F2C;
}
.post span.posttags {
	background-image:url(images/tag.png);
	background-repeat:no-repeat;
	background-position:10px 2px;
	padding-left:30px;
	color:#333126
}
div.entry {
	margin-bottom:1em;
	overflow:hidden;
	zoom:1;
}
div.entry p{
	margin-bottom:1em;
	line-height:1.5em;
}
div.post {
	background-image:url(images/hrule.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:10px;
	margin-bottom:20px;
	overflow-y:hidden;
}
div#plant {
	width:162px;
	height:341px;
	background-image:url(images/plant.png);
	background-repeat:no-repeat;
	position:fixed;
	bottom:0;
	right:0;	
	z-index:10;
}
img.alignleft {
	display:inline;
	margin:0 10px 10px 0;
	padding:0px;
}
.alignleft {
	float:left;
}
h3#comments {
	margin-top:1em;
	padding-top:1em;
	background-image:url(images/hrule.png);
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
	font-size:1.5em;
	font-weight:normal;
}
#posts .navigation {
	/*padding:1em;
	background-color:#FFFFFF;*/
	margin-bottom:2em;
	clear:both;
	width:100%;
	margin-top:1em;
	background-image:url("images/hrule.png");
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:1.5em;
}
#posts .navigation .alignleft {
	width:50%;
}
#posts .navigation .alignright {
	float:right;
	text-align:right;
	width:50%;
}
ol.commentlist, ol.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
}
ol.commentlist li {
	margin-bottom:1.5em;
	line-height:1.5em;
	background-color:#F5F5F5;
	padding:1em;
	border:1px solid #FFFFFF;
	/*border-bottom:1px solid #FFFFFF;
	border-top:1px solid #A59E8E;
	border-left:1px solid #A59E8E;*/
}
div.comment-author {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #CCC8BF;
}
div.comment-author cite {
	font-style:normal;
}
div.comment-author span.says {
	font-style:italic;
}
div.comment-meta {
	font-size:0.9em;
	margin-bottom:1em;
}
form#commentform {
	margin-bottom:2em;
}
form#commentform p {
	margin-top:1em;
}
form#commentform input {
	border: 1px inset #CCC8BF;
	width:200px;
	padding:0.2em;
	margin-right:1em;
	font-family:Verdana, sans-serif;
	font-size:1.1em;
}
form#commentform textarea {
	border: 1px inset #CCC8BF;
	font-family:Verdana, sans-serif;
	font-size:1.1em;
	padding:0.2em;
	width:550px;	
}
form#commentform input#submit {
	border: 1px outset #CCC8BF;
	background-color:#3B51A4;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	width:auto;
}
#posts h1 {
	font-size:40px;
	color:#C21F2C;
	font-weight:normal;
	background-image:url(images/hrule.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom:0.5em;
	margin-bottom:1em;	
}
.posts-grid {
	overflow:auto;
	zoom:1;
}
.posts-grid div.post {
	width:30%;
	padding:1%;
	float:left;
	background-image:none;
	/*border:1px solid #A59E8E;*/
	background-color:#FFFFFF;
	margin-right:1%;
	margin-bottom:1%;
}
div.posts-strips div.post {
	padding:0;
	background-color:transparent;
	width:32%;
	background-image:url(images/stripcoverbg.png);
	background-repeat:no-repeat;
	background-position:center 20px;
	/*width:161px;*/
	height:280px;
	/*padding-left:11px;*/
	position:relative;
}
a img {
	border:none;
}
.posts-grid div.category-strips .entry {
	background-color:transparent;
	bottom:51px;
	left:25px;
	padding:0;
	position:absolute;
	text-align:center;
}
div.posts-strips .postmetadata {
	padding-top:10px;
}

.posts-grid div.category-strips .postmetadata {
	bottom:10px;
	position:absolute;
	text-align:center;
	width:100%;
}
h1 span.ttl-stem {
	background-repeat:no-repeat;
	background-image:url(images/ttlbg_stem.png);
	padding-left:50px;
	background-position:0 0.3em;
}
h1 span.ttl-strips {
	background-repeat:no-repeat;
	background-image:url(images/ttlbg_strips.png);
	padding-left:50px;
	background-position:0 0.1em;
}
h1 span.ttl-theater {
	background-repeat:no-repeat;
	background-image:url(images/ttlbg_theater.png);
	padding-left:50px;
	background-position:0 0.3em;
}