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

/* OwarinaiNET's version NANA stylesheet */


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

a:link, a:visited {text-decoration: none; color: #B14137; background-color: transparent; font-weight: bold;}
a:hover, a:active {text-decoration: none; color: #B52214; background-color: transparent; font-weight: bold; border-bottom: 1px dashed;}

html, body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	color: #2D2213;
	background: #434342 url(/layout/owarinai_nanabg.jpg) repeat;
	}
ul, li {
	margin: 0;
	padding: 0;
	}
img {
	border: 0;
	}

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


/* top level div for entire layout
-----------------------------------*/
#container {
	width: 777px;
	margin: 0px;
	padding: 0px;
	background: #FBF2D9 url(/layout/owarinai_nanabody.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: 0px;
	margin: 0px;
	}


/* first header image slice
-----------------------------------*/
#pageheader h1 {
	width: 777px;
	height: 275px;
	margin: 0px;
	padding: 0px;
	background: url(/layout/owarinai_nanatop01.jpg) no-repeat;
	}
#pageheader h1 span {
	display: none;
	}


/* second header image slice
-----------------------------------*/
#pageheader h2 {
	width: 777px;
	height: 263px;
	margin: 0px;
	padding: 0px;
  	background: url(/layout/owarinai_nanatop02.jpg) no-repeat;
	}
#pageheader h2 span {
	display: none;
	}


/* overall wrap for content and sidebar
-----------------------------------*/
#content {
	width: 777px;
	overflow: visible; /* For IE's buggy italics problem */
	padding: 0px;
	margin: 0px;
	background: #FBF2D9 url(/layout/owarinai_nanabody.jpg) repeat-y;
	min-height: 100%;  /* For Modern Browsers */
	height: auto !important;  /* For Modern Browsers */
	height: 100%;  /* For IE */
	}


/* footer sections
-----------------------------------*/
#pagefooter {
	width: 777px;
	height: 61px;
	margin: 0px;
	padding: 0px;
  	background: #FBF2D9 url(/layout/owarinai_nanafoot.jpg) no-repeat;
  	clear: both;
	}
#pagefooter2 {
	padding-left: 92px;
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 11px;
	font-weight: normal;
	}
#pagefooter2 a:link, #pagefooter2 a:visited {
	text-decoration: underline;
	color: #46351D;
	background-color: transparent;
	font-weight: normal;
	}
#pagefooter2 a:active, #pagefooter2 a:hover {
	text-decoration: none;
	color: #46351D;
	background-color: #E2C5A9;
	font-weight: normal;
	border: 0px;
	}

/* ------------------------------------------------------------------
BLURBS AND STUFF ON HEADER SECTION (WRAPPED IN CONTENT DIV ID)
------------------------------------------------------------------ */


/* the WELCOME summary paragraphs
-----------------------------------*/
#welcome {
	position:absolute;
	top:100px;
	left:123px;
	width:358px;
	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 12px;
	font-weight: bold;
	color: #46351D;
	text-align: left;
	line-height: 15px;
	letter-spacing: 0.1em;
	}
#welcome h1 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 20px;
	padding-left: 35px;
	text-align: left;
	letter-spacing: 0.1em;
	}
#welcome p {
	text-align: left;
	}
#welcome a:link, #welcome a:visited {
	text-decoration: none;
	color: #5B99BC;
	background-color: transparent;
	font-weight: bold;
	}
#welcome a:active, #welcome a:hover {
	text-decoration: none;
	color: #477B99;
	background-color: #E2C5A9;
	font-weight: bold;
	border: 0px;
	outline: none;
	}


/* the ARCHIVES paragraphs
-----------------------------------*/
#quicksection {
	position:absolute;
  	top: 345px;
  	left: 390px;
  	width: 350px;
	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #46351D;
	line-height: 15px;
	letter-spacing: 0.1em;
	}
#quicksection h1 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 20px;
	text-align: left;
	letter-spacing: 0.1em;
	}
#quicksection p {
	padding-left: 18px;
	}


/* the QUICK LINKS paragraphs
-----------------------------------*/
#quicklinks {
	position:absolute;
  	top: 390px;
  	left: 20px;
  	width: 180px;
	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 13px;
	font-weight: bold;
	color: #46351D;
	text-align: left;
	line-height: 15px;
	letter-spacing: 0.1em;
	}
#quicklinks h1 {
	display: none;
	}
#quicklinks p {
	text-align: left;
	}
#quicklinks a:link, #quicklinks a:visited, #quicksection a:link, #quicksection a:visited {
	text-decoration: none;
	color: #5B99BC;
	background-color: transparent;
	font-weight: bold;
	}
#quicklinks a:active, #quicklinks a:hover, #quicksection a:active, #quicksection a:hover  {
	text-decoration: none;
	color: #477B99;
	background-color: #E2C5A9;
	font-weight: bold;
	border: 0px;
	outline: none;
	}

/* ------------------------------------------------------------------
CONTENT SECTIONS STYLING (WRAPPED IN CONTENT DIV ID)
------------------------------------------------------------------ */


