/* Universal declarations on varoius pages throughout the site*/
BODY { 
	background: url(images/Flower2.jpg) top left no-repeat #FFF; 
	margin: 0;
}

/* site links */
A:link { 
	font-weight: bold; 
	color: #900; 
	text-decoration: none;
}
A:visited { 
	font-weight: bold; 
	color: #900; 
	text-decoration: none;
}
A:hover { 
	text-decoration: underline; 
}
A:active { 
	text-decoration: underline; 
	color: #FFC080; 
}
/* end site links */

HR { color: #000; background: #000; }

/* Make labels in forms stand out. */
LABEL { 
	font-weight: bold; 
	color: #000;
}

/* Labels for text around the site. */
.label { font-weight: bold;  }

/* Make the text in select boxes smaller. */
SELECT { font-size: 10px; }

.tblborder { 
	border: 1px solid #000; 
	border-collapse: collapse; 
}
.tblborder TH { 
	background: #900;
	color: #FFF; 
}


/* Center the skinchange and rss in the left hand column.  Also give the skin a 1ex top and bottom margin */
#skin { margin: 1ex auto; text-align: center; }
#rss { text-align: center; margin: 1ex 0;}

/* The menu in the left hand column.  Unlike the rest of the blocks, I didn't put this one inside a div labeled 
block because it's going to have a different appearance than the others.
It's set to output the links as just links instead of an unordered list (see the variables.php)
These declrations override the univeral declarations above.
This lets us set the display of the links as block which gives them all the same width and lets us do 
some neat things with backgrounds and such.
*/
#menu, #menu2 { 
	margin: 0 auto 1ex;
	border: 1px solid #900;
}
#menu A, #menu2 A { 
	display: block; 
	border: 1px solid #900; 
	padding: 0 4px;
}
#menu A:link, #menu2 A:link { 
	display: block; 
	background: white;
}
#menu A:visited, #menu2 A:visited { 
	display: block; 
	background: white; 
	color: #900;
}
#menu A:hover, #menu2 A:hover { 
	display: block; 
	background: #900; 
	color: white; 
	text-decoration: none; 
	border: 1px solid #FFF;
}
#menu A:active, #menu2 A:active { 
	display: block; 
	background: white; 
	color: #FFC080; 
	border: 1px dashed #900;
}

/* Because I didn't put the menu block inside a div with the class block I need to style the menu title separately.  
I put the menu title inside it's own div with the id menu_title to do this.*/
#menu_title { 
	font-size: 20px; 
	padding: 0;
	margin: 0;
	padding-top: 3px;
	font-family: Arial;
	text-align: center; 
	color: #FFF;
}

#menu2_title { 
	font-size: 20px; 
	padding: 0;
	margin: 0;
	padding-top: 3px;
	font-family: Arial;
	text-align: center; 
	color: #900;
}
/* end menu declarations */

/* The login block form has an ID of loginblock so you can style it as you wish. */
#loginblock {
	text-align: left; 
	padding: 5px; 
	width: 130px; 
	margin: 5px 0;
}
#loginblock LABEL { 
	font-weight: bold; 
	font-size: 14px;
}
#loginblock .button, #loginblock .textbox { font-size: 10px; }

/* All of the blocks except the menu are wrapped in a div with a class of block.  This makes it 
easier to style them the same. This declaration takes care of the blocks in the left column.  
Later in the sheet the blocks on the index page have a separate declaration.
*/

#footer { margin: 1em; }

/* Used in a couple places to clear floated elements */
.cleaner { 
	clear: both;
	height: 1px; 
	font-size: 1px;
	border: medium none; 
	margin: 0; 
	padding: 0; 
	background: transparent;
}

#banner { height: 150px;  text-align: left; }

#sitename { }


/* The following define the 2 column layout */

/* The outer containers.  Use container1 for the left column background and container2 for the right column background.
The background color of the middle column is also controlled by container1. 
*/
#container1 { float: left; width: 100%;}
#container2 { width: 100% }

/* Bottom navigation */
#bottom-nav { text-align: center; padding: 1ex;}

/* The left column.  */
#leftindex { width: 145px; float: left; padding: 5px 0 0 5px; }

/* The middle column. */
#middleindex { 
	margin: 0 10px 0 152px;
	padding: 5px 30px;
	height: 450px;
	border: 2px solid #900;
	background: url(images/Flower1.jpg) no-repeat -157px -152px #FFF;
}
html>body #middleindex { height: auto; min-height: 450px; margin: 0 10px 0 155px;}

