@charset "utf-8";
@import url("reset.css");
/* CSS Document */

body {
	font: 1em/1.1em Constantia,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
	background: url("images/wood.jpg") repeat-y scroll center top black;
	font-style: italic;
	color: #522c0d;
}

#wrap {
	margin: 0 auto;
	width: 820px;
	z-index: 5;
}	

#sidebar {
	display: block;
	margin: 0 auto;
	width: 170px;
	height: 400px;
	z-index: 5;
	float: left;
}

#main {
	display: block;
	margin: 0 auto;
	width: 650px;
	z-index: 5;
	float: left;
}

#header {
	display: block;
	overflow: hidden;
	height: 120px;
	width: 100%;	
	background: url("images/paper_top.png") no-repeat scroll center bottom transparent;	
}

#content {
	width: 570px;
	padding: 0 40px;
	background: url("images/paper_middle.png") repeat-y left top;	
	position: relative;
	min-height: 300px;
}

#footer {
	width: 100%;
	height: 90px;
	background: url("images/paper_bottom.png") repeat-y left top;	
	margin-bottom: 30px;
	clear: both;
}

.overlay {
	display: none;
	width: 100%;
	position: fixed;
	height: 1000px;
	z-index: 99;
	top: 0;
	background: rgba(0,0,0,0.9);
}

*:focus {outline: none;}

#main #header h1 {margin-top: 60px;	font-size: 2.2em;}

h1,
h2 {
	font-size: 1.8em;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	line-height: 2em;
}

#main #content h3 {
	font-size: 1.5em;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}

#main #content .description {
	text-align: justify;
	padding: 15px 0 20px 0;
}

.overlay .loginBox .description{
	text-align: center;
	padding: 15px 0 20px 0;	
}

#main #content .bigText {font-size: x-large;float: left;}
.center {text-align: center !important; margin: 0 auto !important; padding-top: 10px;}


#main #content .separator {
	display: block;
	clear: both;
	width: 100%;	
	height: 2px;
	margin: 15px auto;
	background: url("images/separator.png") center center no-repeat;
}

.friends_list strong {
	cursor: pointer;	
}

.friendImg {
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 7px;	
}

#main #content #characters {
	width: 570px;
	margin: 0 auto;
}

#main #content #characters .head {
	font-weight: bold;
}

#main #content #characters .row {
	width: 570px;
	clear: both;
	background: url("images/separator.png") center bottom no-repeat;
	position: relative;
	min-height: 28px;
}

#main #content #characters .row .cell_1,
#main #content #characters .row .cell_2,
#main #content #characters .row .cell_3,
#main #content #characters .row .cell_4,
#main #content #characters .row .cell_5 {
	padding: 5px 10px;
	display: block;
	float: left;
}	

#main #content #characters .row .cell_1 {
	width: 84px;	
	text-align: center;
}

#main #content #characters .row .cell_2 {
	width: 44px;	
}

#main #content #characters .row .cell_3 {
	width: 60px;	
}

#main #content #characters .row .cell_4 {
	width: 128px;	
}

#main #content #characters .row .cell_5 {
	width: 153px;	
}

#main #content #characters tbody td:first-child {
	font-size: 1.2em;
}

ul.num_list {
	list-style: decimal;
	width: 520px;
	margin: 0 auto 10px auto;
	text-align: justify;	
}

ul {
	list-style: disc;
	width: 520px;
	margin: 0 auto 10px auto;
	text-align: justify;
	clear: both;
}

ul li {
	margin: 10px 0 0 0;	
	clear: both;
}

.clear {
	clear: both;	
}

.middle a {
	background: none !important;	
}

#sidebar .avatarBox {
	background: url(images/scroll_small_avatar.png) 0 0 no-repeat;
	margin: 70px 0 20px -30px;
	display: block;
	width: 180px;
	height: 220px;
	padding: 10px;
}

#sidebar .avatarBox .avatarImg {
	margin: 15px auto;
	width: 160px;
	height: 160px;
	background: url(images/avatar_box.png) 0 0 no-repeat;
}

#sidebar .avatarBox .avatarImg .avatar {
	display: none;
	margin: 0 auto;
	padding-top: 5px;
	opacity: 0;
	width: 150px;
	height: 150px;
}

