a {
	text-decoration: none;
}
body {
	background: #ccc url('/503/left.png') repeat-y;
	font-family: 'Helvetica','Arial','Verdana',sans-serif;
	margin: 0;
	padding: 0 0 0 64px;
}
@media (max-width: 80em) {
	body {
		font-size: 96%;
	}
}
@media (max-width: 70em) {
	body {
		font-size: 92%;
	}
}
@media (max-width: 60em) {
	body {
		font-size: 88%;
	}
}
@media (max-width: 50em) {
	body {
		font-size: 84%;
	}
}
@media (max-width: 40em) {
	body {
		font-size: 80%;
	}
}
h1 {
	color: #424285;
	line-height: 120%;
	padding: .2em;
}
p {
	margin-bottom: 1ex;
	margin-top: 0;
}
@keyframes aloop {
    0%   { background-position:   0% 0; }
    100% { background-position: 100% 0; }
}
@keyframes bloop {
    0%   { background-position: 100% 0; }
    100% { background-position:   0% 0; }
}
.blocks {
	min-width: 24em;
}
.breadcrumb {
	background: url('/503/top-bg.png') repeat-x;
	border-bottom: solid 1pt #666;
	border-left: solid 1pt #666;
	border-top: solid 1pt #666;
	font-size: 80%;
	height: 1.2em;
	padding: .1em .1em .3em 1em;
	vertical-align: middle;
}
.clear {
	clear: both;
}
.content {
	background: #fff;
	border-bottom: solid 1pt #999;
        border-left: solid 1pt #999;
	line-height: 130%;
	padding: 2em 4em 2em 2em;
}
.content img {
	float: left;
	margin-right: 1em;
	max-width: 10em;
	width: 30%;
}
.content p {
	max-width: 50em;
}
.date {
	color: #666;
	font-size: 80%;
	padding-left: 1em;
}
.e {
	font-size: 87%;
	line-height: 0;
	margin-left: -.2em;
	margin-right: -.1em;
	text-transform: uppercase;
	vertical-align: -.5ex;
}
.flush-right {
	margin-top: .5ex;
	padding-right: 2em;
	text-align: right;
}
.foot {
	animation: bloop 100s linear infinite;
	border-bottom: solid 1pt #666;
	border-radius: 0 0 0 .75em;
	margin-bottom: .5em;
}
.foot,
.functions {
	background: #aaa url('/503/work-bar.svg') repeat-x;
	border-left: solid 1pt #666;
	border-top: solid 1pt #666;
	padding: .75em .2em .5em 1em;
	vertical-align: middle;
	white-space: nowrap;
}
.func {
	background-color: #ddd;
	border: 1pt solid #888;
	display: inline-block;
	margin-left: 0;
	margin-right: 1em;
	max-width: 16%;
	min-height: 2.5ex;
	opacity: .5;
	width: 6em;
}
.functions {
	animation: aloop 100s linear infinite;
	border-radius: .75em 0 0 0;
	margin: 0;
}
.head {
	background: #ccc url('/503/head-bg.png');
	font-size: 200%;
	font-weight: bold;
	height: 2.5em;
	line-height: 110%;
	padding: 10pt;
	vertical-align: middle;
	white-space: nowrap;
}
.head .main {
	font-size: 120%;
}
@media (max-width: 35em) {
	.head .main {
		display: inline-block;
		font-size: 200%;
		margin-top: .4em;
	}
	.head .sub {
		display: none;
	}
}
.lion img {
	border-width: 0;
	width: 16em;
}
.logo {
	float: right;
	margin-top: .5em;
	padding: 0;
}
@media (max-width: 50em) {
	.logo {
		display: none;
	}
}
.progress {
	background: #666;
	background-image: linear-gradient(to left top, #669, #fff);
	border-bottom: 1pt solid #aaa;
	border-top: 1pt solid #aaa;
	border-radius: 0 .4em .4em 0;
	clear: both;
	display: inline-block;
	height: 3ex;
	margin: 3pt 0 -1pt 0;
	transition: width 20s linear;
	width: 0;
}
.progress-bar {
	background-color: #eee;
	background-image: linear-gradient(to top, #aaa, #eee);
	border: 1pt solid #999;
	border-radius: .3em;
	box-shadow: 3pt 3pt 6pt #999;
	margin-top: 1em;
	max-width: 50em;
	padding: 0;
}
.progress-bar .full {
	width: 100%;
}