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

- Threads of Destiny, the Tomoe and Momozono Nanami fanlisting
- Version 1
- 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: #f9bdc5 url('imgs/todv1_bodybg.jpg') center top repeat; margin: 0 auto; font: 11pt 'imprima', sans-serif; color: #fff; text-align: center; line-height: 16pt;}

#top {background: url('imgs/todv1_topbg.png') center top repeat-x; margin: 0px auto; height: 563px;}

#wire {background: transparent url('imgs/todv1_contentbg.jpg') center top repeat !important; margin: 0px auto; width: 960px; text-align: center; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-border-bottom-left-radius: 15px; -moz-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;}

#imgs {background: transparent; width: 960px; text-align: center;}
	#img1 {background: url('imgs/todv1_001.jpg') center top no-repeat; width: 960px; height: 200px;}
	#img2 {background: url('imgs/todv1_002.jpg') center top no-repeat; width: 960px; height: 200px;}
	#img3 {background: url('imgs/todv1_003.jpg') center top no-repeat; width: 960px; height: 200px;}
	#img4 {background: url('imgs/todv1_004.jpg') center top no-repeat; width: 960px; height: 120px;}

#frame {background: url('imgs/todv1_005.jpg') center top no-repeat; width: 960px; min-height: 80px;}

#sidebar {background: transparent; float: left; margin: 10px 20px; width: 240px; text-align: left;}

#content {background: transparent; float: right; margin: 10px 20px 10px 10px; width: 650px; text-align: left;}

#footer {background: transparent; margin: 0 auto; padding: 10px; width: 940px; font: 9pt 'josefin sans', arial, tahoma, sans-serif; font-weight: 400; line-height: 14pt; text-transform: uppercase; text-align: center; clear: both;}

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
#content h1 {background: url('imgs/todv1_h1bg.png') bottom left no-repeat; font: 40pt 'meie script', cursive; margin: 0 0 10px 0; padding: 28px 0 0 140px; color: #ff8497; text-align: left; text-shadow: 2px 2px 1px #fff, 2px 2px 1px #fff;}
#content h1:first-letter {color: #fff; text-shadow: 2px 2px 1px #ff8497, 2px 2px 1px #ff8497;}

#sidebar h1 {font: 30pt 'allura', cursive; margin: 0 0 5px 0; color: #FFFFFE; text-align: center !important; line-height: 20pt; text-shadow: 2px 2px 1px #ff8497, 2px 2px 1px #ff8497;}

#content p {margin: 0 0 10px 0px; text-indent: 2em;}
#content p.center, .codes, #links, #siblings {margin: 5px 0; text-indent: 0em !important; text-align: center;}
p.show_join_credits, p.show_update_credits, p.show_lostpass_credits {display: none;}

#content p.snippets {margin: 0 0 10px 0px; padding: 0 12px; font: 18pt 'oranienbaum', georgia, sans-serif; color: #fffffe; line-height: 14pt; text-shadow: 1px 1px 2px #ff8497, 1px 1px 2px #ff8497, 1px 1px 2px #ff8497, 1px 1px 2px #ff8497;}
#content p.speaker {font: 10pt 'dosis', 'helvetica neue', tahoma, arial, sans-serif; color: #d45ca4; text-indent: 0em !important; text-align: center !important; text-transform: uppercase;}

.line {background: url('imgs/todv1_divider.png') center top no-repeat; margin: 8px auto; width: 433px; height: 48px; text-align: center !important;}

blockquote {background: url('imgs/todv1_blockquote.png') center bottom no-repeat; margin: 8px auto; padding: 8px 0 0 0; min-height: 88px; font: 14pt 'anonymous pro', 'courier new', monospace; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 1px #ff8497, 2px 2px 1px #ff8497;}

ul {margin: 0 0 0 50px; padding: 5px; list-style: lower-roman;}

#sidebar ul {margin: 0px auto; padding: 0 5px 0px 5px; list-style: none; font: 16pt 'dosis', 'helvetica neue', arial, sans-serif; text-align: center !important; letter-spacing: .1em; text-transform: uppercase;}
#sidebar ul li {margin-bottom: 3px;}
#sidebar .block {background: transparent; width: 100%; height: 15px; display: block;}
#sidebar #up {margin-top: -15px !important;}

.form {margin: 0px auto !important; width: 98%; text-align: center !important;}
	td.browse_left {padding: 3px; width: 40%; text-align: left;}
	td.browse_right {padding: 3px; width: 60%; text-align: left;}
	input.show_join_name_field, input.show_join_email_field, select.show_join_country_field, input.show_join_url_field, input.show_update_old_email_field, input.show_update_current_password_field, input.show_update_name_field, input.show_update_email_field, select.show_update_country_field, input.show_update_url_field, input.show_update_submit_button, input.show_lostpass_email_field, input.show_lostpass_submit_button {width: 100% !important; padding: 2px;}
	input.show_join_password_field, input.show_join_password_field2, input.show_update_password_field, input.show_update_password_field2 {width: 43%;}
	input.show_join_submit_button, input.show_join_reset_button {width: 49%;}

#fansort, table#membersort {margin: 0px auto !important; padding: 5px 0; width: 100%; text-align: center !important;}
#fansort table td.browse_left {padding: 0 8px 0 0; width: 52%; text-align: right;}
#fansort table td.browse_right {padding-left: 4px; 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: 100%;}
#fanlist table {background: transparent; margin: 0px auto; width: 98%; border: 0px;}
#fanlist th, #fanlist td, #fanlist caption {vertical-align: top; padding: 2px 0; text-align: center;}
#fanlist th {background: #fff9ea; text-transform: uppercase;}
#fanlist th strong {color: #fba2c7;}

b, strong {font-weight: bold; color: #f5ffb5;}
i, em {font: bold italic 13pt 'tinos', georgia, serif; color: #e3f0fd; font-weight: 700;}

span.hearts {color: #cefcc5;}

/* TEXT AREAS & SELECTIONS
------------------------------------------------------------------------------------------------ */
input, textarea {background: inherit; margin: 0 0 5px 0; padding: 2px 5px; font: 11pt 'imprima', sans-serif; color: #fff; border: 2px solid #f78597; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

select {background: inherit; padding: 2px 5px; font: 11pt 'imprima', sans-serif; color: #fff; border: 2px solid #f78597; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

option {background: inherit; font: 11pt 'imprima', sans-serif; color: #fff;}


/* LINK STYLES	------------------------------------------------------------------------------------------------ */
a, a:link, a:visited {background: transparent; color: #ff5f9a; text-decoration: none;}
a:hover, a:active {color: #ff5f5f;}

#sidebar a, #sidebar a:link, #sidebar a:visited {color: #fff; text-shadow: 1px 1px 1px #f78c9c, 1px 1px 1px #f78c9c, 1px 1px 1px #f78c9c, 1px 1px 1px #f78c9c;}
#sidebar a:hover, #sidebar a:active {color: #e3f0fd;}

/* IMAGES	------------------------------------------------------------------------------------------------ */
img {border: 0px;}
#sidebar img {margin: 0px auto !important; text-align: center !important;}

.codes img, #links img, #siblings img {margin: 3px; border: 5px solid #fb5f99; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; opacity:0.5; -webkit-transition: opacity .5s ease-in; -moz-transition: opacity .5s ease-in; -o-transition: opacity .5s ease-in; transition: opacity .5s ease-in;}
.codes img:hover, #links img:hover, #siblings img:hover {border: 5px solid #fdf8e3; opacity:0.9;}