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

body {
	background-color: #ede4d6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(bg.png);
	background-repeat: repeat;
}

#wrapper {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(wbg.png);
	background-repeat: repeat-y;
	width:800px;
}

#nav {
	width:360px;
	position:absolute;
	top:430px;
	left:450px;
	text-transform:uppercase;
	text-align:justify;
	letter-spacing:1px;
}

#nav a {
	text-decoration:none;
	color:#666666;
	font-size:10px;
	margin:10px;
	font-weight:bold;
	padding:3px;
	background-color:#f1ead9;
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	border-bottom:2px solid #666666;
}

#nav a:hover {	
	border-bottom:2px solid #ecdf43;
	color:#cc3333;
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	cursor:help;
}

#left {
	width:380px;
	color:#999999;
	line-height:22px;
	text-align:justify;
}

#left .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	background-position:bottom;
	background-image:url(l-title.png);
	background-repeat:no-repeat;
	text-align:justify;
	height:35px;
	color:#ff9966;
}

#left .title:first-letter {
	color:#cccc33;
	font-style:italic;
}

#left a, #right a {
	text-decoration:none;
	border-bottom:2px solid #cccc33;
	padding-left:2px;
	padding-right:2px;
	color:#ff9966;
}

#left a:hover, #right a:hover {
	background-color:#f1ead9;
	cursor:help;
	color:#999999;
	border-bottom:2px solid #999999;
}

.pad {
	padding-left:10px;
	padding-right:10px;
}

blockquote {
	background-image:url(blockquote.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#f1ead9;
	width:280px;
	height:150px;
	text-align:justify;
	line-height:22px;
	padding:10px;
	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
}

b, strong {
	color:#ff6633;
}

i, em {
	color:#999933;
}

p {
	margin-bottom:30px;
}

u {
	color:#cc3333;
}

#right {
	width:380px;
	position:absolute;
	top:565px;
	left:400px;
	color:#996600;
	line-height:22px;
	text-align:justify;
}

#right .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:22px;
	background-position:bottom;
	background-image:url(l-title.png);
	background-repeat:no-repeat;
	text-align:justify;
	height:35px;
	color:#cccc33;
}

#right .title:first-letter {
	color:#ff9966;
	font-style:italic;
}

li {
	list-style-type:circle;
	font-size:9px;
	line-height:16px;
}

#left img, #right img {
	opacity: 0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#left img:hover, #right img:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}