@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,800|Brawler&display=swap');

*{ box-sizing:border-box;}

body {
	width:100%;
	max-width: 1000px;
	margin: 0px 0px 0px 0px;
	background: white url(/img/cssbg/bg2020.gif) no-repeat top left; 
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
}

#Xmiddle a { font-family: 'Open Sans', sans-serif;font-weight: 600; text-decoration:none;}

#Xmiddle p.caption {font-family:'Open Sans', sans-serif;}

#Xmiddle p { font-family: Brawler, serif; line-height:135%; }

p { margin-bottom: 3px; margin-top: 8px; }

.smalllabel { font-size: 75%; text-transform:uppercase; margin-top: 8px; }

p b {  font-family: 'Open Sans', sans-serif; font-weight: 800; }

p.question, p.quotes {margin-top:16px;}


img {border:0;}

.disclaim {		font-size:84%; color:#b3b3cc;}

#home_reviews img { width:100px;height:auto;}
#Xmiddle img { max-width:100%;height:auto;}
.floatingad img.w100 {width: 33%; height:auto;}
.floatingad img.w150 {width: 50%; height:auto;}
.floatingad img.w200 {width: 50%; height:auto;}
.floatingad img.w250 {width: 85%; height:auto;}

#breadcrumbs { font-weight: 400; flex-basis:60%; font-size: 80%;  text-align:left; margin-bottom: 10px; margin-top: 5px;  margin-bottom: 15px; }

p.altChoice { flex-basis:100%; font-size: 90%; font-weight: 800; text-align:left; line-height: 100%;  margin: 2px 0 7px 8px;} 

#Xmiddle ul { font-family:'Open Sans',sans-serif;font-weight: 400; margin:0px;padding-left:7px;list-style-type: square; }
#Xmiddle ol { font-family:'Open Sans',sans-serif;font-weight: 400; margin:0px;padding-left:13px;list-style-type: decimal; }
li { line-height:115%; margin:4px 0 10px 12px; }
p.notes, p.topicsNav { font-size: 75%; margin-bottom: 0px; margin-top: 0px; }

#homeLink
{
	position:absolute;
	top:0px;
	left:0px;
}

.spacer
{	
	height:1px;
	width:100%;
}

h1
{
	margin: 0px 0px 1px 0px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 110%; 
}

h2
{
	font-family: 'Open Sans', sans-serif;
	line-height: 110%;
	color:#666666; 
	margin: 12px 0 0 0;
	clear:both;

}

h3
{
	font-family: 'Open Sans', sans-serif;
	font-size: 120%
	line-height: 110%; 
	color:#666666; 
}

.scaleImage
{
	max-width:100%;
	height:auto;
}



.magnify
{
	text-decoration:none;
	font-size:26px;
}



#Xmiddle
{
	padding: 0 5px 0 5px;
	margin-top:10px;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	top:70px;
}

footer
{
	position:relative;
	top:70px;
}

#home_randomwide, #home_featured, #home_brands, #home_news, #home_simpsons, #home_companies, #home_countries, #home_categories, #home_reviews, #home_blog, #latest, #spotlight,  footer, #toppers
{
	margin: 0px 0px 0px 0px;
	padding: 15px 5px 0px 5px;
}

#home_featured
{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
}

#longlist, #extralist, #reviewright, #reviewleft, #reviewtop, #articletop, .triple
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
}


#picstripe
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}
#home_random img {float:right;}

#home_featured, #home_randomwide
{
	flex-basis:100%;		
}

.promopictall
{
	width:100px;
	height:auto;
	float:right;
	padding: 0 0 0 5px;
	margin: 0 10px 5px 0px;
}

#navBox
{
	background-color: white;
	font-family: 'Open Sans', sans-serif !important;
	border-style:solid;
	border-color:#6699ff;
	border-width:1px;
	width:auto;
	padding:5px;
	margin: 20px 10px 20px 10px;
	position:relative;
	top:85px;
	line-height:120%;
}

#navBox a { text-decoration:none;}


