/* $Id: brushed-metal.css 994 2024-12-28 15:36:32Z jraxis $ */



body {
	background: #AAA url( "/common/brushed-metal.png" );
}

body, p, h1, h2, h3, h4, h5, h6, blockquote, table, tr, th, td, ul, ol, li, dl, dt, dd, input, textarea, select, option, optgroup {
	color: #000;  /*TODO* Remove when dark mode is implemented.  ~2024-12-21 */
	font-size: 16px;
}

a:link    { color: #0000CC; }
a:visited { color: #000088; }
a:focus   { color: #0000FF; }
a:hover   { color: #0044FF; }
a:active  { color: #FFDA00; }

h1 img  { margin: 5px; }
h1 span { display: none; }

h2 {
	color: #FFDA00;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 0.03em;
	position: absolute; top: 15px; left: 20px;

	        text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1 );
	   -moz-text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1 );
	-webkit-text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1 );
}



.bitcoin-accepted {
	position: absolute; top: 0; right: 0;
	z-index: 9999;
}



.block-frame {
	margin: 0 auto 30px auto;
	max-width: 760px;
	padding: 0 30px;
}

.block {
	background: #EEE;
	max-width: 700px;
	padding: 30px;

	        box-shadow: inset 3px 3px 3px rgba( 0, 0, 0, 0.5 ), inset -2px -2px 2px rgba( 255, 255, 255, 0.6 );
	   -moz-box-shadow: inset 3px 3px 3px rgba( 0, 0, 0, 0.5 ), inset -2px -2px 2px rgba( 255, 255, 255, 0.6 );
	-webkit-box-shadow: inset 3px 3px 3px rgba( 0, 0, 0, 0.5 ), inset -2px -2px 2px rgba( 255, 255, 255, 0.6 );

	        border-radius: 16px;
	   -moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

.block-blank {
	max-width: 700px;
	padding: 30px;
}



.breadcrumbs {
	margin-top: 30px;
	padding: 0 30px 5px 30px;
}

.breadcrumbs p {
	margin: 0;
	padding: 0;
}

.breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs ul li {
	display: inline;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs ul li:after {
	content: " :: ";
	font-weight: bold;
}

.breadcrumbs a {
	color: #444;
	text-decoration: none;
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
	text-decoration: underline;
}



h3 {
	color: #FFDA00;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin-bottom: 0.5em;

	        text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1.0 );
	   -moz-text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1.0 );
	-webkit-text-shadow: 0 0.03em 0.12em rgba( 0, 0, 0, 1.0 );
}

p {
	margin: 0.75em 0;
}

p, blockquote, th, td, li, dl, dt, dd {
	line-height: 150%;

	        text-shadow: 0 0.05em 0.05em rgba( 255, 255, 255, 1.0 );
	   -moz-text-shadow: 0 0.05em 0.05em rgba( 255, 255, 255, 1.0 );
	-webkit-text-shadow: 0 0.05em 0.05em rgba( 255, 255, 255, 1.0 );
}

dt {
	font-weight: bold;
}



input[type='text'],
input[type='password'],
textarea,
select {
	background: #FFF;
	border: 1px solid #777;
	margin: 2px 0;
	padding: 3px 4px;
	width: 25em;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='submit']:focus,
textarea:focus,
select:focus {
	outline: 0px none transparent !important;
}

input[type='submit'] {
	padding: 3px 10px;
	border: 1px solid #777;
	color: #111;

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

input[type='submit']:active {
	background: #333;
	color: #EEE;
	filter: none;
}

option {
	padding: 0 4px;
}

option[disabled='disabled'] {
	color: #777;
}

optgroup option {
	padding-left: 1.5em;
}



#footnotes { margin-top: 50px; }

div.fn p { line-height: 125%; }
span.fn { color: #777; }

div.set-off {
	/* TODO: Remove when dark mode is implemented.  ~2024-12-21 */
	background: #FBB;
	border-color: #F66;
}

div.set-off p,
div.set-off blockquote,
div.set-off th,
div.set-off td,
div.set-off li,
div.set-off dl,
div.set-off dt,
div.set-off dd {
	        text-shadow: 0 0.05em 0.05em rgba( 255, 180, 180, 1.0 );
	   -moz-text-shadow: 0 0.05em 0.05em rgba( 255, 180, 180, 1.0 );
	-webkit-text-shadow: 0 0.05em 0.05em rgba( 255, 180, 180, 1.0 );
}



#footer {
	margin: 30px auto 30px auto;
	max-width: 760px;
	padding: 50px 0 0;
}

#footer p {
	font-size: 90%;
	color: #444;
	line-height: 110%;
	margin: 0;
	padding: 0;
}

#footer a { color: #444; }

#footer .bitcoin {
	float: right;
	font-size: 60%;
}

#footer .bitcoin a { text-decoration: none; }
#footer .bitcoin img { position: relative; top: 5px; }

#footer .contact-link { float: right; }
#footer .contact-link a { text-decoration: none; }

#footer .eha {
	color: #777;
	font-size: 75%;
	padding-top: 8px;
}




@media only screen and ( max-width: 700px ) {
	.bitcoin-accepted {
		display: none;
	}

	.block-frame {
		margin: 0 auto 10px auto;
		padding: 0 10px;
	}

	.block {
		padding: 15px;
	}

	.block-blank {
		padding: 10px;
	}

	.breadcrumbs {
		margin-top: 0px;
		padding: 0 10px 5px 10px;
	}

	#footer {
		margin: 10px auto 10px auto;
		padding: 10px 5px 0;
	}

	#footer p {
		font-size: 75%;
	}

	#footer .bitcoin {
		font-size: 50%;
	}

	#footer .eha {
		padding-top: 20px;
	}
}