/*
Theme Name: Catalpa
Theme URI: http://www.theredbarn.be
Description: theme for Catalpa Productions
Version: 1 (WP2.6.2)
Author: Pieter Schepens
Author URI: http://www.theredbarn.be

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
/* @import "style/css/layout.css"; */

/* NL */

html {
	margin:  0;
	padding: 0;
	background: #121411 url(images/catalpa_bg2.jpg) top left repeat-x;
}
body {
	margin:  0;
	padding: 0;
	font:  0.87em/1.8em verdana, Georgia, serif;
	color: #bbbab4;
	background: transparent url(images/krul.jpg) 350px 200px no-repeat;
	position: relative;
}
#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
#header {
	height: 225px;
}
#header h1, #header h2 {
	display: none;
}
ul#taal {
	position: absolute;
	top:  42px;
	right: 65px;
	width: 100px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: neutraface, futura, 'twentieth century', 'century gothic', 'Franklin Gothic Medium', arial, sans-serif;
	font-size: 90%;
}
ul#taal li {
	float: right;
	margin: 0 0 0 7px;
}
ul#taal li a {
	border: none;
}
#logo {
	position: absolute;	
	width: 220px;
	height: 40px;
	top: 43px;
	left: 81px;
	background: transparent url(images/logo_catalpa5.jpg) left top no-repeat;
}
#logo a {
	display: block;
	height: 40px;
	border: none;
}
#logo a:hover {
	background: transparent url(images/logo_catalpa5.jpg) left -60px no-repeat;	
}
#blokje {
	position: absolute;
	left: 10px;
	height: 20px;
	width: 20px;
	background: transparent url(images/blokje.jpg) fixed top left;
}
#blokje2 {
	position: absolute;
	right: 16px;
	height: 20px;
	width: 112px;
	background: transparent url(images/blokje.jpg) fixed top left;
}
/* ============== mainnav ============= */
ul#mainnav {
	list-style-type: none;
	position: absolute;
	top:  108px;
	left: 10px;
	padding: 0;
	font-family: neutraface, futura, 'twentieth century', 'century gothic', 'Franklin Gothic Medium', arial, sans-serif;
	font-size: 14px;
	line-height: 1.1em;
}
ul#mainnav li {
	float: left;
	width: 155px;
	height: 40px;
	padding: 20px 0 0 3px;
	background: transparent url(images/mainnav_bg.gif) left top no-repeat;
}
ul#mainnav li a, ul#mainnav li a:link, ul#mainnav li a:visited {
	color: #a1e928;
	text-decoration: none;
	border: none;
}
ul#mainnav li a:hover {
	color: #FFF; 
}
ul#mainnav li a:active {
	color: #E20F22; 
}

