/* 
Theme Name:		wp_synergo_v11
Theme URI: 		http://www.synergo.nl
Description:	Synergo is een 3-column widget-ready template voor wordpress 2.7.1.
Author:			Ferry Verbaan
Version:		1.1
Tags:			three columns, fixed width, sidebar widgets
*/

/* SETTINGS */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #FF0000;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
}
#main {
	background: #FF0000 url(images/bg.png) repeat-x;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px;
}
#wrap {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #FFF;
	border: 2px solid #BBB;
	width: 956px;
	margin: 0 auto;
	padding: 0;
	color: 00004D;}
a {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	color: #25A;
	text-decoration: none;
}
a:hover {
	outline: none;
	text-decoration: underline;
}
a img {
	border: none;
}
a:focus {
	outline: none;
}
a:active {
	outline: none;
}

#header {
	color: #00004D;
	font-size: 16px;
	font-weight: 400;
	height: 80px;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
.headerleft {
	float: left;
	overflow: hidden;
	width: 470px;
	margin: 0;
	padding: 0;
}

/* MENU */
#navbar{background:#FFF url(images/navbar.png);color:#FFF;height:50px;width:960px;margin:10px auto 20px;padding:0;}
#navbarleft{float:left;width:960px;margin:1px 0 0 10px;padding:0;}
#nav{margin:0;padding:0;}
#nav ul{float:left;list-style:none;margin:0;padding:0;}
#nav li{float:left;list-style:none;margin:0;padding:0;}
#nav ul li{list-style:none;margin:0 0 0 -1px;padding:0;}
#nav li a{border-right:1px solid #333;color:#CCC;display:block;font-size:14px;margin:0;padding:12px 20px;}
#nav li a:link{border-right:1px solid #333;color:#CCC;display:block;font-size:14px;margin:0;padding:12px 20px;}
#nav li a:visited{border-right:1px solid #333;color:#CCC;display:block;font-size:14px;margin:0;padding:12px 20px;}
#nav li a:hover{background:#FFF url(images/navhov.png);color:#FFF;display:block;text-decoration:none;margin:0;padding:12px 20px;}
#nav li a:active{background:#FFF url(images/navhov.png);color:#FFF;display:block;text-decoration:none;margin:0;padding:12px 20px;}
#nav li li a{background:#1A1A1A;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;color:#CCC;filter:alpha(opacity=90);float:none;opacity:.90;width:170px;margin:0;padding:7px 10px;}
#nav li li a:link{background:#1A1A1A;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;color:#CCC;filter:alpha(opacity=90);float:none;opacity:.90;width:170px;margin:0;padding:7px 10px;}
#nav li li a:visited{background:#1A1A1A;border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;color:#CCC;filter:alpha(opacity=90);float:none;opacity:.90;width:170px;margin:0;padding:7px 10px;}
#nav li li a:hover{background:#373737;color:#FFF;padding:7px 10px;}
#nav li li a:active{background:#373737;color:#FFF;padding:7px 10px;}
#nav li ul{height:auto;left:-999em;position:absolute;width:190px;z-index:9999;margin:0;padding:0;}
#nav li ul a{width:160px;}
#nav li ul ul{margin:-31px 0 0 192px;}
#nav li:hover ul ul{left:-999em;}
#nav li:hover ul ul ul{left:-999em;}
#nav li.sfhover ul ul{left:-999em;}
#nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul{left:auto;}
#nav li li:hover ul{left:auto;}
#nav li li li:hover ul{left:auto;}
#nav li.sfhover ul{left:auto;}
#nav li li.sfhover ul{left:auto;}
#nav li li li.sfhover ul{left:auto;}
#nav li:hover{position:static;}
#nav li.sfhover{position:static;}

/* SIDEBAR */
#sidebar {
	float: left;
	width: 320px;
	margin: 0;
	padding: 0 0 10px;
}
#sidebar .sidebarwidgeted h2 {
	background: #C4C4AD;
	color: #00004D;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 1px 0 1px 7px;
}
#sidebar ul.sidebarwidgeted {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sidebar ul.sidebarwidgeted li {
	list-style-type: none;
	margin: 0;
}
#sidebar ul.sidebarwidgeted ul {
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}

