/*
THEME NAME: Fumiyasu in the SandBox
THEME URI: http://www.sfo.jp/blog/
DESCRIPTION: No description
VERSION: 1.0
AUTHOR: <a href="http://www.sfo.jp/blog/">ダメ出し日記</a>
AUTHOR URI:
TEMPLATE: sandbox
*/

/* CSS Reset Reloaded
   From Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
====================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

/* Basic styles
====================================================================== */

body {
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
}

h1 {font-size: 1.6em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.4em;}

h4 {font-size: 1.3em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1.1em;}

p {
  margin-top:		1.0em;
  margin-bottom:	0.5em;
  line-height:		1.5em;
}

abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

blockquote {
	padding-left: 2em;
}

blockquote blockquote{
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 8px;
}

cite {}

pre {
    overflow:		auto;
    background: #efefef;
    border: 1px solid #ccc;
    padding: .75em;
}

pre, code {
    font-family: monospace;
}

code p {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 2px;
	font-size: 1.1em;
}

del {color: #ff999c;}

dl {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

ins {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

ins:after {/*Will not appear in versions of IE*/
	content: " (Updated)";
}

label {/* The CSS standard dictates "pointer" as the value for a "pointer that indicates a link". Unfortunately, IE 5 and IE 5.5 for Windows don't understand this value, using "hand" to mean the same thing. By placing pointer first misbehaving Microsoft browsers ignore it and use the hand value, while better behaved browsers take pointer and ignore hand.*/
	cursor: pointer;
	display: inline;
}

table {}

td, th {
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tfoot td {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-weight: bold;
}

/* Wrapper
====================================================================== */

#wrapper {
	border-top: 3px solid #000;
	margin: 32px 8px 16px 8px;
	min-width: 700px;
	max-width: 1000px;
	position: relative;
	width: expression(document.body.clientWidth > 1000? "980px": "auto" );  /*IE Max Width*/
	text-align: left;
}

/* Menu
====================================================================== */

div#access .skip-link{display:none}

/* Page Header
====================================================================== */

#header {
	height: 3em;
	overflow: hidden;
	padding: 0 .5em;
}

#blog-title {
	float: left;
	margin: 5px 0 8px 0;
	padding-bottom: 4px;
	width: 49%;
}

#blog-title a {color: #000;}

#blog-title a:hover {color: #f60;}

#blog-description {
  float:	right;
  padding-top:	6px;
  text-align:	right;
  width:	50%;
}

#container {
	float: left;
	margin: 0 0 0 -12em;
	overflow: hidden;
	width: 100%;
}

#content {
	margin: 0 0 0 12em;
	padding: 8px;
}

#primary {
	float: right;
	overflow: hidden;
	width: 12em;
}

#categories, #pages, #archives, #recent-posts, #recent-comments, #primary #rss-links, #primary #meta {
	border-bottom: 1px solid #666;
	padding: 0px 0 8px 0;
}

#categories h3, #pages h3, #archives h3, #recent-posts h3, #recent-comments h3, #primary #rss-links h3, #primary #meta h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

/* Posts
====================================================================== */

.post {
	border-top: 1px solid #000;
	margin-top: 5px;
	padding: 10px 0;
}

.entry h2 {
      color: #333333;
      margin: 10px 0px 15px 0px;
}

.entry-title a {color: #000;}

.entry-date {
	font-size: .9em;
	padding-left: 20px;
}

.entry-content {}

.entry-meta {
	color: #666;
	font-size: .9em;
}

.entry-meta a {color: #666;}

/* Comments and Trackbacks
====================================================================== */

#comments {
	border-top: 1px solid #000;
	margin: 8px 0 0 0;
}

#trackbacks-list {border-top: 1px solid #333;}

.comment, .trackback, .pingback {
	border-top: 1px solid #ccc;
	padding-top: 8px;
}

.comment-author, .comment-meta {display: inline;}

.comment-meta {
	margin-left: 100px;
	text-align: right;
}

.comment-meta a {color: #666;}

.comment p {margin: 12px 0;}

#respond {
	background: #efefef;
	margin: 8px 0;
	padding: 8px;
}

.bypostauthor {
	background: #fffff0;
	border: 3px solid #ffd700;
	padding: .5em;
}

.required {color: #ff7f50;}

#formcontainer {}

.form-input input:focus, .form-textarea input:focus {background: #ffdab9;}

.form-label label {font-weight: bold;}

.important {color: #c00;}

.caps {text-transform: uppercase;}

.unapproved {
	color: #c00;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px 0 0 0;
}

/* Anchor
====================================================================== */

a[id]:hover, a[name]:hover {
    background-color:	transparent;
    color:		black;
    text-decoration:	none;
}
a[id]:active, a[name]:active {
    background-color:	transparent;
    color:		black;
    text-decoration:	none
}

a:link {
    background-color:	transparent;
    color:		#0000FF;
    text-decoration:	none;
}
a:visited {
    background-color:	transparent;
    color:		#000080;
    text-decoration:	none;
}
a:hover {
    background-color:	transparent;
    background-color:	#FFFF00;
    color:		#0000FF;
    text-decoration:	underline;
};
a:active {
    background-color:	transparent;
    color:		#0000FF;
    text-decoration:	none;
}

/* Common class
====================================================================== */

.nowrap {
    white-space:	nowrap;
}

/* fumiyas
====================================================================== */

pre.code {
    margin:		0.2em 0em 1em 0em;
    border:		solid 1px black;
    border-right-width:	2px;
    border-bottom-width:2px;
    width:		auto;
    padding:		5px;
    color:		black;
    background-color:	white;
    font-size:		small;
    line-height:	1.1em;
    white-space:	pre;
}
pre.terminal {
    border:		solid 1px black;
    border-right-width:	2px;
    border-bottom-width:2px;
    margin:		0.2em 0em 1em 0em;
    width:		auto;
    padding:		5px;
    color:		white;
    background-color:	#5050A0;
    font-size:		small;
    line-height:	1.1em;
    white-space:	pre;
}
pre kbd {
    border-color:	#FF9966;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.entry-content ul {
    margin-left:	1.0em;
    margin-top:		1.0em;
    margin-bottom:	1.0em;
    padding-left:	1.0em;
}

.entry-content li {
    list-style:		disc;
    margin-left:	1.0em;
}

li.cat-item ul {
    margin-left:	1.0em;
}