/*Stylesheet by Mouseykins @ TDN*/

/*General Style*/

body {
	background-color: #033649;
	/*credit: https://www.colourlovers.com/pattern/635/Death_Flowers by candycrack*/
	background: url("https://thedailyneopets.com/uploads/articles/aroundneopia/NeopetsVault/vaultbackground.png");
	text-align: center;
}
body, td, p {
	color: #031634;
	font-family: 'Questrial', sans-serif;
	font-size: 14px;
	line-height: 20px;
}

.mycenter {
	text-align: center;
	padding-top: 20px;
	line-height: 15px;
}

.mycenter img {
	margin-bottom: 5px;
}

a:link,  a:visited, a:active {
	margin: 0px auto 0px auto;
	font-family: 'Questrial', sans-serif;
    font-size: 14px;
    color: black;
}

a:hover {
	color: #586d9a;
}

b {
	color: #602f86;
	font-size: 12px;
}

h1 {
	color: black;
	font-family: 'Questrial', sans-serif;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	text-shadow: 1px 1px 1px #99a7b7;
}

h1:first-child {
	margin-top: 0;
}

h2 {
	color: black;
	font-family: 'Aldrich', sans-serif;
	font-size: 20px;
	padding: 5px 5px 10px 35px;
	border-bottom: 3px groove #59380f;
	background: url("https://thedailyneopets.com/uploads/articles/aroundneopia/NeopetsVault/NeopetsVaultIcon.png");
	background-repeat: no-repeat;
	text-shadow: 0px 1px 0px #4a96e1;
}

/*wrapper*/

#wrapper {
	margin: 0px auto 0px auto;
	width: 800px;
}

#wrapper img {
	vertical-align: middle;
}

/*Links at top*/

#navigation {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 800;
	text-align: right;
	color: #fff;
}

#navigation a:link, #navigation a:visited, #navigation a:active{
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 800;
	text-align: right;
	color: #fff;
	text-decoration: none;
	padding-right: 10px;
}

#navigation a:hover {
	color: red;
	padding-right: 10px;
}

/*main content area*/

#content {
	margin: 30px auto 0px auto;
	width: 780px;
	text-align: left;
	background-color: #e7ecf1;
	border: 1px solid #000;
	min-height: 280px;
	padding: 10px;
	
	border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
 
    box-shadow: 0 1px 3px #323232;
    -moz-box-shadow: 3px 3px 1px #323232;
    -webkit-box-shadow: 3px 3px 1px #323232;
}

/*header*/

#header {
	margin: 0px auto 0px auto;
	width: 800px;
	height: 441px;
	text-align: right;
	color: #E8B600;
	font-family: 'Orbitron', sans-serif;
	font-size: 36px;
	line-height: 28px;
	text-shadow: 0px 3px 0px #000;
	padding: 0px;
	background: url("https://thedailyneopets.com/uploads/articles/aroundneopia/NeopetsVault/NeopetsVaultHeader.png");

	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 1px solid black;

	box-shadow: 0 1px 3px #323232;
	-moz-box-shadow: 3px 3px 1px #323232;
	-webkit-box-shadow: 3px 3px 1px #323232;
}

#header a {
	color: #E8B600;
	font-family: 'Orbitron', sans-serif;
	font-size: 36px;
	line-height: 28px;
	text-shadow: 0px 3px 0px #000;
	padding: 10px 5px;
	text-decoration: none;
}

/*guide content*/

.items {
	text-align: center;
}
.items div {
	display: inline-block;
	vertical-align: top;
	width: 105px;
	margin: 5px;
}

.items1 {
	text-align: center;
}
.items1 div {
	display: inline-block;
	vertical-align: top;
	width: 125px;
	margin: 5px;
}

.items2 {
	text-align: center;
}
.items2 div {
	display: inline-block;
	vertical-align: top;
	width: 175px;
	margin: 5px;
}

.pages {
	padding: 5px;
	width: 720px;
	margin: 0px auto;
	text-align: center;
    line-height: 20px;
    vertical-align: top;
}

.pages div {
	display: inline-block; 
	vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 7px;
  margin: auto;
  width: 100%;
}

table tr th, td, tr {
  border-collapse: collapse;
  border: none;
  text-align: center;
  padding: 7px;
}

table tr th {
  background: #e6e6e6;
  color: black;
  font-weight: 700;
}

.info {
	width: 540px;
	border-right: 1px dotted black;
	padding-right: 10px;
}

.prizes {
	width: 160px;
	display: inline-block;
	text-align: center;
}

.prizes img {
	border: 1px solid black;
	box-shadow: 2px 2px 1px #4a96e1;
	-moz-box-shadow: 2px 2px 1px #4a96e1;
	-webkit-box-shadow: 2px 2px 1px #4a96e1;
}

.smaller {
	font-size: 12px;
}


/*bottom button*/

#index {
	border-top: 3px groove #59380f;
	padding: 20px 0px 10px 0px;
	margin: 10px auto;
	width: 720px;
	text-align: center;
	line-height: 80px;
}

#index a:link, #index a:visited, #index a:active {
	margin: 0px 20px;
	font-family: 'Kreon', sans-serif;
	font-size: 24px;
	text-decoration: none;
	color: #000;
	padding: 25px 20px;
	width: 180px;
	height: 80px;
	padding: 5px 10px 5px 10px;
	border: solid 1px #CCC;

	background: #ffcd00;
	text-shadow: 0px 1px 0px #000;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	box-shadow: 0 1px 3px #111;
	-moz-box-shadow: 3px 3px 1px #313030;
	-webkit-box-shadow: 3px 3px 1px #313030;
}

/*footer*/

#footer {
	letter-spacing: 3px;
	margin: 30px auto;
	width: 820px;
	left: 0px;
	bottom: -20px;
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #fff;
	font-size: 12px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #fff;
	font-size: 12px;
	font-family: 'Ubuntu Condensed', sans-serif;
}

#footer a:hover{
	color: #ffcd00;
	font-size: 12px;
	font-family: 'Ubuntu Condensed', sans-serif;
}

#gmcprizes {
	text-align: center;
}

#gmcprizes div {
	display: inline-block; 
	vertical-align: top; 
	width: 120px; 
	margin: 5px;
}