.content .blogleft {
		width: 540px;
		background-color: #fff;
		padding: 30px;
		margin-right: 40px;
		float: left;

		font-family: "ColaborateRegular";
		font-size: 18px;
		color: #575757;
		font-weight: normal;
		line-height: 24px;		
	}

		.content .blogleft h1 {
			font-size: 30px;
			color: #007fb7;
			margin-bottom: 5px;
			line-height: 34px;
		}

		.content .blogleft .kop {
			display: block;
			font-size: 30px;
			color: #007fb7;
			margin-bottom: 5px;
			line-height: 34px;
		}		

		.content .blogleft .blog-meta {
			display: block;
			font-family: "ColaborateLightRegular";
			font-size: 16px;
			text-transform: uppercase;
			margin-bottom: 10px;
		}


		.content .blogleft h2 {
			font-size: 20px;
			color: #007fb7;		
		}	

		.content .blogleft h3 {
			color: #000000;		
		}	

		.content .blogleft h4 {
			font-size: 16px;
			color: #555555;
			line-height: 22px;			
			text-transform: uppercase;
		}						

		.content .blogleft ul {
			list-style: disc;
		}

		.content .blogleft ul, .content .blogleft ol {
			margin-left: 30px;
		}		

		.content .blogleft td {
			padding: 5px;
			font-size: 14px;
			border: 1px #bbb solid;
		}

		.content .blogleft strong {
			font-family: "ColaborateBoldRegular";
		}		

		.content .blogleft a {
			color: #000;
			text-decoration: underline;
		}

			.content .blogleft a:hover {
				color: #575757;
				background-color: #fdf3ce;
				text-decoration: none;
			}

		.content .blogleft .back {
			display: block;
			margin-bottom: 10px;
			text-align: right;
		}

			.content .blogleft .back a {
				font-family: "ColaborateLightRegular";
				text-decoration: none;
				color: #007fb7;
				text-transform: uppercase;
				font-size: 14px;
				padding: 5px;
			}			

			.content .blogleft .back a:hover {
				color: #575757;
				padding: 5px;
			}

		.content .blogleft .image {
			float: right;
			margin-left: 10px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
		}		

			.content .blogleft .image img {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				/* not working in chrome */
				/* border: 5px #e8e1d9 solid; */			
			}	

		.content .blogleft .paginizer {
			list-style: none;
			margin: 0;
		}			

			.content .blogleft .paginizer li {
				font-size: 12px;
				height: 26px;
				line-height: 26px;
				padding: 0 10px;
				background-color: #e8e1d9;
				float: left;
				margin-right: 5px;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;				
			}	

				.content .blogleft .paginizer li a {
					text-decoration: none;
				}

				.content .blogleft .paginizer li a:hover {
					background: none;
				}				

			.content .blogleft .paginizer li:hover {
				background-color: #8c7a69;
				cursor: pointer;
			}

				.content .blogleft .paginizer li:hover a {
					color: #fff;
				}

			.content .blogleft .paginizer li.active {
				background-color: #8c7a69;
				cursor: pointer;
			}

				.content .blogleft .paginizer li.active a {
					color: #fff;
				}				

	.content .blogright {
		position: relative;
		float: left;
	}

		.content .blogright .kop {
			display: block;
			font-family: "ColaborateBoldRegular";
			font-size: 20px;
			color: #6b3b00;
			text-transform: uppercase;
			margin-top: 20px;
			margin-bottom: 15px;
		}

		.content .blogright .sub_head {
			display: inline-block;
			background-color: #c6d8e6;
			height: 30px;
			padding: 0 10px 0 10px;
			line-height: 30px;

			font-family: "ColaborateRegular";
			font-size: 20px;
			color: #575757;
			font-weight: normal;
			margin-bottom: 10px;
		}	

		.content .blogright .sub_head:hover {
			color: #fff;
			background-color: #8c7a69;
			cursor: pointer;
		}		

		.content .blogright .sub_head.active {
			color: #fff;
			background-color: #8c7a69;
		}	


		.content .blogright .sub_head .icon {
			float: left;
			width: 16px;
		}

		.content .blogright .months {
			display: none;
		}

		.content .blogright .year.active .months {
			display: block;
		}


		.content .blogright .subsub_head {
			display: inline-block;
			padding: 0 10px 0 10px;
			font-family: "ColaborateRegular";
			font-size: 16px;
			color: #575757;
			font-weight: normal;
			margin-left: 15px;
			margin-bottom: 10px;
		}	

		.content .blogright .subsub_head:hover {
			text-decoration: underline;
		}		

		.content .blogright .subsub_head.active {
			font-family: "ColaborateBoldRegular";
		}	




	/* just for the fancybox border when clicking on images */

	.fancybox-skin {
	 	background-color: #e8e1d9; /* or whatever */
	}