/* updated: 10 September 2013 */

body {
background-color:#000;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
text-align:center;
}

#header, #footer {display:block;}

h1 {
background:url(Banner_PPa.jpg) center top no-repeat;
color:#c11;
height:140px;
margin:1em 0 0 0;
padding:0;
text-align:center;
}

#footer {color:#fff; text-align:center;}

.bigtable {
border:0;
border-collapse:collapse;
margin:auto;
padding:0;
text-align:left;
vertical-align:top;
width:900px;
}

.bigtable td {
border:0;
border-collapse:collapse;
padding:3px;
vertical-align:top;
text-align:left;
}

.left {
font-size:13px;
width:180px;
}

.middle {
font-size:13px;
width:auto;
}

.right {
font-size:13px;
width:160px;
}


/* These are for the main (red) pages. */
.infohead {
background-color:#c11;
color:#fff;
display:block;
font-size:13px;
margin:0;
padding:5px 8px;
text-align:left;
}

.info {
border:1px solid #c11;
margin:2px 0 4px 0;
padding:8px 5px 8px 8px;
}

.author {color:#fff; font-weight:bold; text-decoration:underline;}
.title {color:#f33; font-size:120%; font-weight:bold;}
.rating {color:#fff; font-weight:bold; padding-left:2em;}
.ship {color:#fff; display:block; font-weight:bold;}
.summary {color:#fff; display:block;}
.status {color:#ffa; display:block; font-weight:bold;}
.new {color:#e11; font-size:120%; font-style:italic; padding-left:1ex;}


/* Color changes for the stories (blue) pages */
#stories h1 {color:#33f;}
#stories .infohead {background-color:#33f;}
#stories .info {border-color:#33f;}

#stories .author {color:#fff;}
#stories .title {color:#0ac;}
#stories .rating {color:#fff;}
#stories .ship {color:#fff;}
#stories .summary {color:#fff;}
#stories .status {color:#aff;}
#stories .new {color:#e11;}


.middle hr {border-style:solid; color:#777; margin:0.5em auto; text-align:center; width:50%;}

.series {font-size:120%; font-weight:bold; text-align:center; text-decoration:underline;}
.center {text-align:center;}
.disclaimer {font-size:80%}
.largetextstyle {color:#fff; font-size:120%; font-weight:bold; text-decoration:none;}
.season {font-size:140%; font-weight:bold; text-align:center;}
.challenge {color:#fff; font-size:120%; font-weight:bold; text-decoration:none;}
.nowraplinks {text-align:center;}
.nowraplinks a {font-weight:bold; white-space:nowrap;}

ul {
line-height:130%;
list-style-position:inside;
margin:0;
padding:0;
text-decoration:none;
}

.boxinfo {
border-collapse:separate;
border-spacing:2px;
border:0;
text-align:left;
width:100%;
}

.boxinfo th {
background-color:#c80708;
border-collapse:collapse;
color:white;
padding:5px 8px;
text-align:left;
}

.boxinfo td {
border:1px solid #c80708;
border-collapse:collapse;
padding:8px;
}

.middle .info table td {text-align:center; vertical-align: middle;}

.middle ul li {display:inline; white-space:nowrap;}
.middle ul li:before {content:"\2022 \020";}

img {border:none;}
.images .info {text-align:center;}
.images img {border:1px solid #c11; padding:2px;}

a {color:#fff; text-decoration:none;}
a:link {color:#fff; text-decoration:none;}
a:visited {color:#eee; text-decoration:none;}
a:hover {color:#ff0; text-decoration:underline;}
a:active {color:#00f; text-decoration:none;}

li a:link {margin-left:-3px;}
.middle li a:link {margin-left:0;}

.middle a {color:#fff; font-size:120%; text-decoration:none;}
.middle a:link {color:#fff; font-size:120%; text-decoration:none;}
.middle a:visited {color:#fff; font-size:120%; text-decoration:none;}
.middle a:hover {color:#ff0; font-size:120%; text-decoration:underline;}
.middle a:active {color:#fff; font-size:120%; text-decoration:none;}

a.infohead {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
a.infohead:link {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
a.infohead:visited {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
a.infohead:hover {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
a.infohead:active {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}

.infohead a {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.infohead a:link {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.infohead a:visited {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.infohead a:hover {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
.infohead a:active {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}

.middle .title a {color:#e11; font-size:100%;}
.middle .title a:link {color:#e11; font-size:100%;}
.middle .title a:visited {color:#e11; font-size:100%;}
.middle .title a:hover {color:#ff0; font-size:100%;}
.middle .title a:active {color:#e11; font-size:100%;}

#recs a {color:#f11; font-size:110%; font-weight:bold;}
#recs a:hover {color:#ff0;}


/* Changes for stories (blue) pages */
#stories .middle a {color:#0cf; font-size:115%;}
#stories .middle a:link {color:#0cf; font-size:115%;}
#stories .middle a:visited {color:#0cf; font-size:115%;}
#stories .middle a:hover {color:#ff0; font-size:115%;}
#stories .middle a:active {color:#0cf; font-size:115%;}

#stories .middle a.author {color:#fff; font-size:120%;}
#stories .middle a.author:link {color:#fff; font-size:120%;}
#stories .middle a.author:visited {color:#fff; font-size:120%;}
#stories .middle a.author:hover {color:#fff; font-size:120%;}
#stories .middle a.author:active {color:#fff; font-size:120%;}

#stories a.infohead {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories a.infohead:link {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories a.infohead:visited {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories a.infohead:hover {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories a.infohead:active {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}

#stories .infohead a {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories .infohead a:link {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories .infohead a:visited {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories .infohead a:hover {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#stories .infohead a:active {color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}

#stories .middle .title a {color:#0cf; font-size:100%;}
#stories .middle .title a:link {color:#0cf; font-size:100%;}
#stories .middle .title a:visited {color:#0cf; font-size:100%;}
#stories .middle .title a:hover {color:#ff0; font-size:100%;}
#stories .middle .title a:active {color:#0cf; font-size:100%;}