/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #242323;
/*	color: #636161;*/
}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(/images/fastfiction_background.jpg);
	background-color: #E8E3D0;
	background-position: left top;
	background-repeat: no-repeat;
}

/* trickery to establish the proper body size in all browsers without specifying a font size */
body, body th, body td    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    x-small;
    /* intended value for better browsers */
}
html>body, 
html>body th, html>body td    {
    font-size:    small;
    /* be nice to Opera */
}


a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#B87CFF;
}
#container {
	width:772px;
	margin-left: 0px;
	margin-right: auto;
	text-align: left;
	background-image: url(/images/fastfiction_footer_col3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.nav {
	text-align: center;
	font-size: 82%;
	margin: 0;
	padding: 11px 0 5px 0;
}
#footer {
	font-size: 82%;
	margin: 0;
	padding: 11px 10px 5px 0;
	text-align: center;
}
#logo {
	display:block;
	margin: 0;
	padding: 24px 0 0 0;
}
#logo h1 {
	display: none;
}



/* 173 wide */
#col1 {
	width: 155px;
	padding: 35px 0 100px 0;
	margin: 0;
	background-image: url(/images/fastfiction_footer_col1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* 421 wide */
#col2 {
	width: 445px;
	padding: 0;
	background-image: url(/images/fastfiction_background_center.jpg);
	background-color: #F6F4EC;
	background-position: top;
	background-repeat: no-repeat;
	margin: 0;
}

/* 171 wide */
#col3 {
	width: 172px;
	padding: 0;
}

.innerbox {
	padding: 5px 8px;
}
.innerbox p {
	margin-top: 0;
}

img.imgleft  {
	float: left;
	margin: 4px 7px 4px 0px;
}
img.imgright {
	float: right;
	margin: 4px 0px 4px 7px;
}

.noborder {
	border: none !important;
}


p {
	line-height: 1.4em;
}

#col1 p {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

#col1 img {
	vertical-align: text-bottom;
	border-width: 0;
}


#col2 p {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}

h3 {
	font-size: 160%;
	font-weight: bold;
	margin: 0 0 .5em 0;
	color: #3C3020;
}
#col2 h3 a:link {
	font-weight: bold;
	margin: 0 0 .5em 0;
	color: #3C3020;
	text-decoration: none;
}
#col2 h3 a:hover {
	text-decoration: underline;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
h4 a {
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}

.date {
	font-size: 85%;
	text-align: right;
	text-transform: uppercase;
	padding-right: 8px;
}
.subhead {
	font-size: 115%;
/*	font-style: italic; */
	background-image: url(/images/subhead_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-indent: 10px;
}
.details {
	font-size: 85%;
	text-align: left;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 10px 0;
}
.bodytext {
	padding: 0 0 10px 0;
	background-image: url(/images/fastfiction_divider.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 10px 0 10px 0;
}

/* div.bodytext > *:first-child:first-letter{
	color: #424548;
	font-style: italic;
	font-weight: bold;
	font-size: 400%;
	float: left;
	padding: 0 10px 2px 0;
	margin: 0;
	line-height: 1em;
}
.dropcap {
	color: #424548;
	font-style: italic;
	font-weight: bold;
	font-size: 400%;
	float: left;
	padding: 0 10px 2px 0;
	margin: 0;
	line-height: 1em;
}
*/

.commenttext {
	padding: 0 0 10px 0;
	background-image: url(/images/fastfiction_divider.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 10px 0 10px 0;
}
.commenttext img {
	padding: 0px;
	border-width: 0px;
	float: none;
	margin: 0;
}
/* search field styles */
.textfield {
	font-size: 93%;
	height: 16px;
	width: 100px;
	border: 1px solid #666666; 
}
.submitbtn {
	margin-bottom: -3px;
}


#col1 h4 {
	background: url(/images/fastfiction_dot_col1.gif) no-repeat left center;
	margin: 15px 5px 4px 5px;
	padding: 0px 0px 2px 12px;
	border-bottom: 1px solid #C1ABBA;
	font-size: 90%;
	font: Arial, Helvetica, sans-serif;
	color: #333333;
}
#col1 ul {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 80%;
	list-style: none;
}
#col1 li {
	margin: 0 0 3px 0;
	padding: 0;
}
#col1 a {
	color: #3C3020;
}
#col1 a:visited {
	color: #C24E0B;
}
#col1 a:hover {
	color: #F4A136;
}
.ratings1, #col1 .ratings1 a:link, #col1 .ratings1 a:visited {	color: #FD4593!important;}
.ratings2, #col1 .ratings2 a:link, #col1 .ratings2 a:visited {	color: #D31F1F!important;}
.ratings3, #col1 .ratings3 a:link, #col1 .ratings3 a:visited {	color: #A81C7C!important;}
.ratings4, #col1 .ratings4 a:link, #col1 .ratings4 a:visited {	color: #780C56!important;}
.ratings5, #col1 .ratings5 a:link, #col1 .ratings5 a:visited {	color: #0093FA!important;}
.ratings6, #col1 .ratings6 a:link, #col1 .ratings6 a:visited {	color: #0167AF!important;}
.ratings7, #col1 .ratings7 a:link, #col1 .ratings7 a:visited {	color: #92C424!important;}
.ratings8, #col1 .ratings8 a:link, #col1 .ratings8 a:visited {	color: #465F10!important;}
.ratings9, #col1 .ratings9 a:link, #col1 .ratings9 a:visited {	color: #FD7600!important;}
.ratings10, #col1 .ratings10 a:link, #col1 .ratings10 a:visited { color: #D16302!important;}


