/*   
Theme Name:sumicco02
*/
@import url("header.css");
@import url("sidebar.css");
@import url("post-meta.css");
@import url("footer.css");
@import url("slidebox.css");

/* ----- basic */
body { 
margin:0; 
padding:0; 
background:#ffffff;
font-family: Arial, Helvetica, sans-serif; 
font-size: 65%; /* Resets 1em to 10px */
letter-spacing:0.07em;
color:#333333; 
}
a img { 
border:none; 
}
a, a:visited { 
color:#1374AF; 
text-decoration:none; 
outline:none; 
}
a:hover { 
color:#e2415b; 
text-decoration:underline; 
}
p { 
margin:0 0 1em 0; 
padding:0; 
line-height:200%; 
}
ul { 
list-style-type:none; 
margin:0 0 1em 0; 
padding:0; 
line-height:0%; 
}
ul li { 
margin:0; 
padding:0; 
line-height:normal; 
zoom:1; 
}
ol { 
margin:0 0 1em 23px; 
padding:0; 
}
* html ol { 
margin:0 0 1em 23px; 
padding:0; 
}
ol li { 
padding:0 0 5px 0; 
}
form,table,input,textarea,dl,dt,dd { 
margin:0; 
padding:0; 
}
table { 
border-collapse:collapse; 
width:100%; border:0; 
}
blockquote { 
border:dotted 1px #CCCCCC;
margin:10px 0 10px 0; 
padding:15px 5px 0 40px; 
background:url(img/quote1.gif) 5px 5px no-repeat; 
}
blockquote p { 
margin:0 0 5px 0; 
}
.quote_bottom { 
height:30px; 
background:url(img/quote2.gif) no-repeat right ; 
}
pre { 
border:1px solid #ccc; 
background:#fafafa; 
padding:10px 20px; 
margin:0 0 1em 0; 
overflow:auto; 
}
object { 
display:block; 
margin:0 auto; 
}
.wp-caption-text { 
text-align:center; 
}
.alignright { 
float:right; 
}
.alignleft { 
float:left; 
}
.aligncenter { 
display:block; 
margin-left:auto; 
margin-right:auto; 
}
.centered { 
display: block; 
margin-left:auto; 
margin-right:auto; 
}
.clear { 
clear:both; 
}


/* ----- layout */
#wrapper { 
width:950px; 
margin:0 auto; 
}
#contents { 
}
#left_col { 
float:left; 
display:inline; 
width:675px; 
margin:0 0 0 2px; 
}


/* ----- left_col */
.post { 
border-top:solid 1px #CCCCCC;
padding:0px 0px 70px 0px;
}
#single_post { 
background:#FFFFFF url(img/post.gif) repeat-y left; 
}
#page_post { 
}
.post_odd { 
background:#FFFFFF url(img/post.gif) repeat-y left; 
}
.post_even { 
background:#FFFFFF url(img/post-even.gif) repeat-y left; 
}
.post_content_wrapper { 
float:right; 
width:500px; 
padding:0px; 
margin:0px 0px 0px 40px;
}
.page_content_wrapper { 
float:right; 
width:620px; 
padding:0px; 
margin:0px 0px 0px 40px;
}
.content_noside { 
float:right; 
width:510px; 
padding:15px; 
}

/* post contents */
.post h2, #single_post h2,#page_post h2, .page h2{ 
font-size:1.5em; 
margin:30px 0px 10px 0px;
line-height:0; 
background:url(img/entry.gif) left top no-repeat; 
padding:7px 0px 0px 30px; 
}
.post h2 a, .post h2 a:visited, #single_post h2 span,#page_post h2 span, .page h2 span { 
color:#333333; 
line-height:120%;  
display:inline-block; 
padding:0 0 13px 0; 
}
.post h2 a:hover { 
text-decoration:none; 
color:#1374AF; 
}

.post_content {line-height:160%; }
.post_content p { 
margin:0 0 1em 0;
font-size:1.2em;
}

.post_content a,.post_content a:visited { color:#1374AF; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }
.post_content a.more-link, .post_content a.more-link:visited 
  { display:block; clear:both; color:#1374AF; margin:15px 0 0 0; height:20px; padding:0 0 4px 45px; background:url(img/read_more.gif) no-repeat left top; text-decoration:none; }
.post_content a.more-link:hover { color:#2089cc; background:url(img/read_more.gif) no-repeat left bottom; text-decoration:none; }

/*
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #ccc; padding:15px; }
.post th { background:#eee; font-weight:normal; }
*/

.post_content ul li { margin:0 0 1em 0; line-height:160%; background:url(img/bullet1.gif) no-repeat 3px 7px; padding:0 0 0 18px; }
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }



/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
#page_noside_contents { background:url(img/side_noside.gif) repeat-y; padding:30px 122px 10px; }
#page_noside_header { background:url(img/header_noside.gif) no-repeat top; height:32px; margin:-32px 0 0 0; }
#page_noside_post { padding:0 15px 20px; background:none; }
#footer_noside { background:url(img/footer_noside.gif) no-repeat top; height:90px; }


/* ----- archive/category/tag/search/ */
#headline { 
margin:0 0 20px 0;
padding:10px;
border:solid 1px #CCCCCC;
background:#F0F7FA;
}
#headline p {
font-weight:bold;
font-size:1.2em; 
margin:0; 
line-height:100%; 
text-align:center;  
}
.archive_contents { 
padding:0px; 
margin:0px 0px 0px 40px;
}
.archive_contents h2 { 
font-size:1.5em; 
margin:30px 0px 10px 0px;
line-height:0; 
background:url(img/entry.gif) left top no-repeat; 
padding:7px 0px 0px 30px; 
}
.archive_contents h2 a, .archive_contents h2 a:visited { 
color:#1374AF; 
line-height:120%;  
display:inline-block; 
padding:0 0 13px 0; 
}
.archive_contents h2 a:hover { 
text-decoration:none; 
color:#2089cc; 
}
.archive_contents p { 
margin:0 0 1em 0;
font-size:1.2em;
}
.archive_meta { margin:0 0 5px 0; color:#999; }
.archive_meta a, .archive_meta a:visited { color:#1374AF; }
.archive_meta li { display:inline; font-size:11px; margin:0 10px 0 0; }


.navigation {
	display: block;
	text-align: left;
	margin: 10px 0px 10px 0px;
	}
.navigation2 {
	display: block;
	text-align: right;
	margin: 10px 0px 10px 0px;
	}

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#1374AF; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }



/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


#photoimg {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	overflow:hidden;
	}
#photoimg img {
	margin: 0px 0px 0px 0px;
	}
.img-cap {
	margin: 10px 0px 0px 0px;
	font-size: 0.9em;
	line-height: 150%;
	border-left: 8px solid #dddddd;
	padding-left: 8px;
	}


/* PAGER */
.wp-pagenavi {
	padding: 0px 0px 5px 0px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 1px 4px 1px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 1px 4px 1px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 1px 4px 1px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 1px 4px 1px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 1px 4px 1px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 1px 4px 1px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}