/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==================
   Global Typography
   ================== */

h1 {
	display: inline-block;
	margin: 0;
	padding: 3px 17px;
	background: #d5d5d5;
	font-size: 0.90em;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
}
h1 a {
	color: inherit;
	text-decoration: none;
}
h2 {
	margin: 1.5em 0 0.75em;
	padding: 0 0 0.3em;
	font-size: 0.90em;
	border-bottom: 1px solid #999;
}
h2 span { padding-left: 20px; }

a { color: #f16521; }

code { font-size: 0.9em; }

.error { color: red; }

/* ==================
   Layout
   ================== */

body {
	padding: 9px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background: #535353;
}
.page {
	padding: 15px 10px;
	background: #d5d5d5;
	border-radius: 0px 3px 3px 3px;
	-moz-border-radius: 0px 3px 3px 3px;
	overflow: hidden;
}

/* ==================
   Forms
   ================== */
input[type=text], textarea {
	padding: 3px;
	border: 1px solid #646464;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-moz-box-shadow: inset 1px 1px 1px #b8b8b8;
	-webkit-box-shadow: inset 1px 1px 1px #b8b8b8;
	box-shadow: inset 1px 1px 1px #b8b8b8;
	width: 81%;
	/*margin: 0.165em 0 0.75em; */
}
textarea { height: 5em; }
input.label { width: 40%; }
textarea.meta { height: 13em; }
input[type=radio] {
	margin: -3px 0 0;
	vertical-align: middle;
}

/* ==================
   Main Content
   ================== */
div.content {
	/* White background is shifted over under the sidebar to give the
	impression that sidebar height is locked with main content area. */
	position: relative;
	margin: 0 0 0 29%;
	left: -29%;
	width: 100%;
	background: #fff;
}
div.content div.content-inner {
	/* Content inner is shifted back over to display main content in
	the appropriate area */
	margin: 0 0 0 27%;
	padding: 0 7px 0 20px;
	background: #d5d5d5;
	overflow: hidden;
}
div.content aside.status {
	padding: 8px 10px;
	float: right;
	background: #e6e6e6;
	font-size: 0.75em;
}
div.content aside.status dt, div.content aside.status dd {
	margin: 0;
	padding: 0;
	float: left;
}
div.content aside.status dl { margin: 0; }
div.content aside.status dt { margin-right: 5px; }
div.content aside.status dd {
	padding-left: 20px;
	background: transparent url("../img/icons/redirected-large.png") no-repeat 0 0;
}
div.content aside.status dd.active { background-image: url("../img/icons/active-large.png"); }
div.content aside.status dd.deleted { background-image: url("../img/icons/deleted-large.png"); }
div.content section.selectStatus {
	padding-top: 1.5em;
	border-top: 1px solid #999;
}
div.content section dl {
	margin: 0 0 1em;
	overflow: hidden;
	font-size: 0.75em;
	line-height: 1.5em;
}
div.content section dt {
	float: left;
	clear: left;
	width: 20%;
	margin-right: 1%;
	padding: 0 0 0.75em;
	text-align: right;
}
div.content section dt span { color: #cc0027; }
div.content section dd {
	margin: 0;
	padding: 0 0 0.75em;
	float: left;
	width: 79%;
}
div.content section dd label {
	width: 19%;
	white-space: nowrap;
	line-height: 1.75em;
}
div.content section dd.set label {
	float: left;
	width: auto;
	margin: 0 2.5% 1.5% 0;
}
div.content section dd#template label {
	margin-left: 2.5%;
}
div.content section dd ul {
	margin: 0;
	padding: 0;
	clear: left;
	list-style: none;
	line-height: 2em;
}
div.content section dd div.variations {
	clear: both;
	padding: 1em 1em 0;
	background: #e7e7e7;
	overflow: hidden;
}
div#redirects { display: none; }
div.content section dd div.variations p { clear: both; }
dd#template, dd#titleField { text-transform: capitalize; }

/* Buttons */
ul.buttons {
	margin: 0;
	padding: 0.75em 0 0.75em 21%;
	list-style: none;
	border-top: 1px solid #999;
	font-size: 13px;
	font-size: 0.8rem;
	font-weight: bold;
}
ul.buttons li { display: inline-block; }
ul.buttons li.submit a,
ul.buttons li.commit a,
ul.buttons li.submit input,
ul.buttons li.commit input {
	display: block;
	padding: 3px 13px;
	margin: 0.4em 0.5em 0 0;
	color: #555;
	border: 1px solid #646464;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background: #FFCAA8; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCAA8', endColorstr='#FFA76E'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFCAA8), to(#FFA76E)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFCAA8,  #FFA76E); /* for firefox 3.6+ */
}
ul.buttons li.submit input,
ul.buttons li.commit input {
	padding: 4px 13px;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
ul.buttons li.submit a, ul.buttons li.submit input {
	background: #FBFBFA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFA', endColorstr='#DAD9D4');
	background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFA), to(#DAD9D4));
	background: -moz-linear-gradient(top,  #FBFBFA,  #DAD9D4);
}
ul.buttons li.commit a:hover, ul.buttons li.commit input:hover {
	background: #FFDAB8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDAB8', endColorstr='#FFA76E');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDAB8), to(#FFA76E));
	background: -moz-linear-gradient(top,  #FFDAB8,  #FFA76E);
}
ul.buttons li.submit a:hover, ul.buttons li.submit input:hover {
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DFDFDF');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DFDFDF));
	background: -moz-linear-gradient(top,  #FFFFFF,  #DFDFDF);
}
ul.buttons li.commit a:active,
ul.buttons li.commit input:active { background: #FFCAA8; }
ul.buttons li.submit a:active,
ul.buttons li.submit input:active { background: #FBFBFA; }
/* ==================
   Sidebar Menu
   ================== */
aside.menu {
	float: left;
	width: 27%;
	font-size: 0.71em;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
aside.menu a {
	text-decoration: none;
	color: #000;
}
aside.menu nav { background: #d5d5d5; }
aside.menu nav ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: none;
}
aside.menu nav ul li {
	display: inline;
}
aside.menu nav ul li a {
	float: right;
	width: 49.5%;
	margin-left: 0%;
	padding: 3px 0;
	font-weight: bold;
	text-align: center;
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	white-space: nowrap;
}
aside.menu nav ul li:first-child a {
	float: left;
	margin: 0;
}
aside.menu nav ul li.off a {
	color: #fff;
	background: #a5a5a5;
}
aside.menu nav ul li.off a:hover { background: #888; }

aside.menu ul.pages {
	margin: 0;
	padding: 2px;
	background: #fff;
	list-style: none;
	min-height: 300px;
}
aside.menu ul.pages ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
aside.menu ul.pages li a {
	padding: 0;
	display: block;
}
body#deletedPages aside.menu ul.pages li a,
body#deletedPages aside.menu ul.pages li.deleted a,
body#deletedPages aside.menu ul.pages li.deleted a span { cursor: pointer; }
aside.menu ul.pages li a:hover { background-color: #fafafa; }
aside.menu ul.pages li a.on { background-color: #f0f0f0; }
body#deletedPages aside.menu ul.pages li a:hover { background-color: #fff; }
body#deletedPages aside.menu ul.pages li a.on { background-color: #fff; }
body#deletedPages aside.menu ul.pages li.deleted a:hover { background-color: #fff9fc; }
body#deletedPages aside.menu ul.pages li.deleted a.on { background-color: #ffedef; }

aside.menu ul.pages li a span {
	/* Spans are used to provide second hook for background image icon as
	well as to provide JavaScript event hook for clicking the link text itself */
	padding: 1px 1px 1px 20px;
	display: block;
	background: transparent url("../img/icons/active.png") no-repeat 4px 3px;
}
body#deletedPages aside.menu ul.pages li a span {
	cursor: default;
	color: #999;
	background-image: url("../img/icons/active-gray.png");
}
body#deletedPages aside.menu ul.pages li.deleted a span {
	color: #000;
	background-image: url("../img/icons/deleted.png");
}
aside.menu ul.pages li.redirected > a span {
	background-image: url("../img/icons/redirected.png");
}
body#deletedPages aside.menu ul.pages li.redirected > a span {
	background-image: url("../img/icons/redirected-gray.png");
}
aside.menu ul.pages li.parent.closed > ul {
	display: none;
}
aside.menu ul.pages li.parent > a {
	padding-left: 14px;
	background-image: url("../img/icons/arrow-down.png");
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
aside.menu ul.pages li.parent.closed > a {
	background-image: url("../img/icons/arrow.png");
}
aside.menu ul.pages li.parent ul li a {
	padding-left: 28px;
	background-position: 18px 4px;
}
aside.menu ul.pages li.parent ul li ul li a {
	padding-left: 42px;
	background-position: 32px 4px;
}
aside.menu ul.pages li.parent ul li ul li ul li a {
	padding-left: 56px;
	background-position: 46px 4px;
}
aside.menu ul.pages li.parent ul li ul li ul li ul li a {
	padding-left: 70px;
	background-position: 60px 4px;
}

/* ==================
   Modal Window
   ================== */
div#modalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 3;
}
div#modalWindow {
	position: absolute;
	background: #e7e7e7;
	padding: 4px;
	border: 1px solid #555;
	z-index: 4;
	width: 80%;
	-moz-box-shadow: 0 0 8px #555;
	-webkit-box-shadow: 0 0 8px #555;
	box-shadow: 0 0 8px #555;
}
div#modalContent {
	padding: 20px;
	overflow: hidden;
}
a#modalClose {
	position: absolute;
	background: transparent url("../img/icons/close.gif") 0 0 no-repeat;
	width: 17px;
	height: 17px;
	display: block;
	text-indent: -9999px;
	top: 5px;
	right: 5px;
}
div#modalContent aside.menu nav { background: #e7e7e7; }
div#modalContent aside.menu ul.pages li.redirected > a span {
	color: #999;
	background-image: url("../img/icons/redirected-gray.png");
}
div#modalContent div.content div.content-inner { background: #e7e7e7; }
div#modalContent h2 { margin-top: 0; }
div#modalContent div.content #pageInfo { display: none; padding-bottom: 10% }
div#modalContent div#prompt {
	padding: 26% 10% 34.5%;
	font-size: 0.75em;
}
div#modalContent aside.menu ul.pages li.redirected > a:hover { background-color: #fff; }
div#modalContent aside.menu ul.pages li.redirected > a:hover span { cursor: default; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 660px), only screen and (max-device-width: 660px) {
	aside.menu {
		float: none;
		width: auto;
		margin-bottom: 1em;
	}
	div.content {
		margin: 0;
		left: 0;
	}
	div.content div.content-inner {
		margin: 0;
		padding: 0;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {
	    background: transparent !important;
	    color: #000 !important; /* Black prints faster: h5bp.com/s */
	    box-shadow:none !important;
	    text-shadow: none !important;
	}

	a,
	a:visited {
	    text-decoration: underline;
	}

	a[href]:after {
	    content: " (" attr(href) ")";
	}

	abbr[title]:after {
	    content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
	    content: "";
	}

	pre,
	blockquote {
	    border: 1px solid #999;
	    page-break-inside: avoid;
	}

	thead {
	    display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
	    page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
	    margin: 0.5cm;
	}

	p,
	h2,
	h3 {
	    orphans: 3;
	    widows: 3;
	}

	h2,
	h3 {
	    page-break-after: avoid;
	}
}