#sidebar ul.sidebarwidgeted li li a {
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	list-style-type: none;
	padding: 3px 0 3px 25px;
}
#sidebar ul.sidebarwidgeted li a {
	color: #FF0000;
}
#sidebar ul.sidebarwidgeted li ul li {
	margin: 0;
	padding: 0 0 3px;
}
#sidebar ul.sidebarwidgeted .widget {
	background: #E1E1E1;
	margin: 0 0 8px;
	padding: 10px;
}
.box {
	background: #E1E1E1;
	margin: 0 0 10px;
	padding: 10px;
}
div#tabs {
	background: #c4c4ad;
	display: block;
}
div#tabs .on {
	cursor: pointer;
	display: inline;
	font-weight: 700;
	list-style-type: none;
	z-index: 100;
	
}
div#tabs .off {
	cursor: pointer;
	display: inline;
	list-style-type: none;
	z-index: 20;
}
div#tabs span {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 20px 0 7px;
}
div#tabs .on span {
	color: #00004D;
}
div#tabs .off span {
	color: gray;
}
div.box div#tab1 ul {
	display: block;
	list-style-type: none;
	margin: 10px 0 0;
}
.box div#tab2 ul {
	display: block;
	list-style-type: none;
	margin: 10px 0 0;
}
.box div#tab3 ul {
	display: block;
	list-style-type: none;
	margin: 10px 0 0;
}
div.box div#tab1 ul li {
	border-bottom-color: #24292e;
	display: block;
}
.box div#tab2 ul li {
	border-bottom-color: #24292e;
	display: block;
}
.box div#tab3 ul li {
	border-bottom-color: #24292e;
	display: block;
}
div.box div#tab1 ul li a {
	background: transparent url(images/icon_link.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.box div#tab2 ul li a {
	background: transparent url(images/icon_archive.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.box div#tab3 ul li a {
	background: transparent url(images/icon_category.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.box div#tab1 ul li a:visited {
	background: transparent url(images/icon_link.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.box div#tab2 ul li a:visited {
	background: transparent url(images/icon_archive.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.box div#tab3 ul li a:visited {
	background: transparent url(images/icon_category.gif) 2px 5px no-repeat;
	border-bottom: 1px dotted;
	border-bottom-color: #c2c2c2;
	color: #FF0000;
	display: block;
	font-size: 12px;
	padding: 3px 0 3px 25px;
}
.hide {
	display: none;
	overflow: hidden;
	width: 0;
}
.show {
	clear: left;
	z-index: 50;
}
#box2 {
	background: #E1E1E1;
	margin: 10px 0;
	padding: 10px;
}
#box2 h2 {
	background: #C4C4AD;
	color: #00004D;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 1px 0 1px 7px;
}

#searchsubmit {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background:#000033;
border:1px solid #00004D;
color:#CCC;
margin: 0 0 0 5px;
cursor:pointer;
cursor:hand;
}
#wp-submit {
-moz-border-radius:2px;
-webkit-border-radius:2px;
background: grey;
border:1px solid grey;
color:#CCC;
padding: 0 5px 0 5px;
cursor:pointer;
cursor:hand;
}

/* BREADCRUMB  */
.breadcrumb {
	font-size: 7pt;
	letter-spacing: 0.05em;
	color: #00004D;
	font-size: 11px;
	text-transform: uppercase;
	border-bottom: 2px solid #333;
	padding: 0 0 10px 0;
}
.breadcrumb-trail {
	list-style-type: none;
	color: #00004D;
}
.trail-end {
	font-weight: bold;
}