/* page and alphabet links on various pages */
#pagelinks, #alphabet { 
	text-align: center; 
	font-size: 13px; 
	margin: 1em 0; 
	line-height: 25px;
}
#pagelinks a, #alphabet a { 
	background: #900;
	border: 1px solid #000;
	padding: 2px 4px;
	margin: 0;
	text-decoration: none;
	color: #FFF;
}
#pagelinks a:hover, #alphabet a:hover { 
	border: 1px solid #000; 
	padding: 2px 4px; 
	margin: 0; 
	text-decoration: none; 
	background: #900;
	color: #FCF;
}
#pagelinks #currentpage, #alphabet #currentletter {  
	color: #900; 
	border: 1px solid #000; 
	padding: 2px 4px; 
	margin: 0; 
	font-weight: bold;
	background: #FCF;
}
#pagelinks #currentpage:hover, #alphabet #currentletter:hover { text-decoration: none; }
 
/* end page and alphabet links */

/* The next and prev links in the viewstory page */

#next A, #prev A {
	padding: 2px 4px; 
	margin: 0; 
	background: #900; 
	color: #FFF;
	border: 1px solid #000;
}
#next A:visited, #prev A:visited { 
	background: #900; 
	border: 1px solid #000;
	padding: 2px 4px; 
	color: #FCF;
	margin: 0; 
}
#next A:hover, #prev A:hover {  
	border: 1px solid #000; 
	color: #900;  
	padding: 2px 4px; 
	margin: 0;
	background: #FCF;
}
#next A:active, #prev A:active{ 
	background: #900; 
	border: 1px solid #000; 
	color: #FFF;
	padding: 2px 4px; 
	margin: 0; 
}
#next { float: right; }
#prev { float: left; }

/* End universal declarations */


/* The blocks in the center  on the index page. */

#middleindex .block { 
	margin: 1ex; 
}
#middleindex .block .title { 
	padding: 3px;
	font-size: 26px;
	color: #900;
	border-bottom: 3px double #900;
	width: 60%;
}
#middleindex .block .content .title { color: #000000; }
#middleindex .block .content { 
	padding: 5px; 
}

.recentbox { 
	margin: 1ex 5%;
}

.recenttitle {
	text-align: left;
}

#newscontainer { background: white; }
.newsodd, .newseven { 
	border-bottom: 1px solid #000; 
	padding: 5px;
	margin: 0 10% 1em;
}
.newstitle { 
	font-weight: bold; 
	font-size: 115%; 
	color: #900;
}
.newssig { text-align: right; }

.commentodd, .commenteven {
	padding: 7px;
	border: 1px solid #000;
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	margin: 1em 10%;
	background: #FFF;
}

.commentsig { 
	font-style: italic;
	text-align: right;
	padding-right: 80px;
}

#info_left, #newestmember { font-weight: bold; }
#info_right { text-align: right !important; }
#newestmember BR { display: none; }

#welcome { 
	text-align: justify;
	font-size: 1.1em;
	font-weight: normal;
	margin: 1em 0;
	color: #000;
}
/* Index page ends here */

/* The "Stories" and "Series" labels used in listings */
.sectionheader { 
	text-align: right; 
	font-size: 120%; 
	margin: 1ex 0 1ex 40%; 
	padding-right: 5px;
	border: 0;
	border-bottom: 1px solid #000;
}

/* The page title */
#pagetitle {  
	font-size: 20px; 
	text-align: center; 
	margin: 1ex;
}

/* The boxes for story and series information used around the site.  We're just styling the one's in default_tpl. */
.listbox { 
	margin: 1em 30px;
}
.listbox .title {
	font-size: 135%;
	
}
.listbox .dateinfo {
	font-size: 80%;
	font-weight: normal !important;
}
.listbox .content {
	margin: 1em 0;
}

.listbox .adminoptions { display: inline; }

.listbox HR {
	width: 70%;
	height: 1px;
	background: #000;
	color: #000;
	border: 0;
	margin-top: 1.5em;
}

.listbox .infolinks {
	display: block;
	margin-left: 20px;
	margin-top: 1em;
	font-size: 80%;
}

.listbox .tail {
	font-size: 80%;
	text-align: right;
}

/* The profile portion of the viewuser page */
#profile { padding: 10px; }

/* The following declarations control the tabs */
#tabs {
	position: absolute;
	width: 200px;
	right: 35px;
	top: 175px;
	border-top: 1px solid #000;
	background: #900;
}
#tabs SPAN { 
	border: 1px solid #000;
	border-top: 0;
	display: block;
	padding: 3px 5px;
	color: #FFF;
}

#tabs #active {
	background: url(images/tabActive.gif) no-repeat #900;
	color: #FFF;
	padding-left: 20px;
}

#tabs A { color: #FFF; }

#profile { margin-right: 120px; }

.new {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	color: #CC0000;
	padding: 0 10px;
}


/* Notes on the viewstory page. */

.notes {
	background: #FFF;
	border: 1px solid #000;
	margin: 1em 10%;
}
.notes .title {
	background: #900;
	padding: 5px;
	color: #FFF;
	border-bottom: 1px solid #000;
}
.notes .noteinfo {
	padding: 5px;
}

#rememberme {
	white-space: nowrap;
}

.jumpmenu2, #viewstory .respond { text-align: center; }