@charset "utf-8";
/* CSS Document */

div#container {
	position:relative;
	width:820px;
	margin:0 auto;
	padding:64px 0 24px;
}


header, nav, nav + section, footer {
	width:520px;
	margin:0 39px;
	
}

header {
	margin:0 39px 8px;
}

nav {
	margin-bottom:30px;
}

nav ul {
	overflow:hidden;
}

nav li {
	float:left;
}





nav + section > h2 {
	margin:-28px 0 -78px;
	text-align:right;
	color:rgba(0, 0, 0, 0.07);
	overflow:hidden;
}

article {
	position:relative;
}


article > h2, article > h3:first-child {
	margin:30px 0 14px;
	padding:6px 0;
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/hline_01.png) repeat-x 0 100%;
}

ul.metadata {
	position:absolute;
	top:6px;
	right:0;
	overflow:hidden;
	text-align:right;
}

ul.metadata time {
	display:block;
}

ul.metadata ul, ul.metadata li {
	display:inline;
}

article .categories {
	padding-left:16px;
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/ico_categories.png) no-repeat 0 50%;
}

article .tags {
	padding-left:16px;
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/ico_tags.png) no-repeat 0 50%;
}

article > p > a:not([rel]), article > ul:not([id]) > li > a {
	padding:1px 6px;
	display:block;
	background:rgba(0, 0, 0, 0.1);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

article > ul {
	margin:0 0 12px;
}

article > ul:not([id]) > li > a {
	margin:1px 0 0;
}

article > ol {
	padding:8px 8px;
	background:#fff;
	background:rgba(255, 255, 255, 0.6);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

article > ol li {
	list-style:decimal-leading-zero inside;
	text-indent:-36px;
	padding-left:36px;
}





article p + h3, article ul + h3 {
	margin:15px 0 0;
	padding:14px 0 0;
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/hline_01.png) repeat-x 0 0;
}

ul#similar {
	margin:0 0 15px;
}

ul#similar li {
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/ico_links_01.png) no-repeat 0 0.2em;
	padding:0 0 0 21px;
}





aside {
	padding:0 14px 5px;
	background:#fff;
	background:rgba(255, 255, 255, 0.6);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

aside > p:first-child {
	text-align:center;
	margin:0 0 0px;
}

dl.comments {
	display:none;
}

aside form {
	display:none;
	margin-top:16px;
}

aside dt {
	float:left;
}

aside dd {
	margin:0 0 14px 140px;
}

aside dl dd + dd {
	margin-top:-10px;
}

dl.comments dt + dd {
	background:#b3b3b3;
	background:rgba(0, 0, 0, 0.3);
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#fff;
}

aside input[type=text], aside input[type=email], aside input[type=url] {
	width:150px;
}

textarea {
	width:280px;
}

aside > form > p {
	margin:0 0 0 140px;
}

aside > form > p[id] {
	margin:0 0 10px;
}



section + section {
	position:absolute;
	width:200px;
	top:155px;
	right:0;
}

section + section > ul:first-child > li {
	margin:1px 0 0;
	line-height:0;
}

section + section > ul:first-child > li:first-child {
	margin:0;
}

section + section > ul:first-child > li > a {
	display:block;
	height:24px;
}


li#categories, li#tags, li#archives {
	width:100%;
	position:absolute;
	top:24px;
	left:0;
	z-index:120;
	background:#b3b3b3;
	background:rgba(51, 51, 51, 0.80);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:none;
	opacity:0;
}


li#tags {
	top:49px;
	z-index:110;
}

li#archives {
	top:74px;
	z-index:100;
}

li#categories li, li#tags li, li#archives li {
	border-top:1px solid #ccc;
	border-color:rgba(255, 255, 255, 0.4);
	width:100%;
	height:24px;
}

li#categories li:first-child, li#tags li:first-child, li#archives li:first-child {
	border-top:none;
}

section + section ul:first-child ul a {
	padding:3px 6px;
	display:block;
}




form#searchform input {
	width:175px;
	height:25px;
	margin:16px 0 0;
	padding:2px 0 0 25px;
	border:none;
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/form_inputsearch_01.png);
}



section + section h2 {
	margin:12px 0 0;
}

section + section ol {
	padding:4px 6px;
	background:rgba(255, 255, 255, 0.6);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

section + section ol li {
	background:url(/blog/wp-content/themes/t2d2009v2/_common/img/ico_links_01.png) no-repeat 0 0.2em;
	padding:0 0 0 21px;
}




ul#panoramio {
	overflow:auto;
	margin:16px 0 0;
}

ul#panoramio li {
	width:25px;
	height:124px;
	display:block;
	overflow:hidden;
	float:left;
}

ul#panoramio img {
	margin:-20px 0 0 -70px;
}







footer ul:first-child {
	width:91px;
	margin:20px auto;
	position:relative;
}

footer ul:first-child li {
	width:25px;
	position:absolute;
	top:4px;
}

footer li#prev {
	left:0;
}

footer li#next {
	right:0;
}


li#backtotop {
	width:31px;
	margin:0 auto;
	position:static;
}


ul#system li {
	float:left;
	line-height:21px;
	margin:4px 12px 16px 0;
}














