/*The main page*/

BODY { 
	background: #fff url(images/326229.png);
	color: #272727;
	margin: 0;
	padding: 0;
	text-align: center;
 	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}

/* links */
A { 
	color: #75053B;
	font-weight: bold;
	text-decoration: none;
}
/* hovering links */
A:hover {
	color: #75053B;
	font-weight: bold;
	text-decoration: underline;
}

#actualpage {
	width: 1000px;
	margin: auto;
	text-align: center;
 	background-color: #efefef;
}

/*everything for the header*/
#firstmenu {
	background-color: #efefef;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px dashed #75053B;
}

#firstlist {
	padding: 0px;
 	margin: 0px;
 	text-align: right;
}

#firstlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#firstlist li {
	display: inline;
	list-style-type: none;
}

#firstlist a { 
	padding-top: 1px;
	padding-bottom: 1px;
 	padding-left: 7px;
 	padding-right: 7px;
 	margin-right: 3px;
	}

#firstlist a:link, #firstlist a:visited {
 	color: #75053B;
 	text-decoration: none;
 	font-weight: bold;
}

#firstlist a:hover{
	text-decoration: underline overline;
	font-weight: bold;
	
}


#secondmenu {
	background-color: #efefef;/*bright grey*/
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;	
	border-bottom: 1px dashed #75053B;
}


#secondlist {
	padding: 0px;
 	margin: 0px;
 	text-align: right;
}

#secondlist ul {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#secondlist li {
	display: inline;
	list-style-type: none;
}

#secondlist a { 
	padding-top: 1px;
	padding-bottom: 1px;
 	padding-left: 7px;
 	padding-right: 7px;
 	margin-right: 3px;
	}

#secondlist a:link, #secondlist a:visited {
 	color: #75053B;
 	text-decoration: none;
 	font-weight: bold;
}

#secondlist a:hover{
	text-decoration: underline overline;
	font-weight: bold;
}


#banner {
	background-image: url(images/austenheader.png);
	width: 1000px;
	height: 200px;
	border-bottom: 1px dashed #75053B;
}
/*end header*/
 /*for the index*/
#content {
	height: 550px;
	padding: 15px;;
	background-color: #efefef;
	text-align: left;
}

html>body #content {
	height: auto;
	min-height: 550px;
}

#left {
	width: 250px;
	float: left;
}

#right {
	margin-left: 265px;
}

/*end index*/

/*the blocks in the index*/
.block
.block { 
	margin-bottom: 1em;
}

/* The block's title */
.block .title {
	color: #75053B;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px dashed #75053B;
	padding-top: 15px;
}

/* The block's content */
.block .content {
	padding: 6px;
	text-align:left;
}


/*end blocks definition*/

#footer {
	border-top: 1px solid #272727;
	padding: 5px;
	text-align:center;
	clear: both;
	background-color: #efefef;
}

/*the quotes addin*/
.quote {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	/*background-color: #d9e5be;*/
	font-size: 14px;
	color: #272727;
}

.quote1 {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	/*background-color: #d9e5be;*/
	font-size: 11px;
	color: #75053B;
	font-weight: bold;
}


.quote2{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	/*background-color: #d9e5be;*/
	font-size: 11px;
	color: #272727;
	font-style: italic;
}

/*end of quotes definition*/

/* Admin options in various places.  */
.adminoptions { 
	color: #e60e8d; /*pink!*/
	font-weight: bold;
}

/* Header cells in tables throughout the site */
TH { 
	background: #75053B;
	color: #FFF;
	font-weight: bold;
}

/* this is a carryover from 1.1.  Generally it is used around tables and table cells. */
.tblborder { 
	padding: 6px;
	border-collapse: collapse;
}

/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	text-align: center;
	font-size: 14px;
	color: #75053B;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* 
Where there's a list of alphabet links #alphabet controls their look. 
Just to make things simpler #pagelinks controls the look of the links at the bottom of multi-page results
and will be set here too. Generally, they look alike.
*/
/* the box around the links */
#alphabet, #pagelinks {
	text-align: center;
	word-spacing: .1em;
	margin: 1em;
}
/* each link */
#alphabet A, #pagelinks A {
	color: #efefef;
	text-decoration: none;
	font-weight: bold;
	background: #75053B;
	border: 1px solid #75053B;
	border-collapse: collapse;
	padding: 0 2px;
}
/* each link when hovered over */
#alphabet A:hover, #pagelinks A:hover {
	background: #efefef;
	color: #75053B;
}
/* the currently selected letter and currently selected page */
#alphabet #current_letter, #pagelinks #currentpage {
	background: #efefef;
	color: #75053B;
	font-weight: bold;
	border: 1px solid #75053B;
	padding: 0 2px;
}
/* End alphabet and page link declarations */

/* labels throughout the site in forms and in other places */
LABEL, .classification {
	color: #000;
	font-weight: bold;
}

.label
	{
	font-weight: bold;
}


/*news*/
.newsbox {
	margin-bottom: 20px; 
	border-bottom: 1px solid #000;
}

.newstitle {
	font-weight: bold; 
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
}



/* This is used on series and challenges and other places where a response is solicited */
.respond { 
	text-align: center;
	padding: 6px;
}

/* titleblock is used for the title information in series and challenges */
#titleblock {
	margin: 0 10%;
}

/* On pages that don't use listings, the content is surrounded by a div labeled output to */
#output { 
	padding: 10px;
}

/* The listings of stories etc. */
/* .sectionheader styles the headings "Stories" and "Series" */
.sectionheader {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

/* The box around each individual story */
.listbox {
	margin: 1em 5%;
	border: 1px solid #75053B;
}

/* The title bar for each story box. */
.listbox .title {
	padding: 4px;
	padding-left: 6px;
}

/* The content of the box...summary, categories, etc. */
.listbox .content {
	padding: 6px;
}

/* The tail info published date etc. on the last line */
.listbox .tail {
	background-color: #efefef;
	padding: 4px; 
	border: 1px solid #75053B;

}

/*End story/series listings */

/* User Profile stuff */
/* The top list of information */
#profile {
	margin: 1em 10%;
}
/* The sort menu in the profile 
#profile #sort {
	text-align: right;
	font-weight: bold;
	color: #9ab96e;
 }*/
 
/* The following declarations control the tabs */
/* The outer tab box */
#tabs {
	background: #efefef;
	border-top: 1px solid #75053B;
	border-bottom: 1px solid #75053B;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* The individual tabs. */
#tabs span {
	font-size: 12px;
	background: #efefef;
	border: 1px solid #75053B;
	padding: 3px;
}
/* Links in the tabs */

#tabs #active {
	background: #efefef;
	color: #272727;
}

/* The pulldown jump menus on several pages. */
.jumpmenu {
	text-align: right;
	margin-right: 1em;
}

/* On the story page, there's a jumpmenu at the bottom. It looks better centered, so this will replace the declaration above for that 
drop down list ONLY */
#pagelinks .jumpmenu {
	text-align: center;
}

/* The sort menu on the categories page */
#sort { text-align: center; }


/* The next link at the bottom of a multi-chapter story */
#next { float: right; }
/* The previous link at the bottom of a multi-chapter story */
#prev { float: left; }

#browse #category_content { width: 95% !important; margin: 1em auto; }