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

- RAYS of SUNSHINE, Karneval: Nai CSS
- Version 1: Candy Delight
- 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: url('http://nai.sakuchi.org/img/bodybg.jpg') top right repeat; margin: 0 auto; font: 68% tahoma, sans-serif; color: #db9565; }

div#topbg {background: url('http://nai.sakuchi.org/img/topbg.jpg') top right repeat-x; width: 100%; height: 400px; z-index: 1;}

div#wrap {background: url('http://nai.sakuchi.org/img/maincontentbg.jpg') top right repeat-y; margin: 0 auto; float: right; width: 506px; text-align: center;}

div#header {background: transparent; width: 506px; height: 400px;}

div#content {background: transparent; position: relative; margin: -30px 0 0 0; padding: 0 5px 10px 40px; text-align: left; line-height: 180%; z-index: 2;}

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

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
div#content h1 {background: url('http://nai.sakuchi.org/img/h1bg.png') bottom left no-repeat; margin: 0px 0px 5px 0px; padding: 0 0 0 62px; height: 48px; font: 300% georgia,serif; text-transform: lowercase; color: #d7c946;}
div#content h1:first-letter {font: italic 100% georgia, serif; color: #989c0e;}
div#content p.h1-subhead {margin: -18px 0 5px 60px; font: 120% "courier new", monospace; color: #69d1e8; text-transform: uppercase;}
div#content p.h1-subhead:first-letter {font: 100% "courier new", monospace; color: #5bd9f3; 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: #ff4d7d; text-transform: lowercase;}
div#content p.rightimg {float: right; margin: 0 0 0 5px; width: 107px;}

div#content blockquote {background: #fef3dd; margin: 20px; padding: 5px; color: #fda4c5; text-align: left; border: 2px dashed #fff;	-moz-border-radius: 10px; -webkit-border-radius: 10px;}

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

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

span.hearts {font: 100% georgia, serif; color: #ff6699;}

b, strong {color: #fd7076;}
i, em {font: italic 100% georgia, serif; color: #ff8ec4;}

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

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

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

/* LINK STYLES	------------------------------------------------------------------------------------------------ */
div#content blockquote a, div#content blockquote a:link, div#content blockquote a:visited {text-decoration: none; color: #388E8E;}
div#content blockquote a:hover, div#content blockquote a:active {color: #458B00;}

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

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

img {border: 0;}
img.right {float: right; margin: 0 0 5px 5px;}