/* typo */

/* Trim classes and ids to layout.css? */
body {
	font-family: tahoma, verdana, sans-serif;
	font-size: 80%;
}
#header h1 {
	font-size: 2em;
}
#slogan {
	font-size: 50%;
}
h1 a {
	font-style: normal;
}
#filter h4 {
	font-size: 90%;
}
#filter, #filter span, #boxes span.action, #alert, #titles, .categories li a, .ad, #form {
	text-align: center;
}
#filter span {
	font-size: 200%;
}
#filtermsg {
	font-size: 70%;
}
.reviewslist span.rating, #filtermsg {
	text-align: right;
}
#boxes span.action {
	font-weight: bold;
}
p.clear {
	line-height: 0.1ex;
}
h1 a, .categories li a, .catnumber, .req a {
	text-decoration: none;
}
span.catname, #header #secondary li a, .action_link button span {
	text-decoration: underline;
}
.footer, .parenth {
	font-size: x-small;
}
#storylist .bio {
	font-style: italic;
}
#storylist .meta {
	font-size: .9em;
}
.reviewslist h4 .details {
	font-weight: normal;
	font-size: small;
}
#set_of_links a {
	line-height:140%;
}
#set_of_links a:hover {
	font-weight:bold;
}
#set_of_links a p, .help li li div a, .helplinks li li a {
	font-weight: normal;
}
.help li a, .helplinks li a, .emph {
	font-weight: bold;
}
.action_link button span {
	font-size: 85%;
}
/*#storytext {
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: 1.1em;
}*/
#buttonboxes {
	font-size: 90%;
	*font-size: 90%;
}
#storyupload th, #buttonboxes {
	text-align: left;
}
/* Tabs */
#header #primary a,#header #primary span,#header #primary a.current {
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 72%;
	text-decoration: none;
	font-weight: bold;
}
#forum .postheader {
	font-size: 70%;
}
#forum .postfooter {
	font-size: 70%;
}
#storylist li .score, .adjectivelist li .score {
	text-align: center;
}
#storylist li .score .score_number, .adjectivelist li .score .score_number .action_link button {
	font-size: 200%;
}
#storylist li .score .score_adjective {
	font-size: 80%;
	line-height: 1.6;
}
#storylist li .score a {
	text-decoration: none;
}
.adjectivelist li .score .score_adjective .action_link button {
	font-size: 70% !important;
}
#error, #message {
	text-align: center;
}
.action_link button {
	/*border-bottom: 1px solid blue !important;*/
	text-decoration: underline !important;
}

/* layout */

