@charset "utf-8";
/* This file holds the general css for the Borisvanderham site */
/* See the specific css files for section specific css */

/* FOR TESTING PURPOSES */
.borderBlue {
	border:1px #0000CC solid;
	}
.borderRed {
	border:1px #CC0000 solid;
	}
.borderGreen {
	border:1px #00CC00 solid;
	}		
.backgroundLightGray {
	background-color:#EEE;
	}

/* CANCELLING ISSUES IN DIFFREENT BROWSERS*/
form,h1,h2,h3,h4,h5,h6,p,ul,li {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
ul,li {list-style:none; margin:0; padding:0}
li {display:inline}


/* GENERAL REDEFINITIONS */
html {
	width:100%;
	height:100%;
	margin:0;
}
body {
	background:#7cd500 url(../images/layout/bodyBg.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	margin:0;
	padding:0;
	color:#807a7a;	
}
p {
	line-height:150%;
}
a {
	text-decoration:underline;
	color:#0054a6;
	outline:none;
}
a:hover {
	color:#0066cc;
	text-decoration:none;
}
img {
	border:none;
}
h1, h3, h4, h5, h6 {
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom:6px;
	margin-top:3px;
	color:#999;
	font-size:2.1em;
}
h2 {
	text-transform:capitalize;
	font-weight:normal;
}
h3 {
	color:#2e2d2d;
	font-size:1.45em;
}
h4 {
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin:10px 0 7px;
}

/* LAYOUT */
/* HEADER */
#header {
	height:228px;
	width:952px;
	margin:0 auto;
	position:relative;
}
#logo {
	text-transform:uppercase;
	text-indent:-9999px;
	position:absolute;
	background:url(../images/layout/logo.png) no-repeat left top;
	height:52px;
	width:538px;
	left:55px;
	top:34px;
}
#borisMainImage {
	background:url(../images/illustrations/boris-van-der-ham-main-image.png) no-repeat left top;
	height:189px;
	width:180px;
	position:absolute;
	left:162px;
	top:-1px;
	z-index:2;
}
#banner {
	float:right;
	width:264px;
	background:url(../images/layout/banner.png) no-repeat left top;
	height:128px;
	text-indent:-9999px;
	margin:31px 43px 0 0;
}

