/* 
Theme Name: Op Sterk Water
Theme URI: pivotx.net
Description: PivotX theme for Op Sterk Water
Version: 1.0
Date:	2010-01-19
Author: TimZeegers.nl
Author URI: timzeegers.nl
License: GPL 2.0 http://www.gnu.org/licenses/old-licenses/gpl-2.0.html 
Required PivotX version: PivotX 2.0
*/ 


 /** 
 * Used colors:
 * yellow #ffe400 (background)
 * light grey #939598 (links)
 * black: #000000	(text color)
 */

/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, table, tr, th, td, form, fieldset, legend, div, object {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: 0;
	font:normal 11pt Arial, Verdana, sans-serif;
	text-align :left;
	vertical-align: top;
}

body {
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	height:100%;width:100%;
}

#bgimg {
	position:absolute;
	z-index: -1;
}

#realBody{
	position:absolute;
	z-index: 5;			/* Place the new body above the background image */
	overflow:auto; 			/* restore scrollbars for the content */
	height:100%;width:100%;		/* Make the new body fill the screen */
}

input, select, textarea, button {
	font: normal 100% Arial, Verdana, sans-serif;
}

table, td, th {
	border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 10px;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

* html .clearfix {
	height: 1%;
}

/* end reset */

/**** HOOFDKLEUR ZETTEN (#ffe400) ****/
.midbar-block a:hover, .midbar-block p.current {
	color: #ffe400;
	text-decoration: none;
}

body {	
	background-color: #ffe400;
}
/************************************/



body {
	font-family: Arial, Verdana, sans-serif;
	color: #000;
}

/* general styling */

p, li {
	line-height: 140%;
}

pre, 
code,
tt {
	font-family: consolas, 'courier new', courier, sans-serif;
	line-height: 140%;
}

code {
	display: block;
	padding: 5px;
	border: 1px solid #e6e6e6;
}

ol {
	list-style-type: decimal;
	padding: 0 0 0 17px;
}

ul {
	padding: 0 0 0 14px;
	margin: 0 0 10px 0;
}

a {
	color: #939598;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h1 {
	font-size: 32px;
}

h2 {
	font: bold 20px "Arial Narrow", Arial, Verdana, sans-serif;  
	color: #000;
	text-transform: uppercase;
	line-height: 22px;
}

h3 {
	font-size: 20px;
	color: #333;
}

h4 {
	font-size: 16px;
}

h1 a, h2 a, h3 a, h4 a {
	color: #000;
	text-decoration: none;
}

.date {
	text-transform: lowercase;
} 

/* Exceptions */

#siteinfo h1,
#siteinfo h2 {
	text-align: center;
}

#siteinfo h1 a,
#siteinfo h2 a {
	color: #fff;
	text-decoration: none;
}

#siteinfo h1 a:hover,
#siteinfo h2 a:hover {
	color: #fff;
	text-decoration: underline;
}

#footer p {
	color: #999;
	text-align: center;
}

#footer p a {
	color: #999;
}

/* used in entries */

.entry {
	background-color: #fff;
	margin: 0 0 1px 0;
	height: 100%;
}

.widget-lg ul {
	padding: 0;
}

.meta {
	font-size: 11px;
	margin: 5px 0 0 0;
}

.meta a,
#footer p a {
	text-decoration: none;
}

.meta a:hover,
#footer p a:hover {
	text-decoration: underline;
}

.pagenav {
	clear: both;
	text-align: center;
	font-size: 10px;
	line-height: 140%;
	padding: 0 0 25px 0;
}

#entryimg {
	float: left;
	margin: 0 0 20px 0;
	width: 150px;
}

#entryintroduction {
	margin: 20px 20px 20px 20px;
	float: left;
	width: 210px;
}

#bio_right {
	margin: 30px 0 0 0;
	float: left;
	width: 398px;
	overflow-x: hidden;
}

#bio_right #entryintroduction {
	width: 208px;
}

#bio_left .entry, #bio_right .entry {
	height: 250px;
	overflow: hidden;
}

#bio_tweet {
	margin: 10px 20px 20px 0;
	font: normal 9px Arial, Verdana, sans-serif;
	color: #4e9ab2;
}

#bio_tweet img {
	margin: 0 2px 70px 0;
}

