body {
	font-family: 'Roboto Slab', 'Times New Roman', serif;
	font-size: 16px;
}

body, dd, dt {
	line-height: 1.5;
}

nav, h1, h2, h3, h4, h5, small, .small, .btn, .breadcrumb {
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 700;
}
small, .small {
	font-weight: 300;
}

nav a, h1 a, h2 a, h3 a, h4 a, h5 a, .breadcrumb a {
	text-decoration: none;
}

a, a:visited, a:hover, .btn-link {
	color: #690202;
	text-decoration: underline;
}

#HomeLogo {
	position: absolute;margin-left: 10px;
	top: 10px;z-index: 1200;
}
#HomeLogo img {
	width: 180px;height: 170px;
}

.bannerAd {
	position: absolute;
	min-height: 90px;
	top: 50px;left: 0;right: 0;
	text-align: right;
}

#SmallNav .badge {
	color: white;
	background-color: red;
	position: relative;
	top: -1px;
}

#HLogo, #HLogoMember {
	height: 50px;width: 230px;
	float: left;margin-left: 20px;
}
#HLogoMember img {
	height: 50px;width: 230px;
}

#UserNav, #AccountNav {
	background: #e6ddbc;
	z-index: 1025;
}
#AccountNav a { padding-top:5px !important; padding-bottom:5px !important;color: #000000; }
#AccountNav { min-height: 26px !important;font-size: 14px;}
#AccountNav a, #MainNav a:visited { color: #000000;}
#AccountNav .dropdown-menu { background-color: #e6ddbc; }
#AccountNav .open form {margin: 0 10px;}

#MidNav {
	height: 110px;
	background: #690202;
}

#MainNav {
	background: #690202;
	z-index: 1024;
}
#MainNav a, #MainNav a:visited { color: #eeeeee;}
#MainNav .dropdown-menu { background-color: #690202; }
#MainNav .open {background-color: #eeeeee;}
#MainNav .open a.dropdown-toggle, #MainNav .open a:hover {color: #690202;}
#MainNav .dropdown-header { text-align: right;color: #aaaaaa;}
#MainNav .dropdown .dropdown-menu .dropdown-item:active, #MainNav .dropdown .dropdown-menu .dropdown-item:hover {
	background-color: black !important;
}

#AccountNav, #MainNav {
	border-radius: 0;border: none;margin: 0;padding: 0 !important;
}

.nav a {
	text-decoration: none;
}

#PMCount {
	background: red;top: -2px;position: relative;
}

#MainContent {
	margin-top: 10px;
}

.isSidebar {
	padding-right: 40px;
}

#SideBar {
	text-align: right;
	margin-left: -15px;
	padding: 15px 0 0 0;
}
#SideBar div {
	margin-bottom: 20px;
}

#Footer {
	margin-top: 30px;
}

.amazonAd {
	margin: 10px;
}

.loader {visibility:collapse;text-align: center;}

.warning, .field-validation-error { color: red;font-weight: bold;}

.voteUp { cursor: pointer;}

.voteCount {
	color: black !important;
	background-color: #e6ddbc !important;
}

.coasterOptions {
	width: 200px;height: 300px !important;
}
.parkOptions {
	width: 300px;height: 300px !important;
}

.shortFormControl {
	width: 100px;
}

#FixedBreadcrumb {
	box-shadow: 0 3px 2px -2px #000 !important;
}

.postUserData h3, .postUserData span, .postUserData small {
	color: #000000 !important;
}

/* -- track record -- */
.trItem {
	clear: both; margin-bottom: 8px;
}

.rate {
	background-repeat: no-repeat;
	height: 20px; width: 125px;
	float: left; padding-left: 1px;
	margin-right: 10px;
}
.rate > div {
	height: 20px; width: 20px;
	cursor: pointer; margin: 0;
	border: 0; float: left;
}

.rate0 { background-image: url(/images/rate/rate0.png); }
.rate1 { background-image: url(/images/rate/rate1.png); }
.rate2 { background-image: url(/images/rate/rate2.png); }
.rate3 { background-image: url(/images/rate/rate3.png); }
.rate4 { background-image: url(/images/rate/rate4.png); }
.rate5 { background-image: url(/images/rate/rate5.png); }

ol#SortList { margin-left: 40px; }
ol#SortList li { margin: 5px;cursor: pointer; }

/* -- park and coaster detail -- */

#PrimaryPhoto {
	max-width: 620px;max-height: 300px;clear: both;
	position: relative;margin-bottom: 20px;
}
#PrimaryPhoto div {
	position: absolute;bottom: 10px;left: 10px;padding: 0 10px;
	background-color: rgba(0, 0, 0, .5);color: #fff;
}
.groupedHeader h1 {
	font-size: 180% !important;
}
.groupedHeader h1, .groupedHeader h2 {
	margin: 10px;font-size: 140%;
}

.coasterThumb {
	position: relative;display: inline-block;
	background-color: #c7c7c7;background-image: url(/images/coasterthumbbg.jpg);background-repeat: no-repeat;
	height: 145px;width: 290px;margin-bottom: 10px;margin-right: 15px;
}
.coasterThumbAlt {
	margin-right: 0 !important;
}
.coasterThumb div {
	position: absolute;bottom: 10px;left: 10px;padding: 7px 10px;
	background-color: rgba(0, 0, 0, .5);color: #fff;
}
.coasterThumb a {
	height: 145px;width: 300px;display: block;text-decoration: none;
}
.coasterThumb h2, .coasterThumb p {
	font-size: 15px;margin: 0;color: white;
}

.trackOver {
	position: absolute;right: 10px;top: 10px;cursor: pointer;
}

#MapCanvas {
	height: 500px;width: 100%;position: relative;
}

#TrackRecord {
	cursor: pointer;float:left;margin-right: 10px;
}

#PrimaryPhoto a, #PrimaryPhoto a:visited, #PrimaryPhoto a:hover {
	color: white;text-decoration: none;
}

.photoGrid div {
	float: left;margin-right: 5px;margin-bottom: 5px;
}
.photoGrid div, .photoGrid a {
	width: 150px;height: 150px;display: block;
}
.photoGrid img { border: 0px; }
.coasterPhoto {clear: both;text-align: center;}
.coasterPhoto img {border: 0px;margin-left: auto;margin-right: auto;}

#CoasterDetailTrack { margin-bottom: 20px; }
#CoasterDetailTrack > span, #CoasterDetailTrack > img {
	display: inline-block;
}
#YourRating .rate {
	margin-top: 2px;
	margin-left: 10px;
}

/* -- cb100 -- */

.up100, .down100, .new100
{
	padding-left: 24px !important;
	background-repeat: no-repeat;
	background-position: 0 10px;
}
.up100 { background-image: url(/images/rate/plus100.png); }
.down100 { background-image: url(/images/rate/minus100.png); }
.new100 { background-image: url(/images/rate/new100.png); }


/* home */

#BigPhotoBox {
	margin-left: auto;margin-right: auto;
	position: relative;
}
#BigPhotoBox img {
	width: 100%;display: block;
	
}

#BigPhotoContainer {
	margin-bottom: 20px;
} 

#PhotoTeaseLink {
	text-align: right;z-index: 10;
	position: absolute;top: 20px;right: 10px;
}
#PhotoTeaseLink a, #PhotoTeaseLink a:visited {
	background-color: rgba(0, 0, 0, .6);padding: 10px 16px;color: white;text-decoration: none;
}

#Teases div {
	margin-bottom: 15px;
}
#Teases div img {
	box-shadow: 0 0 2px #aaaaaa;
}
#Teases .img-responsive {
	margin: 0 auto;
}

.rssLink {
	float: right;
}

