body {
	font-family:Arial,sans-serif;
	margin:10px auto;
 
}

.wrapper,
.inner { width:100%;margin:0 auto;position:relative;}


#body { padding:20px ;/*background:lime; */}
#content {padding:0 0 20px;}


/*body {max-width:960px;border:1px solid black;margin:10px auto;background:#fff}*/

#top {
 
	height:120px;
	width:100%;
	z-index:9;  
}

header {
	height:120px; /* 60px */
	padding:0;  /* 7px 0 */
	background:none;border:none;
 	box-shadow:none;
}


.logo {
	background-position:0 50%;
	background-size:200px auto;
	height:100px;
	width:100%;
	padding: 0 0 0 122px;
	margin-bottom:0;
	font-size:64px;
	line-height:24px;
	max-width:960px;
		
	-webkit-text-stroke: 3px #ccf;
  -webkit-text-fill-color: transparent;
 }

header .grid {width:100%;float:none;clear:both; }

	
/* boxes */
.box_space {margin:10px ;padding:5px 16px 10px;}
	.g04.box {width:33%;float:left;}
.box p {font-size:0.9rem;margin:10px 0;line-height:1.3}
.screenshot {height:150px;width:100%;overflow:hidden;display:block;border:1px solid #007;}


/* locations */

div.sightings {width:400px;float:left;clear:both;}
div#nearby,
div.photos {width:450px;float:right;}





h3.date {top:50px;}



.ni {text-align:center;box-shadow:0;position:relative;overflow:hidden;}
img#photograph {z-index:1}
#content div.ni img#spacer {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border:0;box-shadow:0;}





/* news */

div.news-image {width:300px;float:right;border:1px solid #007;margin-left:20px;}
div.news-image img {border:0;max-width:300px;}

#content div.home-news-image {margin:10px 0;}



	.n2-overlay {opacity:0;-webkit-transform:scale(0);transform:scale(0);font-size:1rem;padding:20px}
	
	.n2-link {padding:0;}
	.n2-link:focus .n2-overlay,
	.n2-link:hover .n2-overlay {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

	.n2-title {font-size:1.3rem;font-weight:400}


/* photo lists */

div.a-img {width:110px;float:left;}
div.a-text {width:500px;float:left;}
div.a-tool {width:200px;float:right;}


/* shadows and curved corners - browserspecific*/



ol.stats span {font-weight:bold;}



h2 {font-size:1.6rem;}

h3+fieldset{margin:10px 0;}




#adminarea {background:#fffff1;padding:3px 10px;border:1px dotted #aaf}




#loginbox {display:none;}

td.photo {
  width:100px;
}




#content p.o {margin:3px 0;}



#yoursightings p.o {float:left;margin:5px;padding: 2px 25px 2px 2px;}
#yoursightings h2,#yoursightings h3 {clear:left;}




a.ct {float:left;margin:3px 10px 10px 0;}


.post {padding:10px 20px 20px 29px;}

	
	
/*	
p#sighting_validation {display:block;}
button#submit{display:none;}
*/




/* 2016 changes */


nav {
	border:none;
	position:relative;
	top:auto;
	display:block;
	width:100%;
	padding:0;
	background:none;
	box-shadow:none;
	margin:none;
	transition:none;
	background:#000077;
}

.nav {
	clear:none;
	border-left: 0 solid #000077;
	padding:5px 10px
	
	
}
nav form {display:none;}
.nav-item {
	border:none;
	cursor:pointer;
	display:inline-block;
 	padding:0 0;
	position:relative;
	border:none;
	color:#fff;
	margin:0;
	font-weight:600;
	
}
.nav-log {color:#fff;}

.nav-photo {color:#fff;font-weight:bold;}

.nav-event {color:#fff;}

.nav-item:focus,
.nav-item:hover {color:#efedfa;cursor:pointer;}
.nav-link {color:inherit!important;padding:0 5px;	 text-align:center;	font-size:13px;}

.nav-link:hover {text-decoration:none;}

	.sub {display:none;position:absolute;left:0;top:16px;padding:4px 12px;margin:0;width:200px;border:1px solid #000079;background:#000077;font-family:Arial,sans-serif}
		.sub-item {line-height:24px;padding:0;color:#fff;font-size:13px;font-weight:400}
		.sub-link:hover {color:#efedfa;}
		.nav-item:focus .sub,
		.nav-item:hover .sub {display:block;}
		.sub2 {width:400px;}
		.sub2 ul {width:50%;float:left;}
		
		.sub3 {width:600px;}
		.sub3 ul {width:33.333333%;float:left;}



	.user0 .link-upgrade {color:#c0392b;font-style:italic;}
	
.pull {
 	display:none
}
.avatar__menu {display:none}
.nav-item:hover .avatar {border-color:#06f;}


/* search */
	.input__search {
		font-size:0.8rem;
		margin:0;
		padding:4px 7px;
		margin:3px 0 0 0;
	}
	
	.searchbox {margin:4px 0 0 0;}
.button__search { background-position:-8px -267px;cursor:pointer;}

	
	
	
.search_results__ul {width:400px;position:absolute;left:0;right:auto;top:40px;border:3px solid #f90}


.banner {  overflow:hidden;}
.banner-overlay {padding:0; ;}
.banner-title {}
.banner-sub { font-size: 14px;}

/* VEHICLE PAGES */

.fact {padding:5px;font-size:1.2rem}
.fact__evn {}
	.fact strong {}
	.fact i {}
	
.fact-thumb {display:block;width:100%;height:auto;border:2px solid #F9D200;}


/* tabs */

/*
.tabs {border-bottom:1px solid #06f;border-left:none;margin:2rem 0 0 0;}
.tab {margin:0 0 0 10px;font-size:0.9rem;float:left;border-radius:5px 5px 0 0;padding:7px 10px;}
.tab:hover,
.tab__active {border-radius:4px 4px 0 0;}
*/
.tabs {position:relative;border:1px solid #009;z-index:0;box-shadow:none;}
.tab {background-position:8px 50%;padding:10px 10px 10px 40px;text-align:left;border-left:1px solid #009;font-size:0.8rem;height:auto;}

	.tab:hover,
	.tab__active {background-position:5px 50%;}

	
	.tab span {display:inline-block;margin-left:5px;padding:1px 5px;border-radius:3px;position:relative;top:auto;left:auto;right:auto;font-size:1em;color:#fff;background:#06f;}
span.none {color:#fff;background:#c0392b;;}

.tab_box { padding:10px 0;}


#recent_n2 {margin:0;}


/* TABLES */
.col {display:none; }
td,
.col__show {display:table-cell}

.fleet thead {display:table-header-group;}
.fleet tbody tr {display:table-row}
.fleet tbody td,
.fleet tbody .t-photo {float:none;height:80px;}

.col__show {clear:none;display:table-cell;}

.list-thumb {width:100px;height:auto;border:1px solid #aaa;}


/* forms */
.form {padding:16px;}
	.form__overlay {max-width:600px;margin:0 auto;position:relative;}

.form__sticky {
	position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
position:sticky;
top:60px;z-index:5; }



label {font-size:1rem;}
.form-input {font-size:1rem;}

.hint {margin:2px 0 0;clear:both;font-size:0.8rem;padding:0;color:#000;font-style:italic;text-align:right}
 .filters {
	display: -webkit-flex; /* Safari */
    display: flex;
	padding:12px;
	gap:12px;
margin:12px 0;
	 
	border:none;
}

.filters input,
.filters select {flex:1;margin:0;}
	
.filters .button {flex:0;width:150px;}	
 


 #footer {  padding:25px; }

/* grid */

.row {clear:both;}
.grid {float:left;}.timeoutput,
.grid_right {float:right;}
	.g01 {width:8.33%;}
	.g9th {width:11%;}
	.g8th {width:12.5%;}
	.g02 {width:16.66%;}
	.g20 {width:20%;}
	.g03 {width:25%;}
	.g04 {width:33.3%;}
	.g40 {width:40%;}
	.g05 {width:41.66%;}
	.g06 {width:50%;}
	.g07 {width:58.3%;}
	.g08 {width:66.66%;}
		.g03 + .g08 {width:73%;}
	.g09 {width:75%;}
	.g10 {width:83.3%;}
	.g11 {width:91.66%;}
	.g12 {width:100%;}
	.padding-right {padding-right:4.1%;}
	.padding-left {padding-left:4.1%;}
	.padding-all {padding:5px;}
	.margin__right {margin-right:20px;}
	
	

/* flex */
.flex_row {
	display: -webkit-flex; /* Safari */
    display: flex;
 }
.flex_wrap {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;	
}

.flex_item {
	-webkit-flex:1;
	flex:1;	
}
.flex__gap {margin:12px;}
	
	
	.flex_row h3 {margin:0;XXpadding-left:15px;}
	.flex_row .c2a {height:99%;}	









	.item-image {height:120px;}
	.g04 .item-image {height:160px;}

/* new items */


	.items {gap:12px;padding:6px 0}
	
		.items + .items {margin:25px 0 0 0;}

	.xitem { width:calc(50% - 15px);height:auto;}
	
	.items__mini  .xitem {width:calc(50% - 6px)!important;}
	.xitem__third {width:calc(33.333333333333% - 8px)!important;}

 
	.item,
	.xitem__large {width:calc(33.333333333333% - 8px);}
	
	.xitem__third {width:calc(33.333333333333% - 8px)!important;}
	.xitem__large {;height:170px;}

	.xitem__thumb {width:calc(16.666666666667% - 10px);height:auto;}


	.c2a {width:calc(25% - 9px);}

.mini_filter  {right:4px;top:18px;width:calc(25% - 9px); }

	.card {width:calc(33.333333333333% - 8px); }


@media screen and (min-width: 1150px) {
	.nav-item {
		font-size:1.5rem;
	}

 
}



@media screen and (min-width: 1750px) {


 
p,li,td,th {font-size:0.95rem;margin:1rem 0;}

p.intro {font-size:1rem;font-weight:700}


}