#bio_tweet a { 
	color: #4e9ab2;
}

#comment, #new_comment {
	background-color: #fff;
	padding: 20px 20px 10px 20px;
	margin: 0 0 1px 0;
	
}

#comment p, #new_comment p {
	font: normal 11px Arial, Verdana, sans-serif;
}

#comment #sub, #new_comment #sub {
	color: #939598;
}

#comment img, #new_comment img {
	margin: 3px 0 0 10px;
}

#contact {
	float: left;
	width: 398px;
	overflow-x: hidden;
}

#contactinfo, #pers {
	background-color: #fff;
	width: 358px;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 0 0 1px 0;
}

#gb_right, #filter {
	margin: 30px 0 0 0;
	float: left;
	width: 398px;
	overflow-x: hidden;
}

#gb_sign td, #filterform td {
	padding: 0 0 1px 0;
	font: normal 11px Arial, Verdana, sans-serif;
}

#gb_sign input[type='text'], #gb_sign select, #filterform input[type='text'], #filterform select {
	width: 261px;
	height: 30px;
	background-color: #ffe400;
	border: 0;
	padding: 0 10px 0 10px;
}

#gb_sign select, #filterform select { 
	width: 281px;
	padding: 0 0 0 10px;
}

#gb_sign input[type='submit'], #gb_sign input[type='reset'] {
	font: bold 20px "Arial Narrow", Arial, Verdana, sans-serif;
	text-transform: uppercase;
	color: #000;
	width: 140px;
	height: 30px;
	background-color: #ffe400;
	border: 0;
	margin: 0 1px 0 0;
}
#gb_sign input[type='reset'] {
	margin: 0 0 0 0;
}

#gb_sign textarea {
	padding: 10px;
	width: 261px;
	height: 170px;
	background-color: #ffe400;
	border: 0;
	resize: none;
}

#gb_emoticons, #gb_sign, #filterform {
	padding: 20px;
	margin: 0 0 1px 0;
	width: 398px;
	background-color: #fff;
}

#gb_sign td.check {
	text-align: right;
	padding: 8px 20px 0 0;
}

#gb_sign .label, #filterform .label {
	width: 80px;
	padding-top: 8px;
}

#gb_sign .checklabel {
	width: 150px;
	padding-top: 8px;
}

#gb_sign .submitrow {
	padding-top: 20px;
}

#gb_sign {
	position: relative;
}

#gb_submit {
	position: absolute;
	float: left;
	width: 398px;
	height: 556px;
	background-color: #fff;
	z-index: 10;
}

#gb_thanks {
	position: absolute;
	float: left;
	width: 398px;
	height: 100px;
	background-color: #fff;
	z-index: -1;
}

#gb_thanks p {
	margin: 45px 0 0 0;
	width: 100%;
	text-align: center;
	font: bold 11px Arial, Verdana, sans-serif;
}

#infointroduction, #moreinfo {
	background-color: #fff;
	padding: 20px 20px 10px 20px;
	margin: 0 0 1px 0;
}

#infointroduction p, #moreinfo p, #contactinfo p, #pers p {
	font: 11px Arial, Verdana, sans-serif;
}

#info img {
	width: 360px;
	margin: 0 0 20px 0;
}

#entryintroduction p {
	font: 10px Arial, Verdana, sans-serif;
	line-height: 13px;
}

#entryintroduction img {
	margin: 3px 0 0 10px;
}

#entrydetails { 
	clear: both;
	width: 360px;
	padding: 0 20px 10px 20px;
}

#entrydetails p {
	font: normal 10px Arial, Verdana, sans-serif;
	line-height: 13px;
}

#entrypage_nieuwsfoto img {
	margin: 30px 0 0 0;
	width: 398px;
}

.entrypage_entry {
	background-color: #fff;
	padding: 20px;
	height: 100%;
}

.entrypage_entry .date {
	font: bold 11px Arial, Verdana, sans-serif;
}	

.entrypage_entry .introduction {
	font: bold 11px Arial, Verdana, sans-serif;
}

.entrypage_entry p {
	text-align: justify;
	font: normal 11px Arial, Verdana, sans-serif;	
}

.entrypage_entry h2 { 
	line-height: 0px;
	margin: 12px 0 15px 0;
}

