body {
  overflow: hidden;
  padding: 0;
  margin: 0;
  
  font-size: 26px;
  color: black;
}

#allItems a { 
  display: block;
  width: 100%;
  min-height: 150px;
  
  font-size: 25px;
  color: black;
  text-decoration: none;
}

#allItems .item {
  float: left;
  min-height: 150px;
  width: 200px;
  display: block;
  
  overflow: hidden;
  
  font-family: Sans-serif;
  
  background-color: white;
}

.item:hover {
	background-color: #E8E8E8 !important;
}

.item a:hover {
	color: black !important;
}

#justSomeNotes {
	padding: 2% 10% 0 10%;
}

#navigation {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	cursor: pointer;
}

#navigation:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

.button {
  width: 20px;
  height: 20px;
  color: white;
  background-color: #999999;
  text-align: center;
  font-size: 15px;
  vertical-align: middle;
  
  cursor: hand;
}

.button:hover {
  background-color: grey;
}

#showInfo1 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  
  margin-bottom: 10px;
}

#scrollUp, #changeFeed {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

#scrollDown, #addFeed {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;

	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;

	margin-bottom: 10px;
}

#changeFeedBox, #addFeedBox {
	z-index: 100;

	background-color: grey;

	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;

	display: none;
}