/* Copyright Tea P. of http://colorfilter.net and http://owarinai.net
---------------------------------------------------------------------
You are allowed to use my coding as reference to learn more from ONLY.
You MAY NOT copy my coding or the design, and nothing on my site may be
reproduced in any way unless explicit permission has been obtained from
me first. Please visit my site(s) for current methods of contact.
------------------------------------------------------------------ */

/* Jaken fansite and fanlisting stylesheet */


/* ------------------------------------------------------------------
GENERAL FORMATTING
------------------------------------------------------------------ */

a:link, a:visited {text-decoration: none; color: #948181; font-weight: bold;}
a:hover, a:active {text-decoration: none; color: #948181; background-color: transparent; font-weight: bold; border-bottom: 2px #663333 dotted; outline: none;}

html, body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	color: #333031;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: #7D726E url(jaken_bg.jpg) repeat;
	}

img {
	border: 0;
	margin: 2px;
	text-align: left;
	}

ul, li {
	margin: 0;
	padding: 0;
	}

/* ------------------------------------------------------------------
OVERALL LAYOUT SECTIONS STYLING
------------------------------------------------------------------ */	

/* top level div for entire layout
-----------------------------------*/
#container {
	position: relative;
	width: 543px;
	margin: 0 auto;
	padding: 0;
	background: #FFF5EC url(jaken_tablebg.jpg) repeat-y;
	text-align: justify;
	min-height: 100%;  /* For Modern Browsers */
	height: auto !important;  /* For Modern Browsers */
	height: 100%;  /* For IE */
	}

/* header images wrap
-----------------------------------*/
#pageheader {
	padding: 0;
	margin: 0;
	}

/* first header image slice
-----------------------------------*/
#pageheader h1 {
	width: 543px;
	height: 175px;
	margin: 0;
	padding: 0;
	background: #FFF5EC url(jaken_top01.jpg) no-repeat;
	}
#pageheader h1 span {
  	display: none;
	}

/* second header image slice
-----------------------------------*/
#pageheader h2 {
	width: 543px;
	height: 137px;
	margin: 0;
	padding: 0;
	background: #FFF5EC url(jaken_top02.jpg) no-repeat;
	}
#pageheader h2 span {
	display: none;
	}
	
/* nav header image slice
-----------------------------------*/
#pagenav {
	width: 543px;
	height: 80px;
 	margin: 0;
 	padding: 0;
 	background-color: transparent;
	text-align: left;
 	}
 #pagenav img {
	border: 0;
	margin: 0;
 	}
/* site navigation menu links map
-----------------------------------*/

#pagenav a:link, #sidebar a:visited { 
	background-color: transparent;
	border: none;
	}	
#pagenav a:active, #sidebar a:hover {
	background-color: transparent;
	border-width: 0px 0px 2px 0px;
	border-color: #CEB698;
	border-style: solid;
	outline: none;
	}

/* --------------------
FOOTER SECTION AFTER MAIN CONTENT AREA
-------------------- */

#pagefooter {
  	position: relative;
	width: 543px;
	height: 38px;
	margin: 0px auto;
	margin-top: -38px;
	padding: 0px;
  	background: #FFF5EC url(jaken_bottom.jpg) no-repeat;
	}
#pagefooter h1 {
  	display: none;
	}

/* --------------------
MAIN CONTENT AREA
-------------------- */

/* main content area text and objects */
#content {
	position: relative;
	overflow: visible; /* For IE's buggy italics problem */
	min-height: 255px;  /* For Modern Browsers */
	margin: 0;
	padding: 0 30px 38px 30px; /* For Footer Space */
  	background: #FFF5EC url(jaken_tablebg.jpg) repeat;
	}
#content h1 { /* CONTENT MAIN HEADING */
	padding: 1px 0 3px 35px;
	margin: 0;
	line-height: 20px;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 13px;
	color: #42363A;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: url(jaken_heading.gif) no-repeat;
	}
#content h2 { /* CONTENT MAIN HEADING */
	padding: 3px 0;
	margin: 0;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #42363A;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.05em;
	}
#content ul {
	margin-top: 16px;
	margin-left: 20px;
	}
#content ol li {
	padding-bottom: 8px;
	}
ul.info ul {
	margin-top: 10px;
	margin-left: 20px;
	}
ul.info li {
	padding-bottom: 15px;
	}
ul#navigation {
	list-style-type: none;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: left;
	color: #6A5750;
	font-weight: bold;
	text-transform: uppercase;
	}
ul#navigation li {
	display: inline;
	margin: 1px;
	letter-spacing: 0.05em;
	}
ul#navigation a {
	text-transform: uppercase;
	color: #6A5750;
	font-weight: bold;
	background: transparent;
	outline: none;
	padding: 2px 8px 2px 8px;
	border: 1px #CDBEB4 solid;
	background-color: transparent;
	}
ul#navigation a:hover {
	background-color: #ECE4D9;
	color: #6A5750;
	border: 1px #CDBEB4 solid;
	background-color: #D2C5BE;
	outline: none;
	}

/* ------------------------------------------------------------------
MISCELLANEOUS STYLING - FORMS, IMAGES, FOOTNOTES
------------------------------------------------------------------ */

/* for style of form */
input, select, textarea {
	padding: 2px;
	margin: 2px 0px 5px 0px;
	background-color: #F8EBDF;
	color: #333031;
	border: 1px #6A5750 solid;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	vertical-align: middle;
	}

/* for width of all but submit */
#name, #email, #country, #fave, #comments, #url, #newemail, #newurl, textarea {
	width: 280px;
	}
label {
	font-weight: bold;
	}

/* FOR DISCLAIMERS AND FOOTNOTES SECTION */
#footnote {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 9px;
	line-height: 10px;
	color: #695850;
	padding-top: 6px;
	}
#footnote span {
	border-bottom: 1px #695850 solid;
	font-size: 9px;
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
	}
#footnote a:hover {
	border: none;
	text-decoration: underline;
	}
	
img.info { /* CONTENT IMAGES WITH DASHED BORDER */
	border: 1px solid #6A5750;
	padding: 4px;
	background:#FDFDFD;
	margin: 2px 10px 5px 0;
	float: left;
	}
	
.clear {
	clear: both;
	padding-top: 1px;
	}

.centered { /* CENTERED OBJECTS */
	text-align: center;
	margin: 12px auto 12px auto;
	}