/* layout */

#wrapper {
	margin: 0 auto 0 auto;
	width: 990px;
	border: 0px;
}

#header {
	width: 990px;
	height: 300px;
	cursor: pointer;
}

#header div {
	float: left;
	background-repeat: no-repeat;
}

#header #header_left {
	width: 335px;
	height: 300px;
}

#header #logo {
	width: 250px;
	height: 300px;
}

#header #logo img {
	position: relative;
	top: 49px;
	left: 90px;
}

#main, #bio_left {
	float: left;
	width: 400px;
	overflow-x: hidden;
}

#pagetitle {
	background-color: #000;
	height: 30px;
	width: 150px;
	color: #fff;
}

#pagetitle_right {
	float: right;
	background-color: #fff;
	height: 30px;
	width: 150px;
	color: #000;
}

#pagetitle p { 
	padding: 4px 0 0 16px;
	font: bold 11pt Arial Narrow, Verdana, sans-serif;
}
	
#pagetitle_right p {
	padding: 4px 16px 0 0;
	text-align: right;
	font: bold 11pt Arial Narrow, Verdana, sans-serif;
}

#contact #pagetitle_right, #filter #pagetitle_right {
	background-color: #000;
	color: #fff;
}

#midbar {
	float: left;
	width: 190px;
	margin: 30px 1px 0 1px;
}

.midbar-block {
	background-color: #000;
	padding: 1px 0 1px 2px;
	min-height: 30px;
	margin: 0 0 1px 0;
}

.midbar-block a {
	color: #fff;
}

.midbar-block p {
	margin: 3px 0 0 12px;
	font: bold 20px Arial Narrow, Verdana, sans-serif;
	color: #fff;
}	

#flickr_thumbs {
	background-color: #000;
	padding: 20px;
	margin: 0 0 1px 0;
}

#flickr_thumbs img, #flickr_thumbs a {
	border: 0;
}

#speellijst {
	float: left;
	width: 398px;
}

#speellijst #item, #speellijst #item2 {
	width: 398px;
	height: 30px;
	margin: 0 0 0 0;
	clear: both;
	color: #fff;
}

#speellijst #item #date, #speellijst #item2 #date {
	float: left;
	width: 80px;
	height: 30px;
	background-color: #000;
	margin: 0 1px 0 0;
	color: #fff;
}

#speellijst #item #description, #speellijst #item2 #description {
	float: left;
	width: 317px;
	height: 30px;
	background-color: #000;
}

#speellijstintro {
	width: 400px;
	height: 131px;
	margin: 0;
	background-color: #fff;
}

#speellijstfull, #speellijstfull #speellijst, #speellijstfull #item, #speellijstfull #item2 {
	width: 400px;
	margin: 0;
}

#speellijstfull #item #description, #speellijstfull #item2 #description {
	width: 319px;
}

#speellijst #item2 #date, #speellijst #item2 #description {
	background-color: #fff;
	color: #000;
}

#speellijst #item p, #speellijst #item2 p {
	font: bold 12px Arial Narrow, Verdana, sans-serif;
	margin: 6px 0 0 0;
}

#speellijst #date p{
	text-align: center;
}

#speellijst #description p {
	margin-left: 16px;
}

#filterform {
	width: 398px;
	background-color: #fff;
	float: left;
	height: 91px;
}
	
#header #twitter {
	width: 405px;
	height: 300px;
}

#twitter table {
 	margin: 16px 0 0 2px;
}

#twitter td {
	width: 205px;
	height: 80px;
	font: normal 12px Arial Narrow, Verdana, sans-serif;
	text-align: center;
	vertical-align: middle;
}

#twitter #outercontainer #innercontainer {
}

#footer {
	clear: both;
	margin: 0 25px 0 25px;
	padding: 10px 0;
}

/* Search bar */

.pivotx-search {
	padding: 25px;
}

#search-results-list {
	padding: 25px;
}

#active {
	font-weight: bold;
}

/* Override for #pages in pivotx_essentials.ccs */
#pages {
	margin-left: 100px;
}

#pages li a {
	background-color: #f4f4f4;
	border: 1px solid #5C7F07 !important;
}

#pages li a:hover {
	color: #5C7F07;
}

#pages li.current {
	background-color: #5C7F07;
}