@charset "utf-8";
/*
Theme Name: Web Directions East Staff Blog
Theme URI: http://east08.webdirections.org/blog/
Description: Staff Blog Templates
Author: Yasuhisa Hasegawa
Author URI: http://www.yasuhisa.com/
Tags: green white specific event
*/

@import "reset.css";

/* Basic XHTML */
body {
	background: #fff;
	color: #000;
	font-family: Meiryo, "メイリオ", Geneva, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3" "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	text-align: center;
}

code { font: 1.1em 'Courier New', Courier, Fixed; }

kbd { font-size: 1.1em; font-weight: bold; }

a:link{ color: #003399; text-decoration: underline; }
a:visited{ color: #660099; text-decoration: underline;  }
a:hover, a:visited:hover{ color: #0066cc; }
a:active{ color: #003366; }

img{ border: 0; text-decoration: none;}
/* **************************************************************-************************************************************** */

/* Basic Layout */
#container{
	background: transparent url("images/bg-container.gif") repeat-y 0 0;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 24px;
	text-align: left;
	width: 855px;
}
#content{
	background: transparent url("images/logo-bottom.gif") no-repeat 0 0;
	float: left;
	padding-top: 12px;
	position: relative;
	width: 564px;
}
#sidebar{
	float: right;
	padding-left: 12px;
	padding-top: 36px;
	width: 267px;
}
/* **************************************************************-************************************************************** */

/* #globalbar */
#globalbar{
	background: #000;	
}
	#globalbar div{
		margin: 0 auto;
		width: 852px;
	}
	#globalbar h1{
		float: left;
		width: 223px;	
	}
	#globalbar ul{
		float: right;
		text-align: right;
		padding: 12px 0 0 0;
		width: 206px;	
	}
	#globalbar li{
		display: inline;
	}
		#globalbar li a{
			background: transparent no-repeat 0 0;
			display: block;
			float: left;
			height: 0;
			margin: 0 0 0 6px;
			overflow: hidden;
			padding: 33px 0 0 0;
			width: 33px;	
		}
		#globalbar li a:hover{ background-position: 0 -33px; }
		#globalbar li a:active{ background-position: 0 -66px; }
		#globalbar li.eric, #globalbar li.eric a{ background-image: url("images/icon-eric.gif"); }
		#globalbar li.veen, #globalbar li.veen a{ background-image: url("images/icon-veen.gif"); }
		#globalbar li.dan, #globalbar li.dan a{ background-image: url("images/icon-dan.gif"); }
		#globalbar li.keith, #globalbar li.keith a{ background-image: url("images/icon-keith.gif"); }
		#globalbar li.budd, #globalbar li.budd a{ background-image: url("images/icon-budd.gif"); }
		#ericpage #globalbar li.eric a,
		#veenpage #globalbar li.veen a,
		#danpage #globalbar li.dan a,
		#keithpage #globalbar li.keith a, 
		#buddpage #globalbar li.budd a{ 
			background-position: 0 -33px;
		}
/* **************************************************************-************************************************************** */
/* #globalbar */
#sitenav{
	background: #40a15b;
}
	#sitenav div{
		background: transparent url("images/logo-middle.gif") no-repeat 0 0;
		margin: 0 auto;
		height: 30px;
		width: 852px;
	}
	#sitenav ul{
		float: right;
		text-align: right;
		padding: 6px 0 0 0;
		width: 460px;	
	}
	#sitenav li{
		display: inline;
	}
		#sitenav li a{
			background: transparent no-repeat 0 0;
			display: block;
			float: left;
			height: 0;
			margin: 0 0 0 12px;
			overflow: hidden;
			padding: 18px 0 0 0;
		}
		#sitenav li a:hover{ background-position: 0 -19px; }
		#sitenav li.home, #sitenav li.home a{ background-image: url("images/nav-home.gif"); width: 42px; }
		#sitenav li.program, #sitenav li.program a{ background-image: url("images/nav-program.gif");  width: 88px; }
		#sitenav li.workshop, #sitenav li.workshop a{ background-image: url("images/nav-workshop.gif");  width: 90px; }
		#sitenav li.place, #sitenav li.place a{ background-image: url("images/nav-place.gif"); width: 32px; }
		#sitenav li.price, #sitenav li.price a{ background-image: url("images/nav-price.gif"); width: 33px;  }
		#sitenav li.contact, #sitenav li.contact a{ background-image: url("images/nav-contact.gif"); width: 84px }
/* **************************************************************-************************************************************** */

#content h1{
	margin: 0 0 12px 0;	
}
#content h2.pagetitle{
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 12px 0;
}
	#content h2.pagetitle span{
		color: #40a15b;
		font-weight: bold;
	}

/* .post */
.post{
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	width: 564px;
}
.post h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 6px 0;
}
	.post h2 a:link{
		color: #990000;
		text-decoration: none;
	}
	.post h2 a:visited{
		color: #996666;
		text-decoration: none;
	}
	.post h2 a:hover, 
	.post h2 a:visited:hover{
		color: #cc0000;
		text-decoration: underline;
	}
	.post h2 a:active, 
	.post h2 a:visited:active{
		color: #660000;
		text-decoration: underline;
	}
.postmetadata{
	background: transparent url("images/bg-postmetadata.gif") no-repeat 100% 0;
	float: left;
	padding: 0 12px 0 0;
	width: 120px;	
}
	.postmetadata li{
		font-size: 12px;
		line-height: 16px;
		margin: 0 0 3px 0;	
	}
