/*
Theme Name: Pimpernel
Theme URI: http://www.triptic.nl/
Description: Custom theme for Planterij de Pimpernel.
Version: 1.0
Author: Jos van der Horst/ Willem van Berlo
*/

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, /*p,*/ pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, 
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
body { line-height: 1.2; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

html 			{ height: 100%; }
body 			{ height: 100.2%; font-family: arial, verdana, sans-serif; font-size: 62.5%; }
img				{ border-width: 0 }

.error, .alert { color: #ff0000; }
.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }

h1  							{ color: #800000; font-size: 2.4em; font-weight:bold; margin-bottom:10px; }
h2  							{ color: #366356; font-size: 1.6em; font-weight:bold; margin-bottom:4px; line-height:1.1em; }
h3  							{ color: #333; font-size: 1.6em; font-weight:bold; margin-bottom:4px; }
h4  							{ color: #366356; font-size: 1.4em; font-weight:bold; margin-bottom:4px; }
h5  							{ color: #333; font-size: 1.2em; font-weight:bold; margin-bottom:4px; }
h6  							{ color: #800000; font-size: 1.2em; font-weight:bold; margin-bottom:4px; }

/* tempalte positioning elements */
/* to center the website */
div.wrapper 					{ position: relative; width: 980px; margin: 0 auto; background:url(images/bckgrnd.jpg) repeat-x; }
div.innerWrapper                 { width:980px; background:url(images/verloopLeft.png) left repeat-y; }
div.header						{ position: relative; width: 960px; padding:0 0 20px 0; background:url(images/headBckgrLeft.gif) left bottom no-repeat;}

div.headerVisuals				{ width: 960px; display:inline-block; padding:30px 0 0 0; }
div.waarborg                    { width: 231px; height:200px; float:left; padding-left:20px; }
div.fotoHead                    { width: 709px; height:200px; float:right; }
div.swirlTop                    { position:absolute; height:355px; width:53px; background-image:url(images/swirlTop.png); left:222px; top:0px;}

div.contentMain                 { position: relative; width: 940px; padding:20px 20px 20px 20px; float:left; background:url(images/contMainSwirl.png)  0px 0 no-repeat; }

div.columnLeft                  { width: 200px; float:left; }
div.columnRight                 { width: 546px; float:left; margin:0 0 0 24px; }
div.newsArea                    { width: 135px; margin:0 0 10px 0; border:1px solid #800000; padding:12px; overflow:hidden; font-size:12px; color:#333 }
div.newsArea a                  { color: #333; text-decoration:none;}
div.newsArea a:hover            { color: #999;}
div.newsArea img                { max-width:135px; }
div.newsArea h4					{ color:#333; }
div.content                     { width: 495px; margin-left:21px; padding:0 30px 0 0; font-size:13px; line-height:17px; color:#333 }
div.content	.alignleft			{ float:left; margin:0 8px 8px 0;}
div.content	.alignright			{ float:right; margin:0 0 8px 8px;}
div.content .day				{ background-color:#DAE7CD; width:10%; text-align:center; margin:10px 0 0 0; }
div.content .gogo				{ font-size:12px; font-weight:normal;}
div.content .sitemap a			{ text-decoration:none}
div.content div.entry ul		 		    { margin:-12px 0 0 0; }
div.content div.entry ul li ul	 		    { margin:0px 0 0 0; }
*+html div.content div.entry ul			{ margin:-18px 0 0 0; }
div.content div.entry ul li 				{ margin:0 0 0 20px; list-style: outside square; line-height:17px}
div.content p + table			{ margin:-10px 0 0 0; }
div.content table tr td			{ padding:10px 10px 0 0;}

div.content a                   { color:#800000; font-size:13px; text-decoration:underline;}
div.content a:hover             { color:#A33A3A;} 
div.footer                      { position: relative; width: 940px; height:200px; padding:20px 20px 20px 20px; color:#800000; background: url(images/struweel.png) right bottom no-repeat; }

div.sideBar						{ float:right; width:161px; padding:0; }

/* nieuws box homepage en actueel page*/
div.newsBox                     { margin:40px 0 0 0; }
div.newsBox h2					{ margin:0 0 10px; }
div.newsitem					{ margin:5px 0 15px; }
div.newsitem h4					{ color:#333; }
div.newsitem p					{ margin-top:0; }
div.newsitem					{ border-bottom:1px solid #800000; padding:5px 0 15px; width:495px; }

/* header Top logo & serviceMenu*/
div.headerTop                   { width:960px; }
div.logo                        { width:610px; float:left; height:60px;}

div.servMenu                    { float:right; width: 213px; margin-top:40px; }
div.servMenu ul					{ }
div.servMenu ul li              { float:right; margin:0 0 0 16px;}
div.servMenu ul li a            { color:#366356; font-size:13px; text-decoration:none;}  
div.servMenu ul li a:hover,
div.servMenu ul li.active a     { color:#800000; }

/*Menu Top*/
div.menuTop                     { width: 960px; padding:25px 0 0 20px; display:inline-block; }
div.menuTop ul li               { float:left; margin:0 0 0 43px;}
div.menuTop ul li:first-child   { margin: 0; }
div.menuTop ul li a             { color:#366356; font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:bold; }  
div.menuTop ul li a:hover,
div.menuTop ul li.current_page_item a,
div.menuTop ul li.current_page_ancestor a      { color:#800000; }

/*Menu Left*/
div.menuLeft                    	{ width:200px; min-height:100px; display:inline-block; margin-bottom:20px; }
div.menuLeft ul 					{ display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 160px; }
div.menuLeft ul li 					{ background:url(images/leftMenuBlock.gif) no-repeat left 3px; padding:0 0 0 15px; margin:0 0 3px; display:inline-block; width:145px; }
div.menuLeft ul li a				{ color:#800000; font-size:13px; text-decoration:none; display:block; }
div.menuLeft ul li:hover a,
div.menuLeft ul li:hover,
div.menuLeft ul li.current_page_item,
div.menuLeft ul li.current_page_parent,
div.menuLeft ul li.current_page_ancestor		{ background-position:-290px 3px; }

div.menuLeft ul li ul							{ width:130px; display:none; margin:3px 0 0 0; }
div.menuLeft ul li ul li						{ width:130px; }
div.menuLeft ul li.current_page_item ul,
div.menuLeft ul li.current_page_ancestor ul		{ display:block; }


/*Footer Content*/
div.footerContent               { margin-top:170px; height: 30px; padding:0px 20px; background: url(images/logoFooter.png) left bottom no-repeat;}
div.footerContent a             { color:#800000; text-decoration:none}
div.footerContent a:hover       { color:#A33A3A; }
div.footerContent ul            { margin-left:124px; }
div.footerContent ul li         { font-size:13px; font-weight:normal; float:left; margin:11px 0 0 60px;}