body
{
	margin: 0;
	padding: 0;
	font-family: georgia, times, "times new roman", serif;
	font-size: 10pt;
	color: #000;
	background-color:#333;
}

a img{
    border:0px;
}

.left{
    float:left;
}

.right{
    float:right;
}

.clear{
    clear:both;
}

#splash_title{
	font-size:33pt; 
	font-family:sans-serif; 
	font-weight:600;
	color:#333;
	line-height:130%;
}

#splash_toc {
	font-size:180%;
	line-height:100%;
}

/*#splash_title span a{
	font-size:12pt;
	line-height:100%;

}
#splash_title span a:link{color:#aaa;}
#splash_title span a:visited{color:#aaa;}
#splash_title span a:hover{color:#333;}

#splash_title a{
	font-size:14pt;
	line-height:100%;
}
*/
#splash_toc .subtitle {
	font-size:80%;
	color:#333;
	line-height:100%;
}
/****************************************************
 *Container:
 *	Style for main "white box" around content
 ***************************************************/
.container 
{
	/*width:90%;*/
	width:720px;
	border:2px solid #999; 
	background-color: #fff;
	margin:10px 10px 10px 60px;
	padding: 5px;
}

/****************************************************
 *Header stuff:
 *	Styles for top image, menu, and subheader
 ***************************************************/

#main_title{
	float:left; 
	font-size:28pt; 
	font-family:sans-serif; 
	font-weight:600;
}
#main_title a:link	{color:#fff; text-decoration:none;}
#main_title a:visited	{color:#fff; text-decoration:none;}
#main_title a:hover	{color:#fff; text-decoration:none;}

.header
{
	width:698px;
	height:53px;

	border:solid;
	border-width:1px;
	padding: 0px 10px 10px 10px;
	
	background:url(images/sblogo.jpg);

}

.header_left{

	padding-top:18px;

	color:#fff;
	float:left;
}

#header_right{
	padding: 3px 3px 3px 3px;
/*	background-color:#fff;*/
	text-align:center;
/*	border: 2px solid #000000; */
	vertical-align:bottom;
	font-weight:500;
	margin: 30px 0px 0px 0px;
	float:right;
}

#header_right a{
	padding:2px 3px 2px 3px;
	border: 1px solid gray;
	background-color:#fff; 
}

#header_right a:link{
	color:#69f; 
	text-decoration:none; 
}

#header_right a:visited{
	text-decoration:none; 
}

#header_right a:hover{
	text-decoration:none;
	background:url(images/sblogo.jpg);
	color:white
}

/*#header_right a:hover{
	text-decoration:none;
	background-color:#333;
	color:#999;
} */

#sub_header{
	width:700px;
	padding: 5px 10px 5px 10px;
	background-color:#333;
	font-family: georgia, times, "times new roman", serif;
	color:#fff;
	float:left;
}

#sub_header a:link{color:#fff;	 text-decoration:none;}
#sub_header a:visited{color:#fff; text-decoration:none;}
#sub_header a:hover{color:#fff;	text-decoration:underline;}

#sub_right{
	/*font-weight:bold;*/
	font-size:11pt;
	float:right;
}

#sub_right a{
	font-weight:bold;
}

/****************************************************
 *Content stuff:
 *	Styles for content (body) of page.
 *	Will probably have to move / expand this for
 *	different poems.
 ***************************************************/

#content
{

	width:698px;
	height:100%;
	padding:10px 10px 10px 10px;
	line-height:130%;

}

#content h1{
/*  font-family:sans-serif; */
    font-family:"Georgia", serif;
    font-weight:normal;
	font-size:18pt;
	color:#999;
}

/*#content a:link{color:#69f;	 text-decoration:none;}
#content a:visited{color:#69f; text-decoration:none;}*/
#content a:link{color:#0033CC;	 text-decoration:none;}
#content a:visited{color:#0033CC; text-decoration:none;}
#content a:hover{color:#333;	text-decoration:none;}

#content a.note { /* added by Jay Thomas */
	vertical-align:super;
	font-size: 0.8em;
	line-height:0px;
	padding: 3px 0px;
	margin: 0 0.20em;
}

#content p.indent { /* added by Jay Thomas */
	text-indent: 3em;
}

#toc_left{
	float:left;
	margin-top:70px; /*168*/
}

#toc_left a img{ border:none; }

#toc_mid{
	float:left;
	width:30px;
	margin-left:5px;
	margin-top:20px;
}

#toc_right{

	float:left;
	margin-left:5px;
	margin-bottom:20px;
	width:420px;
}

#toc_right ul{
	margin:0;
	padding:0;
}

#toc_right div{
	padding: 3px 3px 3px 3px;
}

#toc_right div.editorial{
	background-color:#aaf;
}

#toc_right div.poem{
	background-color:#ddd;
	list-style:none;
}

#toc_right div.essay{
	background-color:#fc9;
	list-style:none;
}

#toc_right div.fiction{
	background-color:#f96;
	list-style:none;
}

#toc_right div.nonfiction{
	background-color:#c96;
	list-style:none;
}

#toc_right div.art{
	background-color:#c99;
	list-style:none;
}

#toc_right div.feature{
	background-color:#cccc66;
	list-style:none;
}

#toc_right div a{ float:right;}
#toc_right div span{float:left;}
#toc_right div span a{float:left; font-weight:bold;}

#toc_right a:link{ color:#333; text-decoration:none;}
#toc_right a:visited{color:#333; text-decoration:none;}
#toc_right a:hover{ text-decoration:none; color:#666;}

/* Checkmark after visited TOC links. Doesn't show in IE 
#toc_right a:visited:after { content:"\00A0\2713"; }
/* In white is nicer, but IE does strange stuff with this.
#toc_right a:visited:after { content:"\00A0\2713"; color:white;}
*/

