/* This stylesheet is done by Mizuiro for tsuiokuNET only. */
/* Be creative in your own way and please, no thieving! */
/* View this style only for educational purposes. ; ) */


/* GENERAL */

body {
	background: #f1f3f8 url('images/golden-02.jpg') top center repeat-x;
	margin: 0;
	padding: 0;
	}
body, p, br, table, tr, td, div, i, u, textarea, input, form, label, select {
	color: #9499a1;
	cursor: default;
	font-family: verdana;
	font-size: 11px;
	line-height: 180%;
	text-align: justify;
	}
p {
	margin-bottom: 3px;
	margin-right: 5px;
	margin-top: 5px;
	}
ul, ol, b, strong {
	color: #9499a1;
}
a:link, a:visited {
	border-bottom: 1px dashed #e8a124;
	color: #de9919;
	cursor: help;
	text-decoration: none;
	}
a:hover, a:active {
	border-bottom: 1px dashed #cc8a00;
	color: #b77d25;
	cursor: help;
	text-decoration: none;
	}

img {
	border: 0;
	padding: 0;
	margin: 0;
	}

/* HEADER */

h1 {
	border-bottom: 1px dashed #d0ac00;
	color: #d0ac00;
	font-family: "chaparral pro", garamond, "lucida bright";
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-right: 30px;
	text-align: left;
	text-indent: 15px;
	text-transform: uppercase;
	}
h2 {
	color:#8b7c6e;
	font-family:"century gothic";
	font-size:15px;
	font-style:normal;
	font-weight:normal;
	letter-spacing:1px;
	line-height:50%;
	padding-left:15px;
	text-transform:uppercase;
	}
h3 {
	color:#786a5c;
	font-family:"century gothic";
	font-size:11pt;
	font-weight:normal;
	letter-spacing:2pt;
	padding-left:30px;
	text-align:left;
	text-transform:lowercase;
	}
h4 {
	color:#e3d8b9;
	font-family:"garamond";
	font-size:11pt;
	font-style:italic;
	font-weight:normal;
	letter-spacing:1px;
	line-height:50%;
	margin:0 0 20px;
	padding-left:50px;
	text-transform:lowercase;
	}

/* STRUCTURE */

#wrap {	
	position: static;
	}
#start {
	position: static;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	}
#header {
	background: url('images/golden-01.jpg') top no-repeat;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	position: static;
	width: 750px;
	}
#content {
	float: right;
	padding-top: 10px;
	padding-right: 30px;
	position: static;
	text-align: justify;
	width: 475px;
	}
#navigation {
	float: right;
	line-height: 100%;
	padding-top: 15px;
	padding-right: 30px;
	position: static;
	text-align: center;
	width: 475px;
	}
#navigation img, #navigation a {
	border: 0px none;
	}
#footer {
	clear: both;
	color: #b9becd;
	font: 9px "century gothic";
	margin-bottom: 0;
	margin-top: 20px;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: center;
	}
#footer a:link, #footer a:visited {
	background: none;
	border: 0;
	color: #a2a6af;
	text-decoration: none;
	}
#footer a:hover, #footer a:active {
	background: none;
	color: #9499a1;
	text-decoration: none;
	}
div.animatedcollapse {
	display:none;
	}

/* ET CETERA */
blockquote {
	background:#d1d8e7;
	color:#565656;
	display:block;
	font-weight:normal;
	padding:10px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
	}
.p {
	text-indent:25px;
	}
.left {
	text-align:left;
	}
.center {
	text-align:center;
	}
.right {
	text-align:right;
	}
.info {
	margin:0px 15px;
	}
.link {
	background:#0b0b0b;
	color:#565656;
	margin-left:80px;
	margin-right:80px;
	padding:5px;
	text-align:center;
	}
.link:hover {
	color:#787878;
	cursor:default;	
	}
.link a {
	color:#565656;
	}
.link:hover a {
	color:#ababab;
	}
.link:hover a:hover {
	color:#7d99bb;
	}
div.aff {
	text-align: center;
	}
.codesort label {
	float:left;
	margin:0 0.5em 0 0;
	text-align:right;
	width:15em;
	}
.images, .codesort, .aff {
	margin:5px 0px;
	text-align:left;
	}
.aff a, .images a:hover, .codesort a, .codesort a:hover {
	border:0px none;
	text-align:left;
	}
.images a img, .aff a img, .codesort img, .codesort a img {
	background:#eaf2f2;
	border:0px none;
	margin:0px 2px 2px 0px;
	padding:5px;
	text-align:left;
	}
.images a:hover img, .aff a:hover img, .codesort img:hover, .codesort a:hover img {
	background:#d9e2e1;
	border:0px none;
	margin:0px 2px 2px 0px;
	padding:5px;
	text-align:left;
	}