ul#mainnav li#cc {
	background-position: 0px 20px;
}
ul#mainnav li#cp {
	background-position: 0px 7px;
}
ul#mainnav li#op {
	background-position: 0px 0px;
}
ul#mainnav li#ok {
	background-position: 0px 14px;
}
ul#mainnav li#be {
	background-position: 0px 24px;
}
ul#mainnav li#hu {
	background-position: 0px 10px;
}
ul#mainnav li#cc:hover {
	background-position: 0px -44px;
}
ul#mainnav li#cp:hover {
	background-position: 0px -57px;
}
ul#mainnav li#op:hover {
	background-position: 0px -64px;
}
ul#mainnav li#ok:hover {
	background-position: 0px -50px;
}
ul#mainnav li#be:hover {
	background-position: 0px -40px;
}
ul#mainnav li#hu:hover {
	background-position: 0px -54px;
}
/* ============== topnav ============= */
ul#topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: neutraface, futura, helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	top: 44px;
	left:  325px;
}
ul#topnav li {
	float: left;
	xwidth: 86px;
	height: 24px;
	border-left: 1px solid #4D4F4C;
	padding: 2px 0 0 1em;
	margin: 0 1em 0 0;
}
ul#topnav li a:link, ul#topnav li a:visited {
	color: #fff;
	text-decoration: none;
	border: none;
	display: block;
	text-align: center;
}
ul#topnav li a:hover {
	color: #E20F22;
}
ul#topnav li a:active {
	color: #a1e928;
	outline: none;
}
ul#topnav li#annecambier {
	xwidth: 130px !important;
}
.breadcrumb {
	position: absolute;
	top:  165px;
	left:  10px;
	font-size: 80%;
	color: #7f7f7f;
}
.breadcrumb a {
	border: none;
	color: #8f8f8f;
}
/* ============ content =========== */
#content {
	padding-left:  10px;
	line-height: 1.8em;
	font-size: 0.88em;
}
#content .post {
	width: 630px;
	margin: 0 auto;
}
#tekst {
	width: 305px;
	margin: 0;
	float:  left;
	overflow: hidden;
}
#tekst p {
	padding-right: 10px;
	margin-bottom: 1.8em;
}
ul.listsubpages {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 305px;
	border: none !important;
	z-index: 1;
	position: relative;
}
ul.listsubpages li {
	border-bottom: 1px solid #FFF;
	padding: 4px 0;
	list-style-type: none !important;
}
ul.listsubpages li:hover {
	background: #231F20;
}
ul.listsubpages li a:link, ul.listsubpages li a:visited {
	color: #FFF;
	text-decoration: none;
	border: none;
}
ul.listsubpages li a:hover {
	color:  #a1e928;
}
ul.listsubpages li a:active {
	color:  #E20F22;
}
#content .post ul {
	padding: 10px 0 2.7em 14px;
}
#content .post ul li {
	list-style-type: square;
}
#foto {
	width: 305px;
	margin: 0em 0px 0 0;
	float:  right;
	font-size: 90%;
	overflow: hidden;
}
#tekst img, #foto img {
	display: block;
	margin-bottom: 1.8em;
}
#content img {
	margin-bottom: 1.8em;
}
#foto a {
	z-index: -1;
}
.meta {
	clear: both;
	margin: 50px 0 0 160px;
	font-size: 80%;	
}

.caption {
	font-style: italic;
	font-size: 90%;
	margin: 0em 0 1.8em 0;
}
/* ============== nieuwspagina's ========== */
#nieuws {
	width: 460px;
	float: left;
	margin: 0 0 0 160px;
	padding: 0;
}
#nieuws h2 {
	font-weight: normal;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 150%;
	margin-bottom: 20px;
}
#nieuws h4 {
	line-height: 1.5em;
	letter-spacing: 0;
}
#nieuws .bericht {
	margin: 0 0 30px 0;
	padding: 0 5px 10px 0;
	border-bottom: 1px solid #241E20;
}
#nieuws-single {
	width: 620px;
	float: left;
	margin: 0 0 0 160px;
	padding: 0;
}
#nieuws-single .bericht {
	margin-right: 20px;
}
#nieuws-single .bericht p {
	margin-bottom: 1.8em;
}

.bericht p {
}
.bericht img {
	margin:  15px 25px 15px 0;
	float: left;
}
.berichtmeta {
	margin: 20px 0 0 0;
	font-size: 85%;
	clear: both;
	font-style: italic;
}
.berichtmeta span {
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 110%;
	letter-spacing: 1px;
}
.berichtmeta a, .berichtmeta a:link, .berichtmeta a:visited {
	border: none;
}
.zoek {
	margin: 0 0 5px 0;
	padding: 0 15px 5px 0;
	border-bottom: 1px solid #241E20;
}
.zoek h4 {
	margin: 0;
}
.zoek .time {
	margin:  0 !important;
}
.zoek .berichtmeta {
	margin:  0 !important;
}
#nieuws .berichthomepage {
	margin: 0;
	padding: 0 15px 0px 0px;
	border-bottom: 1px solid #241E20;
	line-height: 1em;
}
#nieuws .berichthomepage:hover {
	background: #231F20;
}
#nieuws .berichthomepage h5 {
	padding: 0.9em 0 !important;
}
#nieuws .berichthomepage p {
	padding-left: 0px;
}
#sidebar {
	width: 315px;
	float: right;
	margin: 35px 0 0 5px;
	font-size: 90%;
}
#sidebar h2 {
	color: #FFF;
	font-size: 1.8em;
	font-weight: normal;
	font-family: georgia, serif;
	margin: 20px 0 5px 0;
	text-transform: lowercase;
	letter-spacing: 1px;
}
#sidebar ul a {
	border: none;
}
#sidebar ul ul li {
	
}
.searchform {
	margin: 0 0 35px 0;
}
h3 {
	margin: 0;
	padding: 0 0 18px 0;
	color: #FFF;
	font-size: 2.4em;
	font-family: georgia;
	font-weight: normal;
	line-height: 1.2em;
}
h3:first-letter {
	text-transform: uppercase;
	}
