@import url('light.css');
@import url('show_list.css');


/* ///////// Main Skeleton ///////*/
	.blogs-content {
		width:1000px;
		position:relative;
	}
	.blogs-content .column {
		width:344px;
		margin-right:10px;
		float:left;
		height:100%;
	}
	.column img {
		float:left;
	}
	.greybar {
			float:left;
			width:325px;
			padding:0 10px 0 10px;
			margin-bottom:20px;
			background:#333;
		}
	.blogs-content .double-column {
		width:371px;
		
		padding-left:10px;
		margin-right:10px;
		float:left;
		}
		.double-column .posts {
			height:955px;
			overflow:hidden;
		}
		.blogs-content .double-column img {
			margin:0;
			padding:0;
			float:left;
		}
		.double-column .rightspacer {
			width:65px;
			float:left;
		}
		
		.double-column .show {
			padding-bottom:15px;
			float:left;
			}
			.show h1.blogs {
				border-bottom:1px dotted #fff;
				margin-bottom:5px;
				width:371px;
			}
			.show h1 a, .show h1 a:hover {
				color:#fff !important;
			}
			.show h1.page {
				color:#333;
			}
			.show .show-info.blogs {
				float:left;
				width:371px;
				margin-bottom:-20px;
				border-bottom:none!important;
				}
				h2.blogs a {
					
				}
				.show-info .by, .show-info h2 {
					line-height:24px;
					float:left;
				}
			.show-info .post-content.blogs {
				float:left;
			clear:both;
			width:371px;
			overflow:hidden;
			line-height:13px;
			font-size:12px;
			}
	.sidebar {
		width:250px;
		margin-left:5px;
		float:left;
	}
/* ////////// SLOG Exclusive area /////////// */
	img.sloghead {
		border-bottom:20px solid #333;
		padding-bottom:7px;
		margin-bottom:10px;
	}
	
	.sidebar .list {
		width:250px;
		float:left;
	}
	ul.slogs {
		margin-bottom:14px;
		clear:both;
	}
	ul.slogs a {
		text-decoration:none;
	}
	ul.slogs li {
		width:250px;
		height:196px;
		margin:0 14px 14px 0;
		float:left;
		background:#333;
		position:relative;
		text-decoration:none;
		}
		ul.slogs li div.slog-info {
			width:220px;
			height:176px;
			padding:10px 15px 10px 15px;
			background:#fc6;
			position:absolute;
			bottom:0;
			left:0;
			display:none;
		}
		ul.slogs li:hover div.slog-info {
			display:block;
		}
		.slogs li img {
			width:250px;
			height:196px;
			position:absolute;
			top:0;
			left:0;
		}
		.slog-info h2 {
			font-size:20px;
			font-weight:normal;
			color:#f66;
		}
		.slog-info p {
			padding-top:10px;
			color:#fff!important;
		}
	.clear {
		clear:both;
		float:left;
		width:100%;
	}
	.navigation {
		border-top:10px solid #333;
		width:371px;
		padding-top:7px;
		clear:both;
		font-size:12px;
	}
	.navigation.slog {
		width:250px;