/* CONTENT */
#content {
	line-height: 20px;
	width: 956px;
	margin: 0 auto;
	padding: 20px 0 0;
	color: #00004D;
}
#content h1 {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.headline {
	border-bottom: 1px dotted #BBB;
	clear: both;
	float: left;
	width: 570px;
	margin: 10px 0;
	padding: 3px 0 7px;
}
.headline h1{
	color: #FF0000;
}
.headlineleft {
	float: left;
	width: 520px;
	margin: 0;
	padding: 0;
}
.postmeta {
	background: #EEE;
	border: 1px dotted #BBB;
	font-size: 11px;
	text-transform: uppercase;
	width: 550px;
	margin: 0 0 5px 0px;
	padding: 5px 5px 0px 5px;
}
.postmeta p {
	margin: 0;
	padding: 0;
}
#homepage {
	line-height: 20px;
	width: 956px;
	margin: 0 auto;
	padding: 20px 0 0;
}
#homepage p {
	margin: 0;
	padding: 0;
}
#homepage h2 {
	color: #FFF;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 3px 0 3px 7px;
}
#contentleft h2 {
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	text-transform: none;
	margin: 0 0 5px;
	padding: 5px 0 5px 10px;
}
/* FEATURED POSTS */
div.post img.header {
	background: transparent none;
	border: 1px solid;
	float: left;
	height: 100px;
	margin-right: 5px;
	margin-top: 9px;
	width: 100px;
	border-color: #c4c4ad;
}
div.post {
	background: #E1E1E1;
	margin: 0 0 10px;
	padding: 10px;
	height: 200px;
}
div.post div.title {
	background: #E1E1E1;
	display: block;
	margin: 0;
	padding: 0;
}
div.post div.title p {
	background: #E1E1E1;
	border-top: 6px solid;
	border-top-color: #c4c4ad;
	display: block;
	font-size: 10px;
	height: 22px;
	line-height: 20px;
	text-align: right;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
div.post div.title p span.date {
	background: transparent url(images/background-post-date.gif) left center no-repeat;
	padding: 5px 10px 5px 15px;
}
div.post div.title p span.categories {
	background: #c4c4ad;
	font-size: 12px;
	font-weight: 400;
	padding: 3px 10px;
}
div.post div.title p span a {
	text-decoration:none;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #00004D;
}

div.post div.title p span a:visited {
	color: #666;
}
div.post div.entry h2.title a {
	color: #FF0000;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}
div.post div.entry h2.title a:visited {
	color: #FF0000;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}
div.postgroup {
	margin-top: 10px;
}
div.post div.entry h2.title {
	display: block;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 0;
}
div.indexpost div.entry p {
	margin: 0;
	padding: 10px;
}
div.post {
	height: 145px;
}
#contentleft {
	float: left;
	width: 570px;
	margin: 0;
	padding: 0 26px 20px 20px;
}
.postarea {
	float: left;
	width: 570px;
	margin: 0;
	padding: 0;
}
.postarea p {
	margin: 0;
	padding: 0 0 10px;

}
a[title="View all posts in featuredpost"] {
	display: none;
}
/* FOOTER */
#footerbg {
	background: #222 url(images/footer.png) repeat-x;
	overflow: hidden;
}
#footer {
	color: #CCC;
	height: 200px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#footer p {
	color: #CCC;
	font-weight: 400;
	margin: 0;
	padding: 0 0 5px;
}
#footer a {
	color: #CCC;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	list-style-type: square;
	margin: 5px 0 10px 20px;
	padding: 0 0 3px;
}

#footer h2 {
	color: #999;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 5px;
	padding: 0;
}
#footer .widget {
	background: none;
	border: none;
	margin: 0;
	padding: 5px 0 0;
}
.footer1 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 5px 0;
}
.footer2 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 5px 0;
}
.footer3 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 20px 20px 5px 0;
}

.footer5 ul li {
	list-style-type: square;
}
.footer5 {
	float: right;
	width: 230px;
	margin: 0;
	padding: 20px 0;
}

/* IMAGES */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* s3Slider */
#fcg {
	width: 569px;
	height: 220px;
	background: #E1E1E1;
}
#slider {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#slider .slide {
	float: left;
	position: relative;
	display: none;
	left: 20%;
}
/*For sane browsers..*/
#slider .slide:first-child {
	display: block;
}
#slider .slide span {
	position: absolute;
	left: -35%;
	padding: 10px;
	opacity: 0.7;
/*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	background-color: #000;
	color: #fff;
	bottom: 0;
/*remove this and it will be on top*/
	width: 570px;
	font: 15px Arial, Helvetica, sans-serif;
}
/* Sidebar Recent posts */
.datebg{
height: 20px;
width: 20px;
float: left;
padding-top:3px;
}
.datebg p{
text-align:center;
font-weight:bold;
line-height:90%;
font-size:0.7em;

}