/*
--------------CONTENTS---------------


Monophonic style sheet 
Author:    kanie fujio
Version:  4.0 Apr 2009
LastUpdate : 11 Nov 2009

Description: Designed by <a href="http://www.designtheque.jp/">designtheque</a>.

Based off of: Wordpress
Author URI: http://www.designtheque.jp/



1 :    Layout / Base  Styling



----------------------------------------
*/





/*
-----1 : Layout / Base  Styling-----
*/
html, body  { width: 100%; height: 100%; }
body                   { color: #4c4c4c; font-size: 11px; font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Sans-Serif, Verdana, Arial;  text-align: center; margin: 0; padding: 0; width: 100%; height: 100%; border-top: 2px solid #f0f2f2 }
*html body   { font-size: 11px }
fieldset    { padding: 0.5em 0 0.5em 0 }
h1       { color: #1B71C7; font-size: 1.6em; font-family: Helvetica; font-weight: lighter; line-height: normal; margin: 1.5em 0 }
h1 a  { text-decoration: none; margin: 0.67em 0 }
h1 a:hover  { color: #69f; text-decoration: none; margin: 0.67em 0 }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address  { color: #666; margin: 1em 0 }
h3{ color: #FFFFFF; font-size: 1.15em; font-weight: normal; }
h3.gray  { color: #333;  }
h2 { color: #4e4e4e; font-size: 1.15em; font-weight: normal; margin: 0 }
h4     { color: #333; font-size: 1.15em; font-weight: normal; line-height: 1 }
p { line-height: 1.8 }
p.mb2 { margin-bottom: 2em; }
br.mb2 { margin-bottom: 2em; }
a { color: #1B71C7; text-decoration: none }
a:hover { color: #69f; text-decoration: underline }
a:visited { }
/***a img  { line-height: 1; margin: 0; padding: 0 0.5em 0 0; border-style: none }***/
.serif  { color: #f60; line-height: 1.8; text-decoration: none; margin-top: 2em; margin-bottom: 2em }
img { padding: 4px; border: solid 1px #d5d5d5 }
img.no { padding: 4px; border: 0 }
blockquote  { font-size: 10px; text-decoration: none; padding-left: 2em; width: 400px; border-left: 2px solid #d5d5d5 }
blockquote p { color: #9f9f77; line-height: 1.8; margin-top: 2em; margin-bottom: 2em }
strong { color: #000; font-size: 1.8em; line-height: 1.8; background-color: #cf0 }
input.textfield, textarea { background-color: #fcfcfc; margin: 5px 0; width: 15em; border: solid 1px #868686 }

label.text{
	left: 0.5em;
	position: relative;
	top: -0.5em;
}

li, dd  { margin-left: 5% }

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

ol#comments li{
	list-style-type: none;
	margin: 2em 0px;
}
.year  { color: #333; font-size: 20px; font-family: "Times New Roman", serif }
.month  { color: #333; font-size: 50px; font-family: "Times New Roman" }
.hour   { color: #000; font-size: 12px }

pre { padding: 1em 0; overflow: auto; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc }

select option{
	padding: 0px 5px;
}

table{
	border-spacing: 2px;
	margin: 1.5em 0px;
	width: 100%;
}

table caption{
	color: #000000;
	margin-bottom: -1em;
	margin-top: 1em;
	text-align: left;
}

table td{
	background: #CCCCCC;
	color: #000000;
}

table th{
	background: #CCCCCC;
	color: #000000;
	text-align: left;
}

table th, table td{
	padding: 0.3em 0.75em;
}

textarea.commentbox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	height: 10em;
	margin: 5px 0px;
	padding: 0.25em;
	width: 28em;
}

ul li{
	list-style-type: none;
	margin: 0.5em 0px 0.5em 2em;
        color:#787878;
}

ul.counts .count{

	color: #7A7A7A;
	float: right;
}

ul.dates .date { color: #cf0; padding: 0 1.5em 0 0 }

ul.dates a, ul.counts a  { color: #3480CD; text-decoration: none }

ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count   { color: #69f }

ul.dates li, ul.counts li { list-style-type: none; margin: 0; padding: 0.5em 0; border-bottom: 0 solid #c2c2c2 }

ul.dates, ul.counts{
	border-top:0px solid #C2C2C2;
	list-style-type: none;
	margin: 1.5em 0px;
}

.clear  { font-size: 1px; line-height: 1px; clear: both }

.comment-head   { padding: 0.8em 2em 1em; width: 98%; border-bottom: 1px dotted #cf0 }

.comment-head .details{
	font-size: 0.95em;
}

.comment-head a  { color: #369; text-decoration: none }
.comment-head a:hover  { color: #69f; text-decoration: underline }
.comment-head a:visited { text-decoration: none }
.comment-head h2 { font-size: 1.5em; margin: 0 0 0.5em }

.formactions .spinner{
	float: right;
	margin: -8px -20px 0px 0px;
}

.formactions input.submit { color: #333333; background-color: #ffffff; margin: -1em 0 0; padding: 0 0.5em; float: right; border: solid 1px #663 }

.formhead {
color:#000000;
}

.hide, .print-logo, .close-button{
	display: none;
}

/* This class sets the width and position for all rows */
.inside           { background-color: transparent; text-align: left; margin-right: auto; margin-left: auto; padding: 0; width: 700px }

.left   { float: left }

.right   { float: right }

.rule{
	border-top: 1px solid #CCCCCC;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 1.5em 0px;
}

.single-post h1, .single-post h2   { color: #36c; font-size: 1.2em; text-decoration: none }


/*
-----2 : popup-----
*/

#pop      { margin: 0 }
#pop p      { color: #fff }
#pop h1         { color: #fff; font-family: Helvetica; margin: 0; padding: 40px 0 }
#pop h1 a      { color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: 0 7px }
#pop h1 a:hover      { color: #fff; text-decoration: none; background-color: #cf3; background-repeat: no-repeat }
.pop_block  { background: #3399cc url("images/bg.jpg") repeat-x fixed; height: 400px }
#pop_block1   { margin: 0 }
.pop_header          { font-size: 1.15em; background-image: url(images/navi.jpg); background-repeat: no-repeat; background-position: 16px 0; text-align: right; margin: 0; padding: 0; width: 250px; height: 160px; float: right }
.pop_header a      { color: #fff; line-height: 2.2; text-decoration: none; text-align: right; padding-right: 60px; padding-left: 80px; width: 100px }
.pop_header a:hover       { color: #666; text-decoration: none }
.close_block  { color: #6f3; text-align: right; display: block; position: relative; bottom: 0; width: 100%; height: 15px }


/*
-----3 : Header-----
*/

#header              { margin: 0; width: 100% }
#header .inside        { background-repeat: no-repeat; background-position: -10px -20px; margin: 0 auto; width: 700px }
#top      { color: #36c; margin: 0; padding-top: 48px; width: 400px; float: left }
#top h1         { color: #fff; font-family: Helvetica; margin: 0; padding: 0 0 36px }
#top h1 a      { color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: 0 7px }
#top h1 a:hover      { color: #fff; text-decoration: none; background-color: #cf3; background-repeat: no-repeat }
#header p { line-height: 1em; margin: 0; padding: 1em 0 }
#header a img  { border-style: none }


/*
-----4 : Navi Items-----
*/

ul.navi    { padding: 0 1.5em 0 0 }
ul.navi a  { color: #369; text-decoration: none }
ul.navi a:hover, ul.navi a:hover    { color: #ff3b9f; text-decoration: none }
ul.navi li {
	border-bottom: 0px solid #C2C2C2;
	list-style-type: none;
	margin: 0px;
	padding: 0.5em 0px;
}
ul.navi { list-style-type: none; margin: 1.5em 0; border-top: 0 solid #c2c2c2 }


/*
-----5 :  Primary Items-----
*/

#primary          { background-image: none; margin-right: auto; margin-left: auto; padding: 0; width: 98%; clear: both }
#primary .primary                 { text-align: left; margin: 0; padding: 0.65em 0 0; width: 96% }
#primary .primary .post   { width: 100% }
#primary .secondary              { display: inline; margin: 0 1% 0 0; padding: 3.35em 0 0; width: 1% }
#primary .secondary-search         { display: inline; margin-right: 24px; padding-top: 14px; width: 25%; float: right }
#primary .secondary .admin-tools{ margin:1em 0; }
#primary h1             { font-size: 1.15em; font-family: Helvetica; font-weight: lighter; background-image: url("images/h1.jpg"); background-repeat: no-repeat; background-position: 0 top; margin-bottom: 2em; padding: 13px 0 0 36px; width: 98%; height: 40px }
html>body #primary h1  { background-image: url("images/h1.png") }

#primary h2 { font-size: 1.15em; background-image: url("images/h2.jpg"); background-repeat: no-repeat; background-position: 0 top; margin-bottom: 2em; padding-top: 14px; padding-left: 46px; width: 98%x; height: 40px }
html>body #primary h2 {background-image: url("images/h2.png")}
#primary p.attributes   { float: right; height: 2em; margin: 0 0 0 0.5em }
#primary p.attributes a  { color: #c09; text-decoration: none; }

span.posttime { color: #3c6; font-size: 90% }

.postmeta     { font-size: 90%; line-height: 1.8; background-color: #fcfcfc; text-align: left; margin-top: 3em; margin-bottom: 0; padding: 5px 5px 5px 10px; width: 90%; height: 100px; border-top: 1px dotted #df376f; border-bottom: 1px dotted #df376f }
.postmeta a    { color: #1B71C7; text-decoration: none }
.postmeta a:hover    { color: #69f; text-decoration: none }


#search  { margin-bottom: 2em }
#search .spinner { text-align: right; padding: 0 0 5px }
#search img { margin-top: 2px; position: relative; top: 0.5em; left: -5px }
#search img.archives-icon { margin: 0 7px 0 0; top: 1px }
#search input{
	background-color: #F8F8F8;
	border: 1px solid #868686;
	font-size: 1.65em;
	margin-top: 2px;
	width: 225px;
        /*font-size: 0.85em; width: 175px*/
}
#search input:focus{
	background: #FFFFFF;
}
#search-result ul{
	margin: 0px;
}
#search-results{
	background: #CCCCCC;
	border-top: 1em solid #000000;
	float: right;
	-moz-opacity: 0.9;
	padding: 0px 0px 0px 0px;
	width: 30%;
}
#search-results h3{
	background: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 1em 0px;
	text-align: left;
}
#search-results small{
	border-bottom: 1px solid #555555;
	border-top: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	padding: 0.5em 1em 0.7em 1em;
	text-align: left;
}
#search-results small a{
	color: #CCCCCC;
}
#search-results ul li{
	list-style-type: none;
	margin: 0.5em 0px;
	padding: 0px 1em 0.5em 1em;
}
#search-results ul li a{
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
}
#search-results ul li:hover  { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }


/*
-----6 :  Secondary Items-----
*/

.secondary .featured   { margin: 0; padding: 0 }
.secondary .featured dl { margin: 0; padding: 0.5em 0 0.6em; border-bottom: 0 solid #cccccc }
.secondary .featured p   { color: #ccc; line-height: 1.5em; margin: 1em 0.5em; padding: 0.5em 0 0.6em; border-top: 0 solid #cccccc; border-bottom: 0 solid #cccccc }
.secondary dd    { font-size: 10px; display: inline; margin: 0 0 0 0; padding: 0 }
.secondary dd a { color: #c09 }
.secondary dd a:hover { color: #969 }
.secondary dt { color: #ccc; display: inline; margin: 0; padding: 0 }

#secondary p.attributes   { float: right;  }
#secondary p.attributes a  { color: #c09; text-decoration: none; padding: 0 0 0 0.5em }
#secondary p.attributes a:hover  { color: #69d1ff }

/*
-----7 :  Spiffy-----
*/

.spiffy{
display:block
}
.spiffy_content             { background-image: url("images/sub_navi.jpg"); background-repeat: no-repeat; background-position: 4px 60px; margin: 0; padding: 70px 20px 0; height: 260px }
/*The Menu CSS*/
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width:480px;
height:40px;
}

.tabcontent{
display:none;
}

/*
-----8 :  Topics Items-----
*/

#topi          { background-color: white; background-image: url("images/bg.gif"); padding-top: 2em; width: 100% }
#topi p.attributes   { float: right; height: 2em; margin: 0 0 0 0.5em}
#topi p.attributes a  { color: #c09; text-decoration: none;  }
#topi p.attributes a:hover  { color: #69d1ff }


/*
-----9 :  Topics-----
*/

.topics            { font-weight: 300; white-space: nowrap;  margin: 0 2% 1em 0; padding: 0; width: 48%; height: 90px; float: left; }
.topics:hover { background-color: #fff }
.topics p     { font-weight: 300; padding-top: 4px }
.topics a { text-decoration: none }
.topics a:hover { background-color: #fff }
.topics img  { margin: 0 1em 0 0; padding: 4px; float: left; border: solid 1px #fff }

span .date      { color: #960; padding-right: 0em; padding-bottom: 0; padding-left: 0 }

span .date a   { color: #1B71C7; text-decoration: none }
span .date a:hover  { color: #69d1ff }



/*
-----10 :  Ancillary Items-----
*/

#ancillary   { background-image: url("images/bg0.gif"); padding: 2em 0 0 }
#ancillary .block       {margin: 0 0 0 20px; width: 200px; float: left }
#ancillary .block h2, #ancillary .block h3, #ancillary .block h4{
	margin: 0px 0px 2em 0px;
}

#ancillary .block-separator{
	clear: both;
	height: 2.5em;
}

#ancillary .first, * html #ancillary .first    { margin: 0; width: 260px; clear: both }

#ancillary .thrice-length{
	width: 100%;
}

#ancillary .twice-length{
	width: 65%;
}


#ancillary p.attributes   { float: right;  }
#ancillary p.attributes a  { color: #c09; text-decoration: none; padding: 0 0 0 0.5em }

ul.dates li { color: #cf0; }

#comment-form  { margin: 5em 0 5em 25%; width: 36em }

#comments .content  { margin-left: 1.9%; padding: 0 0 0 2%; width: 60%; float: left; border-left: 1px dotted #69f }

#comments .content h3{
	font-size: 1em;
	margin: 0px;
}

#comments .content p{
	margin: 0px 0px 1em 0px;
}

#comments .pingback cite .author{
	background: url(../images/trackback_pingback.gif) 100% 0 no-repeat;
	display: block;
	padding-top: 68px;
}

#comments cite { font-style: normal; text-align: right; width: 25%; float: left }

#comments cite .admin-tools{
	margin: 5px 0px;
}

#comments cite .admin-tools a{
	background: #666666;
	border: 1px solid #999999;
	float: right;
	margin: 0px 5px;
	padding: 0px 3px 3px;
	text-decoration: none;
}

#comments cite .author   { color: #ff7c82; font-size: 1.2em }

#comments cite .author a    { color: #ff7c82; text-decoration: none }

#comments cite .author a:hover    { color: #ff4d27; text-decoration: none }

#comments cite span{
	display: block;
}

#errors{
	color: #FF0000;
	font-weight: bold;
}


/*
-----10-2 :  bookmark Items-----
*/

#bm   { background-image:none;padding: 2em 0 4em 0}
#bm .block       {margin: 0 0 0 20px; width: 200px; float: left }
#bm .block h2, #bm .block h3, #bm .block h4{
	margin: 0px 0px 2em 0px;
}

#bm .block-separator{
	clear: both;
	height: 2.5em;
}

#bm .first, * html #bm .first    { margin: 0; width: 260px; clear: both }

#bm .thrice-length{
	width: 100%;
}

#bm .twice-length{
	width: 65%;
}

#bm h2             { font-size: 1.15em; font-family: Helvetica; font-weight: lighter; background-image: url("images/h2.jpg"); background-repeat: no-repeat; background-position: 0 top; margin-bottom: 2em; padding: 13px 0 0 36px; width: 98%; height: 40px }
html>body #bm h2  { background-image: url("images/h2.png") }

#bm p.attributes   { float: right; clear: both }
#bm p.attributes a  { color: #c09; text-decoration: none; padding: 0 0 0 0.5em }

/*
-----11 :  LiveSearch&Tags-----
*/

#live-search    { text-align: left; margin: 0; opacity:1.0    }
#live-search a:hover{opacity:0.4}
#preview{
	border: 1px solid #CCCCCC;
	margin: 1em 0px;
	padding: 0.5em;
}
#preview p{
	margin: 1em 0px 0px 0px;
}
#tag     { line-height: 1.6; padding-top: 1em; padding-bottom: 2em; width: 400px }
#tag a:hover { text-decoration: none; background-color: #cf0 }
#keyword      { line-height: 1.6; padding-top: 1em; padding-bottom: 2em; width: 98% }
#keyword :hover  { text-decoration: none }
#keyword a:hover { text-decoration: none; background-color: #cf0 }


/*
-----12 :  Archives -----
*/

.archives             { font-weight: 300; background-color: transparent; margin: 0; width: 120px; height: 140px; float: left }
.archives p   { visibility: hidden; float: left; border-style: solid }
.archives a:hover   { background-color: white }
.archives img { margin: 0 1em 0 0; padding: 4px; float: left; border: solid 1px #fff }
.archives li    { visibility: hidden; float: left; border-style: solid }
ul.archivedates .midasi      { color: #960; white-space: nowrap; margin: 0 4em 0 0; padding-right: 1.5em; padding-bottom: 0; padding-left: 0; overflow: hidden }
ul.archivedates a   { color: #1B71C7; text-decoration: none }
ul.archivedates a:hover  { color: #69f }
.label           { line-height: 1.8; background-color: #f9f9f9; background-repeat: no-repeat; background-position: 0 0; margin-top: 3em; margin-bottom: 4em; padding: 5px 5px 20px 10px; width: 98%; border-top: 1px dotted #cf0; border-bottom: 1px dotted #cf0 }
.label li a { color: #1B71C7 }
.label li a:hover    { color: #69f; text-decoration: underline }


.postnavi-i {margin-top: 4em; margin-bottom: 4em }
.postnavi-a {margin-top: 1em; margin-bottom: 6em }


.entry    { margin-bottom: 6em; width: 88% }
.entry p { }
.related_link    { font-size: 90%; line-height: 1.8; background-color: #fcfcfc; text-align: left; margin-top: 3em; margin-bottom: 3em; padding: 5px 5px 5px 10px; width: 98%; border-top: 1px dotted #cf6; border-bottom: 1px dotted #cf6 }
.p_link    { font-size: 90%; line-height: 1.8; background-color: #fcfcfc; text-align: center; margin-top: 3em; margin-bottom: 6em; padding: 5px 5px 5px 10px; width: 98%; border-top: 1px dotted #cf6; border-bottom: 1px dotted #cf6 }
.p_link a    { color: #1B71C7; text-decoration: none }
.p_link a:hover    { color: #69f; text-decoration: none }
.story   { }
.story .details       { color: #4d4d4d; font-size: 0.95em; text-align: center; margin: 3em 0; padding: 0.5em 0; width: 80%; border-top: 1px solid #cf0 }
.story .details .read-on{
	background:url(../images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px;
}
.story .details a { text-decoration: none }

.story .details a:hover { }

.story h3{
	color: #000000;
	font-size: 1.15em;
	font-weight: normal;
	margin: 0px 0px 1.5em 0px;
}
.story h3 a{
	border-bottom: 1px dotted #666666;
	color: #000000;
	text-decoration: none;
}
.box { float: left }
/*
-----13 :  Footer -----
*/
#footer { color: #6c6c6c; background-image: url("images/bg0.gif"); margin: 0; width: 100% }
#footer .inside   { text-align: left; padding-top: 3em; padding-bottom: 10em; width: 700px }
#footer p { font-size: 1em; margin: 0 }
#footer p.attributes { white-space: nowrap; float: right; clear: both }
#footer p.attributes a { color: #c09; text-decoration: none; padding: 0 0 0 0.5em }
#footerp.attributes a:hover  { color: #fff }
#footer p.copyright    { color: #999; font-size: 9px; float: left }

#footer p.copyright a { color: #c09; text-decoration: none }

#footer p.copyright a:hover { color: #969 }   


/*
-----14 :  Dately -----
*/

.dataly       { background-image: none; background-position: 0 0; width: 500px }
.toki      { text-align: right; margin: 0; padding-bottom: 0.5em; width: 10%; float: left }
.toki p     { line-height: 1.5em; height: 3em }
.info      { text-align: left; width: 85%; float: right }
.read-on  { background-image: url(images/readon_black.gif); background-repeat: no-repeat; background-position: 1px 0.5em; margin: 0 10px 0 0; padding: 0 0 0 20px }


/*
-----15 :  404Error -----
*/

#error    { background-image: none; margin-right: auto; margin-bottom: 100px; margin-left: auto; padding: 0; width: 100%; clear: both }


/*
-----16 : Pagebar -----
*/

pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}
.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}
.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}
.pagebar .break 
	{
			padding: 2px 6px; 
			border: none; 
			background: #fff; 
			text-decoration: none;
	}
.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}
.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
/*
-----0 : Global -----
*/
*  { margin: 0; padding: 0 }
* html #primary .secondary   { text-align: left; display: inline; margin: 0 0 0 0; padding: 3.35em 0 0; width: 25%; float: right }
* html .year   { color: #333; font-size: 10px; font-family: serif }
* html .month   { color: #333; font-size: 36px; font-family: "Trebuchet MS" }

form dl, dl.labels {
      margin:0em;
      font-size:100%;
      margin-top:0.5em
    }
    form dt, dl.labels dt {
      float:left;
      width:10em;
      margin-bottom:1.2em;
      color:#555;
      text-align:right;
      font-weight:normal;
      position:relative /*IEWin hack*/
    }
    form dd, dl.labels dd {
      margin-left:10.5em;
      margin-bottom:1.2em;
      font-size:100%;
      font-style:normal;
      padding-left:0.5em
    }
    form dd.submit, dl.labels dd.submit  {
      margin-top:2em
    }