﻿/*   
Theme Name: Verborgen Dwang
Theme URI: http://www.verborgendwang.nl
Description: Verborgen Dwang Thema
Author: MetroDC
Author URI: http://www.metrodc.nl
Template: thematic
Version: 1.0
Tags: MetroDC, Verborgen Dwang
*/

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous 
@import url('../thematic/library/styles/default.css');*/

/*

pink: #ca609b
blue: #00598d
*/

/* RESET */
ul, ol, dl, li { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,address { font-style:normal; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,embed,object,param
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none; }
embed,object { display:block; }
input, textarea, select { background-color:#fff; }
fieldset { background-color:transparent; border:none; }
option { background-color:transparent; }

img, table tr td { vertical-align:top; }
img { border:none; }

/* - Clearfix (fixes floating content layout issues) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IMAGES */
/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */   

.entry-content img {
    margin: 0 0 18px 0;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* TYPO */
/* -------------------------------------------------------------- 
   
   Set default typography based on Blueprint
   
   http://code.google.com/p/blueprintcss/
     
-------------------------------------------------------------- */   

body, input, textarea {
    color:#000;    
    font: 12px Arial,sans-serif;
    line-height:18px;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
}

/* Text elements
-------------------------------------------------------------- */
a { color:#ca609b; }
a:link { }
a:hover { color:#00598d; }
a:visited { }
a:active { }
a:focus { }

.post p {
    padding:0 0 1em 0;
}
.post ul {
	margin: 0 0 18px 2.5em;
}
.post ol {
	margin: 0 0 18px 2.5em;
}
.post ul {
	list-style:disc;
}
.post ol {
	list-style-type: decimal;
}
.post ol ol {
	list-style:upper-alpha;
}
.post ol ol ol {
	list-style:lower-roman;
}
.post ol ol ol ol {
	list-style:lower-alpha;
}
.post ul ul,
.post ol ol,
.post ul ol, ol ul {
	margin-bottom:0;
}
.post dl	{
    margin:0 1.5em;
}
.post dt {
    font-weight:bold;
}
.post dd {
	margin-bottom:18px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
.post blockquote {
	margin: 0 3em;
}
.post blockquote em, blockquote i, blockquote cite {
	font-style:normal;
}
.post pre {
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;
}
.post code {
	font:11px Monaco, monospace;
}
.post abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;
}
.post ins {
	text-decoration:none;
}
.post sup,
.post sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	
}
.post sup {
	bottom: 1ex;
}
.post sub {
	top: .5ex;
}

/* Pullquotes
-------------------------------------------------------------- */

.post blockquote.left {
	float: left;
	margin-left:0;
	margin-right:20px;
	text-align: right;
	width: 33%;
}
.post blockquote.right {
	float: right;
	margin-left:20px;
	margin-right:0;
	text-align: left;
	width: 33%;
}
/* STOP DWANG */

html { overflow-y:scroll; }

/* HEADER */
#header,
#header-flash { 
	height:530px;
	text-align:center;
	background-color:#fff;
	position:relative;
	top:0;
	left:0;
}

/* HEADER NO FLASH */
#branding { overflow:auto; }
#header #banner-test {
	position:absolute;
	top:0;
	left:0;

}

/* main menu */
.sf-menu,
.sf-menu ul,
.sf-menu li { 
	list-style:none;
	padding:0;
	margin:0;
}


/* SIDE BAR */
.main-aside {
	float:right;
	width:300px;
	clear:right;
}
.main-aside .widgetcontainer {
	margin:0 0 1em 0;
	clear:both;
	overflow:hidden;
}
.main-aside .widgetcontainer h3 {
	padding:0 0 .5em 0;
	font-size:20px;
	color:#00598D;
}

/* UTILS */
/* pages navigation older < > newer */
.navigation,
.entry-utility {
	margin:10px 0;
}

/* WIDGETS */
.LJSubpagesWidget {
	margin-bottom:30px !important;
}
.LJSubpagesWidget .page-item-93 {
	margin-top:1.2em;
}
.LJSubpagesWidget .page-item-92 {
	display:none;
}


.noodplan,
.chatten { 
 	width:300px;
	height:114px;
	background:#b3c897 url('') no-repeat 0 0;
}
.noodplan:hover,
.chatten:hover { 

	background-color:#00598D;
}

.noodplan {
	background-image:url('img/noodplan-bg.gif');
}
.chatten {
	background-image:url('img/chatten-bg.gif');
}


.banner h3,
.noodplan h3,
.noodplan p,
.chatten h3,
.chatten p {
	padding:0 18px 0 70px !important;
	margin:0 !important;
}

.banner h3,
.banner p,
.noodplan h3,
.noodplan p,
.noodplan a,
.chatten p,
.chatten h3,
.chatten a {
	color:#fff !important;
}

.banner h3,
.noodplan h3,
.chatten h3 {
	padding-top:15px !important;
	padding-bottom:7px !important;
	font-size:18px !important;
}

.banner p,
.noodplan p,
.chatten p {
	font-size:13px;
	line-height:1.4em;
	padding-bottom:0 !important;
}

.banner a,
.noodplan a,
.chatten a {
	text-decoration:none;
}




/* content */
#breadcrum {
	margin:10px 0;
}
#breadcrum .breadcrum-sep {
	background:transparent url(img/breadcrum-sep.gif) no-repeat 50% .5em;
	padding:0 .5em;
}

