body {
	background: #555 url(../img/back.png) repeat;
	color: #eee;
	font-size:.95em;
	}

h1 a {
	display:block;
	position:relative;
	text-indent:-666em;
	background:transparent url(../img/logo.png) no-repeat center center;
	width:150px;
	height:90px;
	font-size:1.3em;
	font-weight:bold;
	margin:0 auto;
	}
.header {
	width: 100%;
	padding:1.5em 0 0;
	text-align:center;
	}
.header p {
	position:absolute;
	top:0;
	left:30%;
	width: 40%;
	text-align:center;
	padding:.2em 0;
	background:#5e5e5e;
	color: #ccc;
	}
.footer {
	position:fixed;
	bottom:2px;
	left:5px;
	text-align: center;
	color:#777;
	font-size:.7em;
	}
.footer a {
	color:#999;
	}

.corner {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
.center {
	text-align:center;
	}

.menu {
	list-style-type:none;
	}
.menu, .menu li {
	display:inline;
	}
.menu a {
	display:block;
	float:right;
	width:2em;
	padding:.5em;
	margin:0 .5em 0;
	background:#5e5e5e;
	font-size:.7em;
	color:#ddd;
	text-align:center;
	}
.menu .api {
	background:#5e6e5e;
	}
.menu a:hover {
	background:#666;
	color:#a44;
	}


h2	{
	font-size:1.5em;
	font-weight:bold;
	}

h2.title {
	margin-top:3em;
	}
h3 {
	margin:2em 0 0;
	}
ul {
	list-style-type:none;
	padding:0;
	margin:1em 0;
	}
li {
	padding: .1em 1em;
	}
li.odd {
	background:#636363;
	}

.toggle {
	margin-top:0;
	}
.toggle a {
	display:block;
	width:7em;
	float:left;
	padding:.2em .5em;
	margin:0 .2em;
	background:#5e5e5e;
	font-size:.7em;
	color:#ddd;
	text-align:center;
	}
.toggle a:hover {
	background:#666;
	color:#a44;
	}

a {
	text-decoration:none;
	color:#7be;
	}
a:hover {
	color:#a44;
	}
a.button {
	display:block;
	width:7em;
	float:left;
	padding:.2em .5em;
	margin:0 .2em;
	background:#5e5e5e;
	color:#ddd;
	text-align:center;
	}
a.button.center {
	margin:2em auto;
	float:none;
	}
a.green {
	background:#5e9e5e;
	}
a.red {
	background:#7e5e5e;
	}
a.blue {
	background:#5e5e9e;
	}
a.light {
	background:#666;
	}

.download.player {
	margin:1em auto;
	padding:1em;
	background:#5e5e5e;
	border:1px solid #4e4e4e;
	text-align:center;
	}
.download.player:hover {
	background-color:#5e5e5e;
	}

.download.thumb {
	background:#5e5e5e;
	border:1px solid #4e4e4e;
	padding:2em 1em;
	background-image:none;
	}
.thumb img {
	background:#666;
	border:1px solid #777;
	padding:1px;
	margin:0 1em 0 0;
	float:left;
	}
.download {
	display:block;
	margin:2em 0 1em;
	padding:2em 2em 2em 80px;
	background:#5e5e5e url(../img/down.png) no-repeat 1em 50%;
	border:1px solid #4e4e4e;
	color:#c5d6ec;
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.download:hover {
	color:#9bd;
	background-color:#666;
	}
.download .small {
	font-weight:normal;
	color:#eee;
	}
#current-session h2 {
	font-size:1em;
	}
#current-session {
	margin-top:4em;
	}
#progress, #current-session {
	position:relative;
	z-index:99;
	background:#5e5e5e;
	border:1px solid #4e4e4e;
	padding:1em;
	}
#progress-bar-wrap {
	padding:5px;
	background:#666;
	border:1px solid #777;
	position:relative;
	}
#progress-bar {
	background:#5eae5e;
	height:20px;
	width:1px;
	}
#progress-text {
	width:100%;
	position:absolute;
	left:0;
	height:20px;
	text-align:center;
	color:#eee;
	}

.feild {
	border:1px solid #666;
	padding:.5em 1.5em;
	position:relative;
	}

a.close {
	position:absolute;
	top:.5em;
	right:1em;
	display:block;
	width:2em;
	float:left;
	padding:.1em;
	margin:0 .2em;
	background:#666;
	font-size:.7em;
	color:#ddd;
	text-align:center;
	}

.error {
	padding:1em;
	background:#7e5e5e;
	border:1px solid #4e4e4e;
	color:#eee;
	}

label {
	font-weight:normal;
	}

.buttons {
	text-align: center;
	}

.buttons input {
	font-weight:bold;
	padding: 0 30px;
	}

.editable {
	padding-left:35px;
	position:relative;
	left:-35px;
	background:transparent url(../img/edit.png) no-repeat left center;
	}
.editbox input {
	font-size:1em;
	font-weight:bold;
	background:#666;
	color:#fff;
	width:100%;
	border:none;
	padding:0;
	}

input.file, input.password, input.imapdomain, input.imapserver, textarea.description, input.full {
	width:100%;
	border:1px inset #3e3e3e;
	}

.recent-full {
	border:1px solid #4e4e4e;
	background:#5e5e5e;
	color:#eee;
	padding:.2em 2em;
	overflow:hidden;
	color:#aaa;
	}
.recent-full span {margin:0;} /* stoooopid blueprint idiots! */
.recent-full li {
	padding:1em;
	}
.recent {
	position:absolute;
	right:0;
	bottom:0;
	border:1px solid #4e4e4e;
	background:#5e5e5e;
	color:#eee;
	padding:.5em;
	overflow:hidden;
	}
.recent h2 {
	margin:0;
	font-size:1em;
	padding:1em;
	}
.recent ul {
	color:#666;
	}

.container {
	width: 40%;
	margin: 0 auto;
	}

.pct5, .pct10, .pct15, .pct20, .pct25, .pct30, .pct35, .pct40, .pct45, .pct50, .pct55, .pct60, .pct65, .pct70, .pct75, .pct80, .pct85, .pct90, .pct95, .pct100 {
	float: left;
	}
.pct5 { width: 5% !important; }
.pct10 { width: 10% !important; }
.pct15 { width: 15% !important; }
.pct20 { width: 20% !important; }
.pct25 { width: 25% !important; }
.pct30 { width: 30% !important; }
.pct35 { width: 35% !important; }
.pct40 { width: 40% !important; }
.pct45 { width: 45% !important; }
.pct50 { width: 50% !important; }
.pct55 { width: 55% !important; }
.pct60 { width: 60% !important; }
.pct65 { width: 65% !important; }
.pct70 { width: 70% !important; }
.pct75 { width: 75% !important; }
.pct80 { width: 80% !important; }
.pct85 { width: 85% !important; }
.pct90 { width: 90% !important; }
.pct95 { width: 95% !important; }
.pct100 { width: 100% !important; }