/*  
Theme Name: Fumie Ishii
Theme URI: http://wordpress.org/
Description: Fumie Ishii Wordpress Theme.
Version: 3
Author: ycdn
*/
@charset "utf-8"

/* RESET ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; outline:0;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; margin:0; padding:0;}
caption, th { text-align:left }
q:before, q:after { content:''}
:focus{ -moz-outline-style: none;}

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight:bold }
em { font-style:italic }
a img { border:none; text-decoration: none} /* Gets rid of IE's blue borders */

/* Global reset-RESET End*/

/* _________________________________________________________________________________________________Global */
body, html {background:#fff; color:#222; font:normal 11px/22px verdana, sans-serif; margin:0; padding:0; height:100%; text-align:center;}

a, a:visited {color:#3c4a3f; text-decoration:none;}
a:hover, ul#mainNav li.sn1 ul a:hover {color:#ff1f1c;}
a:active { opacity:.5; outline:0;}

ul li {position:relative;}
li a, ul#mainNav li.sn1 ul a {color:#3c4a3f; text-decoration: none;}


h2 {font:normal 12px/12px verdana;}
h3 {font:normal 11px/22px verdana;}

.post h2 a, .entry p a, ul.news li ul li a  {border-bottom:#3c4a3f dotted 1px; padding:0 0 1px;}
.post h2 a:hover, .entry p a:hover, ul.news li ul li a:hover {border-bottom:#ff1f1c dashed 1px;}

#wrapper { background:#fff; height:auto; margin:0 auto; padding:0; overflow:hidden; width:960px;}

/* _________________________________________________________________________________________________ Header */
#header {display:block; height:70px; overflow:hidden; text-align:left;}
h1#logo a {background: url('imgs/fumie_ishii.png') no-repeat; color:#ff1f1c; display:block; font-size:16px; margin:0px 0 0 698px; overflow:hidden; text-decoration: none; text-indent:-9999px;}

/* _________________________________________________________________________________________________ Content */
#container {padding-bottom:44px; position:relative; text-align:left;}

#content {float:left; overflow:hidden; width:650px;}
	
	.slideshow, .video, .restP { display:block; height:560px; letter-spacing:.07em; margin:0 0 0 66px; position:relative; width:580px;}
		.slideshow h2 { font-size: 12px; line-height:14px; left:0; margin:0; position:absolute; top:0px;}
		.video h2 { font-size: 12px; line-height:14px; left:0; top:0px;}
		.video p object { margin:14px 0 0; float:left;}
		
	.restP h2 { color:#aaa; line-height:12px; margin:-2px 0 8px;}
	.restP h3 { color:#aaa; margin:11px 0 6px; }
	.restP ul {margin:0 0 20px;}
	.restP ul li a { display:block; line-height:14px; padding:2px 0; width:120px;}
	.restP ul li ul li { margin:0 0 0 20px;}
		
/* _____________________________ link */
	#links { display:block; letter-spacing:.07em; margin:0 0 0 66px; padding:0 0 121px; position:relative; width:580px;}
		#links h2 { color:#aaa; font-size: 12px; line-height:12px; margin:0 0 11px; text-transform: lowercase;}
		#links ul li ul { margin:0 0 0 20px}
		#links ul li ul li a{display:block; margin:0; padding:2px 0; width:260px;}
		#links ul li ul li a:hover{background:#f3f3f3; display:block; padding-left: 6px;}
		
/* _____________________________ post and blog */
	.post {border-bottom:#eee solid 1px; clear:both; float:left; display:block; margin:8px 0 44px 70px; position:relative; width:580px;}
	.post h2 {padding:0; margin:0;}
		.post h2 a {color:#111; margin:0 0 11px;}
		.post small { background:#fcfcfc; color:#ffa5A7; font:normal 10px/10px verdana; left:0; margin:10px 0 22px -70px; padding:1px 3px 2px; position:absolute; top:16px;}
		.entry { float:left; width:560px;}
			.entry, .entry p, .entry img, .entry object { margin:22px 0 0;}
			.entry p, .post p { color:#777; font:normal 12px/22px verdana; width:560px;}
			p.postmetadata {border:none; margin:66px 0 0; float:left; width:560px;}
			p.postmetadata a, p.postmetadata a:hover {border:none;}

/* _________________________________________________________________________________________________ sidebar */
#sidebar { float:right; overflow:hidden; width:310px;}
	ul#mainNav { display:block; float:left; margin:-5px 20px 44px 0; position:relative; width:120px;}
		ul#mainNav li { letter-spacing:0px; text-align: right; margin:0; padding: 0 20px 9px 0; line-height:13px;}
		ul#mainNav li a { display: block;}
			ul#mainNav li ul { background:#fff; display:none; left: 120px; position: absolute; width:170px; top: 0;}
			ul#mainNav li ul li {display:block; letter-spacing:0px; text-align: left;}
			ul#mainNav li.sn1 ul{ display:block; visibility: visible}
			ul#mainNav li.current_page_item a, 
			ul#mainNav li.sn1 ul li.current_page_item a, 
			ul#mainNav li.sn1 a { 
				color:#ff1f1c;
				}
			
	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; height: 1%; width:auto;}
	* html ul li a { height: 1%; }
	/* End */

/* _____________________________ archive and index */
	ul.archive, ul.news { display:block; float:left; margin:0px 20px 22px 0; position:relative; width:200px;}
	ul.archive li h3 {margin:0;}
	ul.news li h3, ul.archive li h3, ul.archive li { text-align: right; width:120px;}
	ul.archive li ul li a, ul.archive li ul li {line-height:11px;}
	ul.news li a, ul.archive li ul li a, ul.archive li ul li { font-size:10px; margin:0;}
	ul.news li ul {display:block; left: 139px; position: absolute; top: 0px;}
	ul.news li ul li { font:normal 10px/14px verdana; letter-spacing:.07em; margin:5px 0 11px; text-align: left; width:140px;}

/* _________________________________________________________________________________________________ pager nav */
#pager {clear:both; position:relative; float:right; margin:0 0 120px; width:560px;}
	#pager .prev {float:right; margin:0; width:60px; text-align:right;}
	#pager .next {float:right; padding:0 20px 0 0px; width:60px; text-align:right;}

#single-pager { background:#fcfcfc; clear:both; position:relative; float:left; margin:0 0 120px 66px; width:580px;}
	#single-pager .prev {float:right; margin:0; width:270px; padding:0 3px 0 0; text-align:right;}
	#single-pager .next {float:left; margin:0; width:270px; padding:0 0 0 3px; text-align:left;}
	
#nextPrev {clear:both; margin-left:710px; position:absolute; top:504px;}
	#nextPrev .prev {float:left; margin:0 20px 0 0; width:60px; text-align:right;}
	#nextPrev .next {float:left; margin:0; width:60px; text-align:left;}

/* _________________________________________________________________________________________________ comment */
h3#comments {border-top:#999 solid 1px; width:100%;}
#respond {border-top:#999 dotted 1px; margin:44px 0; width:100%;} 
#respond h3 {margin-top:0;}

/* _________________________________________________________________________________________________ footer */	
#footer {bottom:0; clear:both; height:33px; margin:0; padding:33px 0 0; position:relative; text-align:left; width:100%; z-index:1000;}
#footer p{ color:#aaa; font-size:10px; line-height:11px; margin:0; padding:0 0 0 10px;}