/*

Theme Name: Blueprint 
Theme URI: Blueprint
Description: Blueprint Media
Version: 1.0
Author: 310k

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: url(img/bg.gif) top center;
color: #000;
/* font-family: Tahoma, Arial, Helvetica, sans-serif; */
font-family: 	Georgia,Times new roman, serif;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}

#wrap{
	position: relative;
	width: 732px;
	margin: 0px auto 0px auto;
}

	#logo{
		position: relative;
		height: 51px;
		/*margin-top: 12px;*/
		background: url(img/bpmlogo.png) top center no-repeat;
	}
	
	#tag-line{
		position: relative;
		padding-top: 5px;
		height: 37px;
		font-family: Georgia;
		font-size: .9em;
		text-align: center;
	}
	
		#tag-line strong{
			font-weight: bold;
		}
	
	
	#nav{
		position: relative;
		height: 30px;
		margin-bottom: 22px;
        width: 800px;
		margin-top: 4px;
        /*margin-left: -35px;*/
        text-align: center;
		left: 3px;
	}
	
	#nav li{
		position: relative;
		float: left ;
		height: 27px;
		padding: 0 0px 0 8px;
		background: transparent url('bpm_menu.png') -625px 0px no-repeat;
		/*border-bottom: 4px solid #fff;*/
	}
	
	#nav li a span {display:none;}
	#nav li a {display:block;height:25px;background-image:url('bpm_menu.png');}
	
	#nav li.one { width: 48px; }
	#nav li.one a {width: 48px;background-position: 0px 0px;}
	#nav li.one a:hover {background-position: 0px -51px;}
	
	#nav li.two { width: 152px; padding-left: 18px; }
	#nav li.two a {width: 152px;background-position: -51px 0px;}
	#nav li.two a:hover {background-position: -51px -51px;}
	
	#nav li.three { width: 190px; padding-left: 18px; }
	#nav li.three a {width: 190px;background-position: -208px 0px;}
	#nav li.three a:hover {background-position: -208px -51px;}
	
	#nav li.four { width: 142px; padding-left: 18px; }
	#nav li.four a {width: 142px;background-position: -401px 0px;}
	#nav li.four a:hover {background-position: -401px -51px;}
	
	#nav li.five { width: 80px; }
	#nav li.five a {width: 80px;background-position: -545px 0px;}
	#nav li.five a:hover {background-position: -545px -51px;}
	
	/*#nav li a:before {
		content: '[';
	}

	#nav li a:after {
		content: ']';
	}*/

	
	#nav li:first-child {
		padding-left: 0px;
	}
		
		#nav li a{
			position: relative;
			float: left;
			padding: 0px;
			margin-top: 0px;
			height: 25px;
			font-family: Georgia;
			font-size: 1.1em;
			font-weight: 500;
			color: #D42E12;
		}
        #nav li.current_page_item a {
			/*border-bottom: 3px solid #000;*/
            color: #000;
		}
        #nav  a:hover {
            /*border-bottom: 3px solid #000;*/
            text-decoration: none;
            color: #000;
        }	
	#contactheader h2{

		margin-top: -10px;
	}
	
	#feature-top{
		position: relative;
		height: 35px;
		background: url(img/feature-top.gif) top left no-repeat;
	}
	
	#feature{
		position: relative;
		padding-top: 9px;
		padding-bottom: 19px;
		padding-left: 5px;	
		background: url(img/feature-bottom.gif) bottom left no-repeat;
	}
	
		#feature li{
			position: relative;
			float: left; 
			width: 222px;
                        height: 252px;
			padding-left: 14px;	
			font-family: Georgia;
                        font-size: 1.1em;
		}
		
		.feature-info{
			position: relative;
			text-align: center;
                        height: 243px;
			padding-bottom: 10px;
			background: url(img/bg.gif) top left;
		}
		
		#feature li img{
			display: block;
		}
		
		#feature h2{
			position: relative;
			font-size: 1.3em;
			font-weight: bold;
			color: #000;
			padding-top: 6px;
                        height: 2em;
		}
                #feature h2 a {
			color: #000;
                }
		
		#feature li span.xdate{
			position: relative;
			padding: 3px 0 3px 0;
			color: #FF31FF;
			font-size: .8em;
			display: block;
		}
		
		#feature li p{
			position: relative;
			font-size: .9em;
		}
	
	
	
	
	#front{
		position: relative;
		margin-top: 8px;
		border-top: 1px dotted #000;
		padding-top: 12px;
		margin-left: 2px;
	}
	
		#front-left{
			position: relative;
			float: left;
			padding-left: 20px;
			width: 358px;
			/*margin-bottom: 92px;*/
		}
		
			#podcast{
				position: relative;
				display: block;
				height: 46px;
				margin-bottom: 9px;
				margin-left: 49px;
				font-family: Georgia;
				text-align: left;
				width: 273px;
				color: #000;
				background: url(img/latest-podcast.gif) top right no-repeat;
			}
			
				#podcast .title{
					position: relative;
					display: block;
					padding: 5px 0 0 9px;
					font-weight: bold;
				}
				
				#podcast .detail{
					position: relative;
					display: block;
					padding: 2px 0 0 9px;
					font-size: .8em;
					font-weight: bold;
				}
				
				#podcast strong{
					color: #ff00ff;
				}
			
				#podcast:hover{
					text-decoration: none;
				}
			
			#video{
				position: relative;
				padding-bottom: 5px;
				background-image: url(img/youtube.png);
				background-repeat: no-repeat;
				background-position: top left;
				padding-top: 11px;
				height: 239px;
				border-bottom: 1px dotted #000;
				margin-bottom: 12px;
			}
			
			#player {
				display: block;
				height: 207px;
				overflow: hidden;
			}
			
			#video div a, #video div a:visited, #video div a:hover, #video div a:link {
				color: #000;
				text-decoration: underline;
			}
			#video div a:hover {
				text-decoration: none;
			}
			
			#video-info{
				position: relative;
				padding: 10px 0 0 20px;
				text-align: right;
			}
			
				#video-info h2{
					position: relative;
					font-weight: bold;
					font-family: Georgia;
					font-size: 1.2em;
					padding: 2px 0 2px 26px;
					/*background: url(img/tick.gif) left center no-repeat;*/
					margin-left: 8px;
				}
				
				#video-info p{
					position: relative;
					font-size: .9em;
					font-family: Georgia;
					padding: 4px 0 11px 60px;
					text-align: right;
					border-bottom: 1px dotted #000;
				}
			 #video-info a {
					color: black;
				}	
	
		#front-right{
			position: relative;
			float: left;
			width: 271px;
			padding-left: 12px;
		}
		
			#flickr{
				width: 274px;
				position: relative;
				height: 321px;
				background: url(img/flickr_new.png) top left;
				overflow: hidden;
				margin-bottom: 8px;
			}
			
				#flickr ul{
					position: relative;
					/*padding: 7px 0 0 10px;	*/
				}
				
				#flickr li{
					position: relative;
					float: left;
					height: 85px;
					width: 85px;
				}
				
				#flickr img{
					position: relative;
					display: block;
				}
				
				#flickr-link{
					position: absolute;
					bottom: 16px;
					left: 15px;
					padding-left: 20px;
					color: #000;
					font-weight: 600;
					font-family: Georgia;
				}
		
		
		#note-pad{
			position: relative;
			background: url(img/note-pad.gif) top left no-repeat;
			height: 346px;
			width: 204px;
			text-align: left;
			padding: 1px 10px 0 10px;
			z-index: 1000;
		}
		
			#note-pad h2{
				position: relative;
				font-size: 1.1em;
				font-family: Georgia;
				color: #fff;
				font-weight: bold;
				margin-top: 40px;
				padding: 7px 0 7px 0;
				border-bottom: 1px dotted #fff;
				background: url(img/dark-tick.gif) right center no-repeat;
			}
			
				#note-pad h2 span{
					color: #D42E12;
				}
				
			
			#note-pad ul{
				position: relative;
				font-size: 1em;
				font-family: Georgia;
				color: #fff;
				font-weight: bold;
			}
			
				#note-pad li{
					position: relative;
					padding: 6px 0 6px 0;	
					border-bottom: 1px dotted #fff;
				}
				
				#note-pad a{
					color: #fff;	
				}
				
				#note-pad a:hover{
					color: #D42E12;
				}
				
				#note-pad li#dotts{
					height: 12px;
					background: url(img/dotts.gif) center no-repeat;
				}
	
	#front-bottom{
		position: relative;
		/*margin-top: -92px;*/
		font-family: Georgia;
		/*padding-top: 100px;*/
		/*padding-top: 470px;*/
		margin-bottom: 25px;
		/*border-bottom: 3px solid #fff;*/
		padding-bottom: 8px;
		/*background: url(img/big2.gif) top left no-repeat;*/
	}
		
		#front-bottom a{
			position: relative;
			font-size: 1.3em;
			font-weight: bold;
			color: #000;
		}
		
	
	
	
	#post{
		position: relative;
		margin: auto;
		width: 519px;
		font-family: Georgia;
	}
	
		.navigation{
			position: relative;
			height: 28px;
			padding-top: 11px;
			width: 285px;
			text-align: center;
			margin: auto;
			border-top: 1px dotted #000;
			margin-bottom: 15px;
			border-bottom: 1px dotted #000;
		}
		
			.navigation a{
				color: #000;
				font-style: italic;
				text-decoration: underline;
			}
		
		.post{
			position: relative;
			padding-bottom: 10px;
		}
		
			.date{
				position: relative;
				height: 55px;
				width: 48px;
				margin: auto;
				background: url(img/date-box.gif) top left no-repeat;	
			}
			
				.date .day{
					position: relative;
					display: block;
					font-size: 1.4em;
					font-weight: bold;
					color: #fff;
					height: 24px;
					padding: 11px 0 0 2px;
				}
				
				.date .month{
					position: relative;
					display: block;
					padding-left: 2px;
					padding-top: 3px;
					font-size: .75em;
					font-family: Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					color: #fff;
				}
			
			.post h1{
				position: relative;
				font-size: 1.7em;
				font-weight: bold;
				padding: 8px 0 8px 0;
			}
			
				.post h1 a{
					color: #222;
				}
		        .post h2 {
				font-size: 1.5em;
                                font-weight: bold;
                                padding: 8px 0 8px 0;

			}	
			.excerpt{
				position: relative;
				font-size: .9em;
				padding-bottom: 50px;
				margin-bottom: 10px;
				background: url(img/excerpt-bottom.gif) bottom center no-repeat;
			}
		        .excerpt p {
                               margin-bottom: 10px;
							   line-height: 1.5em;
                        }	
			.entry{
				position: relative;
				font-size: 1em !important;
			}
		    .entry h1 {
				padding-top: 0;
			}	
				.entry p{
					position: relative;
					line-height: 1.5em;
					padding-bottom: 1em;	
				}
			
				.entry p:first-child{
					/*font-size: 1.2em;*/
					font-family: Georgia; /* Arial, Helvetica, sans-serif;*/
				}
				
				.entry strong{
					font-weight: bold;
				}
				
				.entry em{
					font-style: italic;
				}
				
				.entry ul{
					padding-bottom: 1em;
				}
				
				.excerpt a, .entry a{
					font-style: italic;
					text-decoration: underline;
					color: #000;	
				}
				
					.entry a:hover{
						color: #D42E12;
					}
				
				.photo, .links, .tags{
					position: relative;
					padding-top: 20px;
				}
				
				.tags{
					position: relative;
					padding-bottom: 58px;
					font-size: 1.1em;
					background: url(img/globe.gif) center bottom no-repeat;
				}
				
				
				#respond{
					position: relative;	
					font-size: 1.2em;
					font-weight: bold;
					padding: 34px 0 15px 0;	
					background: url(img/c-tag.gif) top left no-repeat;
					background-position: 200px 0;
				}
				
				#reply{
					position: relative;	
					font-size: 1em;
					font-weight: bold;
					padding: 34px 0 15px 0;	
					background: url(img/c-tag.gif) top left no-repeat;
					background-position: 172px 0;
				}
				
				#submit{
					position: relative;
					height: 26px;
					width: 89px;
					border: 0px;
					background: url(img/post-comment.gif) top left no-repeat;
				}
		
		#post-bottom{
			position: relative;
			margin-bottom: 25px;
			/*height: 244px;
			background: url(img/page-bottom.gif) top center no-repeat;*/
			/*border-bottom: 3px solid #fff;*/
			border-top: 1px dotted #fff;
			background-position: 300px 0;
		}
	        body.contact #post-bottom {
			/*background: url(img/contact-bottom.gif) top center no-repeat;
			height: 265px;*/
		}
                body.media-partners #post-bottom {
			/*background: url(img/partners-bottom.gif) top center no-repeat;
                        height: 360px;*/
		}
	
                body.klanten-en-activiteiten #post-bottom {
			/*background: url(img/klanten-bottom.gif) top center no-repeat;
                        height: 510px;*/
		}	
		#post-bottom-alt{
			position: relative;
			margin-bottom: 25px;
			/*height: 194px;*/
			/*background: url(img/page-bottom.gif) bottom center no-repeat;*/
			border-bottom: 3px solid #fff;
			background-position: 300px -49px;
		}
	
	
	#comm{
		position: relative;
	}
	
		#comm .txt{
			position: relative;
			width: 313px;
		}
		
		#comment{
			width: 313px;
			height: 110px;
		}
		
		#comm label{
			text-transform: lowercase;
		}
		
		.commentlist li{
			position: relative;
			margin-bottom: 10px;
			color: #fff;
			font-family: Georgia;
			padding-bottom: 18px;
			background: url(img/comment-bottom.gif) bottom left no-repeat;
		}
		
		.commentlist li div.comment-wrap{
			position: relative;
			padding: 15px 20px 0 20px;
			background: url(img/comment-top.gif) top left no-repeat;
		}
		
		.commentlist li a, .commentlist small{
			color: #FF00FF;
			text-decoration: none;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.slide {
			position: relative;
			width: 225px;
			height: 222px;
			float: left;
			margin: 0;
			padding: 0;
			margin-right: 1px;
			margin-bottom: 15px;
			font-size: 14px;
			font-weight: normal;
		}
		
		.dark {
			background-image: url(img/slide-dark.png);
		}
		.middle {
			background-image: url(img/slide-middle.png);
		}
		.light {
			background-image: url(img/slide-light.png);
		}
		#frontpage-slider {
			position: relative;
			height: 226px;
			width: 681px;
			overflow: hidden;
			margin-left: auto;
			margin-right: auto;
			margin-top: 6px;
			background-image: url(img/frontpage-slider.png);
			padding: 4px 0px 0px 6px;
		}
		#frontpage-slider-container {
			width: 687px;
			height: 29px;
			background-image: url(img/frontpage-slider-bg.png);
			margin-left: auto;
			margin-right: auto;
		}
		#frontpage-slides {
			overflow: hidden;
			margin-left: 6px;
			position: absolute;
			left: 0px;
			top: 5px;
			width: 676px;
			height: 222px;
		}
		#frontpage-slides-move {
			position: absolute;
			width: 675px;
			height: 222px;
			left: 0px;
			top: 0px;
			width: 7000px;
		}
		.slide h2 {
			padding: 10px;
			padding-top: 7px;
		}
		.slide h2 a, .slide h2 a:link, .slide h2 a:visited, .slide h2 a:hover {
			color: #fff;
			font-weight: normal;
			font-size: 16px;
		}
		.slide img {
			position: absolute;
			left: 1px;
			top: 73px;
			width: 223px;
			height: 148px;
		}
		
input[type=slider] {
	visibility: none;
}