body {
	margin: 1em auto;
	padding: 4em;
	font: menu;
	font-size: 1em;
	background-color: #fbfbfb;
	color: #66666a;
	line-height: 2em;
	width: 44em;
	-webkit-user-select: none;
}

hr {
	height: 0px;
	border: 0;
	border-top: solid 1px #e0e0e4;
	?border-bottom: solid 1px #fff;
	margin: 15px 0px;
	display: block;
}

a {
	text-decoration: none;
}

.item {
	font-family: MyriadPro-Semibold, sans-serif;
	font-size: 0.8em;
	border: solid 1px #bbb;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ddd;
	padding: 1.4em;
	padding-left: 1.8em;
	white-space: nowrap;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), 
			color-stop(0.5, #f2f2f2), color-stop(1, #f4f4f4));
	background: -moz-linear-gradient(#eee 0%, #fafafa 4%, #f2f2f2 50%, #f4f4f4 100%);
	background-color: #f8f8f8;
	cursor: pointer;
}

.item.proxySwitchy {
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-top: solid 1px #bbb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfdfe), color-stop(0.2, #f8f9fb), 
			color-stop(1, #f2f3f5));
	background: -moz-linear-gradient(#fcfdfe 0%, #f8f9fb 20%, #f2f3f5 100%);
}

.item.iReader {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf8fe), 
			color-stop(0.5, #f4f2f6), color-stop(1, #f3eff7));
	background: -moz-linear-gradient(#fcf8fe 0%, #f4f2f6 50%, #f3eff7 100%);
	background-color: #f8f8f8;
}

.item.feedNotifier {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8fef3), 
			color-stop(0.5, #edf4e8), color-stop(1, #f1faec));
	background: -moz-linear-gradient(#f8fef3 0%, #edf4e8 50%, #f1faec 100%);
}

.item.gmailNotifier {
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-bottom: solid 1px #bbb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefef5), 
			color-stop(0.8, #f5f4e8), color-stop(1, #f6f6f0));
	background: -moz-linear-gradient(#fefef5 0%, #f5f4e8 80%, #f6f6f0 100%);
	background-color: #f8f8f8;
	-webkit-box-shadow: 0px 1px 2px #eee;
	-moz-box-shadow: 0px 1px 2px #eee;
}

.item img {
	float: right;
	margin: -4px -5px 0px 0px;
	border: none;
	opacity: 0.8;
	-webkit-transition: opacity 0.2s;
}

.item .title {
	font-size: 2.5em;
	font-weight: normal;
	color: #666;
	text-shadow: #fff 1px 1px 1px;
	margin-top: 0.2em;
	opacity: 0.9;
	-webkit-transition: opacity 0.2s;
	-webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.7)), to(black));
}

.item .subtitle {
	font-size: 1.3em;
	font-weight: normal;
	color: #999;
	text-shadow: #fff 1px 1px 1px;
	margin-top: -1.2em;
	margin-bottom: 0.2em;
	opacity: 0.9;
	-webkit-transition: opacity 0.2s;
	?letter-spacing: 0.1em;
}

div.item:hover .title, div.item:hover .subtitle, div.item:hover img {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
}

#copyright {
	font-size: 0.7em;
	text-align: center;
	color: #aaa;
	margin-top: 1em;
}

#copyright img {
	vertical-align: middle;
	border: none;
}

#copyright a {
	text-decoration: none;
	color: #789;
}

.space {
	display: inline-block;
	width: 5em;
}