/* LAVALAMP MENU */
#mainMenu {
	bottom:7px;
	position:absolute;
}
/* overlaps left corner of lava lamp menu bar to create rounded effect */
#leftBackHolder {
	background:url(../images/layout/backHolderLeft.png) no-repeat left top;
	bottom:-5px;
	height:45px;
	left:-11px;
	padding:0;
	position:absolute;
	width:20px;
	z-index:9;
}
/* overlaps right corner of lava lamp menu bar to create rounded effect */	
#rightBackHolder {
	background:url(../images/layout/backHolderRight.png) no-repeat left top;
	bottom:0;
	height:40px;
	margin:0;
	padding:0;
	position:absolute;
	right:-2px;
	width:14px;
	z-index:11;
}
#navigation {
    height: 38px;
	width: 987px;
    padding: 0;
	margin: 0;
    overflow: hidden;
}
#navigation li {
	float:left;
	height:37px;
	list-style-type:none;
	margin:2px 1px 0 0;
	padding:6px 20px 0;
	text-align:center;
	width:auto;
}
/* Represents the background of the highlighted menu-item. */
#navigation li.back {
	background: url(../images/layout/menuLavaBack.png) right no-repeat;
	position: absolute;
	margin: 0;
	padding: 0;
	height:43px;
}
#navigation li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	position: relative;
	font-weight: bold;
	color: #333; 
	text-decoration: none;
	z-index: 10;
	display: block;
	margin: 7px auto auto;
}
#navigation li.lastOne a, #navigation li.lastOne a:visited  {
	margin-right: 7px;
}
#navigation li.current a, #navigation li a:hover, #navigation li:hover a {
	color: #FFF;
}
#mainWrapper {
	width:952px;
	margin:30px auto;
	position:relative;
}
#mainContentOne {
	background:#FFF url(../images/layout/main-contntent-bg.png) no-repeat left top;
	float:left;
	width:952px;
}
#mainContentOne h2 {
	color:#284a77;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
	margin:0 0 15px 12px;
	font-weight:bold;
}
#mainContentOne h3 {
	float:left;
	margin:3px 5px 0 0;
}
#mainContentOneLeft {
	float:left;
	width:302px;
	margin:0 0 0 10px;
}
#mainContentOne #mainContentOneLeft h2.latestNews {
	background:url(../images/illustrations/latest-news.png) no-repeat left top;
	text-indent:-9999px;
}
#news {
	float:left;
	margin:20px 0 0 0;
	width:292px;
}
#newsContent {
	float:left;
	border:1px solid #CCC;
	background:#FFF url(../images/layout/section-bg.jpg) repeat-x left top;
	padding:20px 10px;
}
span.date {
	color:#000;
	margin:0 20px 0 0;
}
#newsContent p img {
	margin:3px 10px 5px 0;
}
#news #newsContent p img {
	float: left;
}
/*#newsContent p a {
	float:right;
}*/
div.moreNews {
	float:left;
	margin:6px 0 0;
}
div.moreNews span {
	float:left;
}
div.moreNews p {
	float:left;
	width:270px;
	margin:0 0 10px 0;
}
#newsContent div.moreNews p a {
	float:left;
}
.meerNewsTitle {
	float:left;
	margin:0 0 28px;
}
.meerNewsTitle span.moreNewsLink, .meerNewsTitle span.devider {
	float:left;
	margin:6px 0 0 10px;
}
.meerNewsTitle a.moreNews {
	float:left;
	color:#807A7A;
}
div.line {
	border-top:1px dotted #CCC;
	width:270px;
	float:left;
	margin:25px 0 25px 0;
}
div.line2 {
	width:290px;
}
div.line3 {
	width:407px;
	margin:25px 0 25px 15px;
}
div.line4 {
	width:177px;
}
#socialNetworkLinks {
	float:left;
	margin:30px 0 0 0;
}
#socialNetworkLinks li{
	float:left;
	margin:0 24px 0 0;
}
#socialNetworkLinks li.last{
	margin:0;
}

/*TWITTERT*/
.tweet {
	margin-top:15px;
	padding:5px;
	width:285px;
}
.tweet a {
	color:#0099ff;
}
#twitter .tweet_list {
	-webkit-border-radius: .5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.tweet_list li {
	overflow: hidden;
	display:block;
	border-bottom:1px dotted #000;
	padding:0 0 14px;
	margin:0 0 17px;
}
.tweet_list .tweet_avatar {
	display: none;
}
.tweet_list .tweet_avatar img {
	display: none;
}

/*MAINCONTENT-ONE-MIDDLE*/
#mainContentOneMiddle{
	float:left;
	margin:0;
	width:440px;
	position:relative;
}
#weblog {
	float:left;
	margin:20px 0 0;	
}
#mainContentOne #weblog h2.webBlog {
	background:url(../images/illustrations/weblog.png) no-repeat left top;
	text-indent:-9999px;
}
#weblogContent {
	float:left;
	background:#fff url(../images/layout/section-bg.jpg) repeat-x scroll left top;
	border:1px solid #CCC;
	padding:6px 0 30px 0;
}
#latestBlog {
	float:left;
	margin:20px 15px;
}
p.indent {
	text-indent:30px;
}
#weblogContent div.moreNews {
	margin:0 0 0 15px;
}
#weblogContent div.moreNews p {
	width:400px;
}
#weblogContent div.moreNews span {
	display:block;
}
#weblogContent div.moreNews p a {
	float:left;
	display:block;
	width:310px;
}

