/*
     Theme Name: Canvas
     Theme URI: http://bluespeaker.jp
     Description: Canvas design baced Hemingway. 
     Version: 1.0
     Author: Bluespeaker
     Author URI: http://bluespeaker.jp
*/

/*   Universal   */

* { margin: 0; padding: 0; }

body {
	background: #D8D8D8 url(/wp-content/themes/canvas/images/canvas-black.png) repeat 0 0;
	color: #404040;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size: 11px;
}

h1, h2, h3, h4, p, label, dl, ul, ol {
	margin: 1.5em 0;
	color: #000000;
	font-weight: normal;
}
h1 { font-size: 2.2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }

p,
table {
	margin: 1.5em 0;
	color: #555555;
	line-height: 1.7em;
}

a {
	color: #0088CC;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a img { border: none; }

pre {
	overflow: auto;
	border: 1px solid #CCCCCC;
	border-width: 1px 1px 1px 3px;
	padding: 20px;
	background: #F3F3F3 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0;
}
cite { color: #999999; }

input, textarea {
	width: 15em;
	margin: 5px 0;
	padding: 0.25em;
	border: 1px solid #B3B3B3;
	background: #D8D8D8 url(/wp-content/themes/canvas/images/canvas-black.png) repeat 0 0;
	color: #404040;
}
input:focus,
textarea:focus { background: #FFFFFF url(/wp-content/themes/canvas/images/canvas-white.png) repeat 0 0; }

table { margin: 1.5em 0; }
th { padding: 8px 12px; background: #D8D8D8 url(/wp-content/themes/canvas/images/canvas-black.png) repeat 0 0; }
td { padding: 8px 12px; background: #F3F3F3 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0; }

/*   Universal Class   */

.clear { clear: both; }

.inside {
	width:80%;
	min-width:65em;
	max-width:85em;
	margin: 0 auto;
}

.left { float: left; margin: 0 2em 2em 0; }
.right { float: right; margin: 0 0 2em 2em; }
.center { margin: 1.5em 0; text-align: center; }

.q { border-left: 3px solid #CCCCCC; padding: 1em 1.5em; }
.a { border-left: 3px solid #666666; padding: 1em 1.5em; }

/*   Header   */

#header { background: #FFFFFF url(/wp-content/themes/canvas/images/canvas-white.png) repeat 0 0; }
#header .inside { padding: 3em 0; }
#header h2 {
	float: left;
	margin: 0 0.5em 0 0;
	border-right: 1px solid #808080;
	padding: 0 0.5em 0.25em 0;
	font-size: 2.25em;
}
#header h2 a {
	padding: 0.25em 0;
	color: #000000;
	text-decoration: none;
}
#header p {
	margin: 0 2em 0 0;
	padding: 0.8em 0;
}

#header_menu {
	border-bottom: 1px solid #CCCCCC;
	padding: 0.8em 0 1.8em 0;
	background: #D8D8D8 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0;
}
#header_menu li {
	float: left;
	padding: 0 10em 0 0;
	list-style-type: none;
}
#header_menu li a {
	color: #000000;
}

#search {
	float: right;
	margin: 0.5em 0;	
}
#search img {
	float: right;
	margin: 3px 0 0 3px;
}
#search input {
	width: 175px;
	margin: 2px 0 0 0;
	border: 1px solid #B3B3B3;
	background: #D8D8D8 url(/wp-content/themes/canvas/images/canvas-black.png) repeat 0 0;
	font-size: 0.85em;
}
#search input:focus { background: #F3F3F3 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0; }

/*   post   */

.post h1 { margin: 0 0 0 0; }
.post a { font-weight: bold; }
.post .primary ul {
	margin: 2em 0 2em 3.5em;
	color: #555555;
	list-style-image: url(/wp-content/themes/canvas/images/circle.png);
}
#primary .post ul li { margin: 1.5em 0; }

