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

- Masuda Takahisa fanlisting CSS
- Version 2: Smile
- 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: url('img/bodybg.jpg') repeat; margin: 0px auto; padding: 0; font: 67% "tahoma",sans-serif; color: #FFEBCD; text-align: center;}

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

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

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

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


div#footer {clear:both; font: 73% tahoma,sans-serif; color: #8B0000; text-transform: uppercase;}
div#end {background: url('img/footerpic.png') no-repeat; width: 593px; height: 66px; margin: 0px auto; text-align: center;}

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

div#content h1 {background: url('img/h1-bg.png') no-repeat bottom left; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 66px; height: 61px; font: italic 380% "times roman",serif; color: #702313; letter-spacing: -0.08em; text-transform: lowercase;}

div#content p.h1-subhead {background: transparent; margin-top: -25px; padding: 0px 0px 10px 75px; font: 100% arial,sans-serif; color: #000; text-transform: uppercase;}

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

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

p.center {text-align: center;}

div#sidebar h1 {background: transparent; text-align: center; font: 200% "arial narrow",sans-serif; color: #702313; border-bottom: 1px dashed #702313;}

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

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

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

.navi {margin: 0; padding: 2px 0px 2px 0px; list-style-type: none; text-align: right;}
.navi li {margin-bottom: 2px;}
.navi a, .navi a:link, .navi a:visited  {background: transparent; display: block; width: 110px; height: 10px; padding: 2px 0px 2px 2px; text-decoration: none; color: #8B4513; font: 7pt "small fonts",sans-serif; text-transform: uppercase;}
.navi a:hover {background: transparent; color: #f6dd76; text-decoration: none;}

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

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

option {background: #403424; font: 8pt arial, sans-serif; color: #fdc689;}


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

img.profile {background: inherit; margin: 0px 10px 2px 2px; padding: 2px; float: left; border: 1px dotted #751f18;}