@import "reset.css";


/*
Theme Name: Bios
Theme URI: http://bios08.com/
Description: Bios オリジナルテーマ
Author: Tamura
Author URI: http://bios08.com/
Version: 0.1
*/


/* container,contents,main,sidebar */
	
	div#container{
		width: 900px;
		margin: 0 auto 0 auto;
	}
	
	/* contents */
	div#container div#contents{
		margin: 20px 0 20px 0;
		
	}
	
	/* main */
	div#container div#main{
		width: 600px;
		float: left;
	}
	
	
	div#container div#main h3{
		color: #30605e;
	}
	
	
	div#container div#main ul.breadcrumb{
		color: #666;
		margin-top: 10px;
		border:1px solid #dedede;
		height:2.3em;
		list-style: none;
	}
	
	
	div#container div#main ul.breadcrumb li{
		float: left;
		line-height: 2.3em;
		padding-left: .75em;
	}
	
	
	div#container div#main ul.breadcrumb a{
		color: #30605e;
		display: block;
		padding: 0 15px 0 0;
		background: url("images/crumbs.gif") no-repeat right center;
	}
	
	
	div#container div#main ul.breadcrumb a:hover, div#container div#main ul.breadcrumb a:focus{
		color: #96CAC9;
	}
	
	
	/* sidebar */
	div#container div#sidebar{
		width: 270px;
		float: right;
	}
	
	
	
	
/* entry */

	div.entry{
		width: 600px;
		background: url("images/border-top.jpg") no-repeat;
		padding-top: 16px;
		font-size: 12px;
		line-height: 180%;
		margin: 10px 0 60px 0;
	}
	
	
	div.entry img{
		max-width: 100%;
	}
	
	
	div.entry ul{
		list-style: none;
	}
	
	
	div.entry ul li{
		margin-left: 20px;
	}
	
	
	div.entry div.middle{
		color: #363c67;
		width: 570px;
		background: url("images/border-middle.jpg") repeat-y;
		padding: 0 15px 1px 15px;
	}
	
	
	div.entry h2{
		margin-bottom: 10px;
		font-size: 15px;
		padding: 0 90px 10px 15px;
	}
		
	
	div.entry a{
		color: #30605e;
	}
	
	
	div.entry a:hover{
		color: #96CAC9;
	}
	
	
	div.entry p.bottom{
		width: 570px;
		background: url("images/border-bottom.jpg") no-repeat bottom;
		padding: 0 15px 15px 15px;
		text-align: right;
		font-size: 80%;
		color: #30605e;
		margin: 0;
	}
	
	
	div.entry p.bottom span{
		padding: 0 10px 0 10px;
		border-right: solid 1px #30605e;
	}
	
	
	div.entry p.bottom span.last{
		border: none;
	}
	
	
	div.entry p.bottom span a{
		padding-bottom: 2px;
	}
	
	
	div.entry div.bottom{
		width: 570px;
		background: url("images/border-bottom.jpg") no-repeat bottom;
		padding: 0 15px 15px 15px;
	}
	
	
	/* contact form */
		
		div.contact{
			width: 400px;
			margin: 0 auto 0 auto;
		}
		
		
		div.contact textarea{
			width: 400px;
		}
		
		
		div.contact p.input input, div.contact textarea{
			border: solid 1px #666;
			font-size: 14px;
			color: #333;
		}
		
		
		div.contact p span{
			color: #E28C8C;
			font-size: 80%;
			font-weight: bold;
		}
		
		
		div.contact p.submit input, form#add_comments input#submit{
			width: 73px;
			height: 25px;
			border: none;
			background: url("images/entry-button.jpg") no-repeat;
			cursor: pointer;
			letter-spacing: 3px;
			font-weight: bold;
			color: #fff;
			margin: 0 auto 0 auto;
			display: block;
		}
		
		
		div.contact p.submit input:hover, form#add_comments input#submit:hover{
			color: #666;
		}


	
