/*
Theme Name: naruco.cn
Theme URI: http://naruco.cn/
Description: 专注成就那罗虫
Version: 1.0
Author: Joker.Liang
Author URI: http://jokerliang.com/
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:normal; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
ol, ul{list-style:none}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}

body{
	color: #6e6765;
	font-family: "微软雅黑", verdana, "Trebuchet MS", Arial;
	font-size: 13px;
	background: #1a100b url("../images/background.jpg") center top repeat;
	height:100%;/*if ie*/
}
a{
	color: #535353;
}
a:hover{
	color: #05dbc1;
	text-decoration: underline;
}


#header{
	position:fixed;
	background: url('../images/lightbg.png') 0 50% repeat;
	color:red;
	bottom:80px;
	left:0;
	/*width:100%;if ie*/
	min-width:100%;
	height:128px;
    z-index:10;
}

#container .col-left {
	position:fixed;
	width:595px;
	background: transparent url('../images/col-left-bg.png') 0 top repeat;
	left:0;
	top:0;
	height:100%;/*if ie*/
	min-height:100%;
	z-index:2;
}

	ul.item {
		width:591px;
		overflow:hidden;
	}

		ul.item li{
			float:left;
			width:197px;
			height:118px;
			margin:0 0 2px 0;
			text-align:left;
			position:relative;
			overflow:hidden;
		}
			ul.item li div.image {
				width:195px;height:230px;
			}

			ul.item li .shadnow {
				position:absolute;
				top:0;left:0;
				width:195px;height:230px;
				background: url("../images/darkbg.png") 0 0 repeat;
				z-index:10;
			}
			
			div.content {padding:7px;}
			div.content h2, div.conetnt h3{
				display: block;
				padding:0 0 7px 0;
				font-size:14px;
			}
			div.content h2 {
				padding-top:28px;
				font-size:24px;
				text-align:left;
			}
			ul.item li.hover div.content p{
				min-height:80px;
			}
			div.content small a {
				float:right;
			}

#container .col-right {
	background: url("../images/darkbg.png") 50% 0 repeat;
	position:fixed;
	width:100%;/*if ie 6,this width will to change*/
	left:595px;
	top:0;
	height:100%;/*if ie*/
	min-height:100%;
	z-index:2;
}

	#container .col-right .content ,
	#footer .content {
		max-width:600px;
		min-width:390px;
	}
	#container .col-right .content p {
		padding:6px 0;
		text-indent:24px;
	}

#footer {
	position:fixed;
	bottom:0;
	left:600px;
	height:auto;
	color:#535353;
	font-size:11px;
	z-index:2;
}