/*
Layout by Kibumie
For Magician the Eriol Hiirigizawa Shrine
All Rights Reserved
*/

body {
background: #000000 url('img/bbg.gif') repeat-y;
background-attachment:fixed;
background-position: right; 
color: #DDD6C6;
font-family: sans;
font-size: 13px;
text-align: justify;
letter-spacing: 1px;
margin: 0px;
}

/* Navigation */

.nav {
height: 70px;
width: 700px;
margin: 0 auto;
text-align: center;
font-size: 15px;
}

.nav a {
float: left;
color: #9F8D63;
text-transform: uppercase;
width: 140px;
display: block;
padding-top: 27px;
padding-bottom: 25px;
text-decoration: none;
}

.nav a:hover {
background: #331F0C;
color: #09D6BE;
}

.subnav {
width: 150px;
float: right;
padding-left: 5px;
}

.subnav a {
width: 140px;
padding: 3px;
border-bottom: 1px solid #2A1908;
display: block;
color: #CE9156;
}

.subnav a:hover {
background: #87582A;
color: #000000;
}

/* Header */

.hbg {
background: url('img/bg.jpg') repeat-x;
height: 229px;
}

.header {
background: url('img/header.jpg') no-repeat;
margin: 0 auto;
width: 740px;
height: 229px;
}

/* content */

.content {
margin: 0 auto;
width: 640px;
padding-bottom: 20px;
}

.content a {
font-family: arial;
font-size: 9px;
text-transform: uppercase;
}

/* Basic */

b {
color: #F1C267;
}

kbd {
color: #C49741;
font-size: 24px;
font-family: bookman old style, sans;
margin-left: 60px;
}

strong {
color: #C49741;
}

a {
color: #B47701;
text-decoration: none;
}

a:hover {
color: #A20401;
}

img {
border: 5px solid #242424;
padding: 3px;
background: #494949;
}

a img {
border: 5px solid #242424;
}

a:hover img {
background: #9A6735;
}

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

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

.gradualshine{
filter:alpha(opacity=30);
-moz-opacity:0.3;
}

blockquote {
width: 400px;
padding: 8px;
margin: 0 auto;
border-left: 8px solid #44300C;
border-right: 8px solid #44300C;
font-family: arial;
font-size: 9px;
text-transform: uppercase;
color: #887C66;
}

/* Highlight */

::-moz-selection{
background: #331F0C;
color: #09D6BE;
}

::selection {
background: #331F0C;
color: #09D6BE;
}

/* Footer */

.footer {
background: #0B0B0B;
border-top: 8px solid #68592C;
padding-top: 5px;
margin: 0 auto;
width: 640px;
color: #615F52;
font-size: 11px;
}

/* Writing */

select {
background: #331F0C;
border: 3px solid #141414;
color: #09D6BE;
font-family: arial;
font-size: 9px;
letter-spacing: 1px;
padding: 2px;
text-transform: uppercase;
}

input {
background: #331F0C;
border: 3px solid #141414;
color: #09D6BE;
font-family: arial;
font-size: 9px;
letter-spacing: 1px;
padding: 2px;
text-transform: uppercase;
}

textarea {
background: #331F0C;
border: 3px solid #141414;
color: #09D6BE;
font-family: arial;
font-size: 9px;
letter-spacing: 1px;
padding: 2px;
text-transform: uppercase;
}