/* layout file for tags, category, archive and all three-column based pages */

/* general layout */
#left-column {
	float: left;
	clear: none;
	width: 160px;
}

#middle-column {
	float: left;
	clear: none;
	width: 464px;
	padding: 0 20px 10px 20px;
	margin: 0 10px 0 10px;
	border-left: 2px solid #e0e4e5;
	border-right: 2px solid #e0e4e5;
	
	min-height:600px;
	height:auto !important;
	height:600px;
}

	#middle-column h2 {
		font-size: 22px;
		line-height: 30px;
		color: #444444;
		padding: 0;
		margin: 3px 0 15px 0;
	}
	
	#middle-column h3 {
		font-size: 14px;
		line-height: 20px;
		color: #444444;
		display: inline;
		border: 0;
	}
	
	#middle-column h3.year {
		display: block;
		color: #67ad2e;
		margin: 12px 0 3px 0;
	}
	
		#middle-column h3 a {
			text-decoration: underline;
		}
		
	
	#news-container {
		float: left;
		clear: both;
		width: 464px;
		padding: 0;
		margin: 0;
		list-style-type: none;
		color: #444444;
	}
	
		#news-container li {
			float: left;
			clear: both;
			width: 464px;
			border-top: 2px solid #eff1f2;
			padding: 10px 0;
		}
		
			#news-container li .image-container {
				float: left;
				width: 100px;					
			}
			
				#news-container li .image-container img {
					float: left;
					width: 90px;				
				}
			
			#news-container li .text-container {
				float: right;
				width: 364px;
			}
			
			#news-container li .text-container-wide {
				float: right;
				width: 464px;
			}

		#news-container h4 {
			margin: 0 0 3px 0;
			padding: 0;
			font-size: 13.5px;
			line-height: 19px;
		}
		
		#news-container p {
			font-size: 12px;
			line-height: 17.5px;
			color: #444444;
			margin: 0;
			padding: 0;
		}
		
		#news-container .date {
			color: #999999;
			margin-top: 6px;
		}
		
	#news-container hr {
		height: 1px;
		background-color: #dfe5e6;
		color: #dfe5e6;
		padding: 0;
		margin: 0;
		border: 0;
		outline: 0;
	}
	
	#previous_month {
		display: block;
		float: left;
	}
	
	#next_month {
		display: block;
		float: right;
	}
	
	.pagination {
		float: left;
		clear: both;
		width: 464px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	
		.pagination a {
			display: block;
			float: left;
			clear: none;
			width: 33px;
			padding: 8px 0;
			margin: 0 8px 8px 0;
			text-align: center;
			background-color: #eff1f2;
		}
	
		.pagination a.active {
			color: #FFFFFF;
			background-color: #00a2ff;
		}
		
	.separator {
		float: left;
		width: 33px;
		padding: 8px 0;
		margin: 0 8px 8px 0;
		text-align: center;
	}
	
	.highlight {
		background-color: #00a2ff;
		color: #FFFFFF;
	}
	
	h4 .highlight {
		background: none;
		color: #00a2ff;
	}
			
	#tag-cloud h3 a {
		text-decoration: none;
		line-height: 1.2em;
		color: #7fb356;
		padding: 2px;
	}

#right-column {
	float: left;
	clear: none;
	width: 272px;
}

	#right-column h3 {
		font-size: 14px;
		color: #444444;
		margin-bottom: 7px;
		line-height: 20px;
	}
	
		#right-column h3 span {
			color: #9f9f9f;
			font-size: 13px;
		}
		
	#right-column hr {
		width: 272px;
		height: 2px;
		float: left;
		clear: both;
		background-color: #dfe5e6;
		color: #dfe5e6;
		padding: 0;
		margin: 8px 0 8px 0;
		border: 0;
		outline: 0;
	}

	#search-box {
		float: left;
		clear: both;
		width: 246px;
		margin-bottom: 20px;
		padding: 10px 10px 15px 10px;
		border: 3px solid #dfe5e6;
		background-color: #f8f8f8;
	}
	
		#search-box h3 {
			font-size: 14px;
			color: #444444;
			margin-bottom: 10px;
			padding-bottom: 3px;
			border-bottom: 2px solid #dfe5e6;
		}
		
		#search-box input {
			float: left;
			clear: both;
			width: 222px;
			padding: 6px 10px;
			margin-bottom: 12px;
			border: 2px solid #dfe5e6;
			color: #00acec;
			font-size: 15px;
		}
		
		#search-box div {
			float: left;
			clear: both;
			width: 246px;
			margin-top: 12px;
		}
		
		#search-box span.caption {
			display: block;
			clear: both;
			color: #999999;
		}
		
	.right-news {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
		.right-news li {
			margin: 0 0 5px 0;
			padding: 0;
		}