/* main content wrap (no side paddings)
-----------------------------------*/
 #maintext {
	width: 535px;
	float: left;
	padding: 4px 0 15px 0;
	margin: 0 0 20px 0;
	background: #E4958F url(/layout/owarinai_nanabodybg.jpg) repeat;
  	}


/* sidebar section (no children)
-----------------------------------*/
#sidebar {
	width: 182px;
	float: right;
 	margin: 0 20px 20px 0px;
 	padding: 0 11px 5px 11px; /* Can still go up to 15px */
 	background: #DCAD99 url(/layout/owarinai_nanasidebg.jpg) repeat-y;
 	color: #46351D;
 	display: inline; /* For IE6 float bug, not rec for w3c */
 	}
#sidebar h1, #sidebar h2 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 17px;
	color: #432724;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 14px;
	}
#sidebar h2 {
	background: url(/layout/dotted_pink2.gif) repeat-x top left;
	padding-top: 8px;
	}
#sidebar ul, .category_list ul {
	padding: 0 0 8px 0;
	list-style-type: none;
	}
#sidebar ul li a, .category_list ul li a {
	padding: 0 0 8px 17px;
	list-style-type: none;
	border: none;
	color: #46351D;
	background: url(/layout/flower_list_bright.gif) no-repeat;

	}
#sidebar ul li a:hover, .category_list ul li a:hover {
	text-decoration: none;
	color: #B14137;
	}

#sidebar .latest {
	text-align: left;
	}
#sidebar img {
	border: 0;
	margin: 1px 3px 0 0;
	vertical-align: middle;
	}
	
/* search
-----------------------------------*/	
#sidebar input, #sidebar select {
	margin: 2px 3px 5px 0;
	background-color: #EEEAD8;
	color: #2D2213;
	border: 1px #922D22 solid;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	vertical-align: middle;
	}
/* ------------------------------------------------------------------
INDIVIDUAL ENTRIES AND TEXT STYLE (WRAPPED IN MAINTEXT DIV)
------------------------------------------------------------------ */


/* blog entry wrap
-----------------------------------*/
.entry, .static {
	padding: 0px 10px;
	margin: 0px;
	}


/* blog entry elements
-----------------------------------*/
.entry h1 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 18px;
	color: #922D22;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 100%;
	}
.entry h2 {
	font-size: 12px;
	color: #922D22;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;
	}
.entry img, .static img { /* GIVING IMAGES A DASHED BORDER */
	border: 1px dashed #B94F45;
	padding: 5px;
	background:#DCAD99;
	margin: 5px 10px 5px 0;
	}

.entry li {
	padding: 0 0 5px 17px;
	list-style-type: none;
	border: none;
	color: #46351D;
	background: url(/layout/flower_list.gif) no-repeat;
	}
.entry ul li a:hover {
	border: none;
	text-decoration: underline;
	}
.date { /* ENTRY DATE AND TIME */
	font-family: Tahoma;
	font-size: 11px;
	margin-top: -10px;
    text-transform: uppercase;
	}
.postby { /* ENTRY POST BY NAME AND FLOWER PIC */
	font-family: Tahoma;
	font-size: 11px;
	margin-top: -10px;
	padding: 5px 22px;
	background:url(/layout/flower_mini.gif) no-repeat;
	text-transform: none;
	}
.postcat { /* ENTRY POSTED CATEGORY LIST */
	font-family: Georgia, "Times New Roman", serif;
	font-size: 11px;
	}
.entryinfo { /* ENTRY INFO LIKE COMMENTS PERMLINK TRACKBACKS */
	font-family: Tahoma;
	font-size: 11px;
	text-transform: uppercase;
	border-top: 1px dotted #D3B794;
	height: 20px;
	text-align: right;
	padding-right: 10px;
	line-height: 17px;
	}
h1.section { /* PAGE SECTION TITLE HEADINGS */
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 20px;
	color: #010101;
	letter-spacing: 0.1em;
	text-align: right;
	line-height: 100%;
	background: url(/layout/dotted_pink2.gif) repeat-x bottom left;
	padding: 0 0 1px 0;
	}


/* static entry elements
-----------------------------------*/
.static h1 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 20px;
	color: #010101;
	letter-spacing: 0.1em;
	text-align: right;
	line-height: 100%;
	background: url(/layout/dotted_pink2.gif) repeat-x bottom left;
	padding: 0 0 1px 0;
	}
.static h2 {
  	font-family: Georgia, "Times New Roman", Tahoma, serif;
	font-size: 17px;
	color: #922D22;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 100%;
	text-transform: lowercase;
	padding: 3px 0 0 0;
	}
.static h3 {
	font-size: 11px;
	text-decoration: underline;
	text-align: left;
	padding: 3px 0 0 0;
	}

/* ------------------------------------------------------------------
ENTRY COMMENTS STYLING
------------------------------------------------------------------ */

/* individual comment wrap
-----------------------------------*/
.comment-box {
	padding: 0;
	margin: 0 15px 8px 0;
	color: #2D2213;
	background-color: #E2C5A9;
	border-left: 10px #D75F53 solid;
	}
