/* (C)opyright 2010, Matt Strait */

html { font-size: 100.01%; }

body {
	color: #000000;
	background-color: #00ccff;
	margin: 0.1em;
        padding: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

strong { font-weight: bold; }

em { font-style: oblique; }

h1 {
	font-size: 2em;
	margin: 0;
}

h2 {
	background-color: #0099cc;
	font-size: 1.5em;
	margin: 0.83em 0;
        border-bottom: medium solid #000000;
}

h3 {
	font-size: 1.17em;
	margin: 1ex 0;
	text-decoration: underline;
}

table {
        width: 99%;
        text-align: left;
        vertical-align: top;
	margin-left: 1em;
        border-collapse: collapse;
	border: thin solid #000000;
}

.floatblk table {
        width: 40%;
	margin: 1ex 1.5em 1ex 0.1em;
	float: left;
}

th, td {
        padding: 0.3ex 0.3em;
        vertical-align: top;
	border: 2px solid #000000;
}

th {
        text-align: center;
	font-weight: bold;
        border-bottom: 4px solid #000000;
	background-color: #0099cc;
}

#engines tr { background-color: #00ccff; }

#engines table tr:first-child + tr + tr + tr { border-top: 4px solid #000000; }

#engines table tr + tr + tr + tr {
	font-weight: bold;
	background-color: #00bbff;
}

.pet-tab {
	margin-left: 0.5em;
	border-style: none;
}

.pet-tab td {
	padding: 1ex 0.3em;
	border-style: none;
}

.pet-tab td:first-child {
	font-size: 1.2em;
	padding-top: 0.7ex;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

table tr:nth-child(odd) { background-color: #00bbff; } /* CSS 3 pseudo-class */

#stations ul, #dropoff ul, #movement ul { list-style-type: decimal; }

#stations a strong, #calamity strong, #marking span,
#petitioning strong, #adv-stations span {
	font-weight: bold;
	font-style: oblique;
}

#intro span, #specials strong, #pickup span {
	font-style: oblique;
	white-space: nowrap;
}

ol li, ul li { padding-bottom: 1ex; }

ol ul {
	list-style-type: lower-alpha;
	padding-top: 1ex;
}

li p { margin-bottom: 0; }

#header {
	margin: 1ex 8% 4ex 8%;
	border: medium solid #990099;
	padding: 0 1em;
}

#intro { text-align: center; }

#intro h1 { text-decoration: none; }

#intro blockquote {
	width: 76%;
	margin-left: 11%;
}

#specials ul { padding: 0; }

#specials li {
	list-style: none;
	padding-bottom: 1ex;
}

#specials li p { margin-top: 1ex; }

.floattxt {
	width: 55%;
	float: left;
}

.floatblk, .floatend {
	clear: both;
	padding-top: 2ex;
}

#movement table {
        width: 35%;
	margin: 1ex 2.5em 3ex 0.1em;
	float: left;
}

#movement td + td { text-align: center; }

#movement ul {
	width: 95%;
	padding-left: 1.5em;
	margin-top: 3ex;
}

#movement li:first-child + li { clear: both; }

#example-card {
	background-color: #00bbff;
	width: 25%;
	margin-right: 1.5em;
	min-width: 12em;
	text-align: center;
	font-weight: bold;
	border: medium solid #000000;
	float: left;
}

#luckcards strong { font-style: oblique; }

#luckcards span { margin-left: 1em; }

#contractcards table {
	width: 95%;
	font-size: 85%;
}

#cc-pickup { width: 20%; }
#cc-cargo { width: 30%; }
#cc-deliver { width: 20%; }
#cc-payoff { width: 20%; }

#contractcards table tr { background-color: #00ccff; }

#contractcards table tr:nth-child(4n+1),
#contractcards table tr:nth-child(4n+2)
	{ background-color: #00bbff; } /* CSS 3 pseudo-class */

#contractcards ul li { font-size: 90%; }

div.end-icons { clear: both; }

div.end-icons ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: inline;
}

div.end-icons ul li { display: inline; }

div.end-icons img {
	border: 0;
	margin: 1ex 0 0 1px;
}

@media print {
	body {
		background-color: #ffffff;
		font-family: Times, "Times New Roman", serif;
		font-size: 11pt;
		padding: 0;
		line-height: 1.2;
	}
	a {
		text-decoration: none;
		color: #000000;
	}
	#example-card { width: 14em; }
	#example-card, h2, th, #engines tr,
	#engines table tr + tr + tr + tr,
	#contractcards table tr
		{ background-color: #ffffff; }
	table tr:nth-child(odd) { background-color: #ffffff; }
	#header, .end-icons { display: none; }
	#cargo, #petition, #luckcards, #contractcards, #optional
		{ page-break-before: always; }
	.floatblk, #petition, #adv-petition { page-break-inside: avoid; }
	h1, h2, h3 { page-break-after: avoid; }
}

/* Last updated: October 28, 2010 */