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

- Keep Faith, the Kamisama Hajimemashita (Kamisama Kiss) 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;
}

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

body {
	background: #fff;
	margin: 0pt auto;
	font: 400 12pt/170% 'Muli', arial, sans-serif;
	color: #754c24;
	text-align: center !important;
}

#frame {
	background: #fff;
	margin: 0px auto;
	width: 960px;
}

header {
	background: url('imgs/kpv1_01.jpg') left top no-repeat,
	url('imgs/kpv1_02.jpg') left bottom no-repeat;
	width: 960px;
	min-height: 541px;
	margin: 0px auto;
}

main {
	background: url('imgs/kpv1_03.jpg') center top no-repeat;
	padding: 10px 100px;
	text-align: left;
}

nav {
	background: inherit;
	font: 700 18pt/10% 'Raleway', arial, sans-serif;
	margin: 0 50px 30px 50px;
	text-align: center !important;
	text-transform: uppercase;
	text-shadow: -1px -1px 1px #fff, 1px 1px 1px #fff, 2px 2px 1px #fff;
	opacity: .5;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav ul li {
	margin-right: 30px;
	display: inline;
}

nav ul li:last-child {
	margin-right: 0px;
}

footer {
	padding: 0 70px 10px 70px;
	font: 10pt/170% 'Muli', sans-serif;
	text-align: center !important;
	text-transform: uppercase;
}

/* HEADERS AND FONTS */
p {
	margin: 0 0 10px 0px; 
	text-indent: 2em;
}

.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;
}

blockquote {
	background: #c487dd;
	margin: 10px auto;
	padding: 5px;
	width: 400px;
	font: 16pt 'Muli', sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	opacity: .6;
}

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

b {
	color: #448dcb;
	font-weight: bold;
}

strong {
	color: #f15b9e;
	font-weight: bold;
}

i, em {
	color: #946bd1;
}

.hearts {
	color: #f987b1;
}

/* FORMS AND SORT*/

.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, #membersort {
	margin: 0px auto !important; 
	padding: 5px 0; 
	width: 100%; 
	text-align: center !important;
}

#fansort table td.browse_left {
	padding: 0 12px 0 0; 
	width: 52%; 
	text-align: right;
}

#fansort table td.browse_right {
	padding-left: 6px; 
	width: 48%; 
	text-align: left;
}

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

select {
	background: inherit; 
	padding: 2px 5px; 
	font: 12pt 'Muli', sans-serif; 
	color: #754c24; 
	border: 2px solid #f78597; 
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

option {
	background: inherit; 
	font: 12pt 'Muli', sans-serif; 
	color: #754c24;
}


/* LINKS */

a, a:link, a:visited {
	background: #fffec4;
	padding: 1px 2px;
	color: #ff9c3c;
	text-decoration: none;
}

a:hover, a:active {
	background: #a2a4ff;
	color: #fff;
}

nav a, nav a:link, nav a:visited {
	background: transparent;
	color: #e0779f;
}

nav a:hover, nav a:active {
	color: #d36378;
}

/* IMAGES */
img {
	border: 0px;
}

.codes img, #links img, #siblings img {
	margin: 3px; 
	border: 5px solid #fba1bf; 
	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 #ac9767; 
	opacity: 0.9;
}