body{

	margin:0;

	padding:0;

	background:url(bg.gif) 0 0 repeat #f7f5f5;

	color:#333;

	font-family:"Lantinghei SC", "Microsoft Yahei", Helvetica, Arial, sans-serif;

	font-size:15px;

	overflow-x:hidden;

}

header, section, footer, hgroup{

	display:block;

}

a {

	color:#35BFFF;

	text-decoration:none;

}

a:hover, a:active{

	color:#91DCFF;

}



/* Header */

#header{

	width:100%;

	background:#000;

	background:rgba(0, 0, 0, 0.8);

	padding:5px 0;

	letter-spacing:1px;

	margin-bottom:20px;

	position:fixed;

	top:0;

	left:0;

	z-index:99;

}

#header h1{

	padding:0 20px;

	margin:5px 0;

	text-shadow:2px 1px 1px #333, 2px 2px 1px #888;

	color:#EAEAEA;

	float:left;

	font-size:27px;

}

#backlinks{

	float:right;

	padding:0 20px;

	line-height:22px;

	font-weight:bold;

	font-size:13px;

}

#backlinks a{

	text-align:right;

	display:block;

}



/* Footer */

#footer{

	width:100%;

	position:fixed;

	padding-left:20px;

	bottom:0;

	left:0;

	line-height:20px;

	color:#888;

	font-size:13px;

	background:rgb(0, 0, 0);

	background:rgba(0, 0, 0, 0.8);

	z-index:99;

}

#footer span{

	display:block;

}



/* clearfix */

.clearfix {

	clear:both;

}



/* wrapper css */

#wrapper{

	width:100%;

}

#wrapper hgroup{

	text-align:center;

}

#wrapper h2{

	margin:5px 0;

	color:#FF6D99;

	text-shadow:1px 1px 2px #A50031;

	font-size:33px;

	font-family:"Lantinghei SC", "Microsoft Yahei", Helvetica, Arial, sans-serif;

}

#wrapper h3{

	font-style:italic;

	font-weight:normal;

	font-size:18px;

	text-shadow:1px 1px 0 #fff;

	color:#888;

	margin:5px 0;

}



#container{

	position:relative;

	width:1140px;

	margin:0px auto 0px;

	padding-bottom: 10px;	

}

.grid{

	width:188px;

	min-height:100px;

	padding: 0px;

	background:#fff;

	margin:16px;

	font-size:12px;

	float:left;

	box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	

	-webkit-transition: top 1s ease, left 1s ease;

	-moz-transition: top 1s ease, left 1s ease;

	-o-transition: top 1s ease, left 1s ease;

	-ms-transition: top 1s ease, left 1s ease;

}



.grid strong {

border-bottom: 1px solid #ccc;

/* margin: 10px 0; */

display: block;

padding: 5px;

font-size: 17px;

font-size: 16px;

font-style: italic;

color: #fff;

background-color: red;



}

.grid .meta{

	text-align:right;

	color:#777;

	font-style:italic; padding: 10px;

}

.grid .imgholder img{

	max-width:100%;

	background:#ccc;

	display:block;

	background:url(images/loding.gif) no-repeat center;

}

.grid p{background: #FFF;

line-height: 25px;

font-size: 14px;

font-family: "Lantinghei SC", "Microsoft Yahei", Helvetica, Arial, sans-serif;padding: 10px;}

.grid p img{ float:right}

@media screen and (max-width : 1240px) {

	body{

		overflow:auto;

	}

}