#sidebar .avatarBox .avatarImg .avatarInfo {
	display: block;
	text-align: center;
	padding-top: 70px;	
	margin: 0 auto;
	width: 150px;
	font-size: 1em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
}

#sidebar .signinPl {
	background: url("images/nav_signin_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .signinEng {
	background: url("images/nav_signin_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .loginShowPl {
	background: url("images/nav_login_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .loginShowEng {
	background: url("images/nav_login_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .logoutPl {
	background: url("images/nav_logout_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .logoutEng {
	background: url("images/nav_logout_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .editPl {
	background: url("images/nav_edit_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .editEng {
	background: url("images/nav_edit_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .english {
	background: url("images/nav_lang_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .polish {
	background: url("images/nav_lang_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .registerEng {
	background: url("images/nav_register_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .registerPl {
	background: url("images/nav_register_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .cancelPl {
	background: url("images/nav_cancel_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .cancelEng {
	background: url("images/nav_cancel_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .returnPl {
	background: url("images/nav_return_pl.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .returnEng {
	background: url("images/nav_return_eng.png") center top no-repeat;
	display: block;
	margin: 0 auto;
	width: 170px;	
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
}

#sidebar .loginShowPl:hover,
#sidebar .loginShowEng:hover,
#sidebar .logoutPl:hover,
#sidebar .logoutEng:hover,
#sidebar .english:hover,
#sidebar .polish:hover,
#sidebar .signinPl:hover,
#sidebar .signinEng:hover,
#sidebar .editPl:hover,
#sidebar .editEng:hover,
#sidebar .registerPl:hover,
#sidebar .cancelPl:hover,
#sidebar .cancelEng:hover,
#sidebar .returnPl:hover,
#sidebar .returnEng:hover {
	background-position: center bottom;
	cursor: pointer;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=url] {
	background: url(images/line.png) bottom repeat-x;
	border: 0 none;
	color: #522c0d;
	font: inherit;
	padding-bottom: 2px;
	font-style: italic;
	width: 149px;
	padding-left: 15px;
}

#main #content strong {
	margin-right: 25px;
	padding-top: 5px;
	display: inline-block;
	font-weight: bold;
}

#main #content p span.underline {
	background: url(images/line.png) bottom repeat-x;
	padding-bottom: 2px;
	padding-left: 15px;
	min-height: 18px;
	width: 149px;
	display: inline-block;
	overflow: hidden;
}

.document .redstar {
	margin-right: 7px !important;
	margin-left: 0px !important;	
}

.redstar {
	color: #C00 !important;
	margin-left: 3px;	
	font-size: 16px !important;
}

.long {
	width: 540px;
	background: url(images/long_line.png) left bottom no-repeat;
	height: 18px;
	display: inline-block;
	padding: 2px 15px;
}

.middle {
	width: 270px !important;
	background: url(images/middle_line.png) left bottom no-repeat !important;
	height: 18px;
	display: inline;
	padding: 2px 15px;
}

#main #content  input.longtext {
	width: 570px;
	background: url(images/long_line.png) bottom no-repeat;
}

#main #content  textarea {
	background: url(images/long_line.png) bottom repeat-x;
	border: 0 none;
	color: #522c0d;
	width: 550px;
	height: 80px;
	overflow: hidden;
	padding-bottom: 5px;
	font: inherit;
	font-style: italic;
}

.textRight {
	position: relative;
	text-align: right;	
}

.small {font-size: 0.9em;}

[type=radio] {
	width: 16px !important;
	height: 16px !important;
	border: 1px solid #930;
	background: none;
}

.scrollSmall {
	background: url(images/scroll_small.png) 0 0 no-repeat;
	width: 170px;
	height: 280px;
	position: absolute;
	top: 110px;
	left: -10px;
	z-index: 50;	
	padding: 30px 25px 0 15px;
	color: #361901;
	transform: rotate(1deg);
}

.rightSide {
	left: auto;
	right: -20px !important;	
	transform: rotate(2deg);
}

.overlay .loginBox {
	display: block;
	background: url("images/info_scroll.png") no-repeat 0 0 transparent;
	margin: 200px auto 0;
	width: 450px;
	height: 190px;
	padding: 25px;
	position: relative;
}

.overlay .loginBox h2 {
	line-height: 1em;
	margin-bottom: 10px;
	margin-top: 0;	
}

#main #content input.button,
.overlay .loginBox .button {
	background: url(images/wax_send_small.png) 0 0 no-repeat;
	display: block;
	width: 200px;
	height: 92px;
	margin: 5px auto -65px auto;
	text-indent: -1000px;
	overflow: hidden;
	cursor: pointer;
	border: none;
}

.marginTop {margin-top: 20px !important; text-decoration: line-through;}

.middleSide {
	background: url(images/scroll_middle.png) 0 0 no-repeat !important;
	height: 500px;
	left: auto;
	top: 40px !important;
	right: 185px !important;	
	transform: rotate(-1deg);
	font-size: 14px;
	padding-left: 8px;
	padding-right: 5px;
	width: 195px;
}

.moreRightSide {
	left: auto;
	right: -20px !important;	
	font-size: 14px;
	padding-left:10px;
	padding-right:0;
	width:200px;
}

#scrollSmall p:first-letter {font-size: 28px;}

label {
	margin-right: 7px;
	margin-right: 20px;
	margin-top: 3px;
	min-width: 80px;
}

.send { 
	display: block;
	position: absolute;
	width: 100%;
	z-index: 200;
	left: 0;
	top: 0;
	overflow: hidden;
	background: url(admin/images/overlay.png);
}

.close {
	background: url("images/close.png") no-repeat 0 0;
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
	text-indent: -1000px;
	overflow: hidden;
	right: 20px;
	top: 20px;
}

body #main .window .board .oldPaper #wax {
	background: url(images/wax_send.png) 0 0 no-repeat !important;
	width: 240px;
	height: 166px;
	overflow: hidden;
	text-indent: -1000px;
	position: absolute;
	bottom: -20px;
	left: 250px;
	cursor: pointer;
}

body #main .window .board .oldPaper .fileAvatar {
	width: 130px;
	height: 121px;
}

select {
	background: #fff;;
	border: 0 none;
	width: 149px;
	font: inherit;
	color: inherit;
}

optgroup {
	font-weight: bold !important;
}

option,
optgroup {
	color: inherit;
	font: inherit;
}

optgroup option {
	font-weight: normal !important;
	padding-left: 15px !important;	
}

[name=fantazjady],
[name=ch_age],
[name=post_code_1],
[name=post_code_2] {
	width: 40px !important;	
	background-position: bottom left !important;
	background: url(images/small_line.png) bottom repeat-x !important;
}

.short {
	width: 40px !important;	
	background-position: bottom left !important;
	background: url(images/small_line.png) bottom repeat-x !important;
	min-height: 18px;
	display: inline-block;	
	padding-bottom: 2px;
	padding-left: 15px;
}

.childminderLine {display: block;}

.bottom {
	font-size: 0.8em !important;
	position: absolute;
	bottom: 20px;	
}

.human,
.orc,
.varayaquendi,
.isilquendi, 
.verquendi,
.dwarf {
	display: none;	
}

a {
	background: url("images/long_line.png") 0 bottom no-repeat;
	color: #361901;	
}

.spisText {
	width: 570px;	
	margin: 10px auto 15px auto;
	text-align: center;
}

.storyText {
	position: absolute;
	top: 80px;
	width: 180px;
	right: 20px;
	font-size: 14px;
	transform: rotate(7deg);
}

div.fileInput {
	position:absolute;
	overflow:hidden;
	height:90px;
	width:200px;
	top:215px;
	left: 0;
}

input[type=file] {
	width: 160px !important;
	margin: 0 auto !important;
	font: 0.6em/0.8em Constantia,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
	font-style: italic;
	color: #522c0d;
}

div.waxButton {
	background:url(images/wax_send_small.png) 0 0 no-repeat !important;
	height:90px;
	width:200px;
	cursor:pointer;
}

input[type=checkbox] {
	width: 16px !important;	
}

.radio,
.checkbox {
	margin-left: 10px !important;	
}