/* 
- Prince Charming, the Kim Hyun Joong fanlisting
- Version 1: Picture Perfect
- Author: Shinju 
- Author URI: http://winter-scent.net, http://fan.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') top left repeat; margin: 0 auto; font: 69% tahoma,sans-serif; color: #8B7355; text-align: center;}

div#container {background: url('img/topbg.jpg') top left repeat-x; width: 100%; height: 405px; z-index: 1;}

div#wrap {background: transparent; float: left; margin: 0 auto; width: 686px; text-align: center;}

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

div#content {background: transparent; float: right; width: 470px; margin: 0; padding: 0 5px 10px 0; text-align: left; line-height: 180%;}

div#sidebar {background: transparent; float: left; width: 195px; margin: 0; padding: 0 10px 10px 5px; font: 320% georgia, serif; text-align: right; line-height: 85%;}

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

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

div#content h1 {background: url('img/h1bg.png') bottom left no-repeat; margin: 0px 0px 5px 0px; padding: 0 0 0 50px; height: 45px; font: 380% georgia,serif; letter-spacing: -.10em; text-transform: uppercase; color: #CDAA7D;}

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

div#content blockquote {background: transparent; margin: 10px auto; padding-left: 50px; width: 250px; font: 90% tahoma,sans-serif;}


div#content p {margin: 5px 0px 5px 0px; text-indent: 1em;}
div#content p.right {float: right; margin: 0 5px 5px 0; width: 70px;}
div#content p.center {text-align: center;}

div#content span.heart {color: #ff6699;}
div#content span.signature {font: 150% georgia; color: #8B1A1A;}

i, em {font: italic 100% georgia, serif; color: #DC143C;}

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

input, textarea, select {background: inherit; color: #751f18; border: solid 1px #8B6508;}

option {background: #104e85; color: #fff;}

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

div#sidebar ul {margin: 0; padding: 0; list-style-type: none; text-align: right; text-transform: lowercase;}
div#sidebar ul li {margin-bottom: 3px;}
div#sidebar ul a, div#sidebar ul a:link, div#sidebar ul a:visited {background: transparent; padding-right: 5px; text-decoration: none; color: #CD5B45;}
div#sidebar ul a:hover {background: transparent; text-decoration: none; color: #8B3E2F;}

a, a:link, a:visited {text-decoration: none; color: #458B00;}
a:hover, a:active {color: #388E8E;}