/* 

	lookingforbacon.com  

	Author: Elizabeth Sprout

	Date: December 2, 2015
	
*/
body 	{ background-color: #333333; 
		font-family: Tahoma, Geneva, sans-serif;
		}
img		{border: 7px solid #cd3a4a;	
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		max-width: 100%;
		height: auto;
		}
h1		{ margin: 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
		}
.wrapper	{ width: 90%;
		margin-right: auto;
		margin-left: auto; 
		}
div	{ margin-right: auto;
	margin-left: auto; 
	}
/* navigation styles */
nav	{ border:1px solid #333333;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align: center;
	}
nav li	{display: inline;
		list-style-type: none;
		}
/* navigation link design */		
nav a	{ text-decoration: none;
		font-size: 1.5em;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 5px;
		margin-right: 7px;
		margin-left: 7px;
		display: inline-block;
		background-color: #ffffcc;
		}
nav a:link	{ color: #000000;
			background-color: #e86070;
		}
nav a:visited	{color: #000000;
			background-color: #e86070;
		}
nav a:hover	{ color: #e86070;
		background-color: #222222;
		}
/* main style */		
main	{ margin-right: auto;
		margin-left: auto; 
		font-size: 1.2em;
		color: #f0c6b9;
		width: 80%;
		}
main form	{ padding-left: 60px;
			}
/* main unorganized list style
main ul	{ margin-left: 250px;
		} */
/* paragraphs */		
p	{ text-align: center;
	color: #f0c6b9;
	font-size: 1.5em;
	}
table	{ margin-right: auto;
		margin-left: auto; 
		padding-top: 10px;
		padding-bottom: 20px;
		}
td		{ padding-right: 10px;
		}
.rate	{ border: none;
		}
.left	{ padding-left: 200px;
		float: left;
		border: none;
		}
/* main link design */
a:link	{ color: #ffffff;
		}		
a:visited	{ color: #ffffff;
		}		
a:hover	{ color: #cd3a4a;
		}
/* design for suggestions form */
.wheretofind 	{ float: right;
				text-align: right;
				padding-bottom: 30px;
				padding-right: 80px;
				}		
/* footer styles */
footer	{ text-align: center;
		color: #ffffff;
		margin-right: auto;
		margin-left: auto; 
		clear: both;
		}
/* footer link design */
footer li	{ display: inline-block;
			list-style-type: none;
			}
footer a	{ margin-right: 10px;
			margin-left: 10px;
			}
footer a:link	{ color: #ffffff;
		}		
footer a:visited	{ color: #ffffff;
		}		
footer a:hover	{ color: #cd3a4a;
		}
/* responsive and mobile design */
@media only screen and (max-width: 480px)	{ 
	header	{ background-color: #333333; }
	#wrapper	{ width: auto; }
	nav		{ float: none; width: auto;}
	nav li	{ display: inline-block; padding: 0.5em; }
	nav ul	{ text-align: center; }
	nav a	{ border-style: none; font-size: 200%; }
	p		{ font-size: 130%; }
	main form	{ padding-left: 0.5px; }
	.wheretofind	{ padding-right: 0.5px; }
	table	{ text-align: center; }
	footer li	{ display: inline-block; padding: 0.5em; }
	footer ul	{ text-align: center; }
	footer a	{ border-style: none; }
}
@media only screen and (max-width: 768px)	{ 
	header	{ background-color: #333333; }
	#wrapper	{ width: auto; }
	nav		{ float: none; width: auto;}
	nav li	{ display: inline-block; padding: 0.5em; }
	nav ul	{ text-align: center; }
	nav a	{ border-style: none; font-size: 150%; }
	p		{ font-size: 130%; }
	main form	{ padding-left: 0.5px; }
	.wheretofind	{ padding-right: 0.5px; }
	footer li	{ display: inline-block; padding: 0.5em; }
	footer ul	{ text-align: center; }
	footer a	{ border-style: none; }
}
@media only all and (min-width: 769px) and (max-width: 1024px)	{ 
	header	{ background-color: #333333; }
	#wrapper	{ width: auto; }
	nav		{ float: none; width: auto;}
	nav li	{ display: inline-block; padding: 0.5em; }
	nav ul	{ text-align: center; }
	nav a	{ border-style: none; font-size: 120%; }
	p		{ font-size: 100%; }
	main form	{ padding-left: 0.5px; }
	.wheretofind	{ padding-right: 0.5px; }
	body	{ font-size: 130%; }
	footer li	{ display: inline-block; padding: 0.5em; }
	footer ul	{ text-align: center; }
	footer a	{ border-style: none; }
}