/*
** 
** Blog-page styling
**
*/
.blog-left {
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	left:0;
	padding:90px 0 0;
	position:absolute;
	top:0;
	width:340px;
}
	
	.blog-left .blog-latest {
		background-color:#CCC;
		padding:0 20px;
	}
		
		.blog-latest h2 {
			padding:10px 0;
		}
		
		.blog-latest p.title {
			color:#1A1A1A;
			font-size:12px;
			padding:5px 0;
			text-transform:uppercase;
		}
			
		.blog-latest div.preview p {
			font-size:11px;
			line-height:16px;
		}
		
		.blog-latest .action-button {
			padding:10px 0 12px;
		}
			
			.blog-latest .action-button a img.blog-read-full {
				background-image:url(/design/button-blog-full.png);
				background-repeat:no-repeat;
				height:28px;
				width:296px;
			}
			
			.blog-latest .action-button a:hover img.blog-read-full {
				background-position:0 -28px;
			}
		
	.blog-left .blog-archives {
		padding:0 20px;
	}
		
		.blog-left .blog-archives h3 {
			padding:30px 0 10px;
		}
		
		.blog-left .blog-archives .blog-archives-all {
			text-align:right;
		}
		
		.blog-left .archive-item {
			margin:0 0 5px;
		}
			
			.archive-item .title,
			.archive-item .date {
				font-size:10px;
			}
			
			.archive-item .title {
				text-transform:uppercase;
			}
			
			.archive-item a {
				float:right;
			}
			
			.archive-item a img.blog-view-post {
				background-image:url(/design/button-blog-view.png);
				background-repeat:no-repeat;
				height:15px;
				width:33px;
			}
			
			.archive-item a:hover img.blog-view-post {
				background-position:0 -15px;
			}
			
.blog-post-preview {
	height:460px;
	left:340px;
	position:absolute;
	top:90px;
	width:684px;
}
	
	.blog-post-preview a {
		color:#28c3d1;
	}
	
	.blog-post-preview .preview-background {
		background-color:#000;
		filter:alpha(opacity=70);
		height:100%;
		opacity:0.7;
		position:absolute;
		width:100%;
		z-index:1;
	}
	
	.blog-post-preview .preview-body {
		margin:20px 0 0 20px;
		position:relative;
		z-index:2;
		width:664px;
		height:440px;
		overflow:hidden;
	}
	
	.blog-post-preview .preview-body img {
		max-width:100px;
		max-height:100px;
	}
		
		.preview-body img {
			float:left;
			margin:0 15px 10px 0;
		}
		
		.preview-body h3,
		.preview-body h3 span.date,
		.preview-body p {
			font-family:Arial,Helvetica,sans-serif;
		}
		
		.preview-body h3 {
			color:#F2F2F2;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
		}
			
			.preview-body h3 span.date {
				color:#CCC;
				font-size:10px;
				font-weight:normal;
			}
			
		.preview-body p {
			color:#B3B3B3;
			font-size:11px;
			line-height:16px;
			margin:5px 0;
		}
		
	.blog-post-preview .action-button {
		bottom:20px;
		margin-left:20px;
		position:absolute;
		z-index:3;
	}

.action-button {
	clear:both;
	padding:20px 0 0 0;
}

	.action-button a img.blog-read-original {
		background-image:url(/design/button-blog-read-original.png);
		background-repeat:no-repeat;
		height:30px;
		width:639px;
	}
	
	.action-button a:hover img.blog-read-original {
		background-position:0 -30px;
	}