@charset "UTF-8";
/* CSS Document */

html, body {
height: 100%;
background-color:#2d1509;
margin:0;
}

#container {
min-height: 100%;
margin-bottom: -20px;
position: relative;
color:#FFFFFF;
}

#header {
height: 110px;
background-color:#000;
color:#FFFFFF;
}

#content {
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

#footer {
height: 22px;
position: relative;
background-color:#000;
color:#FFFFFF;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:10px;
padding-top:0.3em;
}

.clearfooter {
height: 22px;
clear: both;
}


#title {
color:#ffffff;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:25px;
padding-bottom:0.2em;
}


#title-page {
color:#e6ba95;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:25px;
padding-bottom:1em;
}

#title-sub {
color:#e6ba95;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:18px;
padding-bottom:0.2em;
}

#title-menu {
color:#ce7f01;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:15px;
padding-bottom:0.2em;
}


#tag {
color:#cccccc;
font-family:"Trebuchet MS", "Lucida Sans", Verdana;
font-size:11px;
font-style:italic;
}

#headline {
color:#97522e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:20px;
text-align:justify;
}



#body {
color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:justify;
}

#body-1 {
color:#97522e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
text-align:right;
border-bottom:solid 1px #482007;
}

#tdwood {
border-bottom:solid 1px #482007;
}


hr
	{
	height:1px;
	background-color:#482007;
	border:#482007;
	margin:1em 0 1em 0;
	}

ul
	{
	padding:0 0 0 2em;
	margin:0;
	}

input
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	border:solid 1px #000000;
	}

input.button
	{
	background-image:url(images/read-bg.png);
	display:block;
	width: 75px;
	height:17px;
     color:#97522e;
	 text-decoration:none;
	 text-align:center;
	 font-size:11px;
	 border:none;
	 background-color:#2d1509;
	 cursor:hand;
	}

textarea
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	border:solid 1px #000000;
	}

p.question 
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #97522e;
	line-height:18px;
	}
	
ol.qna
	{
	color: #ffcc00;
	font-weight:bold;
	}

ul.answer
	{
	color:#FFFFFF;
	list-style:disc;
	font-weight:normal;
	padding-bottom:2em;
	}


/* Navigation */

a.navi { 
     display: block; 
     width: 130px;
     height: 50px;
	 background-color:#000000;
	 font-family:"Century Gothic", Verdana, Tahoma;
	 font-size:16px;
	 letter-spacing:1px;
	 text-align:right;
	 color:#ccc;
	 text-decoration:none;
	 padding:60px 10px 0 10px;
	 }

a.navi:hover {
	background-color:#222;
	color:#FFFFFF;
}


a.read {
	background-image:url(images/read-bg.png);
	display:block;
	width: 75px;
	height:17px;
     color:#97522e;
	 text-decoration:none;
	 text-align:center;
	 font-size:11px;
	 margin:0.5em 0 0.5em 0;
	 }
	 
a.read:hover {
	background-image:url(images/read-mo-bg.png);
	display:block;
	width: 75px;
	height:17px;
	 text-decoration:none;
	 text-align:center;
	 font-size:11px;
	 color:#94441b;
	 }


a.backtoalbum {
	background-image:url(images/backtoalbum.png);
	display:block;
	width: 130px;
	height:17px;
     color:#97522e;
	 text-decoration:none;
	 text-align:center;
	 font-size:11px;
	 margin:0.5em 0 0.5em 0;
	 }
	 
a.backtoalbum:hover {
	background-image:url(images/backtoalbum-mo.png);
	display:block;
	width: 130px;
	height:17px;
	 text-decoration:none;
	 text-align:center;
	 font-size:11px;
	 color:#94441b;
	 }


a.wood {
     color:#e6ba95;
	 text-decoration:none;
	 text-align:center;
	 font-size:12px;
	  width:90px;
	 height:115px;
	 display: block;
	 padding-top:0.3em;
	 }
	 
a.wood:hover {
     color:#94441b;
	 text-decoration:none;
	 text-align:center;
	 font-size:12px;
	 background-color:#3c1c0c;
	 width:90px;
	 height:115px;
	 display: block;
	 }
	
a.wood-s {
     color:#e6ba95;
	 text-decoration:none;
	 font-size:14px;
	  width:200px;
	 height:18px;
	 display: block;
	 padding:0.3em 0.2em 0.3em 1em;
	 vertical-align:middle;
	 }
	 
a.wood-s:hover {
     color:#94441b;
	 text-decoration:none;
	 background-color:#3c1c0c;
	 width:200px;
	 height:18px;
	 display: block;
	 }
	
	
/* Gallery */

#frame {
	background-image:url(images/photo-frame.jpg);
	width:130px;
	height:150px;
	text-align:center;
	}

.album {
	padding-top:0.5em;
	border:none;
	}


.thumbnail
	{
	border:solid #D4D7BC 5px;
	}
	
.thumbnail:hover
	{
	border:solid #ffcc00 5px;
	}
