/*
 * Cascading Style Sheets
 * Space Mountain Fan Pages recreation
 * Visual style based on the classic early-2000s fan site
 */

body {	
	background-color: black;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
}

/* Font */
p,h1,h2,h3,h4,ul,ol,li,td,th,address,blockquote,nobr {
	font-family: Arial, Helvetica, sans-serif; 
	text-align: left;
}

/* Colors */
ul,ol,li,div,td,th,address,
p,blockquote,nobr,.text { color: #6b9cc4; }
h1,h2,h3,h4,.heading { color: #a6bde4; }
.source { color: #43617a; }
a:link, a:visited { color: #ded8c0; }
a:active, a:hover { color: #ff0000; }

/* Margins */
h1,h2,h3 { clear: left; }
h2 { margin-top: 24px; }
h3 { margin-bottom: 6px; margin-top: 24px; }
img.thm { float: left; border: 0; margin-right: 10px; }
p { margin-bottom: 6px; margin-top: 0px; }
p.source { margin-bottom: 6px; }
ul { margin-bottom: 10px; margin-top: 0px; list-style-type: disc; }

/* Font sizes */
p,blockquote,div,ul,ol,td { font-size: 12px; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
.path { font-size: 11px; }

/* Misc */
.mini { font-size: 8pt; }
.heading { font-weight: bold; }
pre { font-family: "Courier New", Courier; font-size: 14px; }
div.menu { margin-bottom: 3px; }
a.menu { color: #ffffdd; font-size: 15px; font-weight: bold; }

/* Background Colors */
.head {}
.links { background-color: #000065; padding-left: 10px; padding-right: 10px; }
.path { background-color: #000055; padding: 10px; }
.body { 
	background-color: #000035; 
	padding: 10px; 
	padding-top: 20px; 
	background-image: url("../images/back_stars.gif");
}
.foot { background-color: #000025; padding: 10px; }
.container { width: 650px; }

/* Text Links */
.textlinks { 
	text-align: center; 
	color: #333399;
	font-size: 10px;
}

/* About Text */
.about { 
	text-align: center;
	color: #43617a;
	font-size: 10px;
}

/* Pathlink Text */
.pathtext { 
	text-align: left;
	font-size: 11px; 
	margin-bottom: 0px;
}

.textlinks a:link    { text-decoration: none; color: #333399; }
.textlinks a:visited { text-decoration: none; color: #333399; }
.textlinks a:active  { text-decoration: underline; color: #333399; }
.textlinks a:hover   { text-decoration: underline; color: #333399; }

.source a:link    { text-decoration: none; color: #6f6c60; }
.source a:visited { text-decoration: none; color: #6f6c60; }
.source a:active  { text-decoration: underline; color: #ded8c0; }
.source a:hover   { text-decoration: underline; color: #ded8c0; }

/* Homepage specific */
.titzite, .titauth { 
	font-family: Times, "Times New Roman", serif; 
	color: #ffcc33; 
	text-align: center;
}
.titzite { font-size: 18pt; font-style: italic; line-height: 18pt; }
.titauth { font-size: 14pt; line-height: 14pt; }
.fxsmfp { font-size: 16pt; font-weight: bold; color: #ffffff; text-align: center; }
.warning { font-size: 10pt; color: #ff0000; font-weight: bold; text-align: center; }

/* Placeholder for images */
.img-placeholder {
	border: 1px dashed #43617a;
	background-color: #000025;
	color: #43617a;
	text-align: center;
	padding: 20px;
	margin: 10px 0;
	font-size: 11px;
}
.logo-placeholder {
	width: 300px;
	height: 172px;
	border: 2px dashed #ffcc33;
	background-color: #000025;
	color: #ffcc33;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px auto;
	font-size: 14px;
	text-align: center;
}