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

- (re) birth, the Utada Hikaru Fanlisting
- Version 1: Skylight
- Author: Shinju
- Author URI: http://snow-heart.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: #ffffff url('imgs/rb_bodybg.jpg') left top repeat-x; margin: 0px auto; font: 9pt 'ruda', helvetica, tahoma, sans-serif; color: #79b0ca; text-align: center; line-height: 18pt;}

#wrap {background: transparent; margin: 0px auto; width: 785px; text-align: center;}

#img {background: url('imgs/rb_001.jpg') left top no-repeat; margin: 0px auto; width: 785px; height: 528px;}

#sidebar {background: transparent; float: left; margin: 0 10px 0 0; padding: 0 0 0 20px; width: 210px; text-align: left;}
     #sidebar ul {background: inherit; float: left; margin: 0px; width: 210px; list-style-type: none; font: 16pt 'asap', 'helvetica neue', tahoma, sans-serif; text-align: left; text-transform: uppercase;}
     #sidebar ul li {background: inherit; margin: 0 0 5px 0; padding: 2px 2px; }

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

#footer {background: inherit; margin: 0px auto; padding: 10px 0 0 0; width: 100%; font: 8pt 'josefin sans', helvetica, tahoma, sans-serif; text-transform: uppercase; clear: both;}

/* HEADERS & OTHER FONT MISC
------------------------------------------------------------------------------------------------ */
#content h1 {background: inherit; margin: 0 0 5px 0; font: 18pt 'gudea', 'helvetica neue', tahoma, sans-serif; text-align: right; text-transform: uppercase;}
#content h1:first-letter {color: #D9D9D9;}

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

#content blockquote {background: inherit; margin: 10px auto; padding: 15px 0; width: 75%; font: 10pt 'gudea', 'helvetica neue', helvetica, arial, sans-serif; color: #8DB6CD; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; border-left: 3px solid #A2B5CD; border-right: 3px solid #A2B5CD; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

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

.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, 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, input.show_update_url_field, input.show_lostpass_email_field, input.show_join_comments_field {width: 98% !important; padding: 2px;}
	input.show_join_password_field, input.show_join_password_field2, input.show_update_password_field, input.show_update_password_field2 {width: 46%;}
	input.show_join_submit_button, input.show_join_reset_button, input.show_lostpass_submit_button, input.show_update_submit_button, select.show_join_country_field, select.show_update_country_field {width: 100% !important; padding: 2px;}

#fansort, table#membersort {margin: 0px auto !important; padding: 5px 0; width: 380px; text-align: center !important;}
#fansort table td.browse_left {padding: 0 5px 0 0;  width: 52%; text-align: right;}
#fansort table td.browse_right {padding-left: 5px; 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 0; text-align: center;}
#fanlist th {background: #B4CDCD;}
#fanlist th strong {color: #ffffff;}

#footer p strong {color: #4f8ab2; font-weight: 700;}

b, strong {color: #4f8ab2; font-weight: 700;}
i, em {font: italic 9pt georgia, serif; color: #b195de;}
span.hearts, .join-required, .update-required {color: #febbd4;}
.show_members_pagination .current {color: #febbd4; font-size: 120%;}

/* TEXT AREAS & SELECTIONS
------------------------------------------------------------------------------------------------ */
input, textarea {background: inherit; margin: 0 0 5px 0; padding: 2px 5px; font: 9pt 'ruda', helvetica, tahoma, sans-serif; color: #79b0ca; border: 2px solid #A2B5CD; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

select {background: #fff; margin: 0 0 5px 0; padding: 2px 5px; font: 9pt 'ruda', helvetica, tahoma, sans-serif; color: #79b0ca; border: 2px solid #A2B5CD; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}

option {background: #79b0ca; font: 9pt 'ruda', helvetica, tahoma, sans-serif; color: #fff;}

/* LINK STYLES	------------------------------------------------------------------------------------------------ */
a, a:link, a:visited, a:link {color: #a8d8e7; text-decoration: none;}
a:hover, a:active {color: #a4c0ff;}

/* IMAGES	------------------------------------------------------------------------------------------------ */
img {border: 0px;}
.codes img, #links img {margin: 2px; border: 5px solid #BCD2EE; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; opacity:0.5; -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, #links img:hover {border: 5px solid #A2B5CD; opacity:1.0;}

.show_sort_list li {list-style: none;}
.show_sort_list .sort-country {display: inline-block; width: 48%; text-align: right; margin-right: 10px;}
.show_sort_list .sort-count {display: inline-block; width: 48%; text-align: left;}