body {
	font-family: sans;
	color: #333;
}

a {
	color: #f70;
}

a:hover, a:visited, a:active {
	color: #fa0;
}

#container {
	border: 5px solid #f70;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	width: 800px;
	margin: auto;
	background-color: #eee;
	padding: 1em;
}

#container h1 {
	text-align: center;
	font-size: 32pt;
}

#container p {
	border: 2px solid #0a0;
	background-color: #9f9;
	padding: 1em;
}

#error {
	border: 2px solid #a00;
	background-color: #f99;
	padding: 1em;
	font-weight: bold;
}

#footer {
	font-size: 10pt;
	text-align: center;
	padding-top: 1em;
	clear: both;
}

textarea.new_story {
	width: 100%;
}

input.new_story {
	width: 100%;
	font-size: 14pt;
}

#form {
	width: 550px;
	float: left;
}

#info {
	float: left;
	width: 200px;
	margin-left: 25px;
	border: 2px solid #f70;
	padding: 10px;
	background-color: #fc6;
}

#info h3 {
	margin: 0;
	padding-bottom: 1em;
}

#info ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

#info li a {
	display: block;
	padding: 5px;
	background-color: #fb5;
}

#info li a:hover {
	background-color: #fd7;
}

.score {
	float: left;
	padding: 5px;
	background-color: #fd7;
	margin-right: 5px;
}

#all_stories a {
	display: block;
	background-color: #fb5;
	padding: 10;
	margin: -10 -10 10 -10;
	text-align: center;
}

#all_stories a:hover {
	background-color: #fd7;
}

.story {
	background-color: #fb5;
	padding: 5px;
	-moz-border-radius: 10px;
	margin-bottom: 2px;
	color: #333;
}

a:hover .story {
	background-color: #fd7;
}

.story_votes {
	float: left;
	width: 10%;
}

.story_title {
	float: left;
	width: 30%;
}

.story_author {
	float: left;
	width: 30%;
}

.story_timestamp {
	float: left;
	width: 20%;
}

.story_pages {
	float: left;
	width: 10%;
}

#prev_page {
	display: block;
	float: left;
	width: 47%;
	background-color: #fd7;
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	margin-top: 1em;
}

#prev_page a:hover {
	background-color: #fd8;
}

#next_page a {
	display: block;
	float: right;
	width: 47%;
	background-color: #fd7;
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	margin-top: 1em;
}

#next_page a:hover {
	background-color: #fd8;
}

.back a {
	display: block;
	width: 100%;
	background-color: #fd7;
	padding: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	margin-bottom: 1em;
}

.back a:hover {
	background-color: #fd8;
}