/*  

Theme Name: ICO作品集

Theme URI: http://icojump.in/design

Version: 1.0

Author: ico

Author URI: http://icojump.in/

*/


body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td,figure {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

address, caption, cite, code, dfn,em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}



input, button, textarea,select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

code, kbd, samp, tt {
	font-size: 100%;
}

/*@purpose To enable resizing for IE */

/*@branch For IE6-Win, IE7-Win */

input, button, textarea, select {
	*font-size: 100%;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}

sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}

/* remember to highlight anchors and inserts somehow! */

:link, :visited , ins {
	text-decoration: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}

.clear-float:after{ 
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
	content:"";
}

.clear-float{display:inline-block;}

/*\*/

* html .clear-float{zoom:1;}

.clear-float{display:block;}

/*start layout*/
html,body{
	height: 100%;
	background:#dbdbdb;
}
header{
	width:100%;
	height:60px;
	background:url(image/header-bg.png) left top repeat-x;
	position: fixed;
	top:0;
	left:0;
}

#main{
	width:10800px;
	padding:100px 0 10px 60px;
}

#logo{
	float:left;
	margin:20px 0 15px 38px;
}

	#logo a{
		width:115px;
		height:26px;
		display:block;
		background:url(image/logo.png) no-repeat;
		text-indent:-99999em;		
	}
	
nav{
	float: left;
	margin:22px 0 15px 20px;
	font-size:14px;
	font-family: 'Andika', sans-serif;
	text-decoration:none;
}
	
	nav a{
		color:#999;
	}

	nav a:hover{
		background: #777;
		color: #fff;
	}

#arr{
	width:14px;
	height:7px;
	background:url(image/arr.png) left top no-repeat;
	position:absolute;
	left:116px;
	top:53px;
}

#main section li{
	float: left;
	padding: 0 150px 0 0;
}
	#main section li.time{
		font-family: 'Andika', sans-serif;
		font-size: 40px;
		color: #aaa;
		font-style:italic;
		font-weight: 700;
	}
	
	#main section li img{
		-webkit-box-shadow: #666 3px 3px 10px;
		-moz-box-shadow: #666 3px 3px 10px;
		box-shadow: #666 3px 3px 10px;
		background: #FFF;
	}
	
	#main section li a:hover img{
		-webkit-box-shadow: #333 3px 3px 15px;
		-moz-box-shadow: #333 3px 3px 15px;
		box-shadow: #333 3px 3px 15px;
	}
	
	#main section li a h1{
		margin: 20px 0 0 0;
		font-size: 16px;
		color: #888;
		font-family: 'Microsoft Yahei', 'Microsoft JhengHei', 'Tahome';
	}
	
	#main section li a:hover h1{
		color: #333;
		font-weight: 700;
	}