/*========================== left - postCol ========================*/

.post {
	width: 519px;
	margin: 0 auto 2.5em auto;
}
	.post .entry { margin: 0 0 .5em 0; }
	
	/*============== photoCol ============*/
	.post .photoCol {
		width: 100%;
		height: 420px;
		position: relative;
		background: url(../imgs/bg_photoCol_new.gif) no-repeat right 0;
		z-index: 200;
	}
		.post .photoCol .title {
			height: 45px;
			position: relative;
		}
			.post .photoCol .title h1 {
			padding: 0;
			height: 27px;
			line-height: 27px;
			position: absolute;
			left: 30px;
			bottom: 6px;
			font-size: 24px;
			color: #d33100;
			font-family: Georgia, SimHei, sans-serif;
		}
			.post .photoCol .title h1 a { color: #d33100; font-family: Georgia, SimHei, sans-serif; }
			.post .photoCol .title .postDate[class] {
				text-align: center;
				width: 50px;
				height: 47px;
				position: absolute;
				right: 60px;
				top: 12px;
				color: #000;
				font-size: 18px;
				margin: 0;
				padding: 3px 3px 3px 0;
				background: url(../imgs/bg_postDate.png) no-repeat right top;
				line-height: 18px;
			}
				.post .photoCol .title .postDate[class] .day { font-size: 24px; display: block; font-weight: bold; }

		.post .photoCol .cloud {
			/*width: 135px;
			height: 39px;*/
			padding: 5px;
			background: #ffffa3 /*url(../imgs/bg_photoCol_cloud.png) no-repeat*/;
			position: absolute;
			z-index: 1888;
			left: 50px;
			top: 353px;
			font-size: 11px;
			line-height: 11px;
		}
			.post .photoCol .cloud a {
				color: #6ab300; 
				background: #ffffa3;
			}

		.post .photoCol .shares {
			position: absolute;
			z-index: 1889;
			right: 3.5em;
			bottom: 12px;
			display: block;
			z-index: 220;
		}
			.post .photoCol .shares a {
				width: 80px;
				height: 25px;
				display: block;
				overflow: hidden;
				text-indent: -1985px;
			}
				.post .photoCol .shares a:hover { background-color: transparent; }
				
				/* styling for ShareThis button 
					.post .photoCol .shares a.stbutton{ padding: 0 !important;}
					.post .photoCol .shares .stbuttontext{ line-height:17px;}
					.post .photoCol .shares .stico_default{ background: none !important; }
				*/

		.postBody {
			width: 482px;
			margin: 2px 0 0 26px;
		}
			.postBody p {
				margin: 0;
				padding: 0;
			}
			.postBody img, .entry img {
				width: 470px;
				height: 316px;
				border: 1px solid #eaebe7; 
				background: #fff;
				padding: 5px;
			}
	
	/*============== postFuncBar ============*/
	.post .postFuncBar {
		width: 450px;
		height: 80px;
		margin: 0 auto;
		top: -16px;
		background: url(../imgs/bg_postFuncBar_dashLines.gif) no-repeat 0 25px;
		position: relative;
		z-index: 209;
	}
		.post .postFuncBar ul {
			margin: 0;
			line-height: 25px;
		}
			.post .postFuncBar ul li {
				height: 25px;
				float: left;
				display: inline;
				padding: 0 0 0 40px;
				background: no-repeat 10px center;
				margin-bottom: 15px;
			}

			.post .postFuncBar ul li.cate {
				width: 130px;
				background-image: url(../imgs/ico_cate_21x17.gif);
			}
			.post .postFuncBar ul li.tag {
				width: 200px;
				background-image: url(../imgs/ico_tag_22x23.gif);
			}
			.post .postFuncBar ul li.comment {
				width: 130px;
				background-image: url(../imgs/ico_comment_21x20.gif);
			}
			.post .postFuncBar ul li.comRss {
				width: 130px;
				background-image: url(../imgs/ico_rss_21x22.gif);
			}
			.post .postFuncBar ul li.relatedDrawings {
				width: 200px;
				background-image: url(../imgs/ico_related_22x21.gif);
			}
			.post .postFuncBar ul li.permlink {
				width: 200px;
				background-image: url(../imgs/ico_premlink_22x22.gif);
			}
				.post .postFuncBar ul li a { margin-right: 3px; color: #424242; }

	
	#aboutTheSite {
		background: url(../imgs/bg_about.gif) no-repeat 2px 3em;
		padding: 210px 2em 4em 2em;
	}
	#contact {
		padding: 1em 0 3em 0;
		background: url(../imgs/bg_commentForm_form.gif) no-repeat 0 0;
	}
		#contact #commentForm {
		padding: 0 0 0 2em;
		overflow: hidden;
		background: none;
	}
		.desc { padding-bottom: 6px; }
		#contact #commentForm form.commForm {
			padding: 2em 0 1em 40px;
			background: none;
		}
		.contactform { width: auto !important; }
			.contactform p.red { display: inline; }
			.contactform .contactleft, .contactform form, .contactform .contactright, .contactform .contactsubmit, .contactform #contactsubmit, .contactform p { display: none; }
	
	/*============== pageNav ============*/
	.postNav {
		height: 60px;
		width: 500px;
		margin: 2em auto;
		padding: 0;
		background: url(../imgs/bg_pageNav.gif) no-repeat center 0;
		position: relative;
	}
		.postNav .previous, .postNav .next {
			height: 45px;
			padding: 0;
			position: absolute;
			display: block;
		}
		.postNav .previous {
			top: 5px;
			left: 10px;
			background: url(../imgs/bg_postnav_previous.gif) no-repeat 0 0;
		}
		.postNav .next {
			top: 10px;
			right: 10px;
			background: url(../imgs/bg_postnav_next.gif) no-repeat right 0;
		}

			.postNav .previous a, .postNav .next a { display: block; color: #424242; } 
			.postNav .previous a {
				padding: 25px 0 0 32px;
			} 
			.postNav .next a {
				padding: 25px 32px 0 30px;
			} 
				.postNav .previous a:hover, .postNav .next a:hover { background-color: transparent; } 

		.postNav .pageNums {
			width: 50%;
			margin: 0 auto;
			padding: 0;
		}

	
	#back2top {
		clear: both;
		margin: 4em 4em 0 4em;
		height: 20px;
		display: block;
		overflow: hidden;
		text-indent: -1985px;
	}
		#back2top a {
			height: 20px;
			display: block;
			background: url(../imgs/bg_back2top.gif) no-repeat right 0;
		}
		#back2top a:hover {
			background: url(../imgs/bg_back2top_hover.gif) no-repeat right 0;
		}

	
