/*@font-face {
	src: url('/styles/fonts/lacuna.ttf') format('truetype');
	font-family: 'Lacuna';
	font-style:normal;
}*/

/************************/
/*** Globals          ***/
/************************/

	* {
		margin:0;
		padding:0;
	}
	
	body {
		background-color:#111;
		background-image:url('/styles/images/stripe.png');
		background-position:0px 0px;
		font-family:arial;
		color:#bbb;
	}
	
	a:link		{ color:white;	text-decoration:none; }
	a:visited	{ color:#eee;	text-decoration:none; }
	a:hover		{ color:gold;	text-decoration:none; }
	a:active	{ 				text-decoration:none; }
	
	h1,h2,h3,h4,h5,h6 {
		text-shadow:2px 2px 4px #5E2F00;
		margin-bottom:5px;
		color:#FFAA54;
	}
	
	p {
		margin-bottom:10px;
	}
	
	ul {
		margin-left:30px;
		margin-bottom:10px;
	}

/************************/
/*** Header           ***/
/************************/

	#header {
		margin:10px;
		padding:0px;
		font-size:14pt;
		background-image:url('/styles/images/stripe_content.png');
		background-position:0px 0px;
		height:35px;
		max-height:35px;
		box-shadow:1px 3px 3px black;
	}
	
	#current a {
		color:#FFAA54;
		text-shadow:2px 2px 4px #5E2F00;
	}
	
	#current a:hover {
		/*text-shadow:0px 0px 5px #FFD7B0;*/
		color:gold;
	}

/************************/
/*** Navigation       ***/
/************************/

	.nav {
		padding:0px;
		white-space:nowrap;
		font-size:12pt;
	}
	
	.nav > ul { /* Header list */
		margin-left:10px;
		display:inline-table;
		height:35px;
		vertical-align:top;
		border-spacing:0px 0px;
	}
	
	.nav > ul > li { /* Header entries */
		list-style-type:none;
		vertical-align:middle;
		display:table-cell;
		height:100%;
		position:relative;
		z-index:100;
	}
	
	.nav > ul > li:hover div.nav-label {		/* Color header label on hover */
		background-color:#600;
	}
	
	.nav > ul > li:hover > a > div {				/* Color header label on hover */
		color:gold;
	}
	
	.nav > ul > li:hover > ul {					/* Show dropdown on hover */
		display:block;
	}
	
	.nav > ul > li div.nav-label {			/* Header entry labels */
		display:inline-block;
		height:100%;
		line-height:35px;
		padding-left:10px;
		padding-right:10px;
		color:white;
		cursor:pointer;
	}
	.nav > ul > li > ul { /* Sublink lists */
		background-color:#600;
		margin:0px;
		box-shadow:2px 2px 5px rgba(0,0,0,0.7);
		display:none;
		z-index:-1;
		list-style:none;
		position:absolute;
		top:35px;
		min-width:100px;
	}
	.nav > ul > li > ul > li { /* Sublink entries */
		width:100%;
	}
	
	.nav > ul > li > ul > li > a {
		display:block;
		padding-left:12px;
		padding-right:12px;
	}
	
	.nav > ul > li > ul > li > a:first-child {
		padding-top:5px;
	}
	.nav > ul > li > ul > li > a:last-child {
		padding-bottom:8px;
	}
	
	#nav > ul > li:first-child div.nav-label {
		width:100px;
		text-align:right;
	}
	
	#favicon {
		display:inline-block;
		position:absolute;
		top:-10px;
		left:-17px;
	}
	
	#current-page, #subnav-current-page {
		box-sizing:border-box;
		border-bottom:3px solid #800;
	}

/***********************/
/*** Subnavigation   ***/
/***********************/
	
	#subnav {
		height:28px;
		font-size:12pt;
		margin:10px;
		background-image:url('/styles/images/stripe_content.png');
		background-position:0px 0px;
		padding:0px;
		white-space:nowrap;
		box-shadow:1px 3px 3px black;
	}
	
	#subnav > ul {
		height:28px;
	}
	
	#subnav > ul > li {
		z-index:50;
	}
	
	#subnav > ul > li div.nav-label {
		line-height:28px;
	}
	
	#subnav > ul > li > ul {
		top:28px;
	}

/************************/
/*** Messages/Errors  ***/
/************************/

	.msg {
		color:white;
		font-size:12pt;
		padding:5px;
		padding-left:18px;
		margin:0px 10px 5px 10px;
	}
	
	.msg-hide {
		float:right;
		cursor:pointer;
		font-family:monospace;
	}
	
	#msg-error { background-color:#C40000; }
	#msg-success { background-color:#006E00; }

