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

- WONDERFUL WORLD, Karneval: Gareki x Nai CSS
- Version 1: Color my haven
- Author: Shinju
- Author URI: http://winter-scent.net, http://sakuchi.org, http://daintydoll.org

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

/* 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: #f6feff url('img/topbg.jpg') top left repeat-x; margin: 0 auto; font: 68% tahoma, sans-serif; color: #728fac; text-align: center;}

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

div#header {background: transparent; width: 650px; height: 540px;}

div#content {background: transparent; position: relative; margin: -15px 0 0 0; padding: 0 90px 0px 77px; text-align: left; line-height: 180%; z-index: 2;}

div#footer {background: url('img/footer.jpg') bottom right no-repeat; margin: 10px 0px 0px 0px; padding: 0px 0px 115px 22px; font: 85% tahoma,sans-serif; text-align: center; text-transform: uppercase; clear: both;}

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
div#content h1 {background: url('img/h1bg.jpg') bottom left no-repeat; margin: 0px 0px 5px 0px; padding: 0px 0 0 85px; height: 70px; font: 350% times,serif; text-transform: lowercase; color: #f6e295;}
div#content h1:first-letter {font: italic 100% georgia, serif; color: #d9e452;}
div#content p.h1-subhead {margin: -28px 0 10px 80px; font: 120% "courier new", monospace; color: #f6ccf6; text-transform: uppercase;}
div#content p.h1-subhead:first-letter {font: 100% "courier new", monospace; color: #ffb2da; text-transform: uppercase;}

div#content p {margin: 5px 0px 5px 0px; text-indent: 1em;}
div#content p.center {margin: 5px 0px; text-align: center;}
div#content p:first-letter {font: italic 180% "palatino linotype", serif; color: #44d4f8; text-transform: lowercase;}
div#content p.rightimg {float: right; margin: 0 0 0 5px; padding: 0 15px 0 0; width: 107px;}

div#content blockquote {background: #fff8dd; margin: 20px; padding: 5px; color: #ffa0a1; text-align: left; border: 2px dashed #96cdc6;	-moz-border-radius: 10px; -webkit-border-radius: 10px;}

div#content ul {background: transparent; margin: 0 0 0 15px; padding: 5px; list-style: none;}
div#content ul li {background: url('http://garenai.sakuchi.org/img/rainbowcloudsb.gif') no-repeat 0 .1em; padding-left: 35px;}

div#footer p.credit {float: right; text-align: left; margin: -1px 0 0 0; padding: 0px 85px 0 165px;}

span.hearts {font: 100% georgia, serif; color: #ff6699;}
span.psub {font: italic 220% "palatino linotype", serif; color: #9b84a5; text-transform: lowercase;}

b, strong {color: #e53335;}
i, em {font: italic 100% georgia, serif; color: #93cbc4;}

.codesort li {display: inline; padding: 0 .5em .5em 1em;}

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

input, textarea, select {background: inherit; font: 100% tahoma, sans-serif; color: #f37236; border: solid 1px #a8c63f;}

option {background: #fff; font: 100% tahoma, sans-serif; color: #f37236;}

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

a, a:link, a:visited {text-decoration: none; color: #fdafca;}
a:hover, a:active {color: #f20883;}

/* IMG STYLES	------------------------------------------------------------------------------------------------ */

img {border: 0;}
img.border {border: 5px solid #e1d984;}
img.border:hover {border: 5px solid #92cbc4;}
img.lborder {float: left; margin: 0 5px 5px 0; border: 5px solid #e1d984;}
img.lborder:hover {border: 5px solid #92cbc4;}
img.rborder {float: right; margin: 0 0 5px 5px; border: 5px solid #e1d984;}
img.rborder:hover {border: 5px solid #92cbc4;}
img.right {float: right; margin: 0 0 5px 5px;}