@charset "utf-8";
/*
Theme Name: Sinner Blog
Theme URI: http://wordpress.org/
Description: Sinnerオリジナルテーマ
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */

/* -------------- ブラウザスタイルを初期化 -------------- */

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

img {
	padding: 0;
	vertical-align: top;
	border:0;
}

/* -------------- 文字組設定（ゴシック） -------------- */

body {
	font-size: 12px;
	font-family:  "Lucida Grande", sans-serif;
	line-height:150%;
	list-style-position:inside;
}
/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}
/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

/* -------------- 文字組設定（明朝） -------------- */

div.entry,
div.entry p,
div.post h2,
div.post h3,
li.widget_categories ul li,
li.widget_recent_entries ul li,
div#subNavi ul li h2.widgettitle,
div#contentRight h2.pagetitle,
div#respond h3
{
	font-family:  "Times New Roman", "ヒラギノ明朝 Pro W3", "MS P 明朝", serif;
	line-height:175%;
}

/* for WinIE6*/
* html div.entry,
* html div.entry p,
* html div.entry h2,
* html div.entry li.widget_categories ul li,
* html div.entry li.widget_recent_entries ul li,
* html div#subNavi ul li h2.widgettitle,
* html div#contentRight h2.pagetitle,
* html div#respond h3
 {
	font-family: Times New Roman, "MS P 明朝", serif;
}

/* for WinIE7*/
*:first-child+html div.entry,
*:first-child+html div.entry p,
*:first-child+html div.entry h2,
*:first-child+html div.entry li.widget_categories ul li,
*:first-child+html div.entry li.widget_recent_entries ul li,
*:first-child+html div#subNavi ul li h2.widgettitle,
*:first-child+html div#contentRight h2.pagetitle,
*:first-child+html div#respond h3
 { 
	font-family: Times New Roman, "MS P 明朝", serif;
	letter-spacing: 1px;
}

.clear {
	height: 0px;
	overflow:hidden;
	clear: both;
}

/* -------------- ハイパーリンク設定 -------------- */

a:link {
	color:#990000;
	text-decoration:none;
}

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

a:active {
	color:#990000;
	text-decoration:underline;
}

a:visited {
	color:#990000;
	text-decoration:none;
}

/* -------------- 基本構成 -------------- */

body {
	margin: 0;
	padding: 0;
	background: url(http://www.sinner.jp/images/body_bg.gif) top left no-repeat;
}
#page {
}
div#content {
	width: 800px;
	padding-bottom:30px;
	background: url(http://www.sinner.jp/images/content_bg.gif) top left repeat-y;
	zoom: 100%;
}
div#content:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div#contentLeft {
	float:left;
	padding-top: 50px;
	width: 160px;
}
div#contentRight {
	float:left;
	padding:42px 70px 0px 70px;
	width: 500px;
	background: url(images/bg_blog.gif) top left no-repeat;
}
h1 {
	margin-left: 20px;
	width: 720px;
	height: 72px;
	background: url(http://www.sinner.jp/images/sewing-machine.gif) top right no-repeat;
}
div#content img {
	margin-bottom: 30px;
	border:5px solid #F0F0F0;
}

/* -------------- グローバルナビ -------------- */

div#globalNavi {
	width: 800px;
	height: 58px;
	background: url(http://www.sinner.jp/images/global-navi_bg.gif) top left no-repeat;
}
div#globalNavi ul {
	margin-left: 226px;
	list-style-type:none;
}
div#globalNavi ul li {
	float:left;
	display:inline;
}
div#globalNavi ul li a {
	width:84px;
	height:58px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