* {
	margin: 0;
	padding: 0;
}
body {
	min-width: 750px;
	width: 95%;
	margin: 1ex auto 2ex;
}
h1,h2,h3 {
	margin-bottom: 1ex;
}
#slogan {
	display: block;
}
p {
	margin-bottom: 1ex;
}
hr {
	height: 1px;
	border: 0;
}
optgroup option {
	padding-left: 1ex;
}
#maincontent {
	float: left;
	width: 80%;
	min-width: 550px;
	max-width: 80%;
	margin-left: -10px;
	/* Box model hack to stop IE 5 seeing the undoing of margin-left */
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left: 0;
}
/* Sidebar and boxes */
#boxes {
	float: right;
	width: 18%;
	min-width: 135px;
	max-width: 18%;
}
#boxes div {
	position: relative;
	border: 1px solid;
	margin: 0 0 1ex;
}
#boxes div p {
	padding: 0.2em;
}
#boxes #username, #boxes #password {
	width: 95%;
	max-width: 10em;
}
#boxes h4 {
	border-bottom: thin solid;
	padding: 0.4ex;
	text-align: center;
}
.slist_box h5 {
	display: inline;
}
.slist_box li {
	margin-bottom: 0.5em;
}
.slist_box li p {
	margin-bottom: 0;
	padding: 0 0.5em !important;
}
.user_box div, .user_box h4, .user_box p, .user_box span {
	padding: 2px 5px !important;
}
#filter h4 {
	border: 0 !important;
}
#filter {
	border: 0 !important;
	width: 33%;
	max-width: 5em;
}
#filter span {
	padding: 0.25em 0.5em;
}
#filter select {
	margin-top: 0.5em;
}
#filtermsg {
	border: 0 !important;
	width: 60%;
	float: right;
	margin: 0 0.2em 0 0 !important;
}
#boxes span.action {
	clear: both;
	display: block;
}
/* End sidebar and boxes */
.clear, .cattext {
	clear: both;
}
.cattext {
	text-align: center;
	margin-top: 1em;
}
p.clear {
	height: 0.1ex;
	display: block;
}
#alert {
	text-align: center;
	border: thin solid;
	padding: 0.2em;
}
#boxes ul {
	list-style: none;
	padding: 0.3ex;
}
#boxes ul li ul {
	margin: 0 0 1ex;
}
#boxes ul li ul li {
	display: inline;
}
#boxes .ad_box {
	text-align:center;
}
.categories, #titles {
	list-style: none;
}
.categories li, #titles li {
	display: inline;
}
.categories li ul.categories {
	display: block;
	float: left;
	width: 33%;
}
.categories li ul.categories a {
	display: inline;
	float: none;
	width: auto;
	border: none;
}
.categories li a {
	display: block;
	float: left;
	width: 12em;
	/*max-width: 10em;*/
	padding: 4px 0px;
	margin: 0 1ex 1ex;
	border: thin solid;
}
.categories li ul {
	list-style: none;
}
.categories li ul li {
	display: block;
	padding: 0;
	border: none;
	margin: 0;
	float: none;
	width: 100%;
}
.ad {
	clear: left;
	padding: 1em 0;
}
.footer {
	clear: both;
	display: block;
	padding: 1em 2em 0;
	border-top: thin solid;
	width: 50%;
	margin: 0 auto;
}
#storylist, .adjectivelist, .favlist, .catnav, .reviewslist, .comments {
	list-style: none;
}
/*Story listings*/
#form {
	width: 100% !important;
}/*
#maincontent form {
	clear: left;
	width: 40em;
	position: relative;
}
#maincontent form label {
	display: block;
	margin-top: 0.2ex;
}
#maincontent form option {
	padding-right: 10px;
}*/
#storylist li, .adjectivelist li {
	clear: left;
	margin: .3em;
	padding: 0.1em 3em 0.1em 0.2em;
	position: relative;
	border: 0;
}
#storylist li h4 {
	display: inline;
}
#storylist .summary {
	display: block;
	padding-left: 1em;
}
#storylist .stories {
	padding: 0 0.5em;
}
#storylist .bio {
	padding: 0.2em 1em;
	display: block;
}
#storylist .rating {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border-left: thin solid;
	border-bottom: thin solid;
}
#storylist .meta {
	margin-left: .1em;
}
.review {
	margin: 1ex;
	position: relative;
	border: thin solid;
}
.review p {
	padding: 1ex;
}
.review h4, .reviewslist .options {
	display: block;
	padding: 0.2em;
}
.review h4 {
	border-bottom: thin solid;
}
.review .options {
	border-top: thin solid;
	text-align: right;
}
.review .options span {
	margin: 0 1em;
}
.review h5 {
	float: right;
}
.details:before, .reviews:before {
	content: "[";
}
.details:after, .reviews:after {
	content: "]";
}
.review .review {
	display: block;
	padding: 0.2em;
}
.review .rating {
	display: block;
	border-top: thin solid;
}
.favlist {
	margin-left: 1ex;
}
/*End story listings*/
.chapterform {
	display: block;
	padding-left: 50px;
	padding-top: 0.5ex;
	text-align: right;
}
.chapterlist {
	display: inline;
}
#story blockquote {
	padding: 1ex 1.5em;
}
#storytext {
	margin: 1em 0;
}
#storytext p {
	margin-bottom: 1em;
}
#storyfoot {
	text-align: center;
	border-top: thin solid;
	border-bottom: thin solid;
}
.news {
	margin: 1em;
}
.news div {
	padding-left: 1ex;
}
.news p {
	margin: 1ex;
}
.comments {
	border-top: thin dashed;
	border-bottom: thin dashed;
	margin: 1ex 0;
}
.comments li {
	padding: 1ex 1em;
}
.catnav {
	min-height: 2em;
}
.catnav li {
	float: left;
	margin-bottom: 1ex;
}
#stlist {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid;
	border-width: 1px 0 0 1px;
	margin: 1em 0;
}
#stlist th, #stlist td {
	border: 1px solid;
	border-width: 0 1px 1px 0;
	padding: 2px 6px;
}
#stlist .chapter {
	padding-left: 1em;
}
a img.left {
	border: 0;
	float: left;
}
a img.right {
	border: 0;
	float: right;
}
.helplinks li, .help li {
	list-style: none;
}
/*.helplinks li,*/ .help li {
	padding: 1em 0 0 0;
}
.help li li {
	padding: 1em 0 0 2em;
}
.helplinks li li {
	padding: 0 0 0 2em;
}
#buttonboxes {
	list-style: none;
	padding: 1ex 0 1ex 5px;
	margin: 0;
}
#buttonboxes li {
	display: inline;
}
#buttonboxes li span, #buttonboxes li .action_link button {
	padding: 3px;
	border: 1px solid;
	margin: 0 0 0 -5px;
}
#buttonboxes li .action_link button {
	padding: 0;
}
#buttonboxes li span a {
	padding: 0;
	margin: 0;
	border: 0;
}
#buttonboxes li a {
	padding: 3px;
	border: 1px solid;
	margin: 0 0 0 -5px;
}
#storyupload {
	width: 100% !important;
}
#storyupload table {
	border: 1px solid;
	border-width: 1px 1px 0px 1px;
}
#storyupload td, #storyupload th {
	padding: 5px;
	border: 1px solid;
	border-width: 0px 0px 1px 0px;
}
input.long, textarea.long {
	width: 100%;
}
#storyupload .data {
	width: 60%;
}
/* Tabs */
#main {
	border: 1px solid;
	clear: both;
	padding-top: 2em;
}
#contents {
	padding: 1.5em;
	min-height: 300px;
}
#header {
	position: relative;
	height: 4em;
	width: auto; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	/* Next two lines make it look right in Opera */
	border-bottom: 1px solid;
	bottom: -1px;
}
#header #primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-right: 1em;
}
#header #primary li  {
	display: inline;
	list-style: none;
}
#header #primary a,#header #primary span,#header #primary a.current {
	width: auto;
	display: block;
	float: right;
	padding: 4px 1.5ex;
	margin: 1px 2px 0 0;
}
#header #primary span,#header #primary a.current,#header #primary a.current:hover {
	border: 1px solid;
	border-bottom: none;
	padding-bottom: 6px;
	margin-top: 0;
}
#header #primary a {
	border: 1px solid;
	border-bottom: none;
}
#header #primary a:hover {
	margin-top: 0;
	padding-bottom: 5px;
}
#header #secondary {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.5em;
	left: 1px;
	width: 100%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header #secondary li a, #header #secondary li span, #header #secondary li a.current {
	width: auto;
	display: block;
	float: right;
	padding: 0 5px;
	margin: 0;
	border: 0;
	border-left: 1px solid;
}
#header #secondary li a:hover, #header #secondary li a.current:hover {
	padding: 0 5px;
	border: 0;
	border-left: 1px solid;
}
#header #secondary li:last-child a { border: none; }
#forum #stlist {
	width: 100%;
}
#forum .maindata {
	width: 100%;
}
#forum .postdata {
	white-space: nowrap;
}
#forum .postheader {
	border-bottom: 1px solid #ccc;
	margin-bottom: .2em;
}
#forum .postfooter {
	border-top: 1px solid #ccc;
}
.action_link button {
	border: none;
}
#buttonboxes .action_link, #buttonboxes .action_link button {
	display: inline;
}
form.action_link, #buttonboxes .action_link button span {
	border: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#storylist li {
	position: relative;
	padding-left: 11%;
}
#storylist li .score, .adjectivelist li .score {
	position: absolute;
	top: 50%;
	left: 1%;
	width: 4em;
	height: 4em;
	margin-top: -2em;
}
#storylist li .score .score_number, #storylist li .score .score_adjective,
.adjectivelist li .score .score_number, .adjectivelist li .score .score_adjective {
	display: block;
}
#storylist li .score .score_number, .adjectivelist li .score .score_number {
	height: auto;
}
#storylist li .score .score_adjective, .adjectivelist li .score .score_adjective {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
#error, #message {
	padding: 0.5ex;
}
.adjectivelist li {
	position: relative;
	padding-left: 5em;
	min-height: 4em;
}
.adjectives {
	float: left;
	width: 50%;
}
.score_adjective {
	overflow: hidden;
}


/* form */

form {
	max-width: 700px;
}
label {
	float: left;
	width: 11em;
	/*font-weight: bold;*/
	margin-top: 1.1ex;
}
input, textarea, select, form .static {
	width: 20em;
	margin-top: 1ex;
}
form .static {
	margin-left: 11em;
}
form small {
	display: block;
	margin-left: 14em;
	width: 24em;
}
#submit, .submit {
	margin-left: 11em;
	margin-top: 1ex;
	width: 10em;
}
textarea {
	width: 24em;
	height: 15em;
}
fieldset {
	border-style: solid none none;
	padding: 1em;
}
fieldset legend {
	line-height: 150%;
	font-size: 150%;
}
fieldset .notes {
	float: right;
	clear: right;
	width: 16em;
	height: auto;
	background: #ffffe1;
	color: #666;
	border-color: #666;
	font-size: 90%;
	padding: 1ex;
}
fieldset .notes h4 {
	border-bottom: 1px solid black;
}
input.checkbox {
	width: 1em;
	margin: 0.5ex 0.5ex 0.5ex 1em;
}
label.checkbox {
	margin-top: 0;
	width: 18em;
}
textarea.short {
	height: 6em;
}
form br, form label {
	clear: left;
}
#boxes form label, #boxes form input {
	float: none;
	width: auto;
}
.user_box form {
	padding: 0 1ex;
}
.user_box select {
	width: auto;
}
#google label, #google input {
	width: auto;
	float: none;
}
option.disabled {
	color: #999;
}


/* skin */

a:active {
	color: #000;
}
a, #slogan, #header #secondary li a, .action_link button {
	color: #009;
}
a img {
	border: none;
}
body, a:hover, #storyupload .fixed, #header #secondary li a:hover {
	color: #333;
}
#filtermsg {
	color: #555;
}
h1,h2,h3 {
	color: #666;
}
h1 a, h1 a:hover, #boxes h4, #filter h4, #alert, #header #primary a,#header #primary span,
#header #primary a.current {
	color: #808;
}
.catnumber, #storylist .meta {
	color: #888;
}
#set_of_links a {
	color:maroon;
}
.req {
	color: red;
}
.req a, .req a:hover {
	color: darkred;
}
hr {
	background: #ccc;
}
#boxes span.action, #boxes h4, .review h4, .review .options, #buttonboxes li a, #buttonboxes .action_link button, #header #primary a,
#story blockquote, #storylist li .score .score_adjective {
	background: #eee;
}
body, #maincontent, #boxes div, #alert, #storylist li, .reviewslist li, #set_of_links, #set_of_links a:hover,
#buttonboxes li span, #buttonboxes li a.active, #buttonboxes .action_link button.active, #buttonboxes li a:hover,
#buttonboxes .action_link button:hover, #contents {
	background: #fff;
}
#buttonboxes .action_link button, #buttonboxes li span a, #filter h4 {
	background: transparent;
}
#boxes div, #storyupload table, #storyupload td, #storyupload th, #main, #header, #header #primary a {
	border-color: #666;
}
#boxes h4, #alert, .categories li a, .footer, .review li, .review .rating, .review h4, .review .options {
	border-color: #ccc;
}
.categories li a:hover, #buttonboxes li span, #buttonboxes li a, #buttonboxes .action_link button {
	border-color: #000;
}
#storylist .rating {
	border-color: transparent transparent #ccc #ccc;
}
.comments, #storyfoot {
	border-color: #ccc transparent;
}
#set_of_links {
	border-color: #999;
}
#stlist, #stlist th, #stlist td {
	border-color: #555;
}
/* Tabs */
#main, #header #primary span,#header #primary a.current,#header #primary a.current:hover, #header #primary a:hover {
	border-color: #666;
	background: #eeebff;
}
#header #secondary li a,#header #secondary li span, #header #secondary li a:hover {
	border-color: #aaa;
	background: transparent;
}
#header #secondary li a:active {
	color: #000;
	background: transparent;
}
#forum h3 {
	color: #333;
}
#forum th {
	color: #666;
}
#forum .color {
	background: #eeebff;
}
#forum .dark {
	background: #f3f3f3;
}
#forum .postheader {
	border-color: #ccc;
	color: #666;
}
#forum .postfooter {
	border-color: #ccc;
	color: #666;
}
.action_link button {
	border-color: none;
	background: transparent;
	cursor: pointer;
}
#storylist li.blocked {
	background: #fadadd;
}
#storylist li.blocked blockquote, #storylist li.blocked .score .score_adjective, .adjectivelist li.score-1 .score {
	background: #eacacd;
}
#storylist li .score, .adjectivelist li .score {
	border: 1px solid black;
}
#storylist li .score .score_adjective, .adjectivelist li .score .score_adjective {
	border-top: 2px solid #ccc;
}
#storylist li.score5, .adjectivelist li.score5 .score {
	background: #d8fcac;
}
#storylist li.score5 blockquote, #storylist li.score5 .score .score_adjective {
	background: #d8deba;
}
#storylist li.score-1 *, .adjectivelist li.disabled * {
	color: #aaa;
	background: #fff;
	border-color: #aaa;
}
#error {
	background: #fadadd;
}
#message {
	background: #acf;
}


/* printlayout */

@media print {
#boxes div, #filter, #logout, #ad, #buttonboxes, #header #primary, #header #secondary {
	display: none;
}
#boxes .slist_box {
	display: inline;
	clear: both;
}
#copy {
	clear: both;
	display: block;
	padding: 1em 2em 0;
	border-top: thin solid;
	width: 50%;
	margin: 0 auto;
}
.chapterform {
	display: inline;
}
}