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

- Piece of Heaven, the Nezumi x Shion fanlisting
- Version 1: With You
- Author: Shinju
- Author URI: http://snow-heart.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: #efece7 url('imgs/pohv1_bg.jpg') top right repeat; margin: 0 auto; font: 10pt 'helvetica neue', arial, sans-serif; color: #b69579; text-align: right; line-height: 180%;}

#wrap {background: transparent; float: right; margin: 0 auto; padding: 0; width: 1000px; text-align: left;}

#imgs {background: transparent; width: 1000px; text-align: center;}
	#img01 {background: url('imgs/pohv1_001.jpg') no-repeat; height: 190px;}
	#img02 {background: url('imgs/pohv1_002.jpg') no-repeat; height: 190px;}
	#img03 {background: url('imgs/pohv1_003.jpg') no-repeat; height: 190px;}
	#img04 {background: url('imgs/pohv1_004.jpg') no-repeat; height: 192px;}
		#together {background: transparent; float: left; margin: 130px 0 0 120px; width: 200px; height: 40px;}

#sidebar {background: transparent; float: left; margin: 0; padding: 5px 0 5px 30px; width: 225px; text-align: left;}

#content {background: transparent; float: right; margin: 0; padding: 0 5px; width: 720px; text-align: left;}

#footer {background: transparent; width: 100%; height: 10px; text-align: center; clear: both;}

#credit {background: url('imgs/pohv1_005.jpg') no-repeat; margin-top: 20px; height: 134px; font: 76% 'helvetica neue', arial, sans-serif; text-align: center; text-transform: uppercase;}


/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
#content h1 {background: url('imgs/pohv1_h1bg.png') bottom left no-repeat; font: 36pt geosanslight, 'helvetica neue', arial, sans-serif; margin: 0 0 0 5px; padding: 28px 0 0 135px; color: #b1a8b1; text-align: left; text-transform: uppercase;}
#content h2 {font: 40px 'geosanslight', arial, helvetica, sans-serif; margin: 5px 0; text-align: center;}

#content p {margin: 5px 0px; text-indent: 1em;}
#content p:first-letter {margin: 5px 0px; font: 12pt 'over the rainbow', cursive; color: #6E8B3D; text-transform: lowercase;}
#content p.center, .codes, #links {margin: 5px 0; text-align: center; text-indent: 0px !important;}
#content p strong {font: bold 100% georgia, serif;}
#content p.sign {float: right; margin: 0; padding: 0; width: 106px;}
#content p.show_join_credits, #content p.show_update_credits, #content p.show_lostpass_credits {display: none;}

#content blockquote {background: url('imgs/pohv1_blockquotebg.png') bottom center no-repeat; margin: 10px auto; padding-bottom: 80px; width: 70%; font: 20pt 'chivo', arial, sans-serif; color: #d79b96; text-align: center; text-transform: uppercase; border-left: 1px dashed #d79b96; border-right: 1px dashed #d79b96; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#content ul {margin: 0 0 0 45px; padding: 5px; list-style: lower-roman;}
#content ul li {margin-bottom: 3px;}

#fansort, table#membersort {margin: 0px auto !important; padding: 5px 0; width: 380px; text-align: center !important;}
#fansort table td.browse_left {padding: 0; width: 50%; text-align: right;}
#fansort table td.browse_right {padding-left: 8px; width: 48%; text-align: left;}
#fansort th, #fansort td, #fansort caption {vertical-align: top; padding: 0 3px 3px 3px; text-align: center;}

#fanlist {margin: 0 auto; padding: 5px 0; width: 380px;}
#fanlist table {background: transparent; margin: 0px auto; width: 90%; border: 0px;}
#fanlist th, #fanlist td, #fanlist caption {vertical-align: top; padding: 2px;}

#sidebar h1 {font: 30pt 'cantabile', georgia, serif; margin: 0 0 5px 0; color: #a58d78; border-bottom: 1px solid #a58d78;}

#sidebar ul {margin: 0 0 0 5px; padding: 5px; list-style: none; font: 16pt 'asenine', 'helvetica neue', arial, sans-serif; letter-spacing: .1em; text-transform: uppercase;}
#sidebar ul li {margin-bottom: 3px;}

b, strong {color: #986a98;}
i, em {font: italic 100% georgia, serif; color: #d5a35c;}

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

/* TEXT AREAS & SELECTIONS
------------------------------------------------------------------------------------------------ */
input, textarea {background: inherit; margin: 0 0 5px 0; padding: 2px 5px; font: 100% helvetica, arial, sans-serif; color: #ceb195; border: 1px solid #ceb195; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

select {background: #e8e1d3; padding: 2px 5px; font: 100% helvetica, arial, sans-serif; color: #b69579; border: 0;}

option {background: #b69579; font: 100% helvetica, arial, sans-serif; color: #e8e1d3;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */
a, a:link, a:visited {background: transparent;}

#content a, #content a:link, #content a:visited, #credit a, #credit a:link, #credit a:visited {color: #66a8b5; text-decoration: none;}
#content a:hover, #content a:active, #credit a:hover, #credit a:active {color: #4e93a1;}

#sidebar a, #sidebar a:link, #sidebar a:visited {color: #788e8e; text-decoration: none;}
#sidebar a:hover, #sidebar a:active {color: #506666;}

/* IMAGES	------------------------------------------------------------------------------------------------ */
img, #content img, #sidebar img {border: 0px;}
.codes img, #a50 img, #b75 img, #c100 img, #links img {margin: 2px; border: 5px solid #edb0a2; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; opacity:0.5;filter:alpha(opacity=50); -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in;}
.codes img:hover, #a50 img:hover, #b75 img:hover, #c100 img:hover, #links img:hover {border: 5px solid #f583a0; opacity:1.0;filter:alpha(opacity=100);}
#together img {opacity: .5; -webkit-transition: opacity .3s ease-in; -moz-transition: opacity .3s ease-in; -o-transition: opacity .3s ease-in; transition: opacity .3s ease-in;}
#together img:hover {opacity: 1.0;}