a.globalNavi01 {
	background-image:url(http://www.sinner.jp/images/global-navi_01.gif);
	background-position:left 0px;
}
a.globalNavi01:hover {
	background-position:left -58px;
}
a.globalNavi02 {
	background-image:url(http://www.sinner.jp/images/global-navi_02.gif);
	background-position:left 0px;
}
a.globalNavi02:hover {
	background-position:left -58px;
}
a.globalNavi03 {
	background-image:url(http://www.sinner.jp/images/global-navi_03.gif);
	background-position:left 0px;
}
a.globalNavi03:hover {
	background-position:left -58px;
}
a.globalNavi04 {
	background-image:url(http://www.sinner.jp/images/global-navi_04.gif);
	background-position:left -116px;
}
a.globalNavi04:hover {
	background-position:left -116px;
}
a.globalNavi05 {
	background-image:url(http://www.sinner.jp/images/global-navi_05.gif);
	background-position:left 0px;
}
a.globalNavi05:hover {
	background-position:left -58px;
}
a.globalNavi06 {
	background-image:url(http://www.sinner.jp/images/global-navi_06.gif);
	background-position:left 0px;
}
a.globalNavi06:hover {
	background-position:left -58px;
}

/* -------------- ページトップへ -------------- */

div#pageTop {
	
}
div#pageTop a {
	display:block;
	width:160px;
	height:21px;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
	background-image:url(http://www.sinner.jp/images/page-top.gif);
	background-position: top left;
}
div#pageTop a:hover {
	background-position: left -21px ;
}

/* -------------- サイドナビ基本 -------------- */

div#subNavi {
	margin:0px 5px 0px 29px;
	padding-bottom: 28px;
	width: 125px;
	height: auto;
}
div#subNavi ul {
	list-style-type:none;
}

/* -------------- サイドナビ　カテゴリー -------------- */

li.widget_categories {
	margin-bottom: -20px;
}
li.widget_categories h2.widgettitle {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(images/title_subnavi-categories.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_categories ul {
	margin-bottom: 20px;
}
li.widget_categories ul li {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px dotted #999999;
	font-size: 12px;
	line-height: 150%;
}

/* -------------- サイドナビ　カレンダー -------------- */

li.widget_calendar {
	margin-bottom: 20px;
}
div#calendar_wrap {
	width: 125px;
	height: auto;
}
table#wp-calendar {
	width: 125px;
	height: auto;
	text-align: center;
}
table#wp-calendar caption {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px solid #999999;
}
table#wp-calendar thead {
	font-size: 11px;
	color: #666666;
}
table#wp-calendar tfoot tr td#prev {
	font-size: 11px;
	text-align: left;
}
table#wp-calendar tfoot tr td# {
	font-size: 11px;
	text-align: right;
}
table#wp-calendar tbody {
	font-size: 11px;
}

/* -------------- サイドナビ　検索 -------------- */

li.widget_search {
	margin-bottom: 20px;
}
li.widget_search form label {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(images/title_subnavi-keywordSearch.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_search div input#s {
	width: 120px;
}

/* -------------- サイドナビ　最近の投稿 -------------- */

li.widget_recent_entries {
}
li.widget_recent_entries h2.widgettitle {
	display:block;
	margin-bottom: 5px;
	width:125px;
	height:19px;
	background-image:url(images/title_subnavi-newTopics.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-500px;
	overflow:hidden;
}
li.widget_recent_entries ul {
}
li.widget_recent_entries ul li {
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom:1px dotted #999999;
	font-size: 12px;
	line-height: 150%;
}


/* -------------- 記事一覧 -------------- */

div.hentry {
}
div.hentry h2 {/* -------------- index.php -------------- */
	display:block;
	font-size: 26px;
	line-height: 120%;
	font-weight: lighter;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid #DDDDDD;
}
div#contentRight h2.pagetitle {/* -------------- archive.php -------------- */
	display:block;
	font-size: 26px;
	line-height: 120%;
	font-weight: lighter;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom:1px dashed #CCCCCC;
}
div.hentry h3 a {/* -------------- archive.php -------------- */
	display:block;
	font-size: 16px;
	margin-bottom: -5px;
}
div.entry {
	margin-top: 10px;
}
p.postmetadata {
	width: 500px;
	margin: 10px 0 15px 0;
	padding-bottom: 20px;
	border-bottom:1px dashed #CCCCCC;
	font-size: 10px;
}


/* -------------- 記事詳細 -------------- */

div.navigation {
	width: 500px;
	margin-top: 15px;
	zoom: 100%;
}
div.navigation:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}
div.navigation div.alignleft {
	float:left;
}
div.navigation div.alignright {
	float:right;
}
div#contentRight p textarea {
	width: 500px;
	border-top:2px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-left:2px solid #BBBBBB;
}
div#respond h3 {
	letter-spacing:-1px;
	font-weight:normal;
}

/* -------------- テーブル設定 -------------- */

table.item {
	width: 100%;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-collapse:collapse;
}
table.item tr {
}
table.item tr th {
	padding: 8px 5px;
	background:#EEEEEE;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-weight: normal;
	text-align:center;
}
table.item tr th span {
	white-space:nowrap;
}
table.item tr td {
	width: 50%;
	padding: 8px 10px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	vertical-align:middle;
	text-align:center;
	line-height:135%;
}