/* TABS */
#tabs {
	float:left;
	color:#1f1f1f;
	margin:25px 0 20px 0;
	position:relative;
}
#tabs img {
	float:left;
	margin:0 10px 5px 0;
}
#first, #second {
	border:1px solid #CCC;
	float:left;
	margin:48px 0 0;
	padding:0 10px 40px 0;
	width:428px;
}
#tabs a.morePosts {
	float:right;
	margin:10px 18px 0 0;
}
#tabs ul.tabNavigation {
	position:absolute;
	top:1px;
	width:442px;
	z-index:8;
	left:0px;
}
#tabs div.content {
	margin:25px 0 0 15px;
}
p.title {
	font-size:1em;
	font-weight:bold;
	color:#000;
	margin:3px 0 15px;
}
#moreInterviews {
	float:left;
	margin:40px 0 0 0;
}
#moreInterviews p {
	float:left;
	margin:0 0 10px 0;
}
#moreInterviews p span {
	float:left;
	margin:0 20px 0 0;
}
#moreInterviews p a {
	float:left;
	display:block;
	width:330px;
}
#tabs ul li {
	float:left;
	margin:0 16px 0 0;
}
#tabs ul li.last {
	margin:0;
}
#tabs ul li a {
	height:48px;
	width:212px;
	display:block;
	text-indent:-9999px;
}
#tabs a#interviews {
	background:url(../images/illustrations/interviews.jpg) no-repeat left top;
}
#tabs a#interviews.selected {
	background:url(../images/illustrations/interviews-over.jpg) no-repeat left top;
}
#tabs a#article {
	background:url(../images/illustrations/artikelen.jpg) no-repeat left top;
}
#tabs a#article.selected {
	background:url(../images/illustrations/artikelen-over.jpg) no-repeat left top;
}
/*MAINCONTENT-ONE-RIGHT*/
#mainContentOneRight {
	float:right;
	margin:47px 10px 0 0;
	width:180px;
}
#mainContentOneRight h2.videoTitle {
	background:url(../images/illustrations/video-title.png) no-repeat left top;
	text-indent:-9999px;
	margin-left:0;
}
#mainContentOneRight a#player {
	display:block;
	height:176px;
	left:72px;
	position:relative;
	top:-42px;
	width:263px;
}
#mainContentOneRight h2.boriShopTitle {
	background:url(../images/illustrations/boris-shop.png) no-repeat left top;
	text-indent:-9999px;
	width:100%;
	float:left;
	margin-left:0;
}
#mainContentOneRight h2.borisTubeTitle {
	background:url(../images/illustrations/Vrijzinnige-schriftlezingen.png) no-repeat left top;
	text-indent:-9999px;
	width:100%;
	float:left;
	margin:10px 0 15px 2px;
	height:47px;
}
#mainContentOneRight h2.borisTubeTitleOne {
	background:url(../images/illustrations/avondVanDeVrijzinnnigheid.png) no-repeat left top;
	text-indent:-9999px;
	width:100%;
	float:left;
	margin:28px 0 15px 2px;
	height:47px;
}
img.video {
	border:1px solid #CCC;
}
#mainContentOneRight form {
	float:left;
	margin:30px 0 25px 0;
}
#mainContentOneRight form input {
	float:left;
	/*height:20px;*/
	width:136px;
	border:1px solid #CCC;
	padding:6px 3px 7px 5px;
	font-size:0.85em;
}
#mainContentOneRight form input#searchBtn {
	width:34px;
	height:28px;
	margin:0;
	padding:0;
	border:none;
}
#video {
	float:left;
	margin:0;
}
#mainContentOneRight a {
	float:right;
	margin:15px 0;
}
#ads {
	margin:10px 0 0;
	float:left;
}


