/*
THEME NAME: netch-sb
THEME URI: http://netch.jp/
DESCRIPTION: Netch original theme based on Sandbox
VERSION: 1.0
AUTHOR: Ayumu Takeda
AUTHOR URI: http://netch.jp/
TAGS: fixed-width, microformats, sandbox
*/

/*
YUI Reset CSS
http://developer.yahoo.com/yui/reset/
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}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{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {
background: #000;
}
body {
min-width: 960px;
margin-top: 10px;
background: #FFF;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
font-size: 12px;
}

a {
color: #666;
text-decoration: none;
}

a:hover {
color: #B22;
text-decoration: underline;
}

p {
padding-bottom: 1em;
}

#globalnav,
#globalnav ul,
.lead,
#sidebar .wrapper,
#footer .wrapper,
li.comment,
div#post-204,
.body {
zoom:1;
}

#globalnav:after,
#globalnav ul:after,
.lead:after,
#sidebar:after,
#footer:after,
li.comment:after,
div#post-204:after,
.body:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

#header {
position: relative;
width: 960px;
height: 90px;
margin: 0 auto;
}

#logo a {
display: block;
width: 146px;
height: 44px;
position: absolute;
left: 30px;
bottom: 10px;
text-indent: -9999px;
background: transparent url(http://www.netch.jp/i/sprite.png) no-repeat top left;
}

#logo a:hover{
background-position: 0 -48px;
text-decoration: none;
}

#logo img {
	display: block;
	width: 0;
	}

#menu {
float: left;
}

#syndicate {
float: right;
}

#globalnav {
position: absolute;
bottom: 7px;
left: 180px;
width: 750px;
height: 24px;
_overflow: hidden;
}

#globalnav li {
_display: inline;
float: left;
margin-left: 30px;
font: 20px/0 'Helvetica', sans-serif;
}

#globalnav a{
display: block;
height: 24px;
text-indent: -9999px;
background-image: url(http://www.netch.jp/i/sprite.png);
background-repeat: no-repeat;
overflow: hidden;
}

#globalnav .page-item-204 a {width: 90px; background-position: -176px -23px;}
#globalnav .page-item-2 a {width: 72px; background-position: -288px -23px;}
#globalnav .rss a {width: 60px; background-position: -710px -23px;}
#globalnav .twitter a {width: 105px; background-position: -794px -23px;}

#globalnav .page-item-204 a:hover {background-position: -176px -71px;}
#globalnav .page-item-2 a:hover {background-position: -288px -71px;}
#globalnav .rss a:hover {background-position: -710px -71px;}
#globalnav .twitter a:hover {background-position: -794px -71px;}

#content {
width:960px;
padding-top: 15px;
margin: 0 auto;
border-top: 1px solid #CCC;
}

body.home #content,
body.single #content {
padding-top: 50px;
}

.navigation {
padding: 0 30px;
font: 20px/20px 'Helvetica', sans-serif;
}

#nav-above {
margin: 0 0 -20px;
text-align: right;
}

#nav-below {
border-top: 1px solid #CCC;
}

.nav-previous{
display: inline-block;
padding: 0 10px 0 0;
width: 4em;
text-align: left;
}

.nav-next {
display: inline-block;
padding: 0 0 0 10px;
width: 4em;
}

#nav-below .nav-previous{
padding: 10px 10px 10px 0;
}

#nav-below .nav-next {
padding: 10px 0 10px 10px;
}

.meta-sep {
display: inline-block;
width: 1px;
text-indent:-9999px;
background: #CCC;
}

#nav-above .meta-sep {
padding:0;
}

#nav-below .meta-sep {
padding:10px 0;
}

.nav-next {text-align: right;}
.meta-sep {text-align: center; color: #ccc;}

.entry-date {
font: 20px/20px 'Helvetica', sans-serif;
margin:0 30px 10px;
}

h1{
padding: 30px;
font-size: 30px;
line-height: 1.5;
}

body.home h1,
body.single h1 {
padding: 30px 30px 10px;
background: #000;
color: #FFF;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius: 5px 5px 0 0;
}

body.home h1 a,
body.single h1 a {
color: #FFF;
}

body.page .entry-content {
padding: 0 30px 30px;
min-height: 200px;
_height: 200px;
}

.entry-content ul,
.entry-content ol {
padding-left: 2em;
margin:20px 0;
}

.entry-content li {
margin-bottom: 1em;
line-height:1.5;
}

.entry-content ul li {
list-style: disc;
}

.entry-content ol li {
list-style: decimal;
}

.lead {
background: #000;
color: #DDD;
padding:10px 30px 30px;
line-height:2;
}

.lead a {
font-weight: bold;
}

.lead a,
#sidebar a,
#footer a {
color: #DDD;
text-decoration: underline;
}

.lead a:hover,
#sidebar a:hover,
#footer a:hover {
color: #FFF;
}

.lead img {
float: right;
margin: 0 0 0 30px;
}

.lead img.left {
float: left;
margin: 0 30px 0 0;
}

#content h2 {
margin: 30px 0 20px;
font-weight: bold;
font-size: 14px;
line-height: 1.5;
}

#content h2:first-child {
margin: 0 0 20px;
}

#content h3 {
margin: 20px 0 10px;
font-weight: bold;
font-size: 12px;
line-height: 1.5;
}

#content h3:first-child {
margin: 0 0 10px;
}

.body {
padding:30px;
line-height:1.75;
background: #F7F7F7;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 0 0 5px 5px;
border:1px solid #E5E5E5;
}

.body a {
color: #B62F2F;
font-weight: bold;
}

.body a:hover {
color: #C00;
}

.main {
float: left;
width: 590px;
}

.sub {
float: right;
width: 280px;
}

blockquote {
background: url(http://www.netch.jp/i/quote-open.png) no-repeat #FFF 5px 5px;
margin: 30px 0;
padding: 10px 10px 10px 60px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
blockquote p {
padding-bottom: 0;
}

.entry-meta {
padding: 30px;
color: #555;
}

.entry-meta input{
width: 400px;
}

#sidebar {
background: #000;
color: #DDD;
padding: 30px 0;
line-height:1.75;
}

#sidebar .wrapper,
#footer .wrapper {
width: 960px;
margin: 0 auto;
}

#sidebar h2 {
padding: 0 0 2px;
margin: 0 0 10px;
border-bottom: 1px solid #333;
font-weight: bold;
font-size: 14px;
line-height: 1.5;
color: #FFF;
text-transform: uppercase;
}

.sidebar {
float: left;
width: 280px;
padding-left: 30px;
}

#sidebar ul ul {
margin-bottom: 20px;
}

#sidebar li li {
margin-bottom: 5px;
}

#content .link-with-arrow,
#sidebar .link-with-arrow {
font-weight: bold;
text-decoration: none;
}

#content .link-with-arrow:hover,
#sidebar .link-with-arrow:hover {
text-decoration: underline;
}

.link-with-arrow .meta-nav {
font-weight: normal;
}

#sidebar #twitter-link {
display: block;
min-height: 20px;
zoom: 1;
background: url(http://www.netch.jp/i/icon_twitter.png) no-repeat left center;
padding-left: 26px;
font-weight: bold;
text-decoration: none;
}

#sidebar #author .vcard {
position: relative;
padding-left: 83px;
}

#sidebar #author .photo {
position: absolute;
top: 5px;
left: 0;
*top: 0;
_left: -83px;
}

#footer {
padding: 10px 0 70px;
background: #000;
color: #DDD;
border-top: 1px solid #333;
font-size: 14px;
line-height: 26px;
}

#footer #search,
#footer #rss-links,
#footer #copyright{
float: left;
width: 280px;
padding-left: 30px;
}

.search-button {
		width: 54px;
		height: 26px;
		background: url(http://www.netch.jp/i/btn_search.png) no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		border: 0;
		vertical-align: middle;
}

.search-text {
		width: 220px;
		height: 24px;
		border: solid #878787;
		border-width: 1px 0 1px 1px;
		vertical-align: middle;
}

#rss-links a {
display: block;
min-height: 20px;
zoom: 1;
background: url(http://www.netch.jp/i/icon_rss.png) no-repeat left center;
padding-left: 26px;
font-weight: bold;
text-decoration: none;
}

#rss-links a:hover {
border: 0;
}

#comments {
position: relative;
margin: 30px 0;
padding: 30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #DDD;
}

#content #comments h2 {
margin-top: 0;
}

#comments ol {
margin-bottom: 50px;
}

#comments .rss {
position: absolute;
display: block;
right: 30px;
top: 30px;
min-height: 20px;
zoom: 1;
background: url(http://www.netch.jp/i/icon_rss.png) no-repeat left center;
padding-left: 26px;
padding-bottom: 0;
border: 0;
line-height: 20px;
}

#comments .rss:hover {
border: 0;
}

#respond label {
}

li.comment {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #E5E5E5;
padding: 10px;
margin-bottom: 10px;
background: #F7F7F7;
}

.comment-meta {
float: left;
width: 269px;
font-weight: bold;
}

.comment-author .photo {
float: left;
margin-right: 10px;
}

.comment-date {
color: #999;
}

li.comment p {
margin-left :310px;
padding-bottom: 0;
}

#commentform .form-label {
float: left;
clear: both;
width: 80px;
margin-right:10px;
padding:2px 0;
text-align: right;
}

#commentform .form-submit {
clear: both;
margin-left: 90px;
}

#commentform .form-input,
#commentform .form-textarea {
margin-bottom: 10px;
}

#commentform .form-input input,
#commentform .form-textarea textarea {
width: 400px;
padding: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #CCC;
background: #DDD;
}

#commentform .form-textarea textarea {
height: 100px;
}

#excerpt-list {
float: left;
width: 590px;
padding: 0 30px;
line-height:1.75;
}

#excerpt-list img {
margin: 0 0 10px;
}

#excerpt-list a {
color: #B62F2F;
}

#excerpt-list a:hover {
color: #C00;
}

#excerpt-list dt {
font-size: 20px;
font-weight: bold;
}

#excerpt-list dd.entry {
margin-bottom: 50px;
}

#excerpt-list dd.date {
font-weight: bold;
color: #999;
margin-bottom: 10px;
}

#excerpt-list .more {
font-size: 14px;
}

div#monthly-archives,
div#categories {
margin: 0 30px 30px 650px;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #CCC;
}

#content div#monthly-archives h2,
#content div#categories h2 {
margin-bottom: 10px;
}

div#monthly-archives a,
div#categories a {
display: block;
margin-bottom: 5px;
}

body.search #nav-below,
body.archive #nav-below {
clear: both;
}

.sample {
background: #FFF;
margin: 10px 0;
padding: 10px;
border: 1px solid #ccc;
}

.codesample {
background: #666;
margin: 10px 0;
padding: 10px;
border: 1px solid #ccc;
color: #FFF;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #DDD;
	text-align: center;
	background-color: #FFF;
	padding: 10px 5px 5px;
	margin: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 0 0;
	margin: 0;
}
/* End captions */

.image {
	display: block;
	margin: 20px 0;
	padding: 5px;
	border: 2px solid #DDD;
	background: #FFF;
}