.comment-box-alt {
	padding: 0;
	margin: 0 15px 8px 0;
	color: #2D2213;
	background-color: #E6D5C2;
	border-left: 10px #D75F53 solid;
	}
.comment-box-me {
	padding: 0;
	margin: 0 15px 8px 0;
	background-color: #F2EFE5;
	color: #2D2213;
	border: 1px #B14137 dashed;
	border-left: 10px #B14137 solid;
	}
.postedby { /* ACTUAL COMMENT FORM DIV */
	padding: 4px 2px;
	margin: 0px;
	background: url(/layout/dotted_pink2.gif) repeat-x bottom left;
	}
.comment-entry {
	padding: 2px 3px 2px 5px;
	margin: 0px;
	text-align: left;
	}
.comment-entry blockquote {
	background: url(/layout/bq_comment.gif) no-repeat;
	font-style: italic;
	width: 425px;
	color: #B14137;
	padding-left: 20px;
	margin-left: 20px;
	}
.comment-entry code, comment-entry pre {
	border-left: 1px #E2807A solid;
	margin-left: 20px;
	padding-left: 10px;
	display: block;
	font-family: Courier, "Courier New", serif;
	font-size: 11px;
	}
.marker { /* COMMENT ENTRY POST BY NAME AND FLOWER PIC */
	padding: 5px 2px 5px 23px;
	background:url(/layout/flower_mini.gif) no-repeat;
	text-decoration: none;
	color: #B14137;
	font-weight: bold;
	}
.paginate {
	text-align: center;
	padding: 5px;
	}
	
/* ------------------------------------------------------------------
ENTRY COMMENTS FORM
------------------------------------------------------------------ */

/* overall comment form area
-----------------------------------*/
#comment-form-area {
	padding: 0px 8px;
	margin: 0px;
	}
h1.comments {
	font-size: 17px;
	color: #432724;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 0;
	}
#comment-form { /* ACTUAL COMMENT FORM DIV */
	float: left;
	}
#comment-form input, #comment-form textarea, #comment-form-notes input {
	padding: 2px;
	margin: 2px 3px 5px 0px;
	background-color: #EEEAD8;
	color: #2D2213;
	border-width: 1px;
	border-color: #922D22;
	border-style: solid;
	font-size: 12px;
	font-family: "Courier New", Georgia, "Times New Roman", serif;
	vertical-align: middle;
	}
/* for width of all but submit */
#comment-form textarea, #name, #email, #web { /* FOR WIDTH OF ALL BUT SUBMIT */
	width: 280px;
	}
.txpCommentInputMessage {
	height: 190px;
	}
#comment-form label {
	font-weight: bold;
	}
#comment-form-notes { /* COMMENT FORM NOTES */
	float: right;
	width: 205px;
	padding-right: 5px;
	padding-top: 10px;
	color: #922D22;
	}

/* ------------------------------------------------------------------
ARCHIVES PAGE
------------------------------------------------------------------ */
h2.archives {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #2D2213;
	text-transform: uppercase;
	}
h3.archives {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: left;
	color: #2D2213;
	margin: 12px 0 0 0;
	}
h4.archives {
	font-size: 11px;
	text-align: left;
	color: #2D2213;
	padding-left: 5px;
	margin: 0;
	font-weight: normal;
	}

ul.archivelist, ol.archivelist {
	margin-top: 15px;
	margin-left: 15px;
	background: none;
	}
ul.archivelist li {
	padding: 0 0 4px 0;
	border: none;
	background: none;
	list-style-type: disc;
	}

/* ------------------------------------------------------------------
MISCELLANEOUS
------------------------------------------------------------------ */

.small {
	font-family: Arial, Tahoma, Arial, Verdana, san-serif;
	font-size: 9px;
	color: #544026;
	font-weight: normal;
	text-transform: uppercase;
	}
img.floatleft {
	float: left;
	padding: 1px 3px 0px 0px;
	border: 0px;
	background: none;
	margin: 0px;
}
img.floatright {
	float: right;
	padding: 1px 0px 0px 3px;
	border: 0px;
	background: none;
	margin: 0px;
}
img.noborder {
	padding: 0;
	border: 0;
	background: none;
	margin: 1px;
}

.centered {
	text-align: center
	}

/* body divider strip
-----------------------------------*/
.bodydivider {
	padding: 0px 0px 1px 0px;
	margin: 0px;
	}
.bodydivider h1 {
	background: url(/layout/striped_pink.jpg) repeat-x;
	height: 10px;
	width: 100%;
	}
.bodydivider h1 span, .bodydivider h2 span {
	display: none;
	}
	
/* paginate nav links textpattern
-----------------------------------*/
ul#paginate {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}
ul#paginate li {
	display: inline;
	padding: 8px 4px 8px 4px;
	background: none;
	}
	
/* clearing floats
-----------------------------------*/
.clear {
	clear: both;
	padding-top: 1px;
	}