/* CSS Document */
body {color: #000000; background-color: #ffffff;}
body.sc {color: #000000; background-color: #feeed6;}

#container {
	width: 720px;
	margin-left: 20px;
	color: #000000;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 0;
	}

#content {
	color: #000000;
	font-family: Georgia, Times New Roman, Times, serif;
	padding: 0;
	}

#content h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 1em;
	}

#content h3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	}

#content p {
	line-height: 125%;
	margin-top: 0;
	padding-top: 0;
	}

#content p.blockindent {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	margin-left: 20px;
	}

#content p.center {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	text-align: center;
	}

#content p.justify {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	text-align: justify;
	}

/* List Styles */
ul.clean {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.clean li {
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0;
	padding-left: 0;
	}

ul.bullet {
	list-style: disc outside;
	margin-left: 2em;
	margin-top: 0;
	margin-bottom: 1em;
	}

ul.bullet li {
	line-height: 125%;
	margin-top: 0;
	margin-bottom: 0;
	}

ul.bullet li.date {
	font-weight: bold;
	list-style: none;
	margin-top: 15px;
	margin-left: -2em;
	padding-bottom: 2px;
	}

ul.bullet li.description {
	list-style: none;
	margin-top: 15px;
	margin-left: -2em;
	padding-bottom: 2px;
	}

ul.bullet li.header {
	text-decoration: underline;
	margin-top: 15px;
	margin-left: -2em;
	padding-bottom: 2px;
	}

ul.bullet li.subheader {
	font-style: italic;
	margin-top: 0;
	margin-left: -2em;
	padding-bottom: 2px;
	}

/* Who's Who list */
ul.whoswho {
	list-style: none;
	margin-left: 5em;
	margin-top: 0;
	margin-bottom: 1em;
	}

ul.whoswho li {
	line-height: 125%;
	margin-top: 0;
	margin-bottom: .2em;
	margin-left: 2.5em;
	text-indent: -2.5em;
	}

ul.whoswho li.header {
	line-height: 125%;
	font-weight: bold;
	text-decoration: underline;
	text-indent: 0em;
	margin-top: 15px;
	margin-left: -1em;
	padding-bottom: 2px;
	}

ul.whoswho li.subheader {
	font-style: normal;
	text-indent: 0em;
	margin-top: 0;
	margin-left: 0em;
	padding-bottom: 2px;
	}

ul.whoswho span.name {
	font-style: italic;
	}

/* PotD Gallery */
div.gallery {
	text-align: center;
	margin-left: 0px;
	clear: both;
	}

div.gallery span {
	width: 125px;
	height: 150px;
	background-color: #f0f0f0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	font-weight: normal;
	text-align: center;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}

div.gallery img {
	border: 2px solid #a00000;
	margin-bottom: .25em;
	}

/* SC Images */
div.scimages {
	text-align: center;
	width: 360px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

div.scimages span {
	width: 162px;
	height: 162px;
	background-color: #ebdcc5;
	float: left;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}

div.scimages img, div.scgallery img {border: 2px solid #a00000; margin-top: .25em; margin-bottom: .25em;}

p.scmodel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	margin-top: 1em;
	clear: both;
	}

/* SC Gallery */
div.scgallery {
	text-align: center;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

div.scgallery span {
	width: 162px;
	height: 200px;
	background-color: #ebdcc5;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	font-weight: normal;
	text-align: center;
	margin: 4px;
	padding: 4px;
	border: 1px solid #999999;
	}

/* Table of Contents */
#toc {color: #000000;}
#toc #pic {width: 310px; float: left;}
#toc #chapters {width: 137px; margin-left: 13px; float: left;}
#toc #announcements {width: 250px; margin-left: 10px; float: left;}
#toc ul.chapterlist {list-style: none; margin: 0; padding: 0;}

#toc ul.chapterlist li.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 125%;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0;
	}

#toc ul.chapterlist li {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	}

#toc ul.chapterlist li.nextchapter {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 95%;
	line-height: 125%;
	margin-top: .05em;
	padding-left: 0;
	color: #666666;
	}

#toc ul.chapterlist li.nextchapterdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: italic;
	margin-top: 0;
	margin-left: 10px;
	padding-left: 0;
	color: #666666;
	}

#toc ul.chapterlist li.attrib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: italic;
	margin-top: -2px;
	margin-bottom: .2em;
	margin-left: 10px;
	}

