@charset "utf-8";
/* CSS Document for passage layout only*/
.background{
	background-color:#FFFFFF;
	padding:5px;
}

.titleAlign{
	vertical-align:middle;
}

/* Layout and properties on diary and photo */
#diary, #photo {
	width:730px;
	
	margin: 10px;
	background: #FFFFFF;
	padding: 10px;
}

#diary h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22px;
	color:#990033;
	font-weight:bold;
	text-shadow:#CCC;
}

#diary h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top: -15px;
}

#diary p, #photo p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 2em;
	word-spacing:0.1em;
}

#diary h1, #photo h1, #linkList h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#993300;
	margin-bottom: -15px;
}	

#diary a:link, #diary a:visited { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#CC3300;
	text-decoration:none;
	line-height: 18px;
	word-spacing:0.1em;
}

#linkList a:link, #linkList a:visited{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000000;
	text-decoration:none;
		line-height: 18px;
	word-spacing:0.1em;
}


#diary a:hover, #linkList a:hover{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FF0000;
	background-color:#FF9;
	line-height: 18px;
	word-spacing:0.1em;
}
#photo td{
	text-align: center;
	width:170px;
}
/* pictures for diary */
#contentLeft { 
	background: url('shadow.gif') no-repeat bottom right; 
	clear: left; 
	float: left; 
	margin: 0 25px 15px 0px; 
	padding: 0; 
	position: relative; 
}
  
#contentLeft img { 
	background-color: #fff; 
	border: 1px solid #a9a9a9; 
	display: block; 
	margin: -5px 5px 5px -5px; 
	padding: 4px; 
	position: relative; 
}

#contentRight { 
	background: url('shadow.gif') no-repeat bottom right; 
	clear: right; 
	float: right; 
	margin: 0 0 15px 25px; 
	padding: 0; 
	position: relative; 
}
  
#contentRight img { 
	background-color: #fff; 
	border: 1px solid #a9a9a9; 
	display: block; 
	margin: -5px 5px 5px -5px; 
	padding: 4px; 
	position: relative; 
}

#contentRight object { 
	background-color: #fff; 
	border: 1px solid #a9a9a9; 
	display: block; 
	margin: -5px 5px 5px -5px; 
	padding: 4px; 
	position: relative; 
}

#contentMiddle {
	text-align: center;
}

/* pictures for diary */
#thread
{
	width: 450px;
	background-color:#F9F9F9;
	border: 1px dashed #a9a9a9;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	padding: 10px;
	margin: auto;
	color:#666;
}

/* Post message reply on ech diary */
#comment
{
	width: 500px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
}
#comment p
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align:left;
}
#comment h2
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align:left;
	margin-left: 10px;
	color:#969;
	font-weight:normal;
}

#comment h1
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-align:right;
	color:#000;
	font-weight:normal;
}

/* for post reply on index.php */
#diaryType
{
	width:200px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #FFFFFF;
	margin: 10px;
	padding: 10px;

}
#diaryType ul {
	list-style-type: none;
	margin-left:0px;
	font-size: 12px;
}

#diaryType li{
	float: none;
	position: relative;
	font-size: 12px;
}

#diaryType a:link, a:visited{
	color:#CC3300;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}
#diaryType a:hover{
	color:#693;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}
/* for post reply on index.php */
#reply
{
	width:200px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #FFFFFF;
	margin: 10px;
	padding: 10px;

}
#reply ul {
	list-style-type: none;
	margin-left:0px;
	font-size: 12px;
}

#reply li{
	float: none;
	position: relative;
	font-size: 12px;
}

#reply a:link, a:visited{
	color:#CC3300;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}
#reply a:hover{
	color:#693;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}
/* Link on index */
#link
{
	width:200px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #FFFFFF;
	margin: 10px;
	padding: 10px;

}

#link ul {
	list-style-type: none;
	margin-left:0px;

	font-size: 12px;
}

#link li{
	float: none;
	position: relative;
	font-size: 11px;
}

#link a:link, a:visited{
	color:#CC3300;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}
#link a:hover{
	color:#693;
	cursor:pointer;
	text-decoration:none;
	line-height: 18px;
}