*
{
  font-family: Trebuchet MS;
}

p
{
  text-align: center;
  margin: 10px;
  padding: 5px;
}

html
{
	background-color: #97c9f0;
}

body
{
	background-image: url("images/cork2.png");
	min-height: inherit;
	height: 100%;
	padding: 20px;
	border: 10px groove gray;
	margin: 1%;
	overflow:auto;
}

.clear{
    clear:both;
}

.nav
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	background-image: linear-gradient(to bottom, white 85%, #cccccc);
	margin-left: 10%;
	width: 80%;
	margin-bottom: 50px;
}

.nav a
{
	text-align: center;
	vertical-align: middle;
	color: rgb(0, 0, 223);
	background-color: transparent;
	text-decoration: underline;
	padding-top: 55px;
	padding-bottom: 25px;
}

.title
{
	background-image: linear-gradient(to bottom, white 95%, #cccccc);
	margin-left: 15%;
	width: 70%;
}

.pinShadow
{
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	border: 0px;
	z-index: 10;
	margin:0px;
	background-image: radial-gradient(circle closest-side at 30% 30%, #f0bcb9 40%, #d62a1e 60%, #b01409 200%);
}

.pinRed
{
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	border: 0px;
	z-index: 10;
	margin:0px;
	background-image: radial-gradient(circle closest-side at 30% 30%, #f0bcb9 40%, #d62a1e 60%, #b01409 200%);
}

.pinBlue
{
	position: relative;
	width: 25px;
	height: 25px;
	border-radius: 15px;
	border: 0px;
	z-index: 10;
	margin:0px;
	background-image: radial-gradient(circle closest-side at 30% 30%, #d5e7f2 40%, #428cec  60%, #333bad 200%);
}

.postit
{
	position: absolute;
	background-image: linear-gradient(to bottom, #fcd703 95%, #bfa304);
	margin-left: 10%;
	width: 150px;
	height: 150px;
	z-index: 15;
}

.postitshadow
{
	position: absolute;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
	margin-left: 10%;
	width: 150px;
	height: 150px;
	z-index: 25;
}

.postitsmall
{
	position: absolute;
	background-image: linear-gradient(to bottom, #fcd703 95%, #bfa304);
	margin-left: 10%;
	width: 90px;
	height: 90px;
	z-index: 15;
	cursor: pointer;
}

.postitshadowsmall
{
	position: absolute;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3));
	margin-left: 10%;
	width: 90px;
	height: 90px;
	z-index: 5;
}