/*
Theme Name: Villa Achterwerk Flex theme 2010 edition
Theme URI: http://www.villaachterwerk.nl
Description: Flexible theme for Villa Achterwerk, with moving homepage
Version: 2.2
Author: Roy Tanck / Hay Kranen / VPRO Digitaal
Author URI: http://www.this-play.nl
*/

* { margin: 0; padding: 0; }
p { margin-bottom: 1em; }
a img { border: none; }
input, textarea, select, option { font-family: arial, helvetica, sans-serif; font-size: 12px; }

a { color: #8f1412; }
a:hover { color: #d11e1a; }
a:visited { color: #000; }
a:active { color: #000; }

body {
	background-color: #3eb0ff;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

#rap {
	width: 960px;
	margin: 10px auto 30px auto;
	text-align: left;
}


/* header */

#header {
	height: 230px;
	overflow: hidden;
	position: relative;
}

#header #logos { position: absolute; top: 30px; left: 0px; background-color: #fff; width: 200px; height: 40px; overflow: hidden; }
#header #valogo { position: absolute; top: 70px; left: 0px; }
#header #headerimage { position: absolute; top: 0px; left: 200px; }

#header #title {
	position: absolute;
	top: 200px;
	left: 200px;
	background-color: #b2af00;
	width: 760px;
	height: 40px;
	overflow: hidden;
}

#header #title h2 a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	padding: 0 10px;
	text-decoration: none;
}


/* content */

#contentcontainer{
	background-color: #fff;
}


#content {
	width: 680px;
	float: left;
}

.post {
	padding: 20px;
}

.post h3.storytitle {
	margin-bottom: 10px;
}

.post h3.storytitle a {
	font-size: 24px;
	font-weight: normal;
	text-decoration: none;
	color: #d11e1a;
}

.post div.feedback { margin-bottom: 1em; }

.post img.alignnone { float: none; }
.post img.aligncenter { float: none; margin: 0 auto 5px auto; }
.post img, img.alignleft { float: left; margin: 0 10px 5px 0; }
.post img.alignright { float: right; margin: 0 0 5px 10px; }
.post img.wp-smiley { float: none; display: inline; margin: 0; }

.post ul { list-style-type: square; padding-left: 30px; margin-bottom: 1.5em; }
.post ol { list-style-type: decimal; padding-left: 30px; margin-bottom: 1.5em; }
.post blockquote { border: 1px solid #dedb00; padding: 8px 10px; margin: 20px; }
.post code { background-color: #dedb00; }

.meta {
	border-top: 1px solid #dedb00;
	border-bottom: 1px solid #dedb00;
	font-size: 11px;
	padding: 4px 0 6px 0;
	color: #b2af00;
}

.meta a { color: #b2af00; }
.meta a:hover { color: #b2af00; }
.meta a:visited { color: #b2af00; }
.meta a:active { color: #b2af00; }

#postnavlinks { margin: 20px 20px 40px 20px; text-align: center; }

/* comments */

div#commentscontainer { padding: 20px; }
div#commentformcontainer { padding: 20px; }

#commentlist { list-style-type: none; }

#commentlist li {
	border: 1px solid #dedb00;
	margin-bottom: 10px;
	padding: 10px;
	overflow: hidden;
}

.commentmeta {
	font-size: 11px;
	margin-bottom: 0;
	color: #b2af00;
}

.commentmeta a { color: #b2af00; }
.commentmeta a:hover { color: #b2af00; }
.commentmeta a:visited { color: #b2af00; }
.commentmeta a:active { color: #b2af00; }

#commentform p { margin-bottom: 5px; }

input#author,
input#email,
input#url { width: 200px; padding: 2px 4px; margin-right: 5px; }

textarea#comment { padding: 4px; width: 632px; }


/* main menu widget + bar */

#menubar .widget {
	background-color: #8f1412;
	width: 680px;
	height: 30px;
	overflow: hidden;
}

#menubar .widget ul {
	list-style-type: none;
	padding: 0 0 0 20px;
	line-height: 29px;
}

#menubar .widget ul ul {
	display: none;
}

#menubar .widget li {
	display: inline;
}

#menubar .widget li a {
	background-color: #d11e1a;
	padding: 2px 5px;
	margin-right: 4px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#menubar .widget li a:hover,
#menubar .widget li.current_page_item a,
#menubar .widget li.current-cat a {
	color: #000;
	background-color: #dedb00;
}

#menubar .widget h2 { display: none; }


/* widgets */

#menu {
	margin-left: 680px;
	background-color: #dedb00;
	margin-bottom: -10px;
}

#menu .widget { margin-bottom: 10px;  }

#menu .widget div.widgetheader {
	height: 30px;
	background-color: #d11e1a;
}

#menu .widget div.widgetheader h2 {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 7px 0 0 10px;
}

#menu .widget ul {
	list-style-type: none;
}

#menu .widget li {
	padding: 4px 10px;
	background-color: #eeec78;
	margin-bottom: 1px;
}

#menu .widget ul ul li {
	padding: 2px 0 2px 10px;
}

#menu .widget li.current_page_item,
#menu .widget li.current-cat {
	background-color: #fff;
}

#menu .widget a { color: #000; text-decoration: none; }
#menu .widget a:hover { color: #000; text-decoration: underline; }
#menu .widget a:visited { color: #000; }
#menu .widget a:active { color: #000; }


/* specific widget styles */

#menu .widget div.textwidget { padding: 10px; }
#menu .widget_widget_archive select,
#menu .widget_widget_categories select { margin: 10px; padding: 2px 4px; }
#menu .widget_widget_tag_cloud { text-align: center; }
#menu .widget_widget_tag_cloud div.widgetheader {	text-align: left; }
#menu .widget_widget_tag_cloud a { padding: 2px 5px; }
#menu .widget form { padding: 10px; }
#menu .widget form input#s { width: 160px; padding: 2px 4px; }
#menu .widget_va_servicelinks { margin-bottom: 20px; }
#menu .widget_va_servicelinks img { padding: 10px 0 0 10px; }


/* footer */

#footer {
	background-color: #b2af00;
}

#footer p {
	padding: 10px 20px 20px 20px;
	color: #000;
	font-size: 11px;
}

#footer p a,
#footer p a:hover,
#footer p a:visited,
#footer p a:active { color: #000; }

/* text styles */

h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }