/* www.HawkinsRails.net 

All CSS by RWH except Bootstrap code 

Pages CSS
mobile-first base code

*/

/*PAGE TOP ELEMENTS*/

.topbuffer {
	width: 100%;
	height: 65px;
	margin-top: -65px;
}

.masthead {
	width: 100%;
	background-color: Gray;
	border-radius: var(--corners);
	display: block;
	padding: 5px;
	height: 75px;
	margin-bottom: 5px;
}

.masthead img {
	height: 65px;
	width: auto;
	margin-right: 5px;
	border-radius: 3px;
}

.featuretag_alone {
	color: #ffd5a9;
	font: bold 1rem/1em "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: white;
	border-radius: var(--corners-element);
	margin-top: 5px;
	padding: 5px 15px;
	margin-bottom: 5px;
	text-align: center;
	display: inline-block;
	letter-spacing: 2.5px;
}

.scrapbooks_jump {
	color: white;
	direction: ltr;
	font: bold .9rem "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #ffcb95;
	border-radius: var(--corners-element);
	margin-top: 5px;
	padding: 7px 12px;
	margin-bottom: 5px;
	display: inline-block;
	float: right;
	text-transform: uppercase;
	border: 1px dotted gray;
	letter-spacing: .5px;
	
}

h1 {
	margin-top: 15px;
}

h1 img {
	display: none;
	max-height: 75px;
	margin: 10px 10px 10px 0;
	vertical-align: middle;
}

.name {
	margin-bottom: 5px;
	margin-top: 5px;
}

.name img {
	max-height: 75px;
	vertical-align: middle;
}

.name td {
	padding-right: 10px;
}

.slogan {
	font: 1.25rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	word-spacing: 1px;
	color: #a9a9a9;
	margin-top: -10px;
	letter-spacing: .5px;
}

