@font-face{font-family: lucida console; src: url('lucon.ttf');}
body {
	text-align: center;
	line-height: 150%;
	font-family: arial; 
	font-size: 11px; 
	text-align: center;
	margin: 0px;
	background-color: #191919;
	background-image: url(fassbender_bg.jpg);
	background-position: top right;
	background-repeat: repeat;
	color: #787b83;
}

table {
	font-family: arial; 
	text-align: justify;
	margin: 0px auto;
}
img {border-style: none;}


#top {
	position: absolute; top: 0px; right: 0px;
}
#content {
	position: absolute; top: 280px; right: 310px;
	width: 600px;
	margin: 0px auto;
	text-align: right;
}
.nav {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}
#footer {
	width: 100%;
	padding: 0px;
	line-height: 17px;
	font-size: 11px;
	font-family: arial;
	text-align: center;
	margin: 50px auto 0px auto;
}
#footer span {
	line-height: 7px;
	font-size: 35px;
}

p {margin: 10px 0px 15px 0px;}

.break {
	background-image: url(suju_break.png);
	background-position: top center;
	background-repeat: no-repeat;
	width: 700px;
	height: 827px;
	margin: 0px auto;
	border-style: none;
}

.siblings {
	float: left;
	margin: 4px 5px 1px 0px;
	filter: alpha(opacity=70);
	moz-opacity: .70;
	opacity: .70;
	border: 5px solid #2f2b36;
}
.siblings:hover {
	filter: alpha(opacity=100);
	moz-opacity: 1;
	opacity: 1;
}
.middle {
	border: 5px solid #171b1d;
	margin: 1px; 
	padding: 0px; 
}
.middle:hover {
	border: 5px solid #272b2e;
}
.left {
	float: left;
}
.right {
	float: right;
}
.online {
	border: 5px solid #453039;
	margin: 2px;
	filter: alpha(opacity=80);
	moz-opacity: .80;
	opacity: .80;
}
.online:hover {
	filter: alpha(opacity=100);
	moz-opacity: 1;
	opacity: 1;
}
.siteinfo {font-size: 11px; line-height: 1.31em;
	margin: 11px 75px;  
	padding: 10px; }

.project {
	margin: 5px;  
	padding: 10px; 
	color: #605a63;
	line-height: 19px;
	background-color: #171b1d;
}
.project:hover {background-color: #272b2e;}
.project2 {
	width: 97px;
	height: 130px;
	margin: 5px 5px 5px 7px;  
	padding: 10px 10px 10px 3px; 
	color: #a6a382;
	line-height: 19px;
	background-color: #171b1d;
	font-family: 'Arvo', courier new;
	font-size: 12px; 
}
.project2 b {font-weight: normal; font-family: 'Arvo', courier new; color: #8c2f2f; font-size: 17px;}
.project2 span {font-weight: normal; font-family: 'Arvo', courier new; color: #4f6266; font-size: 9px;}
.title {width: 130px; text-align: right; background-image: url(fassbender_bg2.jpg);}
.title:hover {background-color: #272b2e;}
.desc {width: 230px; text-align: left; padding: 7px 9px; background-image: url(fassbender_bg3.jpg); color: #636363;}
.title a {font-family: arial; padding: 5px 7px; text-transform: uppercase; color: #b1b5ad; display: block; font-style: italic;}
.title a:hover {color: #afac8f;}

#sitedesc {
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}
.box {
	margin: 20px 10px 11px 95px;  
	padding: 5px; 
	color: #636363;
	line-height: 19px;
	text-align: center;
	background-color: #171b1d;
	border: 1px solid #171b1d;
	font-family: lucida console;
	font-size: 10px; 
}
.box:hover {
	border: 1px solid #353740;
	color: #8b8b8b;
}
.center {
	width: 100%;
	text-align: center;
	margin: 0px auto;
}

i {color: #afac8f;}
em {color: #92afb4;}
b {font-weight: normal; font-family: 'Arvo', courier new; color: #b1b5ad;}
ul {list-style-type:none; padding:0px; margin:0px; line-height: 140%; font-size: 10px;}
li a {color: #999;}
li.aff a {color: #5f93a5;}
li.sib a {color: #b42428;}
li a:hover,li.aff a:hover,li.sib a:hover {color: #ddd;}

h1 {
	font-family: 'Arvo', courier new;
	font-size: 25px;
	font-weight: normal;
	line-height: 1em;
	padding: 0px;
	margin: 5px 30px 5px 0px;
	color: #8c2f2f;
	letter-spacing: 2px;
	text-align: right;
	text-transform: lowercase;
	font-style: italic;
	}
h2 {
	font-family: 'Arvo', Courier New;
	font-size: 17px;
	font-weight: normal;
	line-height: 1em;
	padding: 0px;
	margin: 5px 10px 10px 50px;
	color: #663b38;
	letter-spacing: 2px;
	text-align: left;
	text-transform: lowercase;
	font-style: italic;
	}

blockquote {
	margin: 11px 80px; 
	padding: 10px; 
	color: #867f80;
	line-height: 19px;
	text-align: justify;
	background-color: #171115;
	font-size: 11px;
}

blockquote.sib {
	margin: 5px 80px; 
	padding: 10px; 
	color: #867f80;
	line-height: 1.3em;
	font-family: Arial;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
	background: none;
}

a {color: #cb2624; text-decoration: none;}
a:hover {color: #ddd; text-decoration: none; cursor: help;}