html {
	box-sizing: border-box;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear {
	clear: both;
}

ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

*, *:before, *:after {
	box-sizing: inherit;
}

#page {
	max-width:960px;
	margin:0 auto;
}

#site_list {
	width:40%;
	float:left;
}

#post_list {
	width:60%;
	float:left;
}

#post_list article > h4,
#post_list article > h1 {
	font-weight:normal;
	font-family:"Open Sans Condensed";
	font-size:18px;
	margin:0;
	padding:1px 0;
}

#post_list article > h1 {
	font-size:32px;
	margin:0;
	padding:1px 0;
}

#post_list article > h4 a {
	text-decoration:none;
	color:#045;
}

#post_list article > h4 a:hover {
	text-decoration:underline;
	color:#0ab;
}

#post_list article > .post_content {
	font-size:11px;
}

#post_list article > .post_content p {
	margin:2px 0;
	padding:0;
}

.insider {
	margin:8px 2%;
}

#main_list {
	width:100%;
}

#main_list li {
	display:block;
	height:40px;
	width:100%;
	margin:0;
	padding:0;
	border:0;
}

#main_list li a {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	border:transparent solid 1px;
	text-decoration:none;
	color:#333;
	vertical-align: middle;
}

#main_list li a:hover {
	border:hsla( 0, 0%, 75%, .75 ) solid 1px;
	background: #eeeeee;
	background: -moz-linear-gradient(top,  hsla(0,0%,93%,1) 0%, hsla(0,0%,80%,1) 100%);
	background: -webkit-linear-gradient(top,  hsla(0,0%,93%,1) 0%,hsla(0,0%,80%,1) 100%);
	background: linear-gradient(to bottom,  hsla(0,0%,93%,1) 0%,hsla(0,0%,80%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

#main_list li a .site-icon {
	filter:grayscale(100%);
	display:inline-block;
	width:32px;
	height:32px;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-image:url('../img/no-icon.png');
	background-size:cover;
	vertical-align:top;
	margin:3px 8px 0 3px;
	opacity:.6;
}

#main_list li a:hover .site-icon {
	filter:grayscale(0%);
	opacity:1;
}