/* 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.
------------------------------------------------------------------ */

/* Sesshoumaru: The Killing Perfection- version 5 manga stylesheet */


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

a:link, a:visited {text-decoration: none; color: #5B0D40; background-color: transparent; font-weight: bold;}
a:hover, a:active {text-decoration: none; color: #683A5E; background-color: #C1CDCD; font-weight: bold;}

html, body {
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	color: #3B3439;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #F9F7E8 url(sessv5_bgtile.jpg) top left repeat;
	}

img {
	border: 0;
	}

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

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

/* top level div for entire layout
-----------------------------------*/
#container {
	width: 775px;
	margin: 0;
	padding: 0;
	min-height: 100%;  /* For Modern Browsers */
	height: auto !important;  /* For Modern Browsers */
	height: 100%;  /* For IE */
	background: #9FAEBA url(sessv5_contentbg.jpg) repeat-y;
	}

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

/* first header image slice
-----------------------------------*/
#pageheader h1 {
	width: 775px;
	height: 245px;
	margin: 0;
	padding: 0;
	background: #F9F7E8 url(sessv5_top01.jpg) no-repeat;
	}
#pageheader h1 span {
  	display: none;
	}

/* second header image slice
-----------------------------------*/
#pageheader h2 {
	width: 775px;
	height: 217px;
	margin: 0;
	padding: 0;
	background: #F9F7E8 url(sessv5_top02.jpg) no-repeat;
	}
#pageheader h2 span {
	display: none;
	}

/* site navigation menu in header
-----------------------------------*/
#menu a {
	position: absolute;
	width: 131px;
	height: 278px;
	top: 230px;
	left: 10px;
	text-decoration: none;
	}

#menu a i { visibility: hidden; }

a#main { top: 247px; width: 132px; height: 18px; }
a#site { top: 268px; width: 132px; height: 18px; }
a#character { top: 289px; width: 132px; height: 18px; }
a#relations { top: 310px; width: 132px; height: 18px; }
a#gallery { top: 331px; width: 132px; height: 18px; }
a#media { top: 351px; width: 132px; height: 18px; }
a#parody { top: 372px; width: 132px; height: 18px; }
a#interactive { top: 394px; width: 132px; height: 18px; }

#pageheader a:link, #pageheader a:visited { 
	background-color: transparent;
	border: none;
	}	
#pageheader a:active, #pageheader a:hover {
	background-color: transparent;
	border-width: 0px 0px 2px 0px;
	border-color: #6C7175;
	border-style: solid;
	}

/* overall wrap for content body
-----------------------------------*/
#contentwrap {
	width: 775px;
	overflow: visible; /* For IE's buggy italics problem */
	padding: 0 0 35px 0;
	margin: 0;
	background: #9FAEBA url(sessv5_contentbg.jpg) repeat-y;
	min-height: 255px;  /* For Modern Browsers */
	}

/* footer section and content
-----------------------------------*/
#pagefooter {
  	position: relative;
	width: 750px;
	height: 30px;
	margin: 0;
	margin-top: -30px;
	padding: 0px;
  	background: #9FAEBA url(sessv5_footer.jpg) no-repeat;
	}	
#pagefooter2 {
	padding-left: 70px;
	padding-top: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	font-weight: normal;
	}
#pagefooter2 a:link, #pagefooter2 a:visited { 
	text-decoration: underline;
	color: #3B3439;
	background-color: transparent;
	font-weight: normal;
	border: none;
	}
#pagefooter2 a:active, #pagefooter2 a:hover {
	text-decoration: none;
	color: #3B3439;
	background-color: #C1CDCD;
	font-weight: normal;
	border: none;
	}
	
/* bottom text navigation
-----------------------------------*/
#textnav {
	padding-top: 15px;
	text-align: left;
	}
	

/* ------------------------------------------------------------------
MAIN CONTENT STYLING
------------------------------------------------------------------ */	

/* content text and objects
-----------------------------------*/
.content {
	padding: 0 65px 6px 70px;
	margin: 0;
	}
	
.intro { /* INTRO PARAGRAPHS WHEN NO HEADING, FOR FIREFOX MARGIN */
	padding-top: 0;
	margin: 0;
	}
	
.end { /* ENDING SALUTES OR NOTES */
	text-align: right;
	font-style: italic;
	padding-top: 6px;
	}
	
.news { /* FOR NEWS BOX */
	border-left: 5px #C1CDCD solid;
	border-bottom: 1px #C1CDCD solid;
	padding: 0 3px;;
	margin: 0 8px;
	display: block;
	vertical-align: middle;
	}
.news span{ /* FOR NEWS DATE */
	font-weight: bold;
	}
	
.centered { /* CENTERED OBJECTS */
	text-align: center;
	margin: 12px auto 12px auto;
	}

.content h1 { /* CONTENT MAIN HEADING */
	padding: 0 0 2px 27px;
	margin: 0;
	line-height: 23px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 15px;
	color: #3B3439;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.07em;
	background: url(heading_flower02.gif) no-repeat;
	}
.content h1 span { /* CONTENT MAIN HEADING'S SECOND PORTION */
	text-transform: lowercase;
	}

.content h2 { /* SUB-MENU SECONDARY HEADING */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #3B3439;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding-top: 2px;
	padding-bottom: 3px;
	}
.content h3 { /* CONTENT SUB-HEADINGS */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #3B3439;
	text-align: left;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0.07em;
	padding: 0 0 0 18px;
	margin-top: 22px;
	border: none;
	background: url(heading_subflower.gif) no-repeat;
	}

h2.updates { /* MAIN PAGE UPDATES HEADING */
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #3B3439;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 7px;
	padding-bottom: 3px;
	}
.content img { /* CONTENT IMAGES WITH DASHED BORDER */
	border: 1px dashed #683A5E;
	padding: 4px;
	background:#C1CDCD;
	margin: 3px;
	}
	
.content ul {
	padding: 8px 30px 0 30px;
	}
.content li {
	list-style-type: disk;
	padding-bottom: 13px;
	}

.gallery { /* FOR IMAGES STUFF LIKE ICONS */
	margin: 12px;
	}
.gallery img { /* IMAGES WITHIN GALLERY DIV */
	border: none;
	padding: 2px;
	background: none;
	outline: none;
	}

ul.subnav { /* SUB-NAVIGATION LISTING */
	padding: 8px 40px 0 30px;
	}
ul.subnav li {
	list-style-type: none;
	padding: 0 0 15px 18px;
	border: none;
	background: url(list_subnav.gif) no-repeat;
	}
ul.subnav a {
	text-transform: uppercase;
	}
ul.subnav a:hover {
	border: none;
	text-decoration: underline;
	background: none;
	color: #5B0D40;
	}
	
/* ------------------------------------------------------------------
MISCELLANEOUS
------------------------------------------------------------------ */

img.floatleft {
	float: left;
	margin: 5px 10px 5px 0;
}
img.floatright {
	float: right;
	margin: 5px 0 5px 10px;
}
img.noborder {
	padding: 0;
	border: 0;
	background: none;
	margin: 1px;
}

.clear {
	clear: both;
	padding-top: 1px;
	}

.subscribe {
	padding: 2px;
	margin: 2px 0px 5px 0px;
	background-color: #C1CDCD;
	color: #3B3439;
	border: 1px #3B3439 solid;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	vertical-align: middle;
	}