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

- Taniuchi Shinya fanlisting CSS
- Version 2: Look into my eyes
- Author: Shinju (Sharmaine Dizon)
- 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: #4b2f0b; margin: 0px auto; padding: 0; font: 65% "trebuchet ms",sans-serif; color: #c6a685; text-align: center;}

div#wrap {background: url('img/v2-contentbg.jpg') repeat-y; width: 620px; margin: 0px auto; text-align: center;}

div#topimg {background: url('img/v02-topimg.jpg') no-repeat; width: 620px; height: 293px; margin: 0;}

div#content {background: transparent; width: 420px; padding: 10px; text-align: left; float: left;}

div#sidebar {background: transparent; width: 150px; padding: 10px 30px 10px 0px; text-align:left; float: right;}

div#footer {clear:both; width: 600px;}
div#footer p {font: 80% arial,sans-serif; text-align: left; text-transform: uppercase; padding: 10px;}

/* HEADINGS & MISCELLANEOUS FONTS STYLINGS 
------------------------------------------------------------------------------------------------ */

div#content h1 {background: transparent; font: 215% "arial narrow",sans-serif; color: #93af4b; text-align: left; padding: 0px 0px 0px 15px;}

div#content p.h1-subhead {background: transparent; font: italic 100% georgia,serif; color: #67ffd2; text-align: right; margin-top: -5px; padding: 0px 15px 0px 0px;} 

div#content p {background: transparent; margin: 5px 0px 5px 0px;}

div#content span.p-opening {background: transparent; font: bold 250% "times roman",serif; color: #2e1d09; float: left; margin: 0px; padding: 0px 5px 0px 0px;}

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

div#sidebar h1 {background: transparent; font: 195% "arial narrow",sans-serif; color: #67ffd2; text-align: left; padding: 0px 0px 0px 15px;}

p.center {text-align: center;}

strong, b {background: transparent; color: #751f18; text-transform: uppercase;}

blockquote {background: transparent; margin: 10px auto; width: 350px; font: 95% tahoma,sans-serif;}

/* TEXT AREAS & SELECTIONS
------------------------------------------------------------------------------------------------ */

input, textarea, select {background: inherit; font: 8pt arial, sans-serif; color: #93af4b; border: solid 1px #93af4b;}

option {background: #4b2f0b; font: 8pt arial, sans-serif; color: #f6dd76;}

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

a, a:link, a:visited {text-decoration: none; color: #f6dd76;}
a:hover, a:active {background: transparent; color: #fe9d83;}

.navi {margin: 0; padding: 2px 0px 2px 0px; list-style-type: none;}
.navi li {margin-bottom: 2px;}
.navi a {background: #FEF6EC; color: #4b2f0b; text-decoration: none; display: block; width: 138px; height: 15px; padding: 2px 0px 2px 10px; border-left: 5px solid #4b2f0b; font: 7pt arial, sans-serf; text-transform: uppercase;}
.navi a:hover {background: #FEF6EC; color: #85c5f3; border-left: 5px solid #6ab6ed;}

/* IMAGES
------------------------------------------------------------------------------------------------ */

img.profile {background: inherit; margin: 2px 2px 2px 10px; padding: 2px; float: right; border: 1px dotted #85c5f3;}