.leader {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.leader img {
	width: 100%; 
	border-style: none;
	display: block;
	border-radius: var(--corners);
}

.leader .caption, 
.leader .details {
	margin-right: 7.5px;
}

.leader .overlay {
	border-radius: 3px;
}

.leader_flag {
	position: absolute;
	z-index: 1;
	visibility: hidden;
}

/* COLLECTION BANNERS */

.collection {
	width: 100%;
	margin-top: 5px;
	display: block;
	margin-bottom: 5px;
}

.baybanner img {
	border-radius: 3px;
}

.peaches_georgia {
	width: 50%;
	margin-bottom: -20px;
}

.peaches_peaches {
	width: 50%;
}

.keystone img {
	width: 66%;
}

.rebelroutes_banner {
	width: 50%;
}

.rebel_type {
	background-color: #8d2e20;
	padding: 3px 10px;
	border-radius: 2px;
	color: white;
	font-weight: bold;
	font-size: 1.1rem;
	width: 50%;
	text-align: center;
}

.rocky_flag {
	width: 33%;
	display: block;
}

.rocky_rocky {
	width: 66%;
	margin-right: 5px;
}

.rocky_ties {
	width: 15%;
	margin-top: -15px;
}

.rustbelt_name {
	width: 50%;
}

.rustbelt_route {
	width: 50%;
	height: 35px;
}

.southernpreservation {
	position: relative;
}

.southernshort {
	position: relative;
}

.southern_name {
	width: 50%;
}

.southern_preservation {
	width: 50%;
}

.southern_shortline {
	width: 50%;
}

.switzerland {
	width: 100%;
}

.switzerland img {
	width: 50%;
}

.teddershortline {
	position: relative;
}

.tedder_hat {
	display: none;
}

.tedder_name {
	position: relative;
	width: 50%;
	margin-top: 15px;
}

.tedder_shortline {
	width: 50%;
	height: 30px;
}

.tedder_trees {
	position: absolute;
	z-index: -1;
	width: 50%;
	top: 0;
}

.wiregrassroutes {
	height: 85px;
	position: relative;
	overflow: hidden;
}

.wiregrass_title {
	width: 50%;
	display: block;
}

.wiregrass_route {
	text-transform: uppercase;
	color: olive;
	padding: 0;
	font: 2.5rem Georgia, "Times New Roman", Times, serif;
	display: inline;
}

.wiregrass_grass {
	width: 50%;
	position: absolute;
	top: 0;
}

/* SUB PAGES */

.subpage {
	margin-top: 15px;
	margin-bottom: 15px;
}

.subpage h1 {
	margin-top: 0;
}

.subpage img {
	border: 5px solid #fff;
	margin-right: 10px;
	float: left;
	height: 100px;
}

.subpage p {
	font-weight: bold;
	color: #999;
	line-height: 0;
	padding-top: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* FEATURED PAGES */

.featured {
	margin-bottom: 15px;
	background-color: white;
	padding: 25px;
	border-radius: var(--corners);
}

.featuretag {
	text-transform: uppercase;
	color: #ffd5a9;
	direction: ltr;
	letter-spacing: 5px;
	display: inline;
	font: bold 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
}

.featuretag img {
	width: 50px;
	margin-right: 10px;
	display: inline-block;
	margin-bottom: 25px;
	font-size: 1.25rem;
}

.featured .slogan {
	font: 1.25rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .5px;
	color: #a9a9a9;
}

.featured > img {
	width: 100%;
	margin-top: 15px;
	border-radius: 5px;
}

.list-group-item {
	text-align: center;
	padding: 10px;
}

.list-group-item.scrapbooks_link {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--horange);
}

.summary p {
	font: 1.2rem Georgia, "Times New Roman", Times, serif;
	color: black;
	margin-top: 30px;
}

.summary img {
	width: 15%;
	float: left;
	margin-top: 1%;
	margin-right: 1%;
}

.summary .source {
	font: .9rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
	margin: 0;
}

img.list-group-item {
	width: 100%;
}

p.list_top {
	color: var(--horange);
	font-weight: bold;
	font-size: 1rem;
}

/* ROUTE PAGES */

.route_title {
	background-color: white;
	border-radius: var(--corners);
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	width: 100%;
}

.route_title h1 {
	margin-top: -5px;
}

.route_heading {
	color: #999;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 15px;
}

.route_heralds img {
	width: 60px;
}

.route_heralds {
	width: 100%;
}

/* LAGNIAPPE PAGES */

.featured.lagn {
	background-color: gray;
	margin-top: 40px;
	position: relative;
}

.lagn .twainontop img {
	width: 100%;
}

.lagn .twainontop {
	position: absolute;
	width: 100px;
	z-index: 1;
	top: -122px;
	right: 5%;
}

.lagn_featured {
	text-transform: uppercase;
	color: white;
	letter-spacing: 5px;
	font: bold 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 15px;
}

.lagn_featured img {
	width: 35px;
	margin: -12px 10px 0 0;
	display: inline;
	float: left;
}

.featured.lagn h1 {
	margin-top: 35px;
}

/* H2 and H3 SECTIONS */

.action {
	border-top-style: none;
}

.action img {
	float: left;
	width: 100px;
	transform: rotate(-4deg);
	margin-top: -22px;
	margin-right: 15px;
}

.mainline_action {
	color: white;
}

.consist {
	font: 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	background-color: black;
	width: 100%;
	padding: 10px;
	border-left: 15px solid var(--horange);
	border-radius: var(--corners-element);
}

.consist b {
	color: var(--horange);
}

.consist img {
	float: left;
	height: 45px;
	margin: -15px 15px 15px;
	border: 1px solid white;
	transform: rotate(-3deg);
	background-color: white;
}

h3.chase img {
	width: 50px;
	height: 50px;
}

.chase {
	margin-top: 30px;
	margin-bottom: 45px;
	background:  url(../images/background_road.jpg);
	color: yellow;
	border-style: none;
	text-shadow: 2px 2px 5px #000000;
	position: relative;
	padding-left: 85px;
}

.chase img {
	position: absolute;
	top: -10px;
	left: 15px;
	border: .5px solid silver;
	width: 55px;
	height: 55px;
}

.clipping {
	margin-bottom: 35px;
}

.closeup {
	margin-top: 30px;
	margin-bottom: 15px;
	border-top-style: none;
}

.closeup img {
	float: left;
	height: 60px;
	margin-right: 10px;
	margin-top: -17px;
}

.closeup_title {
	color: white;
	text-transform: uppercase;
}

.compilations {
	margin-top: 30px;
	border-top-style: none;
}

.compilations img {
	float: left;
	height: 60px;
	margin-right: 10px;
	margin-top: -22px;
}

.ellasextra {
	background-color: white;
	margin-bottom: 45px;
	border-top: none;
}

.ellasextra .ellanikon {
	float: left;
	height: 60px;
	margin-top: -15px;
}

.ellasextra .ellaname {
	margin-top: -28px;
	margin-right: -5px;
	float: left;
	height: 85px;
	margin-left: -5px;
}

.event {
	margin-top: 30px;
	margin-bottom: 15px;
	border-top-style: none;
}

.event img {
	float: left;
	height: 60px;
	margin-right: 15px;
	margin-top: -20px;
	transform: rotate(-5deg);
}

.event_title {
	color: white;
	text-transform: uppercase;
}

.know {
	border-style: none;
	margin-bottom: 30px;
}

.know_check {
	float: left;
	height: 60px;
	margin-top: -30px;
}

.know_your {
	color: white;
}

.know img:not(.know_check) {
	width: 100%;
}

.lagniappe {
	position: relative;
	height: 40px;
	border-top-style: none;
	margin-top: 30px;
	margin-bottom: 20px;
}

.lagn_label {
	display: none;
}

.twain_tag {
	float: left;
	height: 75px;
	margin-top: -40px;
	margin-right: 10px;
	margin-left: -5px;
}

.lagn_word {
	float: left;
	height: 50px;
	margin-top: -10px;
}

.lagn_extra {
	float: left;
	display: none;
}

.location {
	margin-top: 30px;
	border-top-style: none;
}

.location img {
	float: left;
	height: 55px;
	margin-top: -30px;
	margin-right: 7.5px;
}

.locations {
	margin-bottom: 60px;
	color: white;
	border-top-style: none;
}

.locations img {
	float: left;
	width: 65px;
	margin-top: -26px;
	margin-left: 5px;
	margin-right: 15px;
	transform: rotate(-5deg);
}

.location_amtrak {
	border-top-style: none;
	position: relative;
	padding-left: 55px;
	color: #003366;
}

.navbar_avoid + .location_amtrak {
	margin-top: 60px;
}

.mileage_board {
	position: absolute;
	width: 25px;
	bottom: -10px;
	left: 15px;
	transform: rotate(-3deg);
}

.mileage {
	position: absolute;
	width: 10px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	line-height: 22px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	z-index: 2;
	transform: rotate(-3deg);
	left: 20px;
	color: white;
	text-shadow: 0 0 1px #000000;
	top: -55px;
}

.station_code {
	float: right;
	color: white;
	margin-right: 10px;
}

.look {
	border: none;
	background-color: rgba(28, 139, 217, .66);
	margin-bottom: 30px;
}

.look_glass {
	float: left;
	height: 70px;
	margin-top: -24px;
	margin-right: 10px;
}

.look_for {
	color: white;
}

.look img:not(.look_glass) {
	width: 100%;
}

.milepost {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: left;
	background-color: rgba(143, 188, 143, 0.5);
	border-top-style: none;
	position: relative;
	padding-left: 50px;
}

.mile {
	position: absolute;
	width: 10px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	transform: rotate(6deg);
	top: -63px;
	line-height: 20px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: 1px 1px 1px #F5F5F5;
	z-index: 2;
	left: 23px;
}

h3 .mile {
	line-height: 18px;
	left: 24px;
}

.post {
	position: absolute;
	z-index: 1;
	height: 125px;
	left: 5px;
	top: -75px;
}

.night {
	margin-top: 30px;
	margin-bottom: 15px;
	background-image: url(../images/background_nightsky.jpg);
	border: none;
	color: #FFFFD1;
	text-shadow: 0 0 5px yellow;
}

.night img {
	float: left;
	height: 55px;
	margin-right: 10px;
	margin-top: -18px;
}

.night .closeup_title {
	color: gray;
	text-transform: uppercase;
	text-shadow: none;
}

.publications {
	border-top: none;
	margin-bottom: 20px;
}

.publications img {
	width: 45px;
	float: left;
	transform: rotate(-5deg);
	margin-top: -30px;
	margin-right: 15px;
	margin-left: 5px;
}

h3 .route_number1 {
	line-height: 50px;
	width: 50px;
	height: 50px;
	font-size: 35px;
}

h3 .route_number2 {
	line-height: 50px;
	width: 50px;
	height: 50px;
	font-size: 30px;
}

h3 .route_number3 {
	line-height: 50px;
	width: 50px;
	height: 50px;
	font-size: 20px;
}

.route_number1 {
	width: 55px;
	height: 55px;
	position: absolute;
	z-index: 1;
	color: black;
	text-shadow: none;
	font: bold 40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-align: bottom;
	top: -10px;
	line-height: 55px;
	left: 15px;
}

.route_number2 {
	width: 55px;
	height: 55px;
	position: absolute;
	z-index: 1;
	color: black;
	text-shadow: none;
	font: bold 32px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-align: bottom;
	top: -10px;
	line-height: 55px;
	letter-spacing: 0;
	left: 15px;
}

.route_number3 {
	width: 55px;
	height: 55px;
	position: absolute;
	z-index: 1;
	color: black;
	text-shadow: none;
	font: 23px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-align: bottom;
	top: -10px;
	line-height: 55px;
	letter-spacing: -1px;
	left: 15px;
}

.scrapbook {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top-style: none;
}

.scrapbook img {
	float: left;
	margin-right: 10px;
	height: 75px;
	margin-top: -20px;
}

.shipper {
	background-color: #e3dcc5;
	margin-top: 35px;
	width: 90%;
	border: .5px solid gray;
}

.shipper img {
	float: left;
	height: 60px;
	margin-top: -40px;
	margin-left: 5px;
	margin-right: 15px;
}

.snapshots {
	margin-top: 30px;
	border-top-style: none;
}

.snapshots img {
	float: left;
	height: 52px;
	margin-right: 20px;
	margin-top: -15px;
	transform: rotate(-5deg);
}

.sources {
	margin-top: 30px;
	margin-bottom: 30px;
}

.sources img {
	float: left;
	margin-right: 10px;
	height: 70px;
	margin-top: -20px;
}

.state_section {
	font: 2.5rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	color: var(--horange);
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: center;
}

.state_section img {
	width: 100%;
	float: left;
	border-radius: 4px;
}

.survivors {
	margin-top: 30px;
	margin-bottom: 15px;
	background: url('../images/background_map.jpg') repeat left top;
	text-shadow: 1px 1px 5px silver;
	border-top-style: none;
}

.survivors img {
	float: left;
	height: 55px;
	margin-right: 15px;
	margin-top: -17px;
	transform: rotate(-5deg);
}

.thennow {
	margin-top: 30px;
	margin-bottom: 30px;
}

.thennow img {
	float: left;
	margin-right: 15px;
	height: 75px;
	margin-top: -25px;
}

/* PAGE CONTENT ELEMENTS */

.article {
	background: url(../images/paper_article.jpg) repeat;
	padding: 3%;
	margin-top: 25px;
	margin-bottom: 25px;
	border-radius: var(--corners);
}

.article .title {
	font-weight: bold;
	font-size: 1.6rem;
	color: var(--horange);
	text-align: left;
}

.article h3 {
	border-style: none;
	margin-bottom: 30px;
	width: 100%;
	background-color: #E9DFA8;
	color: white;
}

.article p {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	font-size: 1.1rem;
}

.article p img {
	border-style: none;
	border-radius: var(--corners-float);
	margin-bottom: 1%;
	width: 100%;
}

.article .source {
	float: right;
}

.banner {
	margin-bottom: 15px;
}

.banner img {
	width: 100%;
	border: 7.5px solid white;
	border-bottom: 15px solid white;
	height: auto;
}

.chaselist {
	border-radius: var(--corners-element);
	margin: 15px 0;
	padding: 10px;
	width: 50%;
	float: left;
	background-color: white;
}

.chaselist .chaselist_spot {
	width: 75%;
	margin: 15px auto;
	display: block;
}

.chaselist .stop {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--horange);
	letter-spacing: 1px;
}