/*========================== sidebar ========================*/

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 140%;
}
	#sidebar ul li {
		overflow: hidden;
		padding: 0 0 1.5em 0;
		margin: 0 0 0 8px;
		background: url(../imgs/bg_sidebar_ul_li_ul.gif) repeat-y 2px 0;
		position: relative;
	}
		#sidebar ul li a { color: #424242; }
	#sidebar ul li.category {
		margin: 0 0 0 2px;
		background: url(../imgs/bg_sidebar_ul_li_category.gif) no-repeat 7px 96px;
	}
		#sidebar ul li h2 {
			height: 22px;
			background: url(../imgs/bg_sidebar_ul_h2.gif) no-repeat 0 0;
			overflow: hidden;
			text-indent: -1985px;
			display: block;
		}
			#sidebar ul li h2 a, #sidebar ul li h2 span {
				display: block;
				height: 20px;
				margin: 0 0 0 22px; 
				line-height: 20px;
			}
			#sidebar ul li.category h2 a, #sidebar ul li.category h2 span {
				background: url(../imgs/bg_sidebar_h2_cate.gif) no-repeat 0 4px;
			}
			#sidebar ul li.archives h2 a, #sidebar ul li.archives h2 span {
				background: url(../imgs/bg_sidebar_h2_archives.gif) no-repeat 0 4px;
			}
			#sidebar ul li.tagCloud h2 a, #sidebar ul li.tagCloud h2 span {
				background: url(../imgs/bg_sidebar_h2_tagCloud.gif) no-repeat 0 4px;
			}
			#sidebar ul li.tagCloud h2 a, #sidebar ul li.links h2 span {
				background: url(../imgs/bg_sidebar_h2_links.gif) no-repeat 0 4px;
			}
			#sidebar ul li.tagCloud h2 a, #sidebar ul li.resources h2 span {
				background: url(../imgs/bg_sidebar_h2_resources.gif) no-repeat 0 7px;
			}
			#sidebar ul li.searchBarCol h2 a, #sidebar ul li.searchBarCol h2 span {
				background: url(../imgs/bg_sidebar_h2_search.gif) no-repeat 0 4px;
			}

		#sidebar ul li ul {
			margin: .6em 0 0 2em;
		}
			#sidebar ul li ul li {
				margin: 0 0 4px 0 !important;
				padding: 0 0 0 10px !important;
				background: url(../imgs/bullet_ul_li_overall_5x4.gif) no-repeat 0 6px;
			}
		
		.tagsCol { line-height: 20px; margin: 0 0 0 2em; }
			.tagsCol a { padding-right: 4px; }
		
		#sidebar ul li.searchBarCol ul li { background: none;}
			#sidebar ul li.searchBarCol input.search {
				padding: 2px!important;
				height: 15px;
				margin: 0 0 5px 0;
				width: 100px !important;
			}
				.searchBtn { background: url(../imgs/btn_search.gif) no-repeat 0 0 !important; }
					.searchBtn:hover { background: url(../imgs/btn_search.gif) no-repeat 1px -29px !important; }
		
			
/* =========== error404 page =========== */
.error404, #searchPage { height: 600px; padding-top: 2em; }