* { margin:0; }
body, html { height:100%; }

body {
height:100%;
font:12px/19px "lucida sans", "lucida sans unicode", "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#131415;
background-color:#e5e5e5;
margin:0px;
padding:0px;
}

div#all { /* sticky footer based on code from http://ryanfait.com/sticky-footer/ */
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -90px;
}

div#push { height:90px; }

div#title {
width:968px;
height:76px;
padding:0px;
background:url(title.jpg);
}

div#image {
position:absolute;
top:30px;
border-left:30px solid #ababab;
z-index:4;
background:#fff;
}

div#image a {
display:block;
width:246px;
height:410px;
border-bottom-width:0px;
}

div#image a:hover { background-position:bottom right !important; }

div#image a#zack_poster { background:url(inset_zack_poster.jpg); }
div#image a#zack_orig { background:url(inset_zack_orig.jpg); }
div#image a#zack_cal { background:url(inset_zack_cal.jpg); }
div#image a#zack_cover { background:url(inset_zack_cover.jpg); }
div#image a#zack_young { background:url(inset_zack_young.jpg); }
div#image a#zack_old { background:url(inset_zack_old.jpg); }
div#image a#seph { background:url(inset_seph.jpg); }
div#image a#gen { background:url(inset_gen.jpg); }
div#image a#angeal { background:url(inset_angeal.jpg); }
div#image a#aerith { background:url(inset_aerith.jpg); }
div#image a#cloud { background:url(inset_cloud.jpg); }
div#image a#zacs { background:url(inset_zacs.jpg); }
div#image a#otp { background:url(inset_otp.jpg); }


div#nav {
position:absolute;
top:440px;
left:0px;
width:276px;
z-index:3;
background:url(nav.jpg) top left no-repeat;
}

div#content {
top:76px;
padding-left:248px;
width:600px;
text-align:justify;
border-left:30px solid #ababab;
}

div#nav ul {
list-style-type:none;
text-align:right;
margin-top:21px;
padding:0px 0px 0px;
background:#fff;
border-left:30px solid #ababab;
border-right:35px solid #e5e5e5;
}

div#nav ul li {
padding:0px;
}

div#nav ul li a {
border:0px;
color:#889baf;
font:bold 14px georgia;
text-transform:lowercase;
padding:0px 5px 2px;
display:block;
letter-spacing:-1px;
}

div#nav ul li a:hover { background:#f1f1f2; color:#7ca8d4; }
div#nav ul li a#active { text-transform:uppercase; color:#677fa0; }
div#nav ul li a#active:hover { color:#7ca8d4; }
div#nav ul li ul { margin-top:0px; border-left-width:0px; border-right-width:25px; }
div#nav ul li ul li a { color:#aaaeb6; }


blockquote {
margin:10px 40px 0px;
border:3px solid #fff;
background:url(quotebg.jpg) center right no-repeat #eee;
}

blockquote:hover { background:url(quotebghover.jpg) no-repeat center right #fff; border-color:#bbb; }

blockquote p {
margin:0px 5px !important;
padding:10px; 
}

blockquote.none, blockquote.none p { border-width:0px; }

div#content ul { list-style-type:square; margin:10px 20px 10px; }
div#content ul li {
line-height:200%;
}
div#content p { margin:10px 20px; }
p.center, p.bg { text-align:center; }
p.top { text-align:center; clear:left; }
p.right { text-align:right; }

div.right { float:right; margin:0px 0px 5px 10px; }


h1 {
text-align:right;
font:bold 20px georgia, garamond, "times new roman", times, serif;
text-transform:uppercase;
letter-spacing:-2px;
margin:10px 20px -5px;
color:#848586;
padding:3px 8px;
background:#fff;
}

h2 {
font:bold 16px georgia, "times new roman", times, serif;
color:#7c7c7c;
text-transform:uppercase;
margin:20px 20px 5px;
padding:3px 8px;
letter-spacing:-2px;
background:#f7f7f7;
}

h2.center { text-align:center; }

h3 {
text-align:center;
color:#575757; 
font:normal 12px "century gothic", sans-serif;
text-transform:uppercase;
margin:0px 0px;
}


a { text-decoration:none; color:#1a4d9e; cursor:crosshair; border-bottom:2px solid #77aee4; }
a:hover { color:#555; border-bottom-color:#222; }
a#what { cursor:help; color:#131415; border-bottom-style:dotted; }
a#what:hover { color:#111; }

em { color:#148e9d; }

span, strong { color:#2279b7; }

ins { text-decoration:underline; }
del { text-decoration:line-through; }

p.fans {
border-bottom:3px solid #cbba8a;
line-height:17px !important;
}

p.fans small { font-size:11px; margin-bottom:-5px; }

img.left { float:left; margin:5px 5px 5px 0px; }
img.right { float:right; margin:5px 0px 5px 5px; }

img { border:3px solid #ccc; margin-right:3px; }
img:hover { border:3px solid #fff; }
a.none { border-bottom-width:0px; }

ol li {
padding:0px 5px;
margin-left:30px;
}

input, textarea, select {
background:#fafafa;
border:1px solid #999;
font:13px/19px "trebuchet ms", tahoma, verdana, arial, sans-serif;
color:#131415;
}

input:focus, textarea:focus, select:focus { border-color:#111; }

div#disclaimer {
text-align:right;
clear:right;
font-size:11px;
line-height:14px;
height:90px;
padding:0px 30px 0px 0px;
background:url(bg.gif) no-repeat bottom right;
}

div#disclaimer p { margin:0px 10px; padding-top:5px; }

div#disclaimer p#mininav {
padding-top:5px;
word-spacing:-1px;
text-transform:lowercase;
font:12px "lucida sans", "lucida sans unicode", "trebuchet ms", tahoma, verdana, arial, sans-serif;
}

div#disclaimer a { border-bottom-width:1px; }