/*Coding by Sentinel for Hawke. Please do not take any part of this code*/

/*Reset Code*/
#header, #postcards, #menu, #sidebar, #rightbg, #spacer, #column_3 a, #footer, #bookmarks, h2, .pet_name, .pet_age_info_date, .pet_wco_info_date, #pet_stats, #pet_friends, #pet_image {
	display: none;}
	
#content, #index, body, #page, #rightbg {
	background-color:transparent;}

#content {
	height: 625px!important;
	width: 1200px!important;
	margin: 0;
	padding: 0;}

#page, #pet_info, #column_1, #column_2, #column_3{
	width: auto;
	padding: 0;
	margin: 0;}

#content, body, a, div {
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #a37b64;}

body {
	background-image: url('http://i.imgur.com/K8OTYJn.png'), url('http://i.imgur.com/exLH3uz.png'), url('http://i.imgur.com/vt71gWG.png');
	background-repeat: no-repeat, repeat-x, repeat;
	background-position: top left;
	background-color: #5e858c;}
	
#petimagetab {
	background: url('http://i.imgur.com/pz0sCmr.png') bottom;
	padding: 0px 26px 0px 27px;
	top: 114px;
	left: 850px;
	position: absolute;
	height: 0px;
	width: 200px;
	overflow: hidden;
	border-bottom: 27px solid transparent;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;}
	
#petimagetab:hover {
	height: 200px;
	padding: 25px 26px 18px 27px;}
	
#petimagetab img {
	opacity: .7;
	border-radius: 10px;}
	
#story {
	top: 137px;
	left: 470px;
	position: absolute;
	height: 252px;
	width: 306px;
	overflow: auto;
	padding: 10px 5px 10px 10px;
	text-align: justify;
	text-shadow: 0px 0px 3px rgba(0,0,0,.5);
	z-index: 10;}
	
#scrollbar {
	background: url('http://i.imgur.com/kfewq5z.png');
	top: 137px;
	left: 772px;
	position: absolute;
	height: 402px;
	width: 19px;
	z-index: 11;}
	
#pet_treasure {
	top: 447px;
	left: 470px;
	position: absolute;
	height: 92px;
	width: 321px;
	overflow: auto;
	padding: 0px;
	z-index: 10;}
	
.treasure_item {
	padding: 2px;
	margin: 11px 0px 11px 9px;
	height: 60px;
	width: 60px;
	border: 1px solid #573e2f;
	border-radius: 5px;}
	
#pet_treasure img {
	border-radius: 5px;
	opacity: .75;}
	
#pet_minion {
	background: url('http://i.imgur.com/w5lzCFK.png') bottom;
	padding: 0px 18px 0px 18px;
	top: 114px;
	left: 1125px;
	position: absolute;
	height: 0px;
	width: 106px;
	overflow: hidden;
	font-size: 9px;
	border-bottom: 27px solid transparent;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;}
	
#pet_minion:hover {
	height: 93px;
	padding: 5px 18px;}
	
#pet_minion img {
	border-radius: 5px;
	margin: 3px;
	height: 40px;
	width: 40px;
	opacity: .7;}
	
.pet_color_info, .owner, .pet_like, .pet_spotlight {
	position: absolute;
	font-size: 9px;
	text-align: right;
	width: 200px;
	left: 50px;
	margin: 0;
	padding: 0;
	color: #91abae;}
	
.pet_color_info {
	top: 530px;}
	
.owner {
	top: 542px;}
	
.pet_like {
	top: 554px;}
	
.pet_spotlight {
	top: 566px;}
	
.owner a, .pet_spotlight a {
	font-size: 9px;}
	
.pet_like {
	cursor: pointer;}
	
i.red.icon {
	color: #57797f!important;}
	
a:link, a:visited, a:active {
	color: #ceeae2;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;}
	
a:hover {
	color: #9dbfbb;
	text-decoration: none;}
	
.header {
	font-family: 'Times New Roman', times, serif;
	border-bottom: 1px solid #b3845f;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 3px;
	text-shadow: 0px 1px 0px #000;}
	
b {
	color: #c39469;}
	
i {
	color: #9ecac5;}
	
u {
	color: #aebfc9;}
	
.owner img, .pet_spotlight img {
	display: none;}