.entry-content{
	float: right;
	font-size: 13px;
	line-height: 20px;
	padding: 0 0 0 12px;
	width: 420px;	
}
.entry-content p{
	margin: 0 0 18px 0;	
}
.entry-content strong{
	background: #ffc;
	font-weight: bold;
	padding: 0 2px;	
}
.entry-content ul, 
.entry-content ol{
	padding: 0 0 0 24px;
	margin: 0 0 18px 0;	
}
.entry-content ul{
	list-style: circle;
}
.entry-content ol{
	list-style: decimal;
}
.aboutpost{
	background: transparent url("images/bg-diagnal.gif") repeat 0 0;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 24px 0;
	padding: 12px;	
}
/* **************************************************************-************************************************************** */

.navigation{
	clear: both;
	font-size: 12px;
	line-height: 16px;
	padding: 12px 0;
	margin: 0 0 24px 0;
}

/* #sidebar 264px */
#sidebar h2{
	margin: 0 0 6px 0;	
}
#sidebar ul, 
#searchform{
	margin: 0 0 24px 0;	
}
	#searchform label{
		display: block;
		float: left;
		padding-top: 3px;
		text-align: right;
		width: 80px;
	}
	#searchform div{
		float: left;
		text-align: right;
		width: 184px;
	}
	#searchform #s{
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		font-size: 12px;
		margin: 0 0 3px 0;
		padding: 2px 5px;
		width: 168px;
	}
	#searchform #searchsubmit{
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #333333;
		font-size: 14px;
		padding: 2px 5px;
	}
#sidebar li{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;	
}
#sidebar ul.photoalbum{
	width: 264px;
}
	#sidebar ul.photoalbum li{
		display: block;
		float: left;
		height: 75px;
		margin: 0 13px 12px 0;
		padding: 0;
		width: 75px;
	}
/* **************************************************************-************************************************************** */

/* .commentlist */
#comments, 
#respond{
	margin: 0 0 6px 0;	
}
.commentlist{
	margin: 0 0 24px 0;	
}
	.commentlist li{
		font-size: 12px;
		line-height: 16px;
		margin: 0 0 12px 0;	
	}
	.commentlist li img{
		float: left;
		margin: 0 6px 0 0;
	}
	.commentlist li span{
		clear: both;
		display: block;
		padding: 6px 0 0 0;	
		width: 564px;
	}
.nocomments{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 12px 0;	
}
/* **************************************************************-************************************************************** */

/* #commentform */
#commentform{
	width: 564px;
}
	#commentform p{
		clear: both;
		display: block;
		font-size: 12px;
		line-height: 16px;
		padding: 3px 0;
	}
	#commentform .inputfield{
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		font-size: 12px;
		padding: 2px 5px;
		width: 188px;
	}
	#commentform #comment{
		border-top: 1px solid #333333;
		border-left: 1px solid #333333;
		border-bottom: 1px solid #999999;
		border-right: 1px solid #999999;
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 6px 0;
		padding: 2px 5px;
		width: 552px;
	}
	#commentform #submit{
		border-top: 1px solid #999999;
		border-left: 1px solid #999999;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #333333;
		font-size: 14px;
		padding: 2px 5px;
	}
/* **************************************************************-************************************************************** */

/* #bottombar */
#bottombar{
	background: #000;	
}
#bottomlet{
	margin: 0 auto;
	padding: 12px 0;
	text-align: left;
	width: 852px;
}
.bottomsection{
	float: left;
	margin: 0 12px 0 0;
	width: 276px;
}
.bottomlast{
	float: right;
	width: 276px;
}
	#bottomlet a:link, 
	#bottomlet a:visited{
		color: #fff;
		text-decoration: underline;
	}
	#bottomlet a:hover, 
	#bottomlet a:visited:hover{
		background-color: #fff;
		color: #333;
	}
	#bottomlet a:active, 
	#bottomlet a:visited:active{
		background-color: #ccc;
		color: #333;
	}
	#bottomlet h2{
		margin: 0 0 6px 0;
	}
	#bottomlet p{
		color: #fff;
		font-size: 12px;
		line-height: 18px;
		margin: 0 0 6px 0;	
	}
	#bottomlet p#copyright{
		clear: both;
		margin: 0;
		padding: 12px 0 6px 0;
		text-align: center;
		width: 852px;	
	}
	#bottomlet li{
		font-size: 12px;
		list-style: none;
		line-height: 16px;
		margin: 0 0 4px 0;
	}
.newsletter label{
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0 6px 0 0;
	width: 90px;
}
.newsletter input{
	font-family: Meiryo, "メイリオ", Geneva, Arial, "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3" "ヒラギノ角ゴ Pro W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, Sans-Serif;
	font-size: 13px;
	width: 178px;
}
* html .newsletter input{
	float: right;
}
.newsletter li{
	padding: 3px 0;	
}
.newsletter li.button{
	padding-left: 96px;	
}
/* **************************************************************-************************************************************** */

.clr{ min-height:1%; }
.clr:after{
	clear: both;
	content: " ";
	font-size: 0.1em;
	display: block;
	height: 0.1px;
	line-height: 0;
	visibility: hidden;
}
* html .clr{
	/*\*/height:1%; /*for WinIE*/
	display: inline-table; /*for MacIE*/
}