/*======================================

- ASPHYXIATION, Junjou Egoist CSS
- Version 1: Caught up
- Author: Shinju
- Author URI: http://winter-scent.net

======================================*/

/* GLOBAL LAYOUT AND STYLE
------------------------------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  margin: 0;
  padding: 0;
}

body {background: #ffeefc url('img/egoistbg.jpg') top left repeat-x; margin: 0px auto; font: 70% tahoma,sans-serif; color: #FFFFFF; text-align: center;}

div#wrap {background: url('img/bodybg.jpg') top left repeat-y; margin: 0px auto; width: 650px; text-align: center;}

div#topimg {background: url('img/egoistop.jpg') top left no-repeat; margin: 0px; width: 650px; height: 425px;}

div#navigation {background: transparent; margin: 0px 5px 0px 5px; width: 140px; float: right; font: italic 180% georgia, serif; text-align: center;}

div#content {background: transparent; margin: 0px 5px 5px 5px; width: 490px; float: left; text-align: left;}

div#footer {background: url('img/egoistfooter2.png') bottom left no-repeat; clear: both; margin: 0px; padding: 10px 0px 121px 0px; font: 75% tahoma,sans-serif; text-transform: uppercase; text-align: left;}

div#endmark {background: transparent; float: left; margin: 5px; width: 400px;}

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */

div#content h1 {background: url('img/h1bg.png') bottom left no-repeat; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 68px; height: 64px; font: 380% georgia,serif; letter-spacing: -.10em; text-transform: uppercase; color: #F6F9ED;}
div#content p.h1-subhead {background: transparent; margin: -25px 0 15px 0; padding: 0px 0px 0px 55px; font: 95% arial,sans-serif; text-transform: uppercase; color: #FEF1E9;}

div#content p {margin: 5px 0px 5px 0px; text-indent: 1em;}
div#content p.center {text-align: center; text-transform: uppercase;}

div#content p span.sub-title {font: 120% impact, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #2F4F4F;}

div#content blockquote {background: #fdfcf4 url('img/mini_egoist2.gif') top left no-repeat; margin: 10px auto; padding: 5px 5px 5px 125px; width: 250px; font: 90% helvetica, sans-serif; color: #009ACD; border-top: 2px solid #8FBC8F; border-bottom: 2px solid #8FBC8F; border-left: 5px solid #fda7c6; border-right: 5px solid #fda7c6;}

div#content ul {background: transparent; margin: 0px 0px 10px 15px; list-style-type: square;}


div#content table#index {margin: 0 auto; width: 50%;}
div#content table#index th, div#content table#index td, div#content table#index caption {padding: 0 4px 4px 4px; vertical-align: top;}


div#content table.infobank {background: transparent; margin: 0px auto; width: 98%; color: #CD8500;}
div#content table.infobank td {padding: 5px; vertical-align: top;}
div#content table.infobank td.pink {background: #FF82AB; width: 2%;}
div#content table.infobank td.blue {background: #BFEFFF; width: 2%;}
div#content table.infobank td.title {background: #FAFAD2;}
div#content table.infobank p.head {font: 165% georgia, serif; color: #668B8B; text-align: center;}
div#content table.infobank p.subhead {font: 95% helvetica, sans-serif; text-align: right;}
div#content table.infobank p.c-bottom {font: 165% georgia, serif; color: #668B8B; text-align: right;}

div#navigation ul li p {font: 45% tahoma,sans-serif; text-transform: uppercase; color: #FDFDF0;}
div#navigation ul li p:hover {color: #F1EDC2;}

b, strong {font: bold 120% "courier new",monospace; text-transform: uppercase; color: #4A708B;}
i, em {font: italic 100% georgia, serif; color: #2E8B57;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */

div#navigation ul {margin: 0; padding: 0; list-style-type: none; text-align: right; text-transform: lowercase;}
div#navigation ul li {margin-bottom: 3px;}
div#navigation ul a, div#navigation ul a:link, div#navigation ul a:visited {background: transparent; padding-right: 5px; text-decoration: none; color: #fff; border-right: 5px solid #fff;}
div#navigation ul a:hover {background: transparent; text-decoration: none; color: #EBECE4; border-right: 5px solid #EBECE4;}

a, a:link, a:visited {text-decoration: none; color: #388E8E;}
a:hover, a:active {background: #FFFFF0; color: #FF69B4;}

/* IMAGE STYLES	------------------------------------------------------------------------------------------------ */

img {border: 0px;}
img.box {border: 5px solid #eeecda;}
img.box:hover {border: 5px solid #cacf90;}
img.box-left {float: left; margin: 0px 5px 5px 0px;;border: 5px solid #cacf90;}
img.box-left:hover {border: 5px solid #eeecda;}
img.box-right {float: right; margin: 0px 0px 5px 5px;;border: 5px solid #cacf90;}
img.box-right:hover {border: 5px solid #eeecda;}