/*
    Skin Name: Shuriken -- story.css
    Skin URI: http://www.lunaescence.com/
    Description: Shuriken is a light-weight, brown, cream, and tan skin.  It's slightly fixed width, and should adjust to fit resolutions down to 800x600.
    Author: Sally Anderson (Lazuli) and Marohi
    Author URI: http://www.lunaescence.com/
*/

/*  __________________________________Shuriken Story Style Sheet __________________________________ */
/* This file should be called for the view user page as well as any other pages that display listings or allows you to view a story, challenge, or series. */

/* View Story Styles __________________________________ */
/* This controls the appearance of the viewstory, challenge, and series pages. */

.storyTitle {
	font-size:21px;
	font-weight:600;
	width:auto;
	margin:2px;
	text-align:center;
	clear:both;
	font-family:verdana,arial,helvetica,sans-serif;
	margin:12px 0;
	letter-spacing:1.1pt;
}

.storyAuthor {
	font-size:16px;
}

.infoHeader {
	text-align:right;
	float:right;
	font-weight:bold;
}

.infoArea {
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	padding:2px;
	margin:5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.infoArea .adminoptions {
	font-size:11px;
	text-align:right;
	margin:0 3px;
}

#infoLine1 {
	width:100%;
	border-top:1px solid #CCC2B5;
	border-bottom:1px solid #CCC2B5;
	padding:3px;
	clear:both;
}

#infoLine1 TD {
width:50%;
}

#infoLine1 .reviewLink {
	text-align:right;
	font-size:12px;
}

#infoLine1 .storyAddFavs {
	text-align:left;
	font-size:11px;
}

#infoLine2 {
	width:100%;
	border-top:1px solid #CCC2B5;
	border-bottom:1px solid #CCC2B5;
	padding:3px;
	clear:both;
}

#infoLine2 TD {
	width:30%;
	vertical-align:middle;
}

#infoLine2 form, #infoLine2 input {
	padding:0;
	margin:0;
}

#infoLine2 .textsizer a {
	font-size:17px;
}

#infoLine2 .printerLinks {
	text-align:left;
}

#infoLine2 .jumpmenu {
	text-align:right;
	margin:0 10px 0 0;
}

#infoLine2 select {
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	color:#000000;
}

#summary .title, #notes .title {
	font-weight:bold;
}

#summary, #notes {
	padding:0 0 5px 0;
}

#summary .content, #notes .content {
	margin:5px;
	padding:5px;
}

#story {
	clear:both !important;
	padding:10px 0;
	line-height:1.46em;
}

#story P {
	text-indent:25px;
	margin-bottom:2em;
}
#story P[align=center] {
	margin-bottom:2em;
text-indent:0px;
}
.storyReview {
	text-align:center;
	clear:both;
}

/* Story Listing Styles __________________________________ */
/* This controls the appearance of the listing pages, including challenges */

.listBox {
	margin:auto;
	border:1px solid #CCC2B5;
	background-color:#FFFFFF;
	width:95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.listBox .adminoptions {
font-weight:bold;
margin:.8em 0 0 1px;
}

.listingHead {
	font-size:16px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #CCC2B5;
	background-color:#CCC2B5;
	padding:0 0 0 5px;
	text-align:left !important;
}

.listingAuthor {
	font-size:14px;
	margin:0 0 0 4px;
}

.listingRight {
	float:right;
	text-align:right;
	width:auto;
	margin:0 1px auto 1px;
	padding:0 3px 3px 3px;
}

.listingReviews {
	font-size:13px;
	font-style:italic;
	margin:0 0 1.4em 0;
}

.listingLen {
	font-size:11px;
	margin:1.4em 0;
}

.listingSummary {
	margin: 1.4em 1px;
}

.listingSumBody {
	margin:0 3px;
	line-height:1.3em;
}

.listingItem {
	margin:0 1px;
	display:inline;
}