#main {
	margin:0 auto 20px auto;
	overflow:hidden;
	position:relative;
	width:960px;
}

#container {
	width:630px;
	float:left;
	margin:0 30px 0 0;
}


.post {
	position:relative;
}

.post .thumb,
.page .wp-post-image { margin:0 0 13px 0; }

h1.page-title,
h2.page-title,
h1.entry-title,
h2.entry-title {
	color:#00598d;
	font-size:18px;
	font-weight:bold;
	margin:0 0 .75em 0;
}
.page h3,
.post h3 {
	xcolor:#00598d;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
}

.page p,
.post p {
	padding:0 0 1em 0;
}

/* HOME SPECIFIC */
.home #container { width:960px; }
.home #content { width:960px; }
.home .landing-entry-content {
	float:left;	
}
.home .boxes { xfloat:right; }
.home .post { 
	float:left; 
	width:465px; 
	height:326px;
	margin:0 30px 10px 0; 
}
	
	.home .post .entry-content {
		xheight:124px;
		xoverflow:hidden;
		float
	}

	.home .post .thumb,
	.home .post .thumb img { 
		width:465px; 
		height:160px; 
		display:block; 
	}
	
	.home .post .thumb {
		overflow:hidden;
	}
	
	.home .post-2,
	.home .post-4 {
		margin-right:0;
	}

	.home .post-1,
	.home .post-2 {
		padding-bottom:52px;
		background:transparent url(img/home-sep.gif) no-repeat bottom center;
	}
	.home .post-3,
	.home .post-4,
	.home .post-3 .entry-content,
	.home .post-4 .entry-content {
		height:auto;
	}

	.home .post .read-more { 
		xposition:absolute;
		xbottom:47px;
		xleft:0;
		padding:0 0 0 .7em;
	}

/*.home .entry-content { overflow:hidden; }*/
.home .entry-content { overflow:hidden; }

#footer { 
	position:relative;
	width:960px;
	margin:0 auto;
	background:transparent url(img/footer-bg.gif) no-repeat 0 0;
	height:130px;
	text-align:center;
	padding:0 0 12px 0;

}
	/* FOOTER MENU */
	.flexipages_widget {
		height:63px;
		
	}
	.flexipages_widget ul {
		padding:30px 0 0 0;
		
	}
	.flexipages_widget ul li {
		display:inline;
		background:transparent url(img/footer-menu-sep.gif) no-repeat 2px 8px;
		padding:0 0 0 10px;
	}
	.flexipages_widget ul li.home_page {
		background-image:url('');
	}
	.flexipages_widget li a {
		color:#fff;
	}
#footer #siteinfo {
	color:#a1a1a1;
	font-size:10px;
	margin:12px 0 0 0;
}
#footer #movisie { position:absolute; bottom:14px; left:4em; }
#footer #mvj { position:absolute; bottom:11px; right:0; }

/* CONTACT */


/* general form elements */

form input,
form textarea { width:260px; border:1px solid #ca609b; font-family: Arial, Verdana, sans-serif; font-size:1em;  }

form input,
form textarea,
form label { padding:6px 5px; } 

.cform .reqtxt,
.cform .emailreqtxt { float:left; padding:7px 0 0 10px; }

form .button { outline: none; border: none; cursor : pointer; }


/* contact */
.cform ol li { margin:0 0 1em 0; overflow:auto; }
.cform input,
.cform textarea { float:left; } 

.cform textarea { width:482px; } 
.cform label { width:120px; float:left; clear:left; } 



.cform .sendbutton { background:transparent url(img/btn.png) no-repeat 0 0; width:111px; height:41px; float:right; border:none; }
.cform .sendbutton:hover { background-position:0 -41px; }


/* contact form */
.failure,
.success  { padding:5px; margin:0 0 1.5em 0; color:#fff; font-size:1.2em; line-height:1.5em; xfont-weight:bold; }
.failure  { border:1px solid #d19bcd; background-color:#d59bc5; }
.success  { border:1px solid #b3c897; background-color:#b3c897; }

.cf_li_err { background-color:#d59bc5; color:#fff; }


/* misc */
.edit-link {
	clear:both;
	display:block;
}

/* Test Flash block */
#testHolder {
	display: none; z-index: 9999; position: fixed; *position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
}