.side h2 { margin: 0.5em 0 1.3em 0; }
.side a { color: #666666; font-weight: normal; }
.side ul {
	margin: 0;
	background: url(/wp-content/themes/canvas/images/border-white.png) repeat-x 0 0;
	color: #666666;
	list-style-type: none;
}
.side li {
	margin: 0;
	background: url(/wp-content/themes/canvas/images/dotted-white.png) repeat-x 0 100%;
	padding: 0.7em 0;
	line-height: 1.5em;
}

/*   Menu   */

#side {
	border-top: 1px solid #CCCCCC;
	background: #F3F3F3 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0;
	padding: 1em;
}
#ancillary {
	border-bottom: 1px solid #B3B3B3;
}
.widget {
	float: left;
	margin: 0 1.2%;
	width: 31%;
	list-style-type: none;
}
.widget h2 { margin: 2em 0 0.5em 0; }
.widget ul {
	margin: 1.5em 0;
	background: url(/wp-content/themes/canvas/images/border-black.png) repeat-x 0 0;
	color: #555555;
	list-style-type: none;
}
.widget ul .date {
	float: left;
	display: block;
	padding: 0 1.5em 0 0;
	color: #555555;
}
.widget ul li {
	margin: 0;
	padding: 0.6em 0;
	background: url(/wp-content/themes/canvas/images/dotted-black.png) repeat-x 0 100%;
	list-style-type: none;
}
.widget ul a { color: #555555; }
.widget ul a:hover { color: #000000; }

/*   Comments   */

.comment_head {
	padding: 1em 2em;
	border-bottom: 1px solid #E3E3E3;
 }
.comment_head h2 {
	margin: 0.5em 0;
	font-size: 1.5em;
}
.comment_head a { color: #7F7F7F; }
.comment_head .details { font-size: 0.95em; }

#comments .content {
	float: left;
	width: 60%;
	margin: 0 0 0 1.9%;
	border-left: 1px solid #7F7F7F;
	padding: 0 0 0 2%;
}

ol#comments {
	margin: 2em 0;
	list-style-type: none;
}
ol#comments li { margin: 2em 0; }

#comments cite {
	float: left;
	width: 31%;
	font-style: normal;
	text-align: right;
}
#comments cite .author { font-size: 1.2em; }
#comments cite span { display: block; }

#comment_form {
	width: 36em;
	margin: 4em 0 5em 35.4%;
}
#commentform input {
	float: left;
	margin: 0 5px 0 0;
}
#commentform .formactions input.submit {
	float: right;
	padding: 2px;
	border: 1px solid #B3B3B3;
	background-color: #CCCCCC;
}
#commentform input.submit { cursor: pointer; }
#commentform input.submit:hover {
	border-color: #B2B2B2;
	color: #999999;
	background: #E5E5E5 url(/wp-content/themes/canvas/images/canvas-gray.png) repeat 0 0;
	cursor: pointer;
}

textarea.commentbox {
	width: 383px;
	height: 10em;
	font-size: 13px;
}

/*   Category and Search   */

ul.dates {
	margin-top: 30px;
	background: url(/wp-content/themes/canvas/images/border-white.png) repeat-x 0 0;
	color: #808080;
	list-style-type: none;
}
ul.dates li {
	background: url(/wp-content/themes/canvas/images/dotted-white.png) repeat-x 0 100%;
	padding: 0.5em 0;
}
ul.dates a { color: #404040; font-weight: normal; }
ul.dates a:hover { color: #000000; }
ul.dates .date {
	float: left;
	display: block;
	width: 100px;
	padding: 0 1.5em 0 0;
	color: #808080;
}

/*   Primary   */

#primary {
	background: #FFFFFF url(/wp-content/themes/canvas/images/canvas-white.png) repeat 0 0;
	padding: 1em 0 2em 0;
}
#primary .primary {
	float: right;
	width: 65%;
	font-size: 12px;
}
#primary .side{
	float: left;
	width: 30%;
	padding: 0.65em 0 0 0;
}
* html #primary.twocol-stories .story { margin: 0 0 0 2%; }
#primary.twocol-stories .story {
	float: left;
	display: inline;
	width: 48%;
	margin: 0 0 0 4%;
}
* html #primary.twocol-stories .first,
#primary.twocol-stories .first {
	margin: 0;
}

/*   Story   */

.story h3 { margin: 0 0 1.5em 0; }
.story h3 a {
	padding: 0 0 0.25em 0;
	background: url(/wp-content/themes/canvas/images/dotted-white.png) repeat-x 0 90%;
	color: #333333;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.4em;
}
.story .posts { min-height: 200px; }
.story .details {
	margin:0.5em 0;
	border-top: 1px solid #cccccc;
	padding: 0.5em 0;
	color: #4D4D4D;
	text-align: right;
	font-size: 0.85em;
}
.story .details a { color:#4D4D4D; }
.story .details a:hover { color:#000000; }

/*   Foooter   */

#footer {
	clear: both;
	margin: 0 0 3.5em 0;
}
#footer .inside {
	background: url(/wp-content/themes/canvas/images/border-black.png) repeat-x 0 0;
	height: 1px;
}
#footer p {
	font-size: 0.95em;
	margin: 1em 0;
}
#footer a {
	color: #333333;
	text-decoration: none;
}