#page-all {
	position : absolute;
	top : calc(45% - 150px);
	left : 50px;
	right : 50px;
	padding-bottom : 5em;
	text-align : center;
	text-shadow : 0 0 6px #292929;
}

#page-content-centered {
	display : table;
	margin-left : auto;
	margin-right : auto;
}

#links {
	font-weight : bold;
	letter-spacing : 2px;
	margin : 2em 0;
}

#links:before,
#links li:after {
	content : ' :: ';
}

#links li {
	display : inline-block;
}

#upornot p {
	margin : 2em 0;
}

#upornot-log {
	margin: auto;
	width: 24em;
}

#upornot-log li {
	text-align: left;
}

a:link,
a:visited {
	color : navy;
	text-shadow : none;
}

a:hover,
a:active {
	color : maroon;
}

body {
	background : #666;
	color : #ffffff;
	font-family : 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial', sans-serif;
	margin : 0;
}

body.upornot-down {
	background-color : #633;
}

body.upornot-up #upornot-state {
	color : lime;
}

h1 {
	letter-spacing : 5px;
	margin-top : 0;
	text-shadow : 4px 6px 3px #292929;
}

h1.giant {
	font-size : 150px;
	letter-spacing : 20px;
	margin : 0 0 30px;
	text-shadow : 0 2px 0 #e9e9e9, 4px 6px 3px #292929;
}

h2 {
	border-bottom : 2px solid white;
	box-shadow : 0 4px 2px -2px #292929;
	letter-spacing : 2px;
	padding-bottom : 3px;
	padding-top : 3px;
	text-shadow : 2px 3px 2px #292929;
}

h3 {
	border-bottom : 1px solid white;
	box-shadow : 0 3px 2px -2px #292929;
	letter-spacing : 1px;
	margin-left : 5%;
	margin-right : 5%;
	padding-bottom : 3px;
	padding-top : 3px;
	text-shadow : 1px 2px 2px #292929;
}

li.spaced,
ol.spaced > li,
ul.spaced > li {
	margin-bottom : .7em;
	margin-top : .7em;
}