@charset "utf-8";
/* CSS Document */
/* --- Main Styles --- */
body, html {
	min-height: 100%;
}
body {
	background: #336F9B;
	margin: 0;
	padding: 0;
	color: #FFF;
}
h1, h2, h3, h4, h5, h6 {
	margin: 8px;
	padding: 0;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.2em;
}
p {
	margin: 5px;
	padding: 0;
}
/* --- Header --- */

.clear {
	clear: both;
}
.ad {
	padding: 6px;
	margin: 0 auto;
	width: 728px;
}
/* --- Signup Page --- */

label {
	font: 1em "Open Sans Condensed", sans-serif;
	display: block;
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: 2px;
	text-align: center;
	font-weight: bold;
}
label[for=front_page] {
	background-color: rgba(200, 200, 200, 0.2);
	padding: 5px;
	width: 50%;
	margin: 15px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input[type="text"], input[type="password"], select, option, #file {
	color: #000;
	display: block;
	margin: 0 auto;
	padding: 5px;
	font-size: 1em;
	border: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	background-color: #eee;
	width: 450px;
	-webkit-border-radius: 5px;
}
select, option {
	color: #000;
}
textarea {
	font-size: 1em;
	width: 600px;
	text-align: left;
	color: #000;
	display: block;
	margin: 0 auto;
	border: 0;
	background-color: #eee;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, #file:focus {
	background: #FFF;
	color: #000;
}
input[type="text"]:disabled, input[type="password"]:disabled {
	background: #FFF;
}
input[type="submit"] {
	font: 1.4em "Open Sans Condensed", Tahoma, Geneva, sans-serif;
	display: block;
	background: #CCC;
	border: 0;
	-webkit-border-radius: 5px;
	margin: 20px auto 0;
	width: 200px;
}
input[type="submit"]:hover {
	background: #666;
}

div#wrapper {
	display: block;
	padding: 0;
	width: 1040px;
	margin: 15px auto;
	color: #000000;
	background-color: white;
	-webkit-border-radius: 6px;
}
#wrapper > header {
	margin: 0;
	padding: 3px;
	background: #224a68; /* Old browsers */
}
#wrapper > header h1 {
	font: 1.4em "Open Sans Condensed", Tahoma, sans-serif;
	font-weight: 700;
	margin: 3px;
	color: #FFF;
	padding: 3px;
}
a.cancelBtn {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	color: #FFF;
	display: block;
	padding: 5px;
	font: 1.2em "Open Sans", Tahoma, Geneva, sans-serif;
	font-weight: 600;
	width: 200px;
	margin: 15px auto;
	text-align: center;
	-webkit-border-radius: 5px;
	text-decoration: none;
}
a.cancelBtn:hover {
	background: #600;
}

nav.userMenu a {
	font: 1.4em "Open Sans Condensed", Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color: #FFF;
	display: block;
	width: 250px;
	text-align: center;
	margin: 5px auto;
	padding: 5px;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #2d2d2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%,#2d2d2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 6px;
	-webkit-transition: 0.15s all ease;
}
nav.userMenu a:hover {
	background: #224A68;
	color: #FFF;
}

/* --- Page Editor --- */
div#pageEditSelect {
	clear: both;
	overflow: auto;
}
div#pageEditSelect div {
	text-align: center;
	float: left;
	width: 16.66%;
	height: 240px;
}
div#pageEditSelect div img {
	display: block;
	margin: 5px auto;
	max-height: 120px;
	max-width: 100%;
}
div#pageEditSelect div h2 {
	font-size: .8em;
}
div#pageEditSelect div a {
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	border: 1px solid rgba(255, 255, 255, .3);
	color: white;
	font: .8em "Open Sans", sans-serif;
	font-weight: 400;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #2d2d2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%,#2d2d2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%,#2d2d2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	opacity: 0;
}
div#pageEditSelect div:hover a {
	opacity: 1;
}
div#pageEditSelect div p {
	font-size: .6em;
}
div#pageEditSelect div .editButton {

}
div#pageEditSelect div .hideButton {
	background: #ff3019; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}