#sidebar {
	background: url(/images/fastfiction_sidebar_top.gif) no-repeat top;
	padding: 30px 5px 0 5px;
	margin-right: 8px;
	margin-left: 10px;
	background-color: #424548;
}
#description {
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.4em;
	color: #E8E3D0;
	padding: 25px 5px 5px 5px;
	margin: 0;
}
#col3 h4 {
	background: url(/images/fastfiction_dot_col3.gif) no-repeat left center;
	margin: 15px 5px 4px 5px;
	padding: 0px 0px 2px 12px;
	font-size: 95%;
	color: #FFFFFF;
}
#col3 p {
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 90%;
	color: #FFFFFF;
}
#col3footer {
	margin-right: 8px;
	margin-left: 10px;
}

#col2 a:link {
	color: #3C3020;
	text-decoration: underline;
}
#col2 a:visited, #col2 a:hover  {
	color: #7B715C;
}
.ratings10 img, 
.ratings9 img, 
.ratings8 img, 
.ratings7 img, 
.ratings6 img, 
.ratings5 img, 
.ratings4 img, 
.ratings3 img, 
.ratings2 img, 
.ratings1 img {
	float: none;
	margin: 0;
	padding: 1px;
	border-width: 0;
}
.innerbox th {
	font-size: 70%;
	font-weight: normal;
	text-transform: uppercase;
	background: #F6C74F;
	text-align: right;
	border-top: 1px solid #F4600B;
	vertical-align: top;
	padding: 5px 3px 3px 3px;
}
.innerbox td {
	font-size: 90%;
	font-weight: normal;
	background: #F6C74F;
	border-top: 1px solid #F4600B;
	vertical-align: top;
	padding: 3px;
}
.innerbox table {
	width:429px;
}
.innerbox .noborder {
	border-top: 0;
}
.innerbox ul {
	font-size: 80%;
	list-style: none;
	margin: 0 0 0 4px;
	padding: 0;
}
.innerbox li {
	vertical-align:text-top;
	margin: 1px;
	padding: 0 1px 0 6px;
}
.innerbox li img {
vertical-align:bottom;
}
.current {
	background-color:#FFFFFF;
	border: 1px solid #F4600B;
}
#col3 a:link {
	color: #F9F9B8;
	font-weight: bold;
}
#col3 a:visited {
	color: #7B715C;
}
#col3 a:hover {
	color: #F9F9B8;
}

blockquote {
	background-color: #E8E2D5;
	padding: 5px 25px 30px 10px;
	background-image: url(/images/fastfiction_blockquote.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	overflow: visible;
	margin: 10px 10px 20px 39px;
}
#col3 #countdown {
	margin: 4px 20px 4px 20px;
	padding: 2px 15px;
	border: 1px solid #FFFFFF;
	width: 50px;
}