#keys{
	font-family:sans-serif;	
	font-size:14pt;
	float:right;
	background-color:#000;	
/*	width:100%;*/
	line-height:130%;
	border: 2px solid black;
}

#keys span.art_key{
	background-color:#c99;
	float:left;
}

#keys span.essay_key{
	background-color:#fc9;
	float:left;
}

#keys span.nonfiction_key{
	background-color:#c96;
	float:left;
}

#keys span.fiction_key{
	background-color:#f96;
	float:left;
}

#keys span.poem_key{
	background-color:#ddd;
	float:left;
}

#keys span.feature_key{
	background-color:#cccc66;
	float:left;
}

#caption{
	font-size:8pt;
}

#caption a:link { color:#334; text-decoration:none;}
#caption a:visited {color:#666; text-decoration:none;}
#caption a:hover { color:#999; text-decoration:none;}

.caption{
	font-size:8pt;
}

.caption a:link { color:#334 !important; text-decoration:none;}
.caption a:visited {color:#666 !important; text-decoration:none;}
.caption a:hover { color:#999 !important; text-decoration:none;}


#pic{
	float:right;
	padding: 10px 20px 20px 10px;
}
#pic p{
	width:249px;
	text-align:center;
	font-size:8pt;
}
#pic a img{ border:none; }
#pic a:link{ color:#334; text-decoration:none;}
#pic a:visited{color:#666; text-decoration:none;}
#pic a:hover{ text-decoration:none; color:#999;}

#staffPage p{
	margin-left:20px;
}

#staffPage h3{
	text-decoration:underline;
}
#staffPage span{
	font-weight:bold;
	text-decoration:underline;
	color:#333;
}

/****************************************************
 *Works stuff:
 *      Styles for work titles / other individual stuff
 ***************************************************/

#work_title{
	font-weight:bold;
	font-size:110%;
}

#work_title span{
	font-weight:normal;
	color:#999;
}

#work_title span.erasure{ font-weight:normal; color:#fff; }
.erasure{ color:#fff; behavior:url("../../style/csshover2.htc"); }
/*
#work_title span.erasure:hover{ font-weight:normal; color:#ccf; }
.erasure:hover{ color:#ccf; }
*/

#work_title a:link{ color:#999; text-decoration:none;}
#work_title a:visited{color:#999; text-decoration:none;}
#work_title a:hover{  color:#999; text-decoration:none;}

#work_subtitle{
	font-weight:normal;
	text-indent:2em;
}

.archive_title{
	font-weight:bold;
	font-size:130%;
}

.archive_subtitle{
	font-weight:bold;
	font-size:110%;
}

/****************************************************
 *Copyright stuff:
 *	Copyright notice at the bottom
 ***************************************************/

#copy{
	color:#ccc;
	font-size:8pt;
	margin:5px 5px 5px 60px;
}

/****************************************************
 *Misc: blockquotes, dropcaps, etc.
 ***************************************************/

.bqstart, .bqend { font-size:700%; color:gray;  }

.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     padding-right: 5px;
     margin-bottom: -50px;
}

.bqend {
     float: right;  
     height: 25px;
     margin-top: -40px;
     padding-top: 45px;
     position:relative;
     right:-40px;
}

.dropcap {
float:left;
font-size:200%;
line-height:100%;
padding-top:2px;
padding-right:7px;
font-family: Times, serif, Georgia;
} 

/****************************************************
 *DOMCollapse stuff
 ***************************************************/

 .trigger{
	 cursor:pointer;
	 clear:left;
 	 font-style:italic;
 }
 .trigger:hover{
	 cursor:pointer;
	 background:#ddf;
 }
 .expanded{
	 background:#ccf;
	 cursor:pointer;
 	 font-style:italic;
 }
 .expanded:hover{
	 background:#eef;
	 cursor:pointer;
 }
 .show{
	 position:static;
	 display: table;
 }
 .hide{
	 position:absolute;
	 left:-999em;
	 height:1px;
	 width:100px;
	 overflow:hidden;
 }

#collapsibles img{border:none;padding-right:.5em;}

/***************************************************
 * Sharing links
 **************************************************/
div.addLinks{
    margin-left:60px;
    margin-top:5px;
    margin-bottom:7px;
}

/****************************************************
 *Text styles for contributors, TOC
 ***************************************************/
.contribtitle{
     font-size:14pt;
     line-height:20pt;
}

.contents_title{
    font-size:24pt;
    color:#666;
    width:100%;
    text-align: center;
}


.contents_group{
    font-size:18pt;
    color:#999;
    padding-left:10px !important;
    margin-top:6pt !important;
    margin-bottom:6pt !important;
}

.header_fiction{
    border-left:solid 4px #f96;
}

.header_poetry{
    border-left:solid 4px #ddd;
}

.header_editorial{
    border-left:solid 4px #aaf;
}

.header_nonfiction{
    border-left:solid 4px #c96;
}

.header_art{
    border-left:solid 4px #c99;
}

.header_essays{
    border-left:solid 4px #fc9;
}

.header_features{
    border-left:solid 4px #cccc66;
}


p.contents_item{
    line-height:20pt;
    margin-left:20px !important;
    border-bottom:dotted 1px #999;
}


.front_title_new{
    font-size:24pt;
    color:#666;
    width:100%;
    text-align: center;
    padding-top:25px;
    padding-bottom:10px; 
    line-height:30px;   
}

.front_sub{
    font-size:18pt;
    color:#999;
}

.front_line{
    line-height:4px;
    font-size:4px;
    width:80%;
    color:#fff;
    border:0px;
    border-bottom:dotted 1px #999;
}