/* page background color */
.ui-overlay-a, .ui-page-theme-a {
	background-color: black !important;
}

/* header background */
.ui-page .ui-header {
	background-image: -webkit-gradient(linear, left top, left bottom, from( red ), to( black ));
	background-image: -webkit-linear-gradient( red, black );
	background-image:    -moz-linear-gradient( red, black );
	background-image:     -ms-linear-gradient( red, black );
	background-image:      -o-linear-gradient( red, black );
	background-image:         linear-gradient( red, black );
	border-color: black !important;
	height: 60px;
}

/* footer background */
.ui-page .ui-footer {
	text-shadow: 0 0 0;
	color: #FFFFFF;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( black ), to( red ));
	background-image: -webkit-linear-gradient( black, red );
	background-image:    -moz-linear-gradient( black, red );
	background-image:     -ms-linear-gradient( black, red );
	background-image:      -o-linear-gradient( black, red );
	background-image:         linear-gradient( black, red );
	border-color: black !important;
	height: 60px;
}

.ui-header .ui-title {
	/* reduce header title margins to avoid string truncating on narrow screens */
	margin-left: 10%;
	margin-right: 10%;
	/* header font */
	text-shadow: 0 0 0;
	color: #FFFFFF;
}

/* set content font */
.ui-content {
	text-shadow: 0 0 0;
	color: white;
}

/* limit screen width on wide screens and center the content: */
.ui-page {
	max-width: 60em !important;
	margin: 0px auto !important;
	position: relative !important;
}