/************************/
/*** Content          ***/
/************************/
	
	#content {
		min-height:50px;
		padding:3px;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:10px;
		margin:10px;
		background-image:url('/styles/images/stripe_content.png');
		background-position:0px 0px;
		box-shadow:1px 3px 3px black;
	}
	
	#content > .section, #content > form > .section {
		background-color:#484848;
		margin-left:0px;
		padding:5px;
		padding-left:7px;
		padding-bottom:7px;
		margin-bottom:20px;
		padding-right:10px;
	}
	
	#content > .section > .section {
		background-color:#686868;
		padding:5px;
	}

/************************/
/*** Footer           ***/
/************************/
	
	#footer {
		text-align:center;
		font-size:8pt;
		width:auto;
		background-image:url('/styles/images/stripe_header.png');
		background-position:0px 0px;
		margin:10px 30px 10px 30px;
		padding:10px 3px 3px 3px;
		height:20px;
		box-shadow:1px 3px 3px black;
	}

/************************/
/*** Miscellaneous    ***/
/************************/

	.section {
		margin:10px;
		background-color:#303030;
		padding:5px;
		padding-left:7px;
		padding-bottom:7px;
		border:1px solid #222;
		box-shadow:3px 3px 4px #222;
	}
	
	.content {
		min-height:50px;
		padding-left:20px;
		padding-top:10px;
	}
	
	.tile {
		margin:10px;
		background-color:#303030;
		box-shadow:3px 3px 4px #222;
		width:200px;
		height:200px;
		display:inline-block;
		
		font-size:18pt;
		line-height:200px;
		text-align:center;
	}
	
	.clear {
		clear:both;
	}
	
	.error,   .error    > a	{ color:#FF7354; }
	.success, .success > a	{ color:#58D14D; }

/**** Forms ****/

	form table {
		width:100%;
		margin-bottom:5px;
	}
	
	form td {
		font-weight:bold;
		vertical-align:top;
		padding-bottom:5px;
	}
	
	form th {
		text-align:right;
		padding-right:5px;
		vertical-align:top;
	}

	input,textarea {
		border:0;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:2px;
		box-sizing:border-box;
		
		box-shadow:2px 2px 2px #333;
	}
	
	input[type=text]:focus, input[type=password]:focus, textarea:focus {
		background-image:url('/styles/images/stripe_white_focus.png');
		background-position:0px 0px;
	}
	
	input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]) {
		width:100%;
	}
	
	input[type=color] {
		padding:0px;
	}
	
	label {
		color:#FFAA54;
		text-shadow:2px 2px 4px #5E2F00;
	}
	
	input[type=text], input[type=password], input[type=date], textarea {
		background-image:url('/styles/images/stripe_white.png');
		background-position:0px 0px;
		margin-bottom:3px;
	}
	
	input[type=checkbox], input[type=radio] {
		margin-left:0;
		padding-left:0;
		border:0;
		box-shadow:none;
	}
	
/**** Tables ****/
	
	.table table {
		margin:5px;
	}
	.table tr:nth-child(even) {
		background-color:#4D4D4D;
	}
	.table td {
		padding:3px;
	}
	.table th {
		border-bottom:2px solid #888;
		text-align:left;
		padding-left:15px;
	}
	
	.table {
		box-shadow:1px 3px 3px #111;
		padding:3px;
		background-color:#424242;
		margin:10px;
		margin-left:0px;
	}
	.table table {
		background-color:#424242;
		padding:10px;
		width:100%;
		padding:0;
		margin:0;
		border-collapse:collapse;
	}
	
	
	
/**** Pretty Tables (table, thead, tr, th, tbody, tr, td) ****/

	table.pretty {
		margin-top:20px;
		margin-bottom:20px;
		margin-left:10px;
		box-shadow:0px 0px 10px 5px rgba(0,0,0,0.3);
		
		border-collapse:collapse;
	}

	table.pretty td {
		padding:4px;
		padding-right:15px;
	}

	table.pretty th {
		text-align:left;
		color:gold;
		padding:4px;
		border-bottom:1px solid #777;
		cursor:default;
	}

	table.pretty tr:nth-child(odd) td			{ background-color:rgba(0,0,0,0.05); }
	table.pretty tr:nth-child(odd):hover td	{ background-color:rgba(0,0,0,0.3); }
	table.pretty tr:nth-child(even) td			{ background-color:rgba(255,255,255,0.05); }
	table.pretty tr:nth-child(even):hover td	{ background-color:rgba(0,0,0,0.3); }
	
	table.pretty tfoot tr:first-child td {
		border-top:1px solid white;
	}