h4 {
	color: #FFF;
	font-size: 1.5em;
	font-family: georgia;
	font-weight: normal;
	margin: 0px 0 0px 0;
	padding: 5px 0 10px 0;
	border: none;
	letter-spacing: 1px;
}
h4 a:link, h4 a:visited {
	color: #FFF;
	font-weight: normal;
	border: none;
}
h4 a:hover {
	border: none;
	color: #a1e928;
}
.bericht h4, .bericht h4 a {
	margin: 0;
}
.post h4 {
	padding-top: 0;
}
.post p {
	margin-bottom: 1.2em !important;
}
h5, h5 a:link, h5 a:visited {
	color: #FFF;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px 0 0px 0;
	padding: 1.8em 0 0.9em 0;
	border: none;
	text-transform: uppercase;
	font-variant: small-caps;
	letter-spacing: 1px;
}
h5 a:hover {
	border: none;
	color: #a1e928;
}
h6 {
	font-size: 1em;
	xfont-family: georgia;
	font-weight: bold;
	xfont-variant: small-caps;
	xtext-transform: uppercase;
	color: #FFF;
	xmargin-bottom: 1em;
}

/*
h5 {
	color: #FFF;
	font-size: 26px;
	font-weight: normal;
	margin: 5px 0 0 0;
} */
.time {
	text-transform: lowercase;
	margin-bottom: 20px;
}
.prevnext {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}

.prevnext a {
	margin-right: 20px;
}
ol.reacties {
	margin: 20px 0;
}
ol.reacties li {
	margin: 7px 0;
	padding: 5px 5px 2px 5px;
	background-color: #231F20;
}
cite {
	font-size: 133%;
	color: #fff;
	line-height: 3em;
}
ol.reacties li p.time {
	margin-top: 10px;
}
label {
	margin-left: 10px;
	font-size: 90%;
}
#footer {
	clear: both;
	width: 640px;
	margin: 50px auto 10px;
	padding: 15px 0 0 0;
	border-top:  1px solid #231F20;
	font-family: helvetica, arial, sans-serif;
	font-size: 80%;
	position: relative;
}
#footer a {
	border: none;
}
#krul {
	position: absolute;
	top:  600px;
	left:  -250px;
	width: 582px;
	height: 140px;
	background: transparent url(images/krul2.jpg) left top no-repeat;
}
.clear {
	height: 0.1%;
	clear: both;
}
a, a:link, a:visited, a:active {
	color: #b0afaf;
	text-decoration: none;
	border-bottom: 1px solid #b0afaf;
	outline: none;
}
a:hover {
	color: #a1e928;
	border-bottom: 1px solid #a1e928;
	}
.top30 {
	margin-top: 30px !important;
}
textarea {
	margin:  10px 0;
}
strong {
	color: #D0D0D0;
	font-weight: bolder;
}
.right {
	float: right;
	margin: 0 0 0.9em 0.5em !important;
}
.left {
	float: left;
	margin: 0 0.5em 0.9em 0 !important;
}
.gutterleft { margin-left: 1em !important; }
.gutterright { margin-right: 1em !important; }
.paddingtop {
	padding-top: 1em;
}
.space-tb {
	margin: 0.9em 0;
}
#submit {
	margin-top:  0.0em;
}
.fragment {
	color: #a1e928;
}
.half {
	width: 140px;
	height: 140px;
}

hr {
	margin: 2em 0px 2em 480px;
	border: none;
	background-color: #bbbab4;
	height: 1px;
}