#toc ul.chapterlist li.gcaward {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
	padding-left: 2.75em;
	text-indent: -1em;
	background-image: url(http://www.nickscipio.com/images/golden_clit.gif);
	background-repeat: no-repeat;
	padding-bottom: 1.25em;
	}

#toc ul.chapterlist li.scaward {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
	padding-left: 2.75em;
	text-indent: -1em;
	background-image: url(http://www.nickscipio.com/images/silver_clit.gif);
	background-repeat: no-repeat;
	padding-bottom: 1.25em;
	}

/* Story Content */
#story {
	width: 75%;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	}

#story h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	}

#story h2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	text-indent: 0;
	margin: 0;
	margin-bottom: .1em;
	}

#story h3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	margin: 0;
	margin-bottom: .1em;
	}

#story h3.date {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	margin: 0;
	margin-bottom: .5em;
	}

#story h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	text-indent: 0;
	margin: 0;
	margin-bottom: .5em;
	}

#story p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
	text-indent: 20px;
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
	}

#story p.separator {
	text-indent: 0;
	text-align: center;
	clear: both;
	}

#story p.normal {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-indent: 0;
	}
	
#story p.center {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 100%;
	line-height: 125%;
	text-indent: 0;
	text-align: center;
	}

#story p.end {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	text-indent: 0;
	margin: 1em 0;
	}

#story p.readnext {
	text-align: right;
	}

#story div.chapternav {margin: 1em 0; text-align: center;}
#story div.chapternav h1 {display: inline;}
#story div.chapternav span.prev {float: left;}
#story div.chapternav span.next {float: right;}

/* Feedback */
#feedback {margin-top: 8px; color: #000000;}
#feedback p {font-family: Georgia, Times New Roman, Times, serif; font-size: 100%; line-height: 125%;}

/* Navigation */
#nav {margin-top: 8px; text-align: center; clear: both;}
#nav ul {display: inline; margin: 0; padding: 0;}
#nav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
	text-align: center;
	display: inline;
	margin: 0;
	padding: 0 .25em 0 .25em;
	border-right: 1px solid #999999;	
	}
#nav li.last {border-right: none;}

/* Footer */
#footer {margin-top: 20px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 75%;}

/* Short Story block */
div.shortstory {
	width: 480px;
	background-color: #ffffff;
	border: 1px solid #a00000;
	font-size: 95%;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	}

div.shortstory p.tagline {
	font-style: italic;
	margin-bottom: 0;
	padding: 0 5px;
	}

div.shortstory p.description {
	text-align: justify;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0 5px;
	}

div.shortstory p.link {
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0 5px;
	}	

div.shortstory p.note {
	background-color: #f0f0f0;
	text-align: justify;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 2px 5px;
	}

div.shortstory p.textlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 5px;
	}

/* Inline Navigation */
div.inlinenav {
	text-align: center;
	margin-bottom: 20px;
	}

div.inlinenav ul {
	display: inline;
	border: 1px solid #999999;
	margin: 0;
	padding: 0;
	}
	
div.inlinenav li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 100%;
	text-align: center;
	display: inline;
	margin: 0;
	padding: .2em .5em .1em .5em;
	border-right: 1px solid #999999;	
	}

div.inlinenav li.last {
	border-right: none;
	}

/* PotD Navigation */
div.arrownav {margin: 1em 0; text-align: center; clear: both;}
div.arrownav span.prev {float: left;}
div.arrownav span.next {float: right;}
div.arrownav h1 {display: inline;}

p.separator {
	text-indent: 0;
	text-align: center;	
	clear: both;
	}

td.award {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	font-style: italic;
	font-size: 75%;
	padding-left: 2em;
	text-indent: -1em;
	}

img {
	border-width: 0;
	}

img.sclink {
	border-width: 2px;
	border-style: solid;
	border-color: #a00000;
	}

.smallcaps {
	font-size: 75%;
	text-transform: uppercase;
	}

/* Link styles */
a:link, a:active, a:visited {
	color: #a00000;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	color: #a00000;
	font-weight: normal;
	text-decoration: underline;
	}

a.solid:link, a.solid:active, a.solid:visited {
	color: #a00000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 125%;
	font-weight: bold;
	text-decoration: none;
	}

a.solid:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 125%;
	font-weight: bold;
	background-color: #a00000;
	}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: italic;
	line-height: 125%;
	text-indent: 0;
	text-align: center;
	margin: .5em 0;
	}

.scsans				{font-family: Arial, Helvetica, sans-serif; font-size: 75%;}
.scsansitalic		{font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-style: italic;}