/*

Theme Name: staffblog02
Theme URI: http://www.www.www/
Description: Template02 for NHST staff blog
Author:Ishizuka Megumi

*/


body{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	}

h1{
	margin: 0;
	padding: 0;
	}

#container{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #666666;
	}

#menu{
	margin: 20px 30px 0px 0px;
	float: left;
	}
	
	#title{
		width: 170px;
		height: 200px;
		background: #000000;
		}
	
	#sidebar{
		width: 170px;
		margin: 20px 0px 0px 0px;
		}


#main{
	margin: 20px 0px 0px 0px;
	float: right;
	width:550px;
	border-left: solid 1px #485859;
	padding-left: 29px;
	}

	#header{
		height: 200px;
		background-image: url(image/header.jpg);
		background-repeat: no-repeat;
		}
	
	#content{
		margin-top: 50px;
		}


#footer{
	clear: both;
	}

/*------------------------------title----------------------------------*/

#title h1{
	text-align: right;
	font-size: 50px;
	margin-right: 10px;
	}

#title h1 a{
	color: #ffffff;
	}

/*------------------------------sidebar----------------------------------*/


#sidebar{
	font-size: 12px;
	}

#sidebar ul{
	color: #82ae46;
	list-style-type: disc;
	margin: 3px 0 20px 20px;
	padding: 0;
	line-height: 20px;
	}

#sidebar h2{
	font-size: 15px;
	border-bottom: solid 1px #666666;
	color: #666666;
	text-align: center;
	margin: 30px 0 10px;
	padding: 6px 0;
	}

	#searchform{
		height: 50px;
		width: 170px;
		margin: 10px 0px 10px;
		}
	
	#tagcloud{
		margin: 10px 0px 10px;
		}
	
	#profile img{
		float: left;
		width: 100px;
		margin: 0px;
		}
	
	#profile p{
		float: right;
		width: 60px;
		height: 100px;
		margin: 0px;
		font-size: 12px;
		}
	
	#profile h6{
		clear: both;
		margin: 0px;
		font-size: 15px;
		text-align: center;
		}

/*---------------------------------header---------------------------------*/

#header p{
	margin: 0px;
	padding-top: 210px;
	text-align: right;
	font-size: 15px;
	}

/*--------------------------------contents--------------------------------*/

.post h2{
	font-size: 18px;
	border-bottom: solid 2px #485859;
	background-image: url(image/leaf2.gif);
	background-repeat: no-repeat;
	padding: 5px 0 5px 30px;
	}

.post p{
	color: #666666;
	line-height: 120%;
	}

.post{
	font-size: 15px;
	margin-bottom: 40px;
	}

.postmetadata{
	font-size: 12px;
	}



.wp-pagenavi{
	font-size: 10px;
	}

	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		text-decoration: none;
		border: solid 1px #485859;
		color: #485859;
		background-color: #FFFFFF;	
		}

	.wp-pagenavi a:visited {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		text-decoration: none;
		border: solid 1px #53727d;
		color: #53727d;
		background-color: #ffffff;	
		}

	.wp-pagenavi a:hover {	
		border: solid 1px #82ae46;
		color: #82ae46;
		background-color: #FFFFFF;
		}

	.wp-pagenavi span.pages {
		padding: 2px 4px 2px 4px;
		margin: 2px 2px 2px 2px;
		color: #485859;
		border: solid 1px #485859;
		background-color: #FFFFFF;
		}
		
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		font-weight: bold;
		border: solid 1px #485859;
		color: #ffffff;
		background-color: #485859;
		}
		
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px;
		margin: 2px;	
		border: solid 1px #485859;
		color: #485859;
		background-color: #FFFFFF;
		}


/*--------------------------footer--------------------------*/


#footer p{
	font-size: 12px;
	font-style: nomal;
	text-align: center;
	color: #455765;
	padding: 20px 0 6px;
	vertical-align : middle;
	}

	.mid{

		}

/*--------------------------link--------------------------*/

a{
	color: #333631;
	text-decoration: none;
	}

a img{
	border-style:none;
	}

a:hover{
	color: #455765;
	}

a:visited{
	color: #393f4c;
	}
	

/*--------------------------comments&trackbacks--------------------------*/

#comments h3{
	font-size: 15px;
	border-bottom: solid 1px #455765;
	padding-bottom: 5px;
	}

.com{
	font-size: 12px;
	border-bottom: dotted 1px #455765;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p{
	margin: 5px 0;
	}

.commeta{
	font-size: 10px;
	color: #888888;
	text-align: right;
	}

#tb{
	font-size: 10px;
	border: dashed 1px #82ae46;
	padding: 8px;
	line-height: 150%;
	}

#commentform{
	font-size: 12px;
	}


/*--------------------------author.php/plugins/profile-pic--------------------------*/

#profilebox{
	height: 170px;
	width: 480px;
	border: ridge 5px #485859;
	background-image:  url(image/header2.jpg);
	background-repeat: no-repeat;
	padding: 10px 30px;
	margin-bottom: 70px;
	}
	
	.avator{
		float: right;
		margin: 15px 5px;
		border: solid 7px #ffffff;
		}
		
	.profile{
		float: left;
		height: 150px;
		width: 326px;
		margin: 5px;
		}

		.profile h4{
			margin: 5px;
			padding: 0px 15px;
			font-size: 20px;
			border-bottom: solid 1px #485859;
			}

		.profile p{
			padding: 0px 5px;
			font-size: 12px;
			line-height: 150%;
			}