#LatestPhotos { margin-bottom: 20px; }
#LatestPhotos h3 {
	margin-top: 0;
}
#PhotoFeed {
	height: 180px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;
}
#PhotoFeed a {margin: 2px;}
#PhotoFeed a img {border: none;}
.homeBlock {
	margin-bottom: 20px;background-color: #e6ddbc;padding: 10px;border-radius: 4px;
}
.homeBlock div {
	margin-top: 10px;overflow-x: hidden;overflow-y: scroll;width: 100%;height: 210px;padding: 10px;background-color: #fff;border-radius: 4px;
}
.homeBlock h2 {
	margin-top: 0;
}
.homeBlock h3 {font-size: 16px;}
.homeBlock .summary {margin-top: -12px;}
.homeBlock ol li {margin-left: 30px;}

.input-validation-error {
	border-color: red;
}

.currentPager .page-link {
	cursor: default !important;
}

.pagerLinks {
	font-family: 'Open Sans Condensed';
	font-weight: bold;
}

.newIndicator {
	width: 55px !important;
}

/* Bootstrap overrides */

.btn {
	border: solid 2px #000000 !important;
}

.bg-primary, .btn-primary, .bg-primary h3 a,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .label-primary {
	background-color: #e6ddbc !important;
	color: #000000 !important;
	border-color: #e6ddbc;
}

.breadcrumb {
	background-color: #e6ddbc !important;
}

.page-item.active .page-link {
	border: 1px solid #dee2e6 !important;
}

.badge-primary {
	background-color: #690202;
}

.bg-info {
	background-color: #eeeeee;
}

.text-info {
	color: #000000;
}

.pagination>li>a, .pagination>li>a:hover, .pagination>li>span {
	color: #000000;
}

.tab-content {
	margin-top: 10px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #eeeeee !important;
}
.navbar-default .navbar-toggle {
	border-color: #eeeeee;
	background-color: #690202 !important;
	border-radius: 0;
}
.navbar-toggle:hover {
	background-color: #e6ddbc;
}

blockquote {
	border-left: 5px solid #aaaaaa;
}

small, .small {
	font-size: 16px !important;
}

@media (max-width: 991.98px) {
	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	#MidNav {
		display: none;
	}
	.bannerAd {
		position: relative;
		top: 0;
		margin: 15px 0;
	}
}

.adTop {width: 320px; height: 100px;}
@media (min-width:500px) { .adTop { width: 468px; height: 60px; } }
@media (min-width:760px) { .adTop { width: 728px; height: 90px; } }
@media (min-width:1000px) { .adTop { width: 970px; height: 90px; } }
.adSide {width: 336px; height: 280px;}
@media (min-width:768px) { .adSide { width: 336px; height: 600px; } }

/* Media queries */

 @media (max-width: 767px) {
	#MidNav {
		display: none;
	}
	#MainNav {
		min-height: 1px !important;
	}
	.bannerAd {
		position: relative;top: 0;margin: 15px 0;
	}
}

@media (min-width: 992px) {
	#HLogo { display: none; }
}

@media (max-width: 991px) {
	#UserNav, #AccountNav { background-color: #690202; }
	#AccountNav a, #MainNav a:visited { color: #eeeeee;}
	#AccountNav .dropdown-menu { background-color: #690202; }
	#AccountNav .open {background-color: #eeeeee;}
	#AccountNav .open a.dropdown-toggle, #AccountNav .dropdown-menu a:hover, #MainNav .open a:hover {color: white;background-color: black;}
	#HomeLogo { display: none; }
	#MidNav { height: 90px;padding: 5px 0; }
	#HLogoMember { display: none; }
	#SideBar div {
		text-align: center;
	}
	.bannerAd {
		text-align: center;min-height: 50px;
	}
}

@media (max-width: 599px) {
	#PhotoTeaseLink {
		text-align: right;top: 0;right: 0;
		position: relative;margin: 5px 0;
	}
	#PhotoTeaseLink a, #PhotoTeaseLink a:visited {
		color: black;text-decoration: underline;background: none;
	}
}

@media (min-width: 1200px) {
	#SideBar {
		margin-left: 0;
	}
}