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

- TRANSCENDENT, Yoneda Kou & Raw./NITRO Koutetsu
- Version 1: Galería de Arte
- Author: Shinju
- Author URI: http://winter-scent.net, http://sakuchi.org, http://daintydoll.org, http://kinmotsu.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: #000 url('http://kou.kinmotsu.org/img/bodybg.jpg') top left repeat-x; margin: 0px auto; font: 70% helvetica, sans-serif; color: #8B5742; text-align: center; line-height: 150%;}

div#wrap {background: transparent; margin: 0 auto; width: 1080px; text-align: center;}
	div#img1 {background: url('http://kou.kinmotsu.org/img/trans_01.jpg') top left no-repeat; width: 1080px; height: 146px;}
	
	div#img2 {background: url('http://kou.kinmotsu.org/img/trans_02.jpg') top left no-repeat; width: 1080px; height: 421px;}
		div#content {background: transparent; position: relative; float: right; margin: 60px 230px 10px 0; padding: 5px; width: 340px; height: 250px; text-align: left; overflow: hidden;}
		div#lyr1 {position: absolute; top: 0; left: 0; visibility:visible;}
		div#scrollLinks {background: transparent; float: right; margin: 353px -500px 0 0; width: 95px; height: 51px;}
		div#footer {background: transparent; position: absolute; float: left; margin: 325px 0 0 500px; padding: 0px 5px 0 0; width: 340px; font: 73% helvetica, sans-serif; text-align: left; text-transform: uppercase;}
			div#net {float: left; margin: 0 5px 0 0;}
	
	div#img3 {background: url('http://kou.kinmotsu.org/img/trans_03.jpg') top left no-repeat; width: 1080px; height: 334px;}
		div#navi {background: transparent; float: left; margin: 28px 0 50px 90px; width: 260px; height: 66px; text-align: left;}
		
/* HEADERS & OTHER FONT MISC
				------------------------------------------------------------------------------------------------ */
div#content h1 {background: url('http://kou.kinmotsu.org/img/h1bg.png') bottom left no-repeat; margin: 0px; padding: 0 0 0 61px; height: 63px; font: 300% times,serif; text-transform: uppercase; color: #8B814C; letter-spacing: -.13em;}
div#content h1:first-letter {font: italic 100% georgia, serif; color: #607B8B; text-transform: lowercase;}
div#content p.h1-subhead {margin: -30px 0 10px 50px; font: 160% "courier new", monospace; color: #CD8162; text-transform: uppercase;}
div#content p.h1-subhead:first-letter {font: bold 100% "courier new", monospace; color: #8B5F65; 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: #668B8B; 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: #87813a; text-align: left; border: 2px dashed #9c291a;	-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://kou.kinmotsu.org/img/folder_heart.png') no-repeat 0 .05em; padding-left: 22px;}

span.hearts {font: 105% georgia, serif; color: #e06827;}
b, strong {font: bold 100% georgia, serif; color: #8B475D;}
i, em {font: italic 100% georgia, serif; color: #548B54;}

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

/* TEXT AREAS & SELECTIONS
------------------------------------------------------------------------------------------------ */
input, textarea, select {background: inherit; font: 100% tahoma, sans-serif; color: #144266; border: solid 1px #c63f28;}

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

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

a, a:link, a:visited {text-decoration: none; color: #2d7594;}
a:hover, a:active {color: #a30000;}

/* IMG STYLES	------------------------------------------------------------------------------------------------ */
img {border: 0;}