/*====================== layout */

body{
	margin:0;
	padding:0;
}

* html body {     
	background: url(null) fixed;     
}

div#container{
	width:770px;
	margin:0 auto;
}

div#top{
	width:770px;
	margin:0 auto;
	margin-bottom:30px;
}

div#top div#header{
	padding-top:50px;
	height:40px;
	background:#fff url(../images/bg-container.gif) no-repeat left top;
	position:fixed;
	top:0;
	z-index:100;
}

* html div#top div#header{   
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+0));
}

div#container div#bread{
	color:#555;
	font-size:90%;
	margin-bottom:40px;
}

div#container div#left{
	float:left;
	width:250px;
}

div#container div#right{
	float:right;
	width:470px;
}

div#container div.blog,
div#container div.work{
	margin-bottom:40px;
	_margin-bottom:20px;
}

div#container div.logspickup,
div#container div.workspickup,
div#container div.twitter{
	margin-bottom:40px;
	_margin-bottom:20px;
}

div#container div#footer{
	text-align:center;
	font-family:verdana,serif;
	height:100px;
}

h1{
	clear:both;
	font-size:106%;
	letter-spacing:1px;
	margin:10px 0 14px 0;
	padding:0;
	width:90%;
}

p{
	font-size:90%;
}

a{
	background:url(../images/yellow_block.gif) no-repeat right bottom;
}

a:hover{
	background:url(../images/yellow_block.gif) repeat-x right bottom;
}

/*====================== header */

div#top div#header div.left{
	width:470px;
	float:left;
}

div#top div#header div.right{
	text-align:right;
	width:300px;
	float:left;
}

div#top div#header div.right a{
	color:#222;
	font-size:96%;
	font-weight:bold;
	letter-spacing:1px;
}

div#top p.description{
	clear:both;
	padding:80px 2px 10px 2px;
	_padding:90px 2px 10px 2px;
}

/*====================== blog,work */

div#container div.blog h2{
	clear:both;
	font-size:90%;
	font-weight:normal;
	letter-spacing:1px;
	margin:10px 0;
	padding:4px 6px;
	border-bottom:1px dotted #000;
}

div#container div.blog ul,
div#container div.work ul{
	padding:0;
	padding-bottom:20px;
}

div#container div.blog ul li,
div#container div.work ul li{
	clear:both;
	list-style:none;
	font-size:90%;
	display:block;
}

div#container div.blog ul li span.title,
div#container div.work ul li span.title{
	font-weight:bold;
	letter-spacing:2px;
	display:block;
	float:left;
	padding:6px 10px;
	background:#fff;
}

div#container div.blog ul li span.date,
div#container div.work ul li span.date{
	font-family:verdana,serif;
	text-align:right;
	display:block;
	float:right;
	margin-left:10px;
	padding:6px 10px;
	background:#fff;
}

div#container div.blog ul li a,
div#container div.work ul li a{
	color:#333;
	display:block;
	float:left;
	margin-right:10px;
	background:url(../images/bg-list.gif) repeat-x center;
}

div#container div.blog ul li a,
div#container div.work ul li a{
	width:100%;
}	

div#container div.work ul li a span.type{
	font-family:verdana,serif;
	font-size:90%;
	line-height:160%;
	background:#fff;
	display:block;
	float:left;
	padding:6px 4px;
}

/*====================== bread */

div#container div#bread a{
	color:#555;
	padding-right:14px;
	background:url(../images/bg-bread.gif) no-repeat right center;
}

div#container div#bread span{
	color:#555;
	padding-right:14px;
	background:url(../images/bg-bread.gif) no-repeat right center;
}

div#container div#bread span.thispage{
	background:none;
}

/*====================== content */

div#container div#content{
	margin-bottom:40px;
	border-bottom:1px solid #eee;
}

h1.content{
	color:#333;
	float:left;
	font-size:110%;
	font-family:san-serif;
	padding-bottom:20px;
	margin-bottom:0;
	padding-left:14px;
	background:url(../images/bg-h1.gif) no-repeat left top;
}

h1.content span{
	font-size:80%;
	font-weight:normal;
	font-family:verdana,serif;
	margin-left:20px;
}

div#container div#content img{
	margin-bottom:40px;
}

div#container div#content div.post{
	margin-top:40px;
}

div#container div#content div.post h2{
	font-size:100%;
}

div#container div#content div.post a{
	color:#252f92;
}

div#container div#content div.post p,
div#container div#content div.post * p,
div#container div#content div.post ul,
div#container div#content div.post * ul,
div#container div#content div.post ol,
div#container div#content div.post * ol{
	clear:both;
	width:370px;
	margin:0;
	margin-left:4px;
	padding:0 10px 10px 0;
	background:#fff;
}

div#container div#content div.post ul,
div#container div#content div.post ol{
	margin-bottom:10px;
	padding-left:20px;
}

div#container div#content div.post ul li,
div#container div#content div.post ol li{
	font-size:90%;
	margin-bottom:10px;
}

div#container div#content div.post table{
	width:300px;
	margin-bottom:40px;
	margin-right:0;
	float:right;
}

div#container div#content div.post table tr th{
	width:70px;
}

div#container div#content div.post table tr td ul{
	width:auto;
}

div#container div#content div.post p.date{
	clear:both;
	margin-top:100px;
	color:#555;
	font-family:verdana,serif;
	margin-bottom:0;
}

div#container div#content div.post form p * * span.wpcf7-list-item{
	display:block;
}

div#container div#content div.post form p span textarea{
	font-size:120%;
}

div#container div#content div.post pre{
	font-family:"Courier New",Courier,monospace;
	font-size:94%;
	width:680px;
	padding:10px;
	border:1px solid #555;
	margin-bottom:20px;
	background:#fff;
}

/*====================== texts pickup & works pickup */

div#container div.logspickup h1,
div#container div.workspickup h1{
	font-size:90%;
	font-weight:normal;
	font-family:verdana,serif;
	padding:4px;
	margin-bottom:0;
}

div#container div.logspickup h2,
div#container div.workspickup h2{
	font-size:96%;
	margin:0;
}

div#container div.logspickup h2 a img.thumb,
div#container div.workspickup h2 a img.thumb{
	border-top:1px solid #222;
	border-bottom:2px solid #222;
}

div#container div.logspickup h2 a span.title,
div#container div.workspickup h2 a span.title{
	color:#222;
	font-weight:bold;
	display:block;
	padding:8px 4px;
}

div#container div.logspickup span.outline,
div#container div.workspickup span.outline{
	color:#222;
	font-size:90%;
	display:block;
	padding:4px;
	border-bottom:1px dotted #222;
}

div#container div.logspickup a.detail,
div#container div.workspickup a.detail{
	color:#222;
	font-size:90%;
	display:block;
	text-align:right;
}

/*====================== footer*/

div#container div#footer a:link,
div#container div#footer a:visited{
	color:#000;
}

div#container div#footer a:hover{
	background:none;
	text-decoration:underline;
}

/*====================== tooltip*/

div#tooltip {
	position: absolute;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.8;
	z-index:20;
}

div#tooltip h3, #tooltip div{
	 margin: 0px;
	 padding:0px;
	 font-size:11px;
}