/*
----------------------------------
Jigoku Chou CSS File
Designed by: Vanessa
----------------------------------
*/

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

/*
----------------------------------
Basics and Essentials
----------------------------------
*/

body {
background: #CCC url(/layout/bg.gif) repeat-x top left;
margin: 0 auto;
font-family: Lucida Grande, "Verdana", sans-serif;
font-size: 10px;
text-align: center;
color: #8D8D8D; }

#container {
background: url(/layout/content.gif) repeat-y top left;
margin: auto;
width: 450px;
position: relative;
text-align: left; }

#header {
background: url(/layout/head.jpg) no-repeat top left;
height: 113px;
width: 450px;
margin: 0 auto; }

#nav {
width: 300px;
height: 25px;
text-align: left;
position: relative;
top: 76px; left: 197px;
color: #FFF; }

*html #nav { left: 105px; }

#content {
float: right;
padding-bottom: 10px;
margin-right: 17px;
width: 375px;
text-align: left; }

#footer {
background: url(/layout/footer.gif) no-repeat top left;
width: 450px;
height: 51px;
margin-left: 3px;
text-align: center;
clear: both; }

 .bottom {
margin-left: 65px;
font-size: 9px;
line-height: 1.5em;
width: 355px;
border-top: 1px solid #DCDCDC;
padding-top: 7px; }



/*
----------------------------------
Other Elements
----------------------------------
*/

a:link,
a:visited,
a:active {
    background: none;
    text-decoration: none;
    color: #87344F; }

a:hover {
    background: none;
    text-decoration: none;
    color: #000; }

p { margin-bottom: 10px; line-height: 1.7em; text-align: justify; }
p.center { text-align: center; }
p.form { margin-left: 37px; }
em { color: #6E6E6E; }
strong { color: #5F465B; }
b { font-weight: normal; color: #9C8B99; }

ul { list-style: none; margin-bottom: 5px; }
.links { margin-left: 35px; list-style: square; }

ol { list-style: decimal; margin-bottom: 5px;}
ol li { margin-left: 25px; }

blockquote {
background: #ECEBEB;
border: 1px solid #B8B7B7;
margin: 5px 22px 5px 22px;
padding: 5px;
line-height: 18px;
text-align: justify; 
color: #848383; }

h1 {
font-family: Georgia,  "Verdana", sans-serif;
font-size: 18px;
font-variant: small-caps;
text-indent: 40px;
letter-spacing: 2px;
margin-bottom: 5px;
clear: both;
color: #8A2948; }

h2 { 
font-family: Arial, "Verdana", sans-serif;
font-size: 14px;
font-variant: normal;
text-indent: 100px;
text-transform: lowercase;
letter-spacing: 2px;
margin-bottom: 5px;
clear: both;
color: #9D576E; }


/*
----------------------------------
Navigation Menu
----------------------------------
*/

.menu {
width: 300px;
height: 19px;
list-style: none;
margin: auto;
font-size: 10px; }

.menu li {
float: left;
margin-right: 10px; }

.menu a, .menu a:visited {
text-transform: lowercase;
font-family: Verdana, "Arial", sans-serif;
text-align: left;
letter-spacing: 1px;
font-weight: normal;
border: 0;
color: #FFF; }

.menu a:hover {
border-bottom: 2px solid #9C8B99;
color: #000; }

/*
----------------------------------
Forms
----------------------------------
*/

label { text-align: left; color: #5F465B; }

input, textarea, .select {
border: 1px solid #CCC;
padding: 3px 5px;
font-family: Arial, "Lucide Grande", sans-serif;
font-size: 10px;
vertical-align: middle;
margin: 3px 0 5px 0;
width: 300px;
}

option { padding: 1px 1px 1px 2px; }

textarea {
width: 300px;
height: 120px;
font-size: 10px;
}

input#submit {
width: 80px;
}

/*
-----------------------------------
Guestbook
-----------------------------------
*/

#entries {
	width: 100%;
	border-collapse: collapse;
	margin: 10px auto;
        text-align: justify;
        color: #977D96;
	}
		#entries tr.rowcolor1 td {
		background: #EEE7ED;
		}
		#entries td.meta {
		width: 25%;
		line-height: 1.5em;
		}
		#entries td {
                background: #F5EEF4;
		vertical-align: top;
                line-height: 1.5em;
		padding: 10px;
		}
		#entries td img {
		vertical-align: bottom;
		}

p.meta { color: #7D4D80; font-weight: bold; font-size: 12px; }