@charset "utf-8";

/*	PROJECTNAAM STYLES
	Author:	Name, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
	img { border: 0; }
	.clr { overflow: hidden; height: 100%; }
	a.external { color: #ad4058; font-size: 11px; padding: 0 14px 0 0; background: url(../img/a_external.gif) no-repeat right 1px; }
	
/*	=TAGS
	----------------------------------------------------*/
	body { background: #e3e3e3 url(../img/body_bg.jpg) no-repeat center top; text-align: center; }
	h1, h1 * { font-family: 'Gotham'; font-size: 26px; color: #3b3b3b; margin: 0 0 15px 0; padding: 0; }
	h1.nomargin { margin: 0; }
	h2, h2 * { font-family: 'Gotham'; font-size: 17px; color: #3b3b3b; margin: 1px 0 0 0; }
	h2.subheading { font-family: 'Gotham'; font-weight: normal; color: #3b3b3b; font-size: 16px; margin: -25px 0 15px 0; }
	h2.numresults { font-family: 'Gotham'; color: #3b3b3b; font-size: 16px; margin: 0 0 15px 0; }
	#selectedtag { padding: 0 0 0 5px; margin-top: -23px; font-size: 11px; color: #898989; margin-bottom: 10px; } 
/*	=BOX MODEL
	----------------------------------------------------*/
	#logo { position: absolute; left: 0px; top: 20px; }

	#page-container{ position: relative; width: 960px; margin: 0 auto; padding: 99px 0 99px 0; text-align: left; }
	#visuals { position: relative; padding: 0 0 15px 0; width: 929px; height: 204px;  }
	#visuals img { position: absolute; display: none; top: 0px; left: 0px; }
	#visuals img.first { display: block; position: relative; }
	#content-container { background: #fff; padding: 15px 15px 25px 15px; overflow: hidden; height: 100%; }
	#content-container .col-a { float: left; width: 615px;  }
	#content-container .col-b { float: right; width: 300px; } 

/*	=FOOTER
	----------------------------------------------------*/
	#footer { padding: 17px 10px; background: #93263e url(../img/footer_bg.gif) repeat-x bottom; overflow: hidden; height: 100%; }
	#footer ul li { display: block; padding: 2px 5px 0 5px; float: right; list-style: none;  }
	#footer ul li a { float: left; display: block; color: #fff; text-decoration: none; background: url(../img/nav-main_selected_left.gif) left top no-repeat; } 
	#footer ul li a span { font-size: 13px; font-weight: bold; color: #fff; font-family: Gotham; text-decoration: none; display: block; padding: 5px 6px 0 6px; background: url(../img/nav-main_selected_right.gif) right top no-repeat; height: 20px; } 
	#footer ul li.last { font-family: Gotham; font-weight: bold; padding: 5px 0 0 0; font-size: 12px; color: #fff; float: left; }
	#footer ul li a:hover { background: url(../img/nav-main_hover_left.gif) left top no-repeat; } 
	#footer ul li a:hover span {  background: url(../img/nav-main_hover_right.gif) right top no-repeat;  } 

	#nvs-message { padding: 5px 15px; text-align: right; overflow: hidden; height: 100%; }
	#nvs-message a { font-size: 11px; color: #747474; text-decoration: none; } 
	#nvs-message a:hover { text-decoration: underline; }

	#crumbpath { overflow: hidden; height: 100%; margin: 0 0 10px 0; width: 540px; float: left; }
	#crumbpath li { color: #ad4058; display: inline; padding: 0 0 0 10px; line-height: 14px; list-style: none; font-size: 11px; background:url(../img/li_icon.gif) no-repeat left 4px; }
	#crumbpath li a { color: #ad4058; }
	#crumbpath li a:hover { text-decoration: none; }

/*	=MAIN NAVIGATION
	----------------------------------------------------*/
	#nav-main { background: #9f324a url(../img/nav-main_bg.gif) repeat-x; height: 31px; padding: 5px 0 0 0 }
	#nav-main li { display: block; padding: 2px 8px 0 8px; float: left; list-style: none; background: url(../img/nav-main_li_bg.gif) no-repeat left top; }
	#nav-main li.first { background: none; }
	#nav-main li a {  float: left; display: block; color: #fff; text-decoration: none; } 
	#nav-main li a span { font-size: 15px; color: #fff; font-family: Gotham; font-weight: bold; text-decoration: none; display: block; padding: 4px 6px 0 6px;  height: 22px; } 
	#nav-main li.selected a { float: left; display: block; color: #fff; text-decoration: none; background: url(../img/nav-main_selected_left.gif) left top no-repeat; } 
	#nav-main li.selected a span { font-size: 15px; color: #fff; font-family: Gotham; text-decoration: none; display: block; padding: 4px 6px 0 6px; background: url(../img/nav-main_selected_right.gif) right top no-repeat; height: 22px; } 
	#nav-main li a:hover { float: left; display: block; color: #fff; text-decoration: none; background: url(../img/nav-main_selected_left.gif) left top no-repeat; } 
	#nav-main li a:hover span { font-size: 15px; color: #fff; font-family: Gotham; text-decoration: none; display: block; padding: 4px 6px 0 6px; background: url(../img/nav-main_selected_right.gif) right top no-repeat; height: 22px; } 

/*	=SUB NAVIGATION
	----------------------------------------------------*/
	#nav-sub { background: #fff; border-bottom: 1px solid #e4e4e4; height: 30px; padding: 5px 0 0 0 }
	#nav-sub li { display: block; padding: 0px 8px 0 8px; float: left; list-style: none; background: url(../img/nav-sub_li_bg.gif) no-repeat left top; }
	#nav-sub li.first { background: none; }
	#nav-sub li a {  float: left; display: block; color: #3b3b3b; text-decoration: none; } 
	#nav-sub li a span { font-size: 13px; color: #3b3b3b; font-family: Gotham; text-decoration: none; display: block; padding: 5px 6px 0 6px;  height: 22px; } 
	#nav-sub li.selected a { float: left; display: block; color: #3b3b3b; text-decoration: none; background: url(../img/nav-sub_selected_left.gif) left top no-repeat; } 
	#nav-sub li.selected a span { color: #3b3b3b; font-family: Gotham; text-decoration: none; display: block; background: url(../img/nav-sub_selected_right.gif) right top no-repeat; height: 22px; } 
	#nav-sub li a:hover { float: left; display: block; color: #3b3b3b; text-decoration: none; background: url(../img/nav-sub_selected_left.gif) left top no-repeat; } 
	#nav-sub li a:hover span { color: #3b3b3b; font-family: Gotham; text-decoration: none; display: block; background: url(../img/nav-sub_selected_right.gif) right top no-repeat; height: 22px; } 
	
/*	=SEARCH FORM
	----------------------------------------------------*/	
	#frm-search { background: #f4f4f4; border: 1px solid #c6c6c6; padding: 5px 0; }
	#frm-search label { background: url(../img/frm_search_icon.gif) no-repeat 4px center; padding: 0 0 0 25px; overflow: hidden; width: 210px; float: left; height: 100%; display: block; }
	#frm-search input.text { border: 1px solid #e4e4e4; background: #fff; width: 190px; height: ; font-size: 12px; padding: 4px 5px; vertical-align: middle; } 
	#frm-search input.image { margin: 1px 0 0 0; vertical-align: middle; } 

/*	=Advanced search
	----------------------------------------------------*/		
	#frm-adv-search { position: relative; margin: 0 0 15px 0; }
	#frm-adv-search fieldset { padding: 10px 0 35px 0 ;  background: #f4f4f4; border: 1px solid #c6c6c6;  }
	#frm-adv-search fieldset label { background: url(../img/frm_search_icon.gif) no-repeat 4px center; padding: 0 0 0 25px; overflow: hidden; width: 210px; float: left; height: 100%; display: block; }
	#frm-adv-search fieldset input.text { border: 1px solid #e4e4e4; background: #fff; width: 190px; height: ; font-size: 12px; padding: 4px 5px; vertical-align: middle; } 
	#frm-adv-search fieldset input.image { margin: 1px 0 0 0; vertical-align: middle; } 
	
	#frm-adv-search ul { list-style: none; position: absolute; bottom:0px; left: 10px; }
	#frm-adv-search ul li { float: left; margin-right: 5px; background: url(../img/frm_adv_search_li_bg.gif) repeat-x left top; }
	#frm-adv-search ul li.active { background: #fff; border: 1px solid #c6c6c6; border-bottom: 0; }
	#frm-adv-search ul li a { display: block; padding: 2px 25px 3px 8px; font-weight: bold; font-size: 15px; color: #3b3b3b; text-decoration: none; }
	#frm-adv-search ul li a:hover { background: url(../img/frm_adv_search_li_bg_hover.gif) repeat-x left top; }
	#frm-adv-search ul li.active a:hover { background: #fff; }
	
	#search-error { padding: 10px 0 0 20px !important; }
	#search-results  { overflow: hidden; height: 100%; margin: 0 0 10px 0;}
	#search-results .search-result {  margin:  0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e4e4e4; }
	#search-results .search-result.first  { border-top: 1px solid #c6c6c6; }
	#search-results .search-result h2 { color: #555; clear: both; height: 100%; }
	#search-results .search-result h2 a { color: #555; text-decoration: none; }
	#search-results .search-result dl { overflow: hidden; height: 100%; font-size: 11px; line-height: 18px; margin: 0 0 0 0;  padding: 2px 0 0 0;  border: 0;  }
	#search-results .search-result dt { display: block; width: 165px; float: left; font-weight: bold; color: #898989; }
	#search-results .search-result dd { display: block; width: 400px; float: left; color: #898989; }
	#search-results .search-result strong { font-weight: normal; color: #ff6832; }
/*	=Posts
	----------------------------------------------------*/
	#posts { clear: both; }
	#posts .post { position: relative; padding: 0 0 30px 50px; }
	#posts .post .date { display: block; position: absolute; top: 0px; left: 0px; width: 39px; height: 36px; color: #fff; text-align: center; }
	#posts .post .date  { padding: 8px 0 0 0; font-size: 10px; line-height: 10px; }
	#posts .post .date b { font-size: 18px; line-height: 20px; }
	#posts .post .author { display: block; padding: 3px 0 0 0; font-size: 11px; color: #898989; }
	#posts .post .snippet { margin: 5px 0 20px 0; }
	#posts .post .num-reactions { font-size: 10px; color: #3b3b3b; text-decoration: none; position: absolute; top: 6px; right: 0px; background: url(../img/post_reaction_icon.gif) no-repeat right top; padding: 1px 12px 0 0; }
	#posts .post .num-reactions:hover { text-decoration: underline; }
	#posts .post h1 { xfont-family: 'Gotham'; font-size: 26px; color: #3b3b3b; margin: 0 !important; padding: 0; width: 530px;  }
	#posts .post cufon {  margin: 0 !important; } 
	#posts .post h2 { color: #555; clear: both; height: 100%; width: 530px; }
	#posts .post h2 a { color: #555; text-decoration: none; }
	#posts .post h2 a:hover { color: #222; text-decoration: none; }
	#posts .post.blog h2 span.type { color: #9f324a; }
	#posts .post.blog .date { background: url(../img/post_blog_date_bg.gif) no-repeat; }
	#posts .post.blog a.more { font-size: 12px; color: #ad4058;  margin-right: 20px; text-decoration: none; }
	#posts .post.blog a.more span { text-decoration: underline; }
	#posts .post.blog a.more:hover { color: #5b0316; }
	#posts .post.article h2 span.type { color: #ff6832; }
	#posts .post.article .date { background: url(../img/post_article_date_bg.gif) no-repeat; }
	#posts .post.article a.more { font-size: 12px; color: #ff6832;  margin-right: 20px; text-decoration: none; }
	#posts .post.article a.more span { text-decoration: underline; }
	#posts .post.article a.more:hover { color: #ca4111; }
	#posts .post.article a.external { color: #ff6832; font-size: 11px; padding: 0 14px 0 0; background: url(../img/a_external_orange.gif) no-repeat right 1px; }
	
	
	#posts.articles .post { padding: 0 0 10px 50px; }
	
	#posts .post .social-bookmarks { position: absolute; top: -36px; right: 0px; }
	
	#posts .post.article dl { overflow: hidden; height: 100%; font-size: 11px; line-height: 18px; margin: 0 0 0 0;  padding: 2px 0 10px 0;  border: 0; border-bottom: 1px solid #e4e4e4; }
	#posts .post.article dt { display: block; width: 165px; float: left; font-weight: bold; color: #898989; }
	#posts .post.article dd { display: block; width: 400px; float: left; color: #898989; }
	#posts .post.article dd a, #posts .post.article dt a { color: #ff6832 !important; text-decoration: none; }
	#posts .post.article dd a:hover, #posts .post.article dt a:hover { color: #ca4111; text-decoration: underline; } 
	#post-tags div { font-size: 11px; color: #ff6832; margin: 10px 0 35px 0; padding: 5px 0; border: 0; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; }
	#post-tags div a { color: #ff6832; text-decoration: underline; }
	#post-tags div a:hover { text-decoration: none; }

	#post-comment form { margin: 10px 0 35px 0; padding: 14px 10px; background: #f4f4f4; border: 1px solid #c6c6c6; }
	#post-comment form fieldset { border: 0; font-size: 11px; color: #3b3b3b; }
	#post-comment form fieldset ul { margin-bottom: 10px; height: 100%; overflow: hidden; }
	#post-comment form fieldset li { list-style: none; float: left;  width: 50%; overflow; hidden; height: 100%;}
	#post-comment form fieldset label { margin-bottom: 4px; font-weight: bold; display: block; }
 	#post-comment form fieldset li label span.error { font-size: 10px; display: block; clear: both;}
 	
	#post-comment form input.text { border: 1px solid #e4e4e4; width: 254px; padding: 3px; }
 	#post-comment form input.text.error { border: 2px solid #af193a; width: 254px; padding: 2px; }
	#post-comment form input.submit { float: right; margin: 10px 10px 0 0; }
 	#post-comment form textarea { font-size: 12px !important; width: 534px; height: 60px; border: 1px solid #e4e4e4;  }
	#post-comment form textarea.error { width: 532px; height: 58px; border: 2px solid #af193a;  }
 	#post-comment form span.error { margin: 4px 0 0 0; display: block; line-height: 13px; color: #af193a; background: url(../img/frm_error_ico.gif) no-repeat left 0px; padding: 0 0 0 18px;  }
 	#post-comment form .last { display: none; }
	
 	#post-comments div.comments {  margin: 10px 0 35px 0; padding: 7px 10px; background: #f4f4f4; border: 1px solid #c6c6c6; }
 	#post-comments div.comments .comment { padding: 7px 0; font-size: 11px; color: #3b3b3b; border-top: 1px solid #fff; border-bottom: 1px solid #e4e4e4; }
	#post-comments div.comments .comment.first { border-top: 0px; }
	#post-comments div.comments .comment.last { border-bottom: 0px; }
	#post-comments div.comments .comment h4 { font-size: 11px; margin-bottom: 2px; }
	
	#post-meta-data  { }
	#post-meta-data dl { overflow: hidden; height: 100%; font-size: 11px; line-height: 18px; margin: 10px 0 35px 0 !important;  padding: 2px 0 4px 0;  border: 0; border-top: 1px solid #e4e4e4 !important; border-bottom: 1px solid #e4e4e4; }
	#post-meta-data dt { display: block; width: 165px; float: left; font-weight: bold; color: #898989; }
	#post-meta-data dd { display: block; width: 400px; float: left; color: #898989; }
	
	#post-files ul { margin: 10px 0 35px 0; padding: 2px 0 4px 0; color: #ff6832; font-size: 11px; line-height: 18px; border: 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;  }
	#post-files ul li { list-style: none; background:url(../img/li_icon_orange.gif) no-repeat left 8px; padding: 0 0 0 10px;  }
	#post-files ul li a { color: #ff6832; font-size: 11px; padding: 0 14px 0 0; }
	#post-files ul li span { background:url(../img/icon_file.gif) no-repeat 2px center; padding: 0 0 0 14px; }
	
	#frm-article-search { font-size: 11px; color: #3b3b3b; line-height: 18px; padding: 0 10px; margin: 0 0 25px 0; background: #f4f4f4; border: 1px solid #c6c6c6; }
	#frm-article-search a.field-btn  { font-size: 12px; color: #ad4058; text-decoration: underline; padding: 0 0 0 18px; background: url(../img/frm_field_btn_plus.gif) no-repeat left center; 	}
	#frm-article-search a.field-btn:hover  { font-size: 12px; color: #ad4058; text-decoration: none; }
	#frm-article-search a.field-btn.open { background: url(../img/frm_field_btn_min.gif) no-repeat left center; }
	#frm-article-search fieldset { overflow: hidden; height: 100%; padding: 7px 0; border: 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #fff; }
	#frm-article-search fieldset.first { border-top: 0; }
	#frm-article-search fieldset.first label { font-weight: bold; display: block; width: 285px; float: left; }
	#frm-article-search fieldset.first label.first {  margin-right: 20px; }
	#frm-article-search fieldset.last { border-bottom: 0; margin-bottom: 10px; }
	#frm-article-search select { font-weight: normal; width: 100%; }
	#frm-article-search input.checkbox { margin-right: 3px; vertical-align: middle; }
	#frm-article-search input.submit { float: right; }
	#frm-article-search ul { padding: 5px 0 0 0; display: none;  } 
	#frm-article-search ul.open { display: block; }
	#frm-article-search ul li { width: 33%; float: left ; list-style: none; }

		
/*	=CALL TO ACTIONS
	----------------------------------------------------*/
	.cta { margin-top: 15px; }
	.cta h3 { font-family: Gotham; font-size: 15px; color: #fff; padding: 6px 10px; background: #93263e url(../img/cta_h3_bg.gif) repeat-x bottom left;   }
	.cta .content { padding: 0 15px; background: #f4f4f4; border: 1px solid #c6c6c6; border-top: 0; }
	.cta .content.user-content  { padding: 5px 10px; font-size: 11px; line-height: 16px; }
	.cta .content.user-content img.imgLeft { float: left; margin: 0 10px 10px 0; }
	.cta .content a.more { color: #000 !important; }
	.cta .content a.more:hover { color: #000 !important; text-decoration: none; }
	
	/* TAGCLOUD */
	.cta.tagcloud .content { padding: 5px 15px 10px 15px; line-height: 18px; }
	.cta.tagcloud .content a { color: #3b3b3b; text-decoration: none; }
	.cta.tagcloud .content a:hover { text-decoration: underline; }
	.cta.tagcloud a.xs { font-size: 10px; }
	.cta.tagcloud a.s { font-size: 12px; }
	.cta.tagcloud a.m { font-size: 14px; }
	.cta.tagcloud a.l { font-size: 16px; }
	.cta.tagcloud a.xl { font-size: 18px; }
	
	/* TABS */
	.cta.tabs ul.tabs { overflow: hidden; height: 100%; border-bottom: 5px solid #7f132a; }
	.cta.tabs ul.tabs li { list-style: none; float: left; width: 145px; }
	.cta.tabs ul.tabs li h3 { background: #dcdcdc url(../img/cta_tabs_inactive_bg.gif) repeat-x top left; color: #3b3b3b; }
	.cta.tabs ul.tabs li h3 a { display: block; color: #3b3b3b; text-decoration: none; }
	.cta.tabs ul.tabs li h3:hover { background: #dcdcdc url(../img/cta_tabs_inactive_hover_bg.gif) repeat-x top left; color: #3b3b3b; }
	.cta.tabs ul.tabs li.first { margin: 0 5px 0 5px; }
	.cta.tabs ul.tabs li.first.active { margin: 0 5px 0 0; }
	.cta.tabs ul.tabs li.active h3 { color: #fff; background: #93263e url(../img/cta_h3_bg.gif) repeat-x bottom left; }
	.cta.tabs ul.tabs li.active h3 a { color: #fff;  }
	.cta.tabs div.content { display: none; padding: 5px 10px; }
	.cta.tabs div.content.active { display: block; }
	.cta.tabs div.content ul li { list-style: none; font-size: 11px; line-height: 16px; background: url(../img/li_icon.gif) no-repeat left 5px; padding: 1px 0 1px 10px; }	
	.cta.tabs div.content ul li a { color: #ad4058; }
	.cta.tabs div.content ul li a:hover { color: #000; }
	
	/* FLICKR */
	.cta.flickr div.content { padding: 10px 10px 5px 10px; color: #ad4058; font-size: 11px; line-height: 17px; }
	.cta.flickr div.content	img { margin: 0 0 5px 0; }
	.cta.flickr div.content a:hover { color: #000; }
	
	/* RECENT */
	.cta.recent div.content { padding: 0 10px; font-size: 11px; line-height: 16px; }
	.cta.recent div.content li { list-style: none; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; padding: 5px 0; }
	.cta.recent div.content li.first { border-top: 0; }
	.cta.recent div.content li.last { border-bottom: 0; }
	.cta.recent div.content a { color: #3b3b3b; text-decoration: none;  }
	.cta.recent div.content a strong { font-size: 10px; } 
	.cta.recent div.content a:hover { color: #000; }

	/* RELATED */
	.cta.related div.content { padding: 0 10px; font-size: 11px; line-height: 16px; }
	.cta.related div.content li { list-style: none; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #fff; padding: 5px 0; }
	.cta.related div.content li.first { border-top: 0; }
	.cta.related div.content li.last { border-bottom: 0; }
	.cta.related div.content a { position: relative; display: block; color: #3b3b3b; text-decoration: none;  }
	.cta.related div.content a span.date { display: block; font-weight: bold; }
	.cta.related div.content a span.numreactions { font-size: 10px; color: #3b3b3b; text-decoration: none; position: absolute; top: 0px; right: 0px; background: url(../img/post_reaction_icon.gif) no-repeat right top; padding: 1px 12px 0 0; }
	.cta.related div.content a span.title { display: block; font-weight: normal; text-decoration: underline; color: #ad4058; background: url(../img/li_icon.gif) no-repeat left 6px; padding: 0 0 0 10px; }
	.cta.related div.content a:hover, .cta.related div.content a:hover span.title { color: #3b3b3b; }
	
/*	=PAGING
	----------------------------------------------------*/
	.paging { position: relative; font-size: 0px;  text-align: left; height: 100%; overflow: hidden; margin-left: 50px; }	
	.paging.nomargin { margin-left: 0; }
	.paging li { display: inline; font-size: 0px; margin-right: 2px; }
	.paging li a, .paging li span { display: inline-block; padding: 1px 5px; font-size: 13px; font-weight: bold; background: #9f324a; color: #fff; text-decoration: none; }
	.paging li a:hover { background: #ff6933; }
	.paging li.dots span { border: 0; }
	.paging li.first, .paging li.last { position: absolute; top: 0px; }
	.paging li.first {left: 0px; }
	.paging li.last { right: 0px; }
	.paging li.selected a { background: #ff6933; }
	
/*  =SITEMAP
	----------------------------------------------------*/
	#sitemapname { color: #ad4058; font-weight: bold; margin:10px 0 15px 25px;text-decoration: none; }
	#sitemapname:hover { text-decoration: underline; }
	#sitemap { list-style: none; margin: 10px 0 0 35px; }
	#sitemap li { line-height: 16px; list-style: none; padding: 0 0 16px 0; background: url(/img/sitemap_li_bg.gif) repeat-y; }
	#sitemap ul { margin-bottom: 0; padding: 0 0 0 21px;  }
	#sitemap li li { padding: 0; }
	#sitemap li a { font-weight: bold; color: #ad4058; text-decoration: underline; padding: 0 0 0 20px;  background: url(/img/sitemap_a_bg.gif) no-repeat left 6px; }
	#sitemap li a:hover { text-decoration: none; }
	#sitemap li li a { font-weight: normal; color: #000; }
	#sitemap li.last { background: #fff url(/img/sitemap_li_last_bg.gif) no-repeat; }
	#sitemap li.last a { background: none; }