.chaselist li {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1em;
}

.chaselist p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant: small-caps;
	text-align: center;
	color: silver;
}

.chaselist ul {
	list-style: none;
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 0;
	margin-top: 30px;
}

.chaselist_logo img {
	width: 75%;
	margin: 15px auto;
	display: block;
}

.clip {
	position: relative;
	float: left;
	height: 65px;
	margin-top: -25px;
	margin-right: 5px;
}

.comment {
	float:left;
	background: url(../images/paper_yellow.jpg) repeat;
	font: 1rem Georgia, "Times New Roman", Times, serif;
	text-align: left;
	color: #424242;
	padding: 3%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.comment .up {
	float: left; width: 15px;
	margin: 10px;
}

.comment img {
	float: right;
	width: 60px;
	border-style: none;
	margin-top: 10px;
	margin-right: 5px;
}

.description {
	margin-bottom: 15px;
	margin-top: 15px;
}

.description p {
	text-align: left;
	font: 1.2rem/1.2 Georgia, "Times New Roman", Times, serif;
}

.description p img {
	border: thick solid #fff;
	border-radius: var(--corners-float);
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.description .drop {
	float: left;
	height: 100px;
	width: auto;
	border-style: none;
	margin: 0 2px 0 0;
	font-size: 1.25rem;
}

.description ul {
	font: 1.25rem Georgia, "Times New Roman", Times, serif;
}

.description .state, .description .state_tall, .description .state_wide {
	float: right;
	border-style: none;
	border-radius: var(--corners-element);
	margin-left: 2%;
}

.description .state {
	width: 33%;
	box-shadow: none;
}

.description .state_tall {
	width: 33%;
	box-shadow: none;
}

.description .state_wide {
	width: 50%;
	box-shadow: none;
}

.funfact {
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(../images/paper_watercolor.jpg);
	border-radius: var(--corners);
	padding: 2%;
}

.fact_rwh {
	float: left;
	width: 75px;
	margin-right: 10px;
}

.fact_eth {
	float: left;
	width: 95px;
	margin-right: 10px;
}

.fact_arrow {
	float: right;
	width: 100px;
	margin-top: -35px;
	transform: rotate(22.5deg);
}

.funfact p {
	font-size: 1.1rem;
}

.fun_fact {
	height: 50px;
	vertical-align: text-bottom;
	margin-right: 10px;
}

.journal {
	padding: 3%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: var(--corners);
}

.journal .eth {
	width: 100%;
	max-width: 265px;
}

.journal .jch {
	width: 100%;
	max-width: 275px;
}

.journal .rwh {
	width: 100%;
	max-width: 200px;
}

.journal p img {
	border-style: none;
	border-radius: var(--corners-float);
	margin-bottom: 10px;
	width: 100%;
	max-width: 100%;
}

.journal.ella p {
	margin-top: 10px;
	font: 1.1rem "American Typewriter", SpecialElite, Georgia, serif;
}

.journal.ella {
	background-image: url(../images/paper_watercolor.jpg);
}

.journal.john p {
	margin-top: 15px;
	font: 1.1rem Typewriter, Courier, monospace;
	text-align: left;
}

.journal.john {
	background-image: url(../images/paper_lined.jpg);
}

.journal.ralph p {
	margin-top: 15px;
	font: 1rem Geneva, Helvetica, sans-serif;
	text-align: left;
}

.journal.ralph {
	background-image: url(../images/paper_linen.jpg);
}

.journal .jdate {
	color: gray;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 33%;
	font-size: .9rem;
	text-align: right;
	margin-top: 10px;
	text-transform: uppercase;
}

.listing li {
	font: 1.3rem Georgia, "Times New Roman", Times, serif;
	text-align: left;
	margin-bottom: 5px;
}

.lyrics {
	background: url(../images/paper_peach.jpg) repeat;
	padding: 4%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: var(--corners);
}

.lyrics p {
	color: #424242;
	font: 1.1rem Courier, "Courier New", mono;
	text-align: left;
}

.lyrics p img {
	width: 100%;
	height: auto;
	border-radius: var(--corners-float);
	display: block;
	max-width: 100%;
	margin-bottom: 15px;
}

.lyrics .drop {
	float: left;
	height: 100px;
	border-style: none;
	width: auto;
	margin: 0 2px 0 0;
}

.lyrics .source {
	text-align: right;
	margin-top: 15px;
	font-size: .9rem;
}

.notes {
	margin-top: 15px;
	margin-bottom: 15px;
}

.notes p {
	text-align: left;
	font-size: 1.1rem;
}

.notes p img {
	border: thick solid #fff;
	border-radius: var(--corners-float);
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

.notes .drop {
	float: left;
	width: auto;
	border-style: none;
	margin: 5px 5px 0 0;
	height: 60px;
}

.quotation {
	background: url(../images/paper_ruled.gif) repeat;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 3%;
	border-radius: var(--corners);
}

.quotation p {
	text-align: left;
	font: 1.1rem Courier, "Courier New", mono;
}

.quotation p img {
	width: 100%;
	height: auto;
	border-radius: var(--corners-float);
	display: block;
	max-width: 100%;
	margin-bottom: 15px;
}

.quotation .drop {
	float: left;
	width: 20%;
	margin: 2px 4px 0px 0px;
	border-radius: 0px;
}

.quotation .marks {
	margin: 0 0 15px;
	width: 100px;
}

.quotation .marks_adjustable {
	width: 90px;
	margin: 0 0 15px;
	filter: contrast(100%);
	height: 40px;
}

.quotation .source {
	margin-top: 15px;
	font-size: .9rem;
	text-align: right;
}

.quotation .source i {
	font-weight: bold;
	text-transform: uppercase;
	color: black;
}

.quotation .source u {
	font-weight: bold;
	color: black;
}

.quotation ul {
	font: 1.1rem Courier, "Courier New", mono;
}

.quotation.new {
	background-image: url(../images/paper_linen.jpg);	
}

.quotation.new p {
	font-family: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.quotation.new .drop {
	height: auto;
	width: 15%;
	max-height: 75px;
	padding: 0;
	opacity: .66;
	margin-top: 5px;
}

.quotation.new .source {
	font-size: .9rem;
}

.quotation.old {
	background-image: url(../images/paper_old.jpg);	
}

.quotation.old p {
	font: 1.1rem Newspaper, serif;
}

.quotation.old .drop {
	margin-top: 5px;
}

.quotation.old .source {
	font-size: .9rem;
}

.quotation.white {
	background-color: silver;
	background-image: none;
}

.quotation.white p {
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
}

.quotation.white .source {
	font-size: .9rem;
}

.quotation.wikipedia {
	background: white;
}

.quotation.wikipedia .wikiw {
	float: none;
	margin-bottom: 10px;
	width: 75px;
}

.recording {
	margin-top: 30px;
	margin-bottom: 30px;
}

.recording .tag_audio {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 10px;
}

.recording .audio_caption {
	color: black;
	font-size: 1rem;
	border-style: none;
}

.route_label {
	background-color: white;
	width: 100%;
	border-radius: var(--corners-element);
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 2% 2% 2% 80px;
	font-size: 2rem;
	line-height: 1em;
	position: relative;
}

.route_label img {
	margin-right: 10px;
	position: absolute;
	left: 10px;
	top: -10px;
	transform: rotate(-5deg);
	width: 60px;
}

.route_label .route_amtrak {
	font-weight: bold;
	color: #255077;
	display: block;
}

.route_label .route_name {
	font-style: italic;
}

.route_review {
	background: #005079;
	border-radius: var(--corners-element);
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 25px;
	width: 66%;
}

.route_review img {
	width: 100%;
	margin-bottom: 25px;
}

.route_review ul {
	padding-left: 5px;
}

.route_review li {
	list-style-type: none;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	margin-bottom: 10px;
}

.route_review li .spec {
	color: gray;
	margin-right: 10px;
}

.route_review li .spec.solo {
	margin-right: 0px;
}

.route_review li b {
	color: var(--horange);
	font-weight: bold;
	font-style: italic;
}

.route_review a {
	color: red;
}

.tree .small {
	width: 75%;
	margin-left: 12%;
}

.tree .tree_top {
	width: 100%;
	margin-bottom: 25px;
}

.tree img {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tree {
	margin-bottom: 25px;
	margin-top: 5px;
}

.imagecredit {
	position: absolute;
	bottom: -15px;
	color: gray;
	font: .8rem sans-serif, "Lucida Grande", Lucida, Verdana;
	right: 0;
	margin-right: 10px;
}

.under_construction {
	width: 100%;
	z-index: 1;
	margin-top: 30px;
	margin-bottom: 30px;
}

.youtube {
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 575px;
}

.youtube iframe {
	border: 7.5px solid silver;
	border-bottom: 15px solid silver;
	max-width: 100%;
	border-radius: 4px;
}

.item .article_cover {
	z-index: 1;
	transform: rotate(10deg);
	visibility: hidden;
	position: absolute;
}

img.king {
	position: absolute;
	transform: rotate(10deg);
	border: none;
	width: 50px;
	right: 10px;
	top: -25px;
}

.photo .king {
	border: none;
}

.article, .lyrics, .journal, .quotation {
	position: relative;
}

.article:has(.imagecredit),
.journal:has(.imagecredit),
.quotation:has(.imagecredit),
.lyrics:has(.imagecredit) {
	margin-bottom: 30px;
}

.drop {
	box-shadow: 0 0 0;
}

/* OVERLAY IMAGES */

.overlay {
	position: absolute;
	z-index: 1;
	visibility: hidden;
}

/* FLOATING IMAGES */

p img.herald {
	width: 25%;
	box-shadow: 0 0 0;
}

p img.noborder {
	border-style: none;
}

p img.seal {
	width: 25%;
	box-shadow: 0 0 0;
}

p img.small {
	width: 33%;
}

p img.tiny {
	width: 33%;
}

.left.tall {
	float: left;
}

.right.tall {
	float: right;
}

.medium.tall, .large.tall {
	width: 33%;
}

p img.left.tiny,
p img.left.small,
p img.left.herald,
p img.left.seal {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	margin-top: 5px;
}

p img.right.tiny,
p img.right.small,
p img.right.herald,
p img.right.seal {
	float: right;
	margin-left: 5px;
	margin-right: 0;
	margin-top: 5px;
}

.tiny.tall, .small.tall {
	width: 25%;
}

p img.left.medium,
p img.left.large,
p img.left.half,
p img.left.full {
	box-shadow: var(--shadow);
}

p img.right.medium,
p img.right.large,
p img.right.half,
p img.right.full {
	box-shadow: var(--shadow);
}

.right.noshadow, 
.left.noshadow {
	box-shadow: 0 0 0;
}

/* PHOTOS IMAGES ITEMS */

.photo {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.photo img {
	border: 7.5px solid white;
	border-bottom: 15px solid white;
	border-radius: 4px;
	display: block;
  	width: 100%;
  	height: auto;
  	box-shadow: var(--shadow);
}

.photo .caption, 
.photo .details,
.photo .information {
	margin-right: 10px;
}

.photo .caption.left, 
.photo .details.left,
.photo .information.left {
	text-align: left;
	margin-right: 0;
	margin-left: 10px;
}

.image {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.image img {
	border: none;
	border-radius: var(--corners);
	width: 100%;
	height: auto;
	box-shadow: var(--shadow);
}

.image .caption,
.image .details,
.image .information {
	margin-right: 7.5px;
}

.image .caption.left,
.image .details.left,
.image .information.left {
	text-align: left;
	margin-right: 0;
	padding-left: 7.5px;
}

.item {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.item img {
	border: none;
	display: block;
  	width: 100%;
  	height: auto;
	border-radius: 0px;
}

.item .caption,
.item .details,
.item .information {
	margin-right: 7.5px;
}

.item .caption.left,
.item .details.left,
.item .information.left {
	margin-right: 0;
	margin-left: 7.5px;
	text-align: left;
}

.timetable img {
	display: block;
	width: 100%;
	border-style: none;
}

.timetable {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* CAPTIONS and DETAILS */

.caption {
	text-align: right;
	font: bold 1.1rem Georgia, "Times New Roman", Times, serif;
	margin-top: 1px;
	margin-bottom: 0;
	margin-left: 0;
}

.information {
	color: black;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	font: .9rem sans-serif, "Lucida Grande", Lucida, Verdana;
}

.details {
	color: gray;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	font: .8rem sans-serif, "Lucida Grande", Lucida, Verdana;
}

.details u {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
}

.details i {
	color: Black;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

.details a {
	font-weight: bold;
}

.details .favorite {
	display: inline;
	border-style: none;
	vertical-align: middle;
	border-radius: 1px;
	width: auto;
	height: 1em;
	margin-left: 2.5px;
	margin-top: -2px;
}

.details .rapic {
	display: inline;
	border-style: none;
	vertical-align: middle;
	margin-left: 5px;
	border-radius: 1px;
	height: .9em;
	width: auto;
}

.details .rrpa {
	display: inline;
	border-style: none;
	vertical-align: middle;
	margin-left: 5px;
	border-radius: 1px;
	height: .9em;
	width: auto;
}

.details .trainsmag {
	display: inline;
	border-style: none;
	vertical-align: middle;
	height: 1em;
	width: auto;
	margin-right: 1px;
	margin-left: 1px;
	border-radius: 1px;
	margin-top: -1px;
}

.details img {
	box-shadow: 0 0 0;
}

/* COLUMN CONSTRAINTS */

.legacy300 {
	max-width: 350px;
}

.legacy350 {
	max-width: 400px;
}

.legacy375 {
	max-width: 425px;
}

.legacy400 {
	max-width: 450px;
}

.legacy450 {
	max-width: 500px;
}

.legacy500 {
	max-width: 550px;
}

.legacy600 {
	max-width: 650px;
}

.legacy700 {
	max-width: 750px;
}

.legacy800 {
	max-width: 850px;
}

.legacy850 {
	max-width: 900px;
}

.legacy900 {
	max-width: 950px;
}

.legacy1000 {
	max-width: 1050px;
}

.pano {
	max-width: 1250px;
}

.wide {
	max-width: 950px;
}

.reg {
	max-width: 650px;
}

.roster {
	max-width: 850px;
}

.small {
	max-width: 350px;
}

.square {
	max-width: 650px;
}

.tall {
	max-width: 500px;
}

.timetable {
	max-width: 280px;
}

/* IMAGE STACKS */

.stackleft1 {
	transform: rotate(-1deg);
	margin-bottom: 0px;
	z-index: 1;
	width: 90%;
}

.stackleft2 {
	width: 90%;
	transform: rotate(1deg);
	margin-top: -5%;
	float: right;
	z-index: 0;
}

.stackright1 {
	width: 90%;
	transform: rotate(-1deg);
	margin-bottom: 0;
}

.stackright2 {
	width: 90%;
	transform: rotate(1deg);
	margin-top: -5%;
	float: right;
}

.stacktall1 {
	transform: rotate(-1deg);
	width: 60%;
	z-index: 0;
}

.stacktall2 {
	transform: rotate(1deg);
	width: 60%;
	float: right;
	z-index: 1;
	margin-top: -50%;
}

.stackthree {
	display: flex;
	position: relative;
	justify-content: left;
	align-items: flex-start;
	margin-bottom: 15px;
	margin-top: 15px;
}

.stackthree .photo img {
	border: 5px solid white;
	border-bottom: 7.5px solid white;
}

.stackthree1 {
	transform: rotate(-2deg);
	z-index: 0;
	min-width: 52%;
}

.stackthree2 {
	z-index: 1;
	transform: rotate(0deg);
	margin-left: -5%;
	margin-top: -5px;
	display: none;
}

.stackthree3 {
	transform: rotate(2deg);
	z-index: 2;
	margin-left: -5%;
	min-width: 52%;
	margin-top: 50px;
}

.stackupper {
	margin-bottom: 0;
	transform: rotate(-1deg);
	margin-top: 25px;
}

.stackmiddle {
	margin-top: -8%;
}

.stacklower {
	transform: rotate(1deg);
	margin-top: -8%;
	float: right;
	margin-bottom: 25px;
}

/* IMAGE TILES */

.tile1 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
	display: inline-block;
	background-color: white;
	border-radius: var(--corners);
}

.tile1 img {
	width: 100%;
	padding: 2px;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
}

.tile2 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 2px;
	display: inline-block;
	background-color: white;
	border-radius: var(--corners);
}

.tile2 img {
	width: 50%;
	padding: 3px;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
  	border-radius: var(--corners);
}

.tile3 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 2px;
	display: inline-block;
	background-color: white;
	border-radius: var(--corners);
}

.tile3 img {
	width: 33.3%;
	padding: 2px;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
}

.tile4 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	display: inline-block;
	background-color: white;
	padding: 2px;
	border-radius: var(--corners);
}

.tile4 img {
	width: 25%;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
	padding: 2px;
}

.tile5 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 3px;
	display: inline-block;
	background-color: white;
	border-radius: var(--corners);
}

.tile5 img {
	width: 20%;
	padding: 3px;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
}

.tile6 {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 3px;
	display: inline-block;
	background-color: white;
	border-radius: var(--corners);
}

.tile6 img {
	width: 16.66%;
	padding: 3px;
	float: left;
	clear: none;
	display: block;
  	max-width: 100%;
  	height: auto;
}

.tile1.noborder,
.tile2.noborder,
.tile3.noborder,
.tile4.noborder,
.tile5.noborder,
.tile6.noborder {
	background: none;
	padding: 0px;
}

.tile1.noborder img,
.tile2.noborder img,
.tile3.noborder img,
.tile4.noborder img,
.tile5.noborder img,
.tile6.noborder img {
	padding: 0px;
	border-radius: 0px;
}

.tiledetails {
	float: right;
	margin-bottom: 15px;
	margin-top: -20px;
	margin-right: 10px;
}

.tile1.noborder + .tiledetails,
.tile2.noborder + .tiledetails,
.tile3.noborder + .tiledetails,
.tile4.noborder + .tiledetails,
.tile5.noborder + .tiledetails,
.tile6.noborder + .tiledetails {
	margin-right: 7.5px;
}

.lineup {
	margin-top: 15px;
	margin-bottom: 15px;
	display: grid;
	justify-content: center;
	grid-auto-flow: column;
	align-items: center;
	gap: 10px
}

.lineup img {
	width: 100%;
}

/* PAPERS and BOXES */

.paper {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 4%;
	margin-left: 0;
	border-radius: var(--corners);
}

.paper .photo img {
	border-style: none;
}

.paper .photo .caption,
.paper .photo .information,
.paper .photo .details {
	margin-right: 7.5px;
}

.dark {
	background: url(../images/paper_black.jpg) repeat;
}

.paper.dark .caption {
	color: white;
}

.brown {
	background: url(../images/paper_brown.gif) repeat;
}

.graph {
	background: url(../images/paper_graph.gif) repeat;
}

.gray {
	background: url(../images/paper_gray.jpg) repeat;
}

.grid {
	background: url(../images/paper_grid.jpg) repeat;
}

.legal {
	background-image: url(../images/paper_legal.jpg);
}

.linen {
	background: url(../images/paper_linen.jpg) repeat;
}

.news {
	background: url(../images/paper_news.jpg) repeat;
}

.old {
	background-image: url(../images/paper_old.jpg);
}

.peach {
	background: url(../images/paper_peach.jpg) repeat;
}

.rice {background: url(../images/paper_rice.jpg) repeat;
}

.white {
	background-color: white;
	color: black;
}

.paper .stackthree {
	padding-left: 25px;
	padding-right: 25px;
}

.paper .stackthree .photo img {
	border: none;
}

.paper.dark .photo.tall img {
	border: none;
}

.box {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 4%;
	margin-left: 0;
	border-radius: var(--corners);
}

.box .photo img {
	border-style: none;
}

.box .photo .caption,
.box .photo .information,
.box .photo .details {
	margin-right: 7.5px;
}

.box .details {
	color: DimGray;
}

.box .stackthree {
	padding-left: 25px;
	padding-right: 25px;
}

.box .stackthree .photo img {
	border: none;
}

.box .photo.wide.stackupper img,
.box .photo.wide.stacklower img {
	border: none;
}

.opaque {
	background:
	url(../images/paper_opaque.png) repeat;
}

.orange {
	background-color: rgba(255, 102, 51, 0.33);
}

.blue {
	background-color: rgba(0, 123, 255, 0.33);
}

.green {
	background-color: rgba(0, 100, 0, 0.33);
}

.red {
	background-color: rgba(255, 0, 0, 0.33);
}

.maroon {
	background-color: rgba(128, 0, 0, 0.33);
}

/* SCRAPBOOK AD BLOCKS */

.scrapbooks {
	background: white;
	border-radius: var(--corners);
}

.scrapbooks_header {
	transform: scale(1);
	padding: 0;
}

.adblocks {
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 15px;
	margin: 0;
	gap: 15px
}

.adblock {
	width: calc(50% - 7.5px);
	position: relative;
}

.adblock a {
	display: block;
	transition: color 0.3s ease;
	text-decoration: none;
}

.adblock a:hover img:not(.jumpto):not(.location) {
  transform: scale(1.02);
  box-shadow: inset 0 0 10px rgba(255, 203, 149, 0.3);
  border-color: #ffcb95;
}

.adblock a:hover {
	text-decoration: none;
}

.adblock img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: calc(var(--corners-button) + 1px);
	transition:
    transform 0.2s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
	margin-top: 5px;
}

.adblock .caption {
	font: .9rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 5px;
}

.adblock .jumpto {
	position: absolute;
	width: 45px;
	bottom: 32px;
	transform: rotate(-35deg);
	right: 0;
	height: auto;
	z-index: 1;
	pointer-events: none;
	border: none;
}

.adblock .location {
	width: 25px;
	position: absolute;
	height: auto;
	right: 7.5px;
	bottom: 25px;
	z-index: 1;
	pointer-events: none;
	border: none;
}

.adblock.placeholder {
	margin-top: -20px;
} 

.adblock.placeholder img {
	padding: 10%;
	border: none;
}

.subcaption {
	font: italic .8rem Georgia, "Times New Roman", Times, serif;
	text-align: right;
	margin-right: 10px;
}

/* HERALDS */

.herald {
	margin-top: 15px;
	margin-bottom: 15px;
}

.herald img {
	max-width: 300px;
	width: 100%;
	margin-bottom: 10px;
	border-radius: var(--corners-element);
}

.herald img.shrink {
	transform: scale(0.85);
	transform-origin: top center;
	margin-bottom: 0;
}

.heralds {
	margin-top: 15px;
	margin-bottom: 15px;
	display: grid;
	justify-content: center;
	grid-auto-flow: column;
	align-items: center;
	gap: 10px
}

.heralds img {
	max-width: 300px;
	width: 100%;
	border-radius: var(--corners-element);
}

.heralds img.shrink {
	transform: scale(0.9);
	transform-origin: center center;
}

.herald_initials {
	max-width: 300px;
	background-image: url(../images/paper_old.jpg);
	border-radius: var(--corners-element);
	text-align: center;
	font: 1.5em RailroadRoman, serif;
	font-weight: bold;
	color: black;
	letter-spacing: 1px;
	padding: 10px 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

/* FLOATING TAG ELEMENTS */

.tag {
	margin-top: 30px;
	margin-bottom: 30px;
}

.also {
	background-color: #fff;
	border-right: 15px solid var(--horange);
	float: right;
	padding: 10px 15px 10px 60px;
	border-radius: var(--corners-element);
	position: relative;
	border-right-width: 15px;
}

.also a {
	font-weight: bold;
}

.also p {
	color: #666;
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	padding-left: 20px;
}

.also_jump {
	border-style: none;
	position: absolute;
	top: -15px;
	width: 80px;
	transform: rotate(-35deg);
	left: 5px;
}

.alsolist {
	background-color: #fff;
	border-right: 15px solid var(--horange);
	float: right;
	padding: 10px 30px 10px 60px;
	border-radius: var(--corners-element);
	position: relative;
}

.alsolist a {
	font-weight: bold;
}

.alsolist li {
	margin-bottom: 10px;
	line-height: 1em;
}

.alsolist p {
	color: #666;
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 15px;
	padding-left: 30px;
	margin-top: 5px;
}

.alsolist ul {
	color: #666;
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.alsolist_click {
	height: 75px;
	position: absolute;
	left: 15px;
}

.alsolist_jump {
	position: absolute;
	transform: rotate(-35deg);
	left: 0;
	height: 75px;
	top: 10px;
}

.also.lagn {
	background-color: gray;
	border-right-style: none;
	padding-right: 75px;
}

.also.lagn p {
	color: white;
}

.also.lagn p a {
	text-shadow: 0 0 2px #ffffff;
}

.also.lagn .tag_lagn {
	width: 55px;
	position: absolute;
	right: 10px;
	top: -12px;
}

.credit {
	float: right;
	background-color: #fffeff;
	border-right: 10px solid #a9a9a9;
	padding: 7.5px 15px;
	border-radius: var(--corners-element);
}

.credit p {
	text-align: right;
	font: 1rem sans-serif, "Lucida Grande", Lucida, Verdana;	
	color: gray;
	margin-bottom: 0;
}

.credit a {
	font-weight: bold ;
}

.direction {
	background-color: var(--borange);
	padding-top: 7px;
	padding-right: 30px;
	padding-left: 100px;
	border-radius: var(--corners-element);
	height: 35px;
	position: relative;
	float: right;
}

.direction p {
	font-variant: normal;
	color: white;
	text-transform: uppercase;
	font-size: 1.1rem;
	text-align: right;
}

.direction img {
	position: absolute;
	height: 55px;
	opacity: 0.33;
	left: 25px;
	top: -10px;
}

.fieldclipping {
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-color: transparent;
}

.fieldclipping .tablet {
	margin-top: 10px
}

.fieldnotes {
	border-radius: var(--corners-element);
	background-color: rgba(250, 250, 250, 0.66);
	padding: 15px;
	margin-bottom: 30px;
	margin-top: 40px;
}

.fieldnotes p {
	color: gray;
	font: 1rem "Courier New", Courier, mono;
}

.fieldnotes .tablet {
	margin-top: -40px;
}

.tablet {
	height: 125px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	transform: rotate(-5deg);
}

.frequencies {
	background-color: #fff;
	float: right;
	padding: 5px 15px;
	border-radius: var(--corners-element);
	position: relative;
	margin-top: 55px;
	margin-bottom: 30px;
}

.frequencies .listen {
	font: small-caps 1.75rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: var(--horange);
	padding-right: 15px;
	float: left;
}

.frequencies .numbers {
	font: bold 1.4rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	word-spacing: 10px;
	color: black;
	float: right;
	padding-left: 45px;
	margin-top: 5px;
}

.frequencies .scanner {
	border-style: none;
	position: absolute;
	height: 110px;
	top: -60px;
}

.photo .info img {
	border-style: none;
}

.go {
	width: auto;
	border-radius: var(--corners-element);
	float: none;
	vertical-align: middle;
	height: 25px;
}

.info {
	background-color: #fff;
	border-right: 20px double #ff6633;
	padding: 10px 15px;
	border-radius: var(--corners-element);
	float: right;
	position: relative;
}

.info a {
	font-weight: bold;
}

.info img {
	position: absolute;
	height: 50px;
	top: -25px;
	left: 15px;
}

.info p {
	color: #666;
	font: 1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-indent: 60px;
	margin-bottom: 0;
}

.jump {
	background-color: var(--borange);
	padding: 10px 20px 10px 90px;
	border-radius: var(--corners-element);
	position: relative;
	float: right;
}

.jump a {
	font-weight: bold;
}

.jump p {
	color: #666;
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	padding-right: 5px;
	padding-left: 5px;
}

.jump_click {
	height: 85px;
	border-style: none;
	position: absolute;
	top: -5px;
	left: 15px;
}

.lineage {
	border-radius: var(--corners-element);
	position: relative;
	float: right;
	background-color: white;
	height: 40px;
	padding: 7px 7px 7px 15px;
}

.lineage .icon {
	height: 30px;
	float: left;
	margin-right: 5px;
}

.lineage .lookup {
	float: left;
	height: 35px;
	padding-right: 7px;
	margin-top: -2px;
}

.lineage .plate {
	display: none;
}

.orientation {
	color: white;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	background-color: #005079;
	padding: 10px 10px 5px;
	border-radius: var(--corners-element);
}

.orientation img {
	float: left;
	width: 20%;
	filter: invert(.66);
	margin-right: 10px;
	margin-top: -25px;
}

.orientation i {
	font-weight: bold;
}

.orientation a {
	color: white;
	text-decoration: underline;
}

.orientation .orientation_direction {
	color: #ff6633;
	font-weight: bold;
	text-transform: uppercase;
}

.pin {
	background-color: #fff;
	float: right;
	padding: 10px 50px 10px 15px;
	border-radius: var(--corners-element);
	position: relative;
}

.pin a {
	font-weight: bold;
}

.pin p {
	color: #666;
	font: 1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
}

.pin_mark {
	height: 50px;
	position: absolute;
	right: 15px;
	top: -25px;
}

.posted {
	background-image: url(../images/paper_opaque.png);	
	float: right;
	padding: 5px 15px 7px 35px;
	border-radius: var(--corners-element);
	position: relative;
	margin-top: 10px;
}

.posted a {
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}

.posted p {
	color: gray;
	font: small-caps 1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	padding-left: 20px;
}

.posted_jump {
	border-style: none;
	position: absolute;
	top: -10px;
	width: 50px;
	transform: rotate(-35deg);
	left: 5px;
	opacity: .66;
}

.program {
	border-radius: var(--corners-element);
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px 15px;
	position: relative;
	float: right;
	background-image: url(../images/paper_brown.gif);
}

.program p {
	color: black;
	float: left;
	padding-left: 15px;
	font-size: 1.2rem;
	padding-top: 5px;
	margin-bottom: 0;
}

.program .railroad {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: var(--horange);
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 10px;
}

.program img {
	height: 65px;
	margin-right: 5px;
	top: -15px;
	position: relative;
	float: left;
	margin-bottom: -40px;
}

.rare {
	background-color: rgba(192, 192, 192, 0.50);
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 12px 20px 8px 80px;
	float: right;
	color: white;
	letter-spacing: -.5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: var(--corners-element);
}

.rare .bird {
	position: absolute;
	width: 85px;
	margin-top: -25px;
	margin-left: -95px;
}

.rare .rarebird {
	width: 125px;
	margin-right: 10px;
	margin-top: -5px;
	margin-left: -5px;
}

.spotlight {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
}

.spotlight img {
	width: 100%;
	border-radius: var(--corners-element);
}

.spotlight .decade {
	position: absolute;
	color: black;
	filter: opacity(.5);
	font: 4rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	right: 40px;
	top: 7px;
}

.spotlight .spotlight_s {
	font-weight: bold;
	font-size: 2.5rem;
}

.survivor {
	background-color: rgba(192, 192, 192, 0.50);
	font: 1.1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	color: gray;
	letter-spacing: -.5px;
	border-radius: var(--corners-element);
	padding-top: 3px;
	padding-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 90px;
}

.steam_survivor img {
	width: 100%;
	max-width: 400px;
}

.steam_survivor {
	width: 100%;
}

.survivor .fallen {
	position: absolute;
	width: 75px;
	margin-top: -20px;
	margin-left: -75px;
}

.survivor .survived {
	width: 120px;
	margin: 0 5px 5px;
}

.thanks {
	background-color: #fff;
	float: right;
	padding: 10px 60px 10px 15px;
	border-radius: var(--corners-element);
	position: relative;
}

.thanks a {
	font-weight: bold;
}

.thanks b {
	color: black;
}

.thanks p {
	color: #666;
	font: 1rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	text-align: right;
}

.thanks_check {
	height: 60px;
	border-style: none;
	position: absolute;
	right: 0;
	top: -25px;
}

/* STATION SIGNS  */

.amtrak_sign {
	text-align: right;
	font: 1.6rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	position: relative;
	width: 100%;
	margin-top: 15px;
	padding-right: 10px;
	margin-bottom: 30px;
	padding-top: 2%;
}

.amtrak_sign img {
	width: 100%;
	left: 0;
	position: absolute;
	z-index: -1;
	top: 0;
}

.amtrak_sign.amtrak_new {
	color: #023e5a;
}

.amtrak_sign.amtrak_old {
	color: white;
}

.stationsign {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
}

.black {
	border: 5px solid black;
	font: bold 6vw "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 3px;
	background: white;
	text-transform: uppercase;
}

.central {
	border: 7px solid #336633;
	font: bold 6vw "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 3px;
	background: #ffcc00;
	text-transform: uppercase;
}

.metal {
	font: 6vw Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	background: url(../images/stationsign_metal.jpg);
	color: gray;
	letter-spacing: 3px;
	text-shadow: 1px 1px 5px #ffffff;
	border: 3px groove silver;
}

.plain {
	background-color: white;
	border-radius: 5px;
	font: 8vw Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}

.southern {
	font: 6vw "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	background-color: DarkGreen;
	border-style: double;
	border-width: 7px;
	letter-spacing: 7px;
}

.stone {
	background: url(../images/stationsign_stone.jpg) no-repeat;
	border: 3px outset white;
	font: 6vw Helvetica;
	color: DarkGrey;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-shadow: 1px 0 1px #000000;
}

.wood {
	border: 7px ridge black;
	font: 6vw RailroadRoman;
	letter-spacing: 3px;
	background: url(../images/stationsign_wood.jpg) no-repeat;
}

.sign img {
	border-radius: var(--corners);
}

.stationsign .feet {
	display: none;
}

.servicestops {
	background-color: white;
	border-radius: var(--corners);
	padding: 15px 15px 10px;
	color: #1B4373;
	font-weight: bold;
	text-align: right;
	margin-bottom: 15px;
}

.servicestops ul {
	list-style-type: none;
	padding: 0px;
}

.servicestops ul li {
	background: url(../images/tag_check.gif) no-repeat right center;
	background-size: 20px 15px;
	padding-right: 25px;
	line-height: 1.1rem;
}

/* ROUTE TIMETABLES */

.route_timetable {
	margin-top: 15px;
	margin-bottom: 15px;
	background-repeat: repeat;
	background-color: white;
	border-radius: var(--corners);
	padding: 15px;
}

.route_timetable .timetable_banner {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.route_timetable table {
	width: 100%;
}

.route_timetable table {
	border: 2px solid;
	border-color: black;
	table-layout: auto;
}

.route_timetable th,
.route_timetable td {
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid;
	border-color: black;
}

.route_timetable thead {
	border-bottom: 2px solid black;
}

.route_timetable th {
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}

.route_timetable th.train_number {
	font-variant: normal;
	font-weight: bold;
	font-size: 2em;
}

.route_timetable tr.train_name th {
	font-variant: normal;
	font-style: italic;
}

.route_timetable table th:nth-child(1),
.route_timetable table th:nth-child(2),
.route_timetable table th:nth-child(3),
.route_timetable table th:nth-child(4) {
	border-bottom-width: 1px;
	border-bottom-color: white;
}

.route_timetable table th:nth-child(2),
.route_timetable table td:nth-child(2) {
	width: 5%;
}

.route_timetable table th:nth-child(3),
.route_timetable table td:nth-child(3) {
	width: 5%;
}

.route_timetable table th:nth-child(4),
.route_timetable table td:nth-child(4) {
	width: 10%;
}

.route_timetable table th:nth-child(n+2),
.route_timetable table td:nth-child(n+2) {
	text-align: center;
}

.route_timetable table td:nth-child(n+5) {
	text-transform: uppercase;
}

.route_timetable table th:nth-child(5),
.route_timetable table td:nth-child(5) {
	background-color: rgba(128, 128, 128, 0.25);
}

.route_timetable table th:nth-child(6),
.route_timetable table td:nth-child(6) {
	background-color: 
	rgba(255, 102, 51, 0.25); 
}

.route_timetable th img {
	width: 15px;
	margin: 0;
}

.route_timetable table td:nth-child(1) img {
	width: 25px;
	border: .5px solid black;
	float: right;
	margin-top: 2.5px;
	display: none;
}

.route_timetable table th:nth-child(2),
.route_timetable table td:nth-child(2) {
	display: none;
}

.route_timetable table th:nth-child(3),
.route_timetable table td:nth-child(3) {
	display: none;
}

.route_timetable table td:nth-child(3) img {
	width: 15px;
	margin-bottom: 5px;
}

.route_timetable p {
	margin-top: 15px;
	color: gray;
	font-variant: small-caps;
}

.route_timetable p a {
	font-variant: normal;
	font-weight: bold;
}

.timetables {
	display: grid;
	justify-content: center;
	grid-auto-flow: column;
	align-items: top;
	gap: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.timetables img {
	width: 100%;
	max-width: 600px;
}

/* LINES and SPACES */

.bracket {
	width: auto;
	height: 20px;
	margin: 30px;
	border: 2px solid var(--horange);
	border-top-style: none;
}

.bracket_point {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid var(--horange);
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 18px;
}

.btn-switchlist {
	background-color: #ffcb95;
	border-radius: var(--corners-element);
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	border: 1px dotted gray;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
}

.divider {
	height: 4px;
	background-color: var(--horange);
	margin: 30px;
	border-radius: var(--corners-element);
}

.navbar_avoid {
	width: 100%;
	display: block;
	height: 50px;
}

.separator {
	height: 2px;
	background-color: #ffcb95;
	margin: 30px;
	border-radius: var(--corners-element);
}

h1.space, 
h2.space, 
h3.space {
	margin-top: 60px;
}

/* TECHNICAL SHEETS */

.specsheet {
	background: url(../images/paper_graph.gif) repeat;
	padding: 5%;
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 400px;
	border-radius: var(--corners-element);
}

.specsheet .triangle {
	border: none;
	position: absolute;
	width: 15px;
	top: 7%;
	left: 5%;
}

.specsheet .unit {
	color: var(--horange);
	text-align: center;
	text-transform: capitalize;
	display: block;
	margin-bottom: 15px;
	font: bold 1.3rem "Lucida Grande", Lucida, Verdana, sans-serif;
}

.specsheet li {
	margin-bottom: 4px;
	list-style-type: none;
	font: normal 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -.33px;
}

.spec {
	color: #666;
	margin-right: 5px;
	font-family: "Courier New", Courier, mono;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

.specsheet .builder {
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	height: 100px;
}

.specsheet .flag {
	height: 80px;
}

.specsheet .narrow {
	position: absolute;
	top: 0;
	width: 50%;
	left: 25%;
	max-width: 215px;
	border-radius: var(--corners);
}

.rostersheet {
	margin-bottom: 15px;
	background: url(../images/paper_graph.gif) repeat;
	width: 100%;
	margin-top: 15px;
	padding: 15px;
	border-radius: var(--corners);
}

.rosternotes {
	color: #666;
	font-family: "Courier New", Courier, mono;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
}

.rostersheet .notes td {
	padding-bottom: 0;
}

.rostersheet .notes {
	font: .9rem "Lucida Grande", Lucida, Verdana, sans-serif;
}

.rostersheet tbody {
	font: .9rem "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: -.5px;
}

.rostersheet td {
	vertical-align: text-top;
	padding-right: 10px;
}

.rostersheet_heading td {
	vertical-align: bottom;
}

.rostersheet_heading {
	height: 60px;
	font-weight: bold;
	font-size: 1.2rem;
	color: gray;
	text-transform: uppercase;
}

.rostersheet_title {
	color: white;
	background-color: silver;
	border-left: 10px solid var(--horange);
	border-top: 2px solid var(--horange);
	width: 100%;
	font: 1.2rem "Lucida Grande", Lucida, Verdana, sans-serif;
	border-radius: 3px;
	margin-bottom: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
}

.rostersheet_title b {
	color: black;
}

.rostersheet_title img {
	float: left;
	margin: -20px 20px 15px 15px;
	height: 75px;
	transform: rotate(-3deg);
}

.rosters .photo img {
	border-color: silver;
}

.yes {
	color: var(--horange);
	font-weight: bold;
}

.yes_note {
	color: gray;
	font-variant: small-caps;
	margin-top: 25px;
	line-height: 1em;
}

.shorttake {
	background: url('../images/paper_graph.gif') left top repeat;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.shorttake_banner {
	width: 100%;
	margin-bottom: 15px;
}

.shorttake_name {
	font-weight: bold;
	text-align: center;
	color: var(--horange);
	font-size: 1.2rem;
	line-height: 1em;
	margin-bottom: 15px;
}

.shorttake li {
	list-style: none;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 12px;
}

.shorttake img:not(.shorttake_banner) {
	width: 50%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 200px;
}

.technical {
	background: url(../images/paper_graph.gif) repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 30px 10px;
	border-radius: var(--corners-element);
}

.technical .unit {
	color: var(--horange);
	text-align: center;
	text-transform: capitalize;
	display: block;
	margin-bottom: 15px;
	font: bold 1.4rem "Lucida Grande", Lucida, Verdana, sans-serif;
}

.technical img {
	width: 100%;
	padding: 5px;
	margin-bottom: 15px;
}

.technical li {
	margin-bottom: 5px;
	font: normal .9rem "Lucida Grande", Lucida, Verdana, sans-serif;
	list-style-type: none;
	margin-left: -10px;
	letter-spacing: -.33px;
}

.carsheet {
	width: 100%;
	background: url(../images/paper_watercolor.jpg) repeat;
	border-radius: var(--corners-element);
	position: relative;
	padding: 3%;
	margin-bottom: 15px;
	margin-top: 0;
}

.carsheet .triangle {
	position: absolute;
	width: 20px;
	top: -25px;
	left: 5px;
}

.carsheet .drumhead {
	width: 33%;
	margin-bottom: 10px;
}

.carsheet li:not(.spec) {
	font-weight: bold;
	font-size: 1.1rem;
	list-style: none;
	margin-left: 15px;
}

.carsheet li.carnotes {
	font-weight: normal;
}

/* STATION and SWITCH lists */

.stations {
	background-color: white;
	border-radius: var(--corners-element);
	margin: 15px 5px 15px 0;
	width: 48%;
	float: left;
	padding: 10px;
}

.stations .flag {
	width: 50%;
	margin: 15px auto;
	display: block;
}

.stations .flag_logo {
	width: 75%;
	margin: 15px auto;
	display: block;
}

.stations .stop {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--horange);
	letter-spacing: 1px;
}

.stations .route_name {
	font-variant: normal;
	font-style: italic;
	color: gray;
	font-size: 1.25rem;
}

.stations p {
	font: 2rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-variant: small-caps;
	text-align: center;
	color: silver;
}

.stations ul {
	list-style: none;
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 0;
	margin-top: 30px;
}

.stations li {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1rem;
	margin-bottom: 15px;
	overflow-x: hidden;
}

.switchlist {
	border-radius: var(--corners-element);
	margin: 15px 0;
	padding: 10px;
	width: 50%;
	float: left;
	background: url(../images/paper_horange.jpg) repeat;
}

.switchlist .form {
	width: 100%;
}

.switchlist img:not(.form) {
	width: 50%;
	margin: 15px auto;
	display: block;
	border-style: none;
	background-color: transparent;
}

.switchlist li {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 15px;
}

.switchlist ul {
	list-style: none;
	list-style-type: none;
	margin-bottom: 30px;
	padding-left: 0;
	margin-top: 30px;
}

/* RAILROAD GLANCES */

.glance {
	background-image: url(../images/paper_grid.jpg);
	border-radius: var(--corners);
	padding: 25px;
	max-width: 500px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.glance img {
	max-width: 300px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: flex;
}

.glance p {
	text-align: center;
	font-variant: small-caps;
	color: gray;
	font-size: 3rem;
}

.glance table {
	text-align: left;
	margin-right: auto;
	margin-left: auto;

	font-weight: bold;
	font-size: 1.1rem;
}

.glance td {
	padding-right: 20px;
	padding-bottom: 10px;
	vertical-align: top;
}

.glance th {
	color: var(--horange);
	padding-bottom: 10px;
	font-weight: normal;
}

/* STATIONS */

.photo .greatstations_ad {
	border: none;
	margin-bottom: 15px;
}

.greatstationspecs {
	background: url(../images/paper_linen.jpg) repeat;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px 15px;
	border-radius: var(--corners);
}

.greatstationsheader {
	width: 100%;
	border-radius: 3px;
}

.greatstationsleader img {
	width: 95%;
	margin: 5px auto;
	display: block;
}

.greatstationspecs .routes {
	font-weight: bold;
	font-size: 1.1rem;
}

.greatstationspecs .station {
	color: var(--horange);
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin-bottom: 15px;
	font: bold 2rem "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 15px;
	letter-spacing: 1px;
}

.greatstationspecs li {
	list-style-type: none;
	margin-bottom: 3px;
}

.greatstationspecs ul {
	padding-left: 10px;
}

.stationspecs {
	background: url(../images/paper_rice.jpg) repeat;
	margin-top: 15px;
	border-radius: var(--corners);
	margin-bottom: 15px;
	padding: 25px;
}

.stationspecs_header {
	width: 100%;
	margin-bottom: 15px;
}

.stationspecs ul {
	padding-left: 5px;
}

.stationspecs li {
	list-style-type: none;
	font-size: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.stationspecs li b {
	color: var(--horange);
}

/* PAGE BOTTOM ELEMENTS */

.arrow {
	visibility: hidden;
}

.backtotop {
	background-color: #ffcb95;
	float: left;
	padding: 10px 30px 10px 90px;
	border-radius: var(--corners-element);
	margin-top: 50px;
	margin-bottom: 30px;
	position: relative;
}

.backtotop .lantern {
	border-style: none;
	position: absolute;
	height: 95px;
	left: 15px;
	top: -30px;
}

.backtotop .triangle {
	height: 15px;
	position: static;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: -5px;
}

.backtotop a {
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 5px;
	font-size: 1rem;
	margin-bottom: 0;
}

.copyright {
	width: 100%;
	text-align: center;
	color: gray;
	margin-top: 45px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	display: inline-block;
}

.links li {
	margin-bottom: 5px;
	font-size: 1rem;
	margin-left: -15px;
}

.social_links {
	margin-top: 15px;
	margin-left: 30px;
	width: 100%;
}

.social_links img {
	max-width: 50px;
	border-radius: var(--corners-element);
}

.updated {
	background-color: #fff;
	border-right: 10px solid var(--horange);
	color: gray;
	font: .9rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 7.5px 15px;
	border-radius: var(--corners-element);
	margin-top: 30px;
}

/* PORTRAIT CONSTRAINTS */

.rostersheet .notecolumn {
	display: none;
	visibility: collapse;
}

.rostersheet th {
	padding-right: 10px;
}

.rostersheet_portrait b {
	font-weight: bold;
	color: var(--horange);
	text-transform: uppercase;
}

.rostersheet_portrait img {
	float: left;
	width: 35px;
	margin-top: -12px;
	margin-right: 5px;
}

@media all and (max-width: 479px) {
	
.rostersheet_portrait {
	margin-bottom: 30px;
}
}

@media (min-width: 480px) and (max-width: 767px) {
	
.rostersheet_portrait {
	display: none;
}
}

/* ADJUSTMENTS for XS only */

@media (max-width: 767px) {
	
p img.inset.left {
	float: left;
	width: 33%;
	margin-right: 10px;
}

p img.inset.right {
	float: right;
	width: 33%;
	margin-left: 10px;
}
	
.flatten1 {
	padding: 5px;
}

.flatten1 img {
	width: 100%;
	padding: 3px;
	max-width: 100%;
}

.flatten2 {
	padding: 3px;
}

.flatten2 img {
	width: 50%;
	padding: 3px;
	max-width: 100%;
}

.flatten3 {
	padding: 2px;
}

.flatten3 img {
	width: 33.33%;
	padding: 3px;
	max-width: 100%;
}
}