@media screen and (min-width:601px)
{
	.promopichome
	{
		width:100px;
		height:auto;
		float:right;
		padding: 0 0 0 5px;
		margin: 0 0px 0px 0px;
	}


	#home_countries{order:5;}
	#home_companies{order:6;}
	#home_simpsons{order:9;}
	#home_blog{order:8;}
	#home_news{order:10;}
	#home_random{order:0;}
	#home_search{order:1;}
	#home_randomwide{order:4;}
	#home_featured{order:0;}
	#home_brands{order:1;}
	#home_categories{order:2;}
	#home_reviews{order:3;}


	#home_randomwide img, #home_featured img {width: 10%; height:auto;}
	.secondRow {  }

	#blogMore
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 15px;
		flex-basis:45%;
		flex-shrink:2;		
	}

	#toppers{order:0;}
	#contenttop{order:1;}
	#picstripe{order:2;}
	#longlist{order:3;}
	#extralist{order:4;}
	#reviewright{order:2;}
	#reviewleft{order:3;}
	#latest{order:5;}
	#spotlight{order:6;}

	#home_random, #home_news, #home_companies, #home_countries, #home_simpsons, #latest, #spotlight, #longlist, #reviewleft
	{
		flex-basis:50%;		
	}

	#home_brands, #home_categories, #home_reviews
	{
		flex-basis:33%;		
	}
	
	#reviewright
	{
		flex-basis:45%;
		flex-shrink:2;		
	}
	
	
	#picstripe
	{
		flex-basis:150px;
	}	
	
	#extralist
	{
		flex-basis:25%;
	}	
	

	#home_blog
	{
		flex-basis:100%;
		flex-wrap:wrap;
		display:flex;		
	}

	#toppers
	{
		flex-basis:100%;
		flex-wrap:wrap;
	}

	#reviewtop
	{
		flex-basis:50%;
		flex-wrap:wrap;
		max-width:600px;
	}

	#articletop
	{
		flex-basis:100%;
		flex-wrap:wrap;
		max-width:600px;
	}

	.eat { flex-basis:50%; }
	.eattop { flex-basis:100%; }


	#searchBox
	{
		position:absolute;
		top:30px;
		left:270px;
		width:280px;	
	}
	
	.bigSearchBox {
		font-family: 'Open Sans', sans-serif; 
		width:250px;
		padding: 9px 7px 9px 7px;	
		border: 1px solid gray;
		border-radius: 0px;
		background-color: white;
		color:black;
		font-size:13px;
		border-radius: 4px;
	}
	
	.bigSearchBox:focus 
	{ 
		border-radius: 5px;
		background-color: white;
	}
	
	.triple {column-count:2; clear:both;}

	#searchicon 
	{
		display:none;
	}

	.wrappy
	{
		float:right;
		margin-left:10px;
		max-width:300px;
	}
	#Xmiddle .gallerypic
	{
		max-width:350px;
		height:auto;
		float:left;
		padding: 0;
		margin: 10px 10px 5px 0px;
		clear:both;
	}


}

.gallery {clear:both;}

@media screen and (max-width:600px)
{

	.floatingad
	{
			position:relative;
			right:-10px;
	}

	.promopichome
	{
		display:none;
	}

	#home_countries{order:5;}
	#home_companies{order:6;}
	#home_simpsons{order:9;}
	#home_blog{order:8;}
	#home_news{order:10;}
	#home_randomwide{order:3;}
	#home_featured{order:0;}
	#home_brands{order:1;}
	#home_categories{order:4;}
	#home_reviews{order:2;}

	.secondRow { display:none; }

	#home_randomwide img, #home_featured img  {width: 20%; height:auto;}

	#blogMore
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
	}

	#toppers{order:0;}
	#contenttop{order:1;}
	#picstripe{order:2;}
	#longlist{order:3;}
	#extralist{order:4;}
	#reviewright{order:2;}
	#reviewleft{order:3;}
	#latest{order:5;}
	#spotlight{order:6;}

	
	.closeupImage {width:100%;height:auto;}


	#searchBox
	{
		position:relative;
		top:100px;
		left:10px;
		width:270px;
		display:none;	
	}

	.bigSearchBox
	{
		font-family: 'Open Sans', sans-serif; 
		width:250px;
		padding: 9px 7px 9px 7px;	
		border: 1px solid gray;
		border-radius: 0px;
		background-color: #96c7f7;
		color:white;
		font-size:18px;
		border-radius: 4px;
	}

	.bigSearchBox:focus 
	{ 
		border-radius: 5px;
		background-color: #96c7f7;
	}
	
	#home_random, #home_blog, #home_news, #home_simpsons, #home_companies, #home_countries, #home_categories, #latest, #spotlight, #toppers, #reviewright, #reviewleft
	{
		flex-basis:100%;
	}
	#home_brands, #home_reviews
	{
		flex-basis:50%;
	}
	
	#reviewtop, #articletop
	{
		flex-basis:100%;
		max-width:600px;
	}

	#longlist
	{
		flex-basis:60%;
		flex-grow:2;
		flex-shrink:3;
		clear:both;
	}
	
	
	#picstripe
	{
		flex-basis:100px;
	}	
	#picstripe img
	{
		width:100px;
		height:auto;
	}

	
	#extralist
	{
		flex-basis:100%;
		
	}	
	
	.triple {column-count:1; clear:both;}

	.wrappy
	{
		float:right;
		margin-left:10px;
		max-width:175px;
	}

	#Xmiddle .gallerypic
	{
		max-width:100%;
		height:auto;
		float:left;
		padding: 0;
		margin: 10px 10px 5px 0px;
		clear:both;
	}

}