/*MAINCONTENT-TWO*/
#mainContentTwo {
	margin:30px 0 0;
}
#bottomTitle {
	float:left;
}
ul#sites {
	float:left;
	margin:11px 0 0 20px;
}
ul#sites {
	font-size:1.45em;	
	color:#3c6602;
}
ul#sites li a {
	font-size:0.95em;
	text-decoration:none;
	color:#3c6602;
	padding:0 10px;
}
ul#sites li a:hover {
	text-decoration:underline;
}
#bottomSectionTitles {
	float:left;
	width:100%;
	border-top:1px dotted #3c6602;	
	border-bottom:1px dotted #3c6602;
	padding:15px 0;
	margin:32px 0 18px 0;
}
#bottomSectionTitles h2 {
	color:#3c6602;
	font-family:"HeaveneticaCond7", Arial, Helvetica, sans-serif;
	width:292px;
	float:left;
	margin:0 34px 0 0;
}
#mainContentTwo #bottomSectionTitles h2 {
	text-indent:-9999px;
}
#mainContentTwo #bottomSectionTitles h2.borisInDeBuurt {
	background:url(../images/illustrations/Boris-in-de-buurt.png) no-repeat left top;
}
#mainContentTwo #bottomSectionTitles h2.speciale {
	background:url(../images/illustrations/Speciale-pagina.png) no-repeat left top;
}
#mainContentTwo #bottomSectionTitles h2.politieke {
	background:url(../images/illustrations/Politieke-onderwerpen.png) no-repeat left top;
}
#bottomSectionTitles h2.last {
	margin:0 0 0 5px;
}
#bottomSectionLeft, #bottomSectionMiddle, #bottomSectionRight {
	width:292px;
	float:left;
	margin:0 34px 0 0;
}
#bottomSectionRight {
	float:right;
	margin:0 0 40px;
}
#bottomSection {
	color:#3c6602;
	float:left;
	width:100%;
}
/*#bottomSection span, #bottomSection #bottomSectionRight a {
	color:#96d08e;
	font-size:0.95em;
	font-weight:bold;
	background:#3c6602;
	margin:0 0 12px 0;
	float:left;
	text-decoration:none;
}
#bottomSection #bottomSectionRight a:hover {
	color:#FFF;
}*/
#bottomSection p {
	display:block;
	float:left;
	margin:0 0 20px 0;
	width:100%;
}
#bottomSection p a{
	color:#3C6602;
	text-decoration:none;
	float:left;
	font-size:1.2em;
}
#bottomSection p a:hover{
	text-decoration:underline;
}
#imageText{
	background:transparent url(../images/layout/caption-bg.png) repeat scroll 0 0;
	padding:10px 15px 8px;
	position:absolute;
	top:265px;
	z-index:50;
	width:408px;
	left:1px;
}
#imageText .text{
	color:#fff;
	font-size:1.7em;
}
#newsD66{
	border:solid 1px #cccccc;
	width:437px;
	float:left;
	margin:0 0 20px 0;
	position:relative;
}
#newsD66 a{
	color:#000;
	text-decoration:none;
}
#newsD66 a:hover{
	text-decoration:underline;
}
#rssImage{
	position:absolute;
	top:7px;
	right:10px;
}
#newsD66 h1{
	margin:0 0 15px;
	padding:8px 0 8px 15px;
	background:#00A000 url(../images/illustrations/newsD66.png) no-repeat 15px 10px;
	height:24px;
	text-indent:-9999px;
}
#newsD66 p{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	width:416px;
	margin:0 0 0 15px;
}
#newsD66 h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000204;
	font-size:1.4em;
	margin:0 0 15px 15px;
	float:left;
}
/* FOOTER */
#footer {
	width:100%;
	height:81px;
	background:url(../images/layout/footerBG.jpg) repeat;
}
#footerContainer {
	margin:0 auto;
	width:952px;
}
#footerContentLeft {
	float:left;
	margin:18px 0 0;
}
#footerContentLeft #borisFooterImage {
	margin:0 27px 6px 0;
	background:url(../images/illustrations/boris-vanderham-footer.png) no-repeat;
	width:173px;
	height:22px;
}
#nextDoorDigitalImage{
	background:url(../images/illustrations/next-door-digital-logo.png) no-repeat;
	width:161px;
	height:27px;
}
#footerContainer p {
	float:left;
	color:#FFF;
}
#footerContainer p a {
	color:#a7cba7;
}
#footerContentRight {
	float:right;
	margin:18px 0 0;
}
#footerContainer #footerContentRight p {
	float:none;
}



/*other*/
.clear {
	clear:both;
}