/*****************************************************
 * Silver-Orange Theme for Penguin_Huggle Story Page *
 *****************************************************/

body {background-color: rgb(204,204,204); 
      background-image: url("lightsilver.png");
      color: black;
      border: none;  
      min-width:600px; }

.banner {text-align: center;}
.ctr	{text-align: center;}

h1,h2,h3,h4,h5,h6   {color: rgb(230,96,0);  /* dark orange */ }	
h4.chtitle	    {font-family: sans-serif; font-weight: bold; text-align: center;}


a:link    {color: rgb(230,96,0);   /* dark orange */    font-weight: bold;  text-decoration: underline; }
a:visited {color: rgb(0,180,80);   /* spring green */   font-weight: bold;  text-decoration: underline; }
a:hover   {color: rgb(255,255,255); /* white */          font-weight: bold;  text-decoration: none; }
a:active  {color: rgb(255,156,0);   /* orange */         font-weight: bold;  text-decoration: none; }

a.grey:link img		{border:none; }
a.grey:visited img	{border:none; }
a.grey:hover img	{border:none; background:#ffffff; }
a.grey:active img	{border:none; }



/* stuff for centered horizontal navigation menubar */
.centeredhorizontalmenubar
	{width:100%; vertical-align:middle; text-align:center;
	 background-image:url("blackstripes.png"); 
         background-color: black;
         height:25px; }
.centeredhorizontalmenubar img.leftfloat
	{display:inline; vertical-align:middle; float:left; }
.centeredhorizontalmenubar img.rightfloat
	{display:inline; vertical-align:middle; float:right; }
.centeredhorizontalmenubar ul
	{display:inline; vertical-align:middle; list-style:none; margin-left: 0px; padding-left: 0px; height:25px; }
.centeredhorizontalmenubar ul li
	{display:inline; vertical-align:middle; height:25px; font-size:11px; line-height:25px;
	 margin-left: 0px; padding-left: 0px; }


/* stuff for different sections of an individual story page */
.story       {margin-left: 150px;  margin-right: 150px; font-family: sans-serif;}
.disclaim    {margin-left: 0px;    margin-right: 0px;   font-family: serif;
	      font-style: italic;  font-size: small; }
.song	     {margin-left: 190px;  margin-right: 170px; font-family: serif;
	      font-style: italic; }
.bold        {font-weight: bold;}
.boldorange  {font-weight: bold; color: rgb(230,96,0);}  /* dark orange */


/* stuff for previous and next chapter buttons at bottom of individual story page */
.chapternav
	{width:100%; vertical-align:middle; text-align:center; }
.chapternav a.prev
	{float:left;  display:inline; font-size:12px; font-family:sans-serif; }
.chapternav a.next
	{float:right; display:inline; font-size:12px; font-family:sans-serif; }


/* stuff for page footers */
.footer
	{width:100%;  text-align:center; vertical-align:top; }
.footer img.leftfloat
	{float:left;  display:inline;    vertical-align:top; }
.footer img.rightfloat
	{float:right; display:inline;    vertical-align:top; }
.footer p
	{display:inline; 
	 font-family:sans-serif; font-size:small; font-weight:bold; 
	 color:rgb(230,96,0); /* dark orange */ } 


/* stuff for middle 75% of individual author index pages */
.indexmiddle
	{width: 75%;  margin-left: 12.5%;  margin-right: 12.5%;
	 font-weight: bold; }
.indexmiddle p.plain
	{font-size: small;  color: rgb(0,0,0);  text-align: left; 
	 font-family:sans-serif; vertical-align: middle; display:inline;}
.indexmiddle img.leftfloat
	{display:inline; float:left; vertical-align:middle; margin-right: 10px; margin-bottom: 0px; }
.indexmiddle p.dark
	{font-size: small;  color: white; 
	 background-image:  url("charcoal.png"); 
	 text-align: center; vertical-align: middle; }
.indexmiddle table
	{width: 100%; }
.indexmiddle table tr td
	{width: 20%;  text-align: center;  vertical-align: middle; }
.indexmiddle table tr td.eighth
	{width:12.5%; text-align: center;  vertical-align: middle; }


/* stuff for main index page for entire website */
.welcome
	{text-align: center; font-family: sans-serif; font-weight: bold; }
.welcome strong
	{color: rgb(0,100,0); /* dark green */ }
	 

/* stuff for main table of contents on index page for entire website */
.maintableofcontents
	{width: 80%;  margin-left:  10%;   margin-right:  10%; }
.maintableofcontents table
	{width:100%;  border:none; }
.maintableofcontents table tr td.col1
	{width: 20%;        text-align:left;         vertical-align:middle;  
	 font-size:x-small; font-family: serif;     
	 border:none; }
.maintableofcontents table tr td.col2
	{width: 80%;        text-align:left;         vertical-align:middle;  
	 font-size:small;   font-family: sans-serif; font-weight: bold;
	 border:none; }
.maintableofcontents table tr td.col1 a img
	{width:120px; height:50px; }



/* stuff for underconstruction line on index page for entire website */
.underconstruction
	{width: 80%;  margin-left:  10%;  margin-right:  10%;  text-align: center; display: inline; }
.underconstruction p
	{margin-left: 20%; vertical-align: middle; display: inline; 
	 font-family: sans-serif;  font-size: large;  font-weight: normal; }
.underconstruction img
	{vertical-align: middle; height:70px;  width:54px;  display: inline; }
	




th.main  {background-image: url("blackstripes.png"); 
	  color: rgb(230,96,0);  /* dark orange */
	  font-weight: bold; 
	  font-size: 11px; 
	  height: 25px; 
	  border: none; }

th.story {background-image: url("charcoal.png"); 
	  color: rgb(230,96,0);  /* dark orange */
	  font-weight: bold; 
	  font-size: 11px; 
	  height: 25px; 
	  border: none; }