th {
	font-weight: bold;	
	color: #FFF;
}
table { border: none; 
border-collapse:collapse; 
border-spacing:1px;

}
table.concerten tr, table.concerten tbody tr {
	font-size: 85%;
	border: none;
	border-bottom: 1px dotted #bbbab4 !important;
	vertical-align: top;
	padding: 1px;
	
}
table.concerten td, table.concerten th {
	padding: 0 20px 0 0;
	border-bottom: 1px dotted #bbbab4 !important;
}

table.concertagenda {
	width: 100%;
}
table.concertagenda th {
	
}
table.concertagenda tr {
	border-bottom: 1px dotted #bbbab4 !important;
	vertical-align: top;
}
table.concertagenda td {
	font-size: 85%;
}

/* homepage in de kijker */
.spotlight {
	background: #fff;
	color:  #787878;
	padding-top: 10px;
	padding-bottom: 5px;
	-khtml-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 1em;
}
.spotlight h3, .spotlight h4, .spotlight h5, .spotlight h6 {
	color: #000;
	padding-left: 10px;
	padding-right: 20px;
}
.spotlight p {
	padding-left: 10px;
	padding-right: 20px;
}
.spotlight blockquote {
	font-style: normal;
	font-size: 24px;
	color: #121411;
	background-color: #a1e928;
	display: block;
	line-height: 1.5em;
	padding: 5px 0 0px 0px;
	font-family: georgia;
}
.spotlight blockquote a:link, .spotlight blockquote a:visited {
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
}
.spotlight blockquote a:hover {
	text-decoration: underline;
}
.spotlight blockquote h2 {
	padding-left: 10px;
}
.spotlight blockquote p {
	margin-bottom: 5px !important;
}
.spotlight strong, .spotlight a {
	color: #000;
}
/* in de kijker zwart */
.spotlightzwart {
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 1em;
	border-bottom: 1px solid #231F20;
}
.spotlightzwart h3, .spotlightzwart h4, .spotlightzwart h5, .spotlightzwart h6 {
	padding-left: 10px;
	padding-right: 20px;
}
.spotlightzwart p {
	padding-left: 10px;
	padding-right: 20px;
}
.spotlightzwart strong, .spotlight a {

}

/* ======= */
blockquote {
	font-style: normal;
	font-size: 24px;
	color: #fff;
	background-color: #a1e928;
	background-color: rgba(177, 225, 65, 0.2);
	border: 2px solid rgba(177, 225, 65, 0.3);
	display: block;
	line-height: 1.5em;
	padding: 5px 0 0px 5px;
	font-family: georgia;
	margin: 1em 0;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
blockquote a:link, blockquote a:visited {
	text-decoration: none;
	border-bottom: 1px solid #000 !important;
}
blockquote a:hover {
	text-decoration: underline;
}
blockquote p {
	margin-bottom: 5px !important;
}

.agenda-item {
	clear: both;
	border-bottom: 1px dotted #8E8B8B;
	
}
.agenda-item h3 {
	font-size: 20px;
	font-style: italic;
	text-shadow: #8E8B8B 0 1px 1px;
}
.agenda-item h4 {
	font-size: 18px;
	margin-left: 2em;
	color: #bbbab4;
	text-transform: lowercase;
	font-variant: small-caps;
}
.agenda-item .left p {
	margin: 0 0 0.6em 3em !important;
	text-indent: -2em;
	padding: 0 0 0 3em;
	line-height: 1.4em;
}
.agenda-item .left p.desc {
	margin: 0 0 1em 3em !important;
	text-indent: 0em !important;
	padding: 0 0 0 0.9em !important;
	line-height: 1.4em;
	font-style: italic;
	font-family: georgia;
	font-size: 14px;
	color: #fff;
	border-left: 1px solid #bbbab4;
}
.agenda-item .left {
	width: 400px;
}
.agenda-item .right {
	width: 200px;
}
.agenda-item ul {
	margin: 0 0 1em 3.2em;
	padding-bottom: 0 !important;
}
iframe {
	margin: 1em 0 4em;
}