.clearAll { clear:both; }

#menuicon {
 	position:absolute;
	top:-2px;
	right:7px;
}

#iconholder {
		max-width:1000px; width:100%;
		position:absolute;
		width: 100%;
		height:0px;
		left:0px;
		top:0px;
}

#counter
{
	padding: 0px 0px 0px 10px;
	display:block;
	position:relative;
	top:50px;
	font-size:90%;
}

#counter a {  font-family: 'Open Sans', sans-serif; font-weight: 800; text-decoration:none; color:black; }
#counter a:hover { color:blue; }

.zapColumn
{
	margin: 0px 5px 0px 0px;
}

.zapColumn a {	text-decoration:none; font-family: 'Open Sans', sans-serif; } 

div#footerStripe
{
	border-top: 4px solid #6699FF;
	margin-top: 25px;
	width:100%;
}



@media screen and (max-width:359px)
{
	#navBox
	{
		font-size:84%;
	}

	.extratext { display:none; }
	#counter
	{
		font-size:100%;
	}

	.reviewpictall
	{
		width:100px;
		height:auto;
		float:left;
		padding: 0;
		margin: 0 0px 5px 0px;
		position:relative;
		right:10px;
	}
	.reviewpicslim
	{
		float:left;
		padding: 0;
		margin: 0 0px 5px 0px;
		position:relative;
		right:10px;
	}
	.reviewpicwide
	{
		width:175px;
		height:auto;
		float:right;
		padding: 0 0px 0px 0;
		margin: 0 0px 5px 10px;
		position:relative;
		right:-10px;
	}

	.extrasnackpic
	{
			width:150px;
			height:auto;
			float:right;
			clear:right;
	}

	.floatingad
	{
			width:120px;
			float:right;
			clear:right;
			margin: 5px 0 5px 2px;
	}

	.floatingadnarrow
	{
		display: none;
	}

	h1
	{
		font-size: 135%;
	}
	h2
	{
		font-size: 120%;
	}
	
	#zapMenu
	{
		padding: 10px 0px 10px 10px;
		display:none;
		flex-wrap:wrap;
		position:relative;
		top:70px;
		justify-content: flex-start;
		font-size:80%;
		font-family: 'Open Sans', sans-serif;
		line-height:150%;
	}
	#menuicon a { color:black; text-decoration:none; font-size:34px; }
	#searchicon a { color:white; text-decoration:none; font-size:29px; }
	#searchicon {
	position:absolute;
	top:42px;
	right:8px;
	}

}
@media screen and (min-width:360px)
{
	#navBox
	{
		font-size:94%;
	}

	.extratext { display:default; }
	#counter
	{
		font-size:80%;
	}


	.reviewpictall,	.reviewpicslim
	{
		float:left;
		margin: 0 0px 5px 0px;
		position:relative;
		right:10px;
	}

	.reviewpicwide
	{
		width:225px;
		height:auto;
		float:left;
		margin: 0 0px 5px 0px;
		position:relative;
		right:10px;
	}


	.extrasnackpic
	{
			width:200px;
			height:auto;
			float:right;
			clear:right;
	}

	.floatingad
	{
			width:150px;
			float:right;
			clear:right;
			margin: 5px 0 5px 2px;
	}

	.floatingadnarrow
	{
			width:120px;
			float:right;
			clear:right;
			margin: 5px 0 5px 5px;
	}

	h1
	{
		font-size: 150%;
	}
	h2
	{
		font-size: 130%;
	}
	#zapMenu
	{
		padding: 10px 0px 10px 10px;
		display:none;
		flex-wrap:wrap;
		position:relative;
		top:70px;
		justify-content: flex-start;
		font-size:95%;
		font-family: 'Open Sans', sans-serif;
		line-height:150%;
	
	}
	#menuicon a { color:black; text-decoration:none; font-size:50px; }
	#searchicon a { color:white; text-decoration:none; font-size:29px; }
	#searchicon {
		position:absolute;
		top:18px;
		right:60px;
	}

}