html {
	/*spooky time background*/
	background: rgb(4, 12, 10) linear-gradient(to bottom, rgb(91, 159, 140), rgb(4, 12, 10) 800px );
	
	/*standard background*/
	background: rgb(3, 96, 74) url(/site-assets/themes/header.png) no-repeat top center fixed; /*fallback for old browsers */
	background: url(/site-assets/themes/header.png) no-repeat top center fixed, linear-gradient(to bottom, rgb(3, 96, 74), white 800px ) fixed;
}

@media screen and (max-width: 900px) {
	html {
		background: rgb(3, 96, 74) url(/site-assets/themes/header.png) no-repeat top center fixed; /*fallback for old browsers */
		background: url(/site-assets/themes/header.png) no-repeat top left, linear-gradient(to bottom, rgb(3, 96, 74), white 800px );
	}
}

body {
}

a, a:link, a:active, a:hover {
    color: rgb(19, 68, 56);
}

a:visited {
    color: black;
}

#bodyContent {
    border: 2px solid rgb(19, 68, 56);
}

.pageHeaderTab {
    background: white linear-gradient(to bottom, rgb(94, 161, 142), white);
    border-bottom: 2px solid rgb(19, 68, 56);
	border-top: 2px solid rgb(19, 68, 56);
}

td.pageHeaderTabActive, td.pageHeaderTab:hover {
    background-image: none;
}

td.pageHeaderTabFirst {
    border-radius: 10px 0 0 0;
	border-left: 2px solid rgb(19, 68, 56);
}

td.pageHeaderTabLast {
    border-radius: 0 10px 0 0;
	border-right: 2px solid rgb(19, 68, 56);
}

#pageHeaderTabsFiller {
    border-bottom: 2px solid rgb(19, 68, 56);
}

#bodyJewel {
    background-image: url(jewel.png);
}

.currency {
    background: rgb(91, 159, 140);
    color: white;
}

.credits {
    color: #666;
}

.credits a {
    color: #666;
}

#navArea {
    border: 1px solid rgb(19, 68, 56);
}

.postSignatureSeparator {
    border-top: 1px solid rgb(0, 90, 79); 
}

.postRight, .postLeft {
	border: 2px solid rgb(19, 68, 56);
	background: rgb(91, 159, 140);
}

.postRight {
	border-radius: 10px 0 0 0;
}

.postLeft {
	border-radius: 0 0 0 10px;
}

.postTopLeft, .postTopMiddle, .postTopRight {
    background: linear-gradient(to bottom, rgb(94, 161, 142), white);
}

.postBottomLeft, .postBottomMiddle, .postBottomRight {
	background: linear-gradient(to top, rgb(94, 161, 142), white);
}

.postLeft .postTopLeft {
	border-radius: 75% 0 0 0;
}

.postRight .postTopLeft {
	border-radius: 10px 0 0 0;
}

.postRight .postTopRight {
	border-radius: 0 75% 0 0;
}

.postLeft .postBottomLeft {
	border-radius: 0 0 0 75%;
}

.postRight .postBottomRight {
	border-radius: 0 0 75% 0;
}

.inventoryTabLeader {
    border-right: 1px solid rgb(91, 159, 140);
}

.bigButton {
    background-image: linear-gradient(to bottom, #fafcfc, #5ea18e);
    border-radius: 30px;
    color: black;
    font-size: 2em;
    font-weight: bold;
    border: 2px solid black;
    padding: 10px 20px;
    text-decoration: none;
    margin: 5px;
    cursor: pointer;
}

.bigButton:hover {
	background-image: linear-gradient(to bottom, #fafcfc, #cee7f0);
}