/* comments & trackback */
	
	h3.label{
		margin-top: 50px;
		background: url("images/label-left.jpg") no-repeat;
		height: 54px;
		padding-left: 12px;
		float: left;
	}
	
	
	h3.label span{
		background: url("images/label-right.jpg") no-repeat right;
		display: block;
		line-height: 34px;
		padding-right: 12px;
	}
	
	
	form#add_comments{
		width: 550px;
		margin-left: 20px;
	}
	
	
	form#add_comments p.label label{
		display: block;
		font-weight: bold;
	}
	
	
	form#add_comments p.label textarea{
		border: solid 1px #999;
		color: #666;
		font-size: 11px;
		width: 500px;
	}
	
	
	input.tb{
		width: 70%;
		margin-left: 20px;
		border: none;
		color: #363c67;
		cursor: pointer;
		font-size: 13px;
	}
	
	
	#trackbacks li, #trackbacks li strong{
		margin-left: 20px;
	}
	
	


/* side */
	
	div#feed{
		font-size: 20px;
		color: #666;
		font-weight: bold;
		margin-bottom: 10px;
		text-align: center;
	}
		
	
	div#feed img{
		margin-left: 20px;
		vertical-align: middle;
	}
	
	
	div#sidebar div.side{
		background: url("images/side-top.jpg") no-repeat;
		padding-top: 12px;
		color: #666;
		font-size: 11px;
		line-height: 170%;
		margin-bottom: 30px;
	}
	
	
	div#sidebar div.side ul{
		background: url("images/side-body.jpg") no-repeat bottom;
		padding: 0 12px 12px 12px;
		list-style: none;
	}
	
	
	div#sidebar div.side ul ul{
		background: #f7f7f7;
		margin-left: 25px;
		list-style: disc;
		position: relative;
	}
	
	
	div#sidebar div.side ul h2{
		font-size: 14px;
		padding-bottom: 5px;
		color: #30605e;
	}
	
	
	div#sidebar div.side ul a{
		color: #666;
	}
	
	
	div#sidebar div.side ul a:hover{
		background: #30605e;
		color: #fff;
	}
	
	
	/* widget_text */
	div#sidebar ul.widget_text img{
		display: block;
		margin: 0 auto 5px auto;
	}
	
		/* mail form */
		div#sidebar ul.widget_text p.form_label{
			font-weight: bold;
		}
		
		
		div#sidebar ul.widget_text p.form_label span{
			color: #E28C8C;
			font-size: 80%;
		}
		
		
		div#sidebar ul.widget_text div.input{
			width: 220px;
			margin: 0 auto 20px auto;
		}
		
		
		div#sidebar ul.widget_text div.input input, div#sidebar ul.widget_text div.input textarea{
			width: 220px;
			font-size: 13px;
			font-weight: bold;
			color: #333;
			border: solid 1px #999;
		}
		
		
		div#sidebar ul.widget_text div.submit{
			text-align: center;
			margin: 0;
			padding: 0;
		}
		
		
		div#sidebar ul.widget_text div.submit input{
			width: 73px;
			height: 25px;
			border: none;
			background: url("images/side-button.jpg") no-repeat;
			cursor: pointer;
			letter-spacing: 3px;
			font-weight: bold;
			color: #fff;
		}
		
		
		div#sidebar ul.widget_text div.submit input:hover{
			color: #666;
		}
		
	
	
	/* widget_calendar */
	div#sidebar ul.widget_calendar li div.sub{
		text-align: center;
	}
	
	
	div#sidebar ul.widget_calendar a{
		color: #30605e;
		font-weight: bold;
	}
	
	
	div#sidebar ul.widget_calendar a:hover{
		border-bottom: dashed 1px #30605e;
		color: #30605e;
		background: none;
	}
	
	
	div#sidebar ul.widget_calendar li div.sub div#calendar_wrap table{
		margin: 10px auto 0 auto;
		letter-spacing: 5px;
	}




	
/* footer */
	
	div#footer{
		text-align: center;
		width: 270px;
		background: url("images/img_logo.gif") no-repeat center;
		padding-top: 140px;
		font-size: 9px;
		color: #30605e;
		margin-top: 30px;
	}
	
	
	

/* Captions & aligment */

	.aligncenter,
	div.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.alignleft {
		float: left;
	}
	
	.alignright {
		float: right;
	}
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #30605e;
		font-weight: bold;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}

/* End captions & aligment */