/*    ReadingShakespeare.org Base Stylesheet
 *     Copyright 2005 ReadingShakespeare.org.  All rights reserved.
 */

html , body
{
        font-family: Garamond , serif ;
	color: #000000 ;
	text-align: center;
	background-color: #F3F3EA;
}

a:link , a:visited , a:active
{	
	color:#1D61CC;
	font-weight:bold;
	text-decoration:none;
}	
		
a:hover	
{	
	color:#0653CC;
	background-color:#90A7CC;
}	

/* There is a DIV with the ID of content which contains all the elements of the page: */

#content
{
	padding:.25em;

	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;

	background-color: #FFFFFF;

	 /* Fixing the width in pixels. */
	 width: 800px ;

         margin: 5% auto;
         text-align: left;
}

/* There is a DIV with the ID of banner that contains the logo across the top of
   the page. */

#banner
{
	font-size: 4em;
	text-align: left;

	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
}

span.logo_r
{
        color: #C92929 ;
}

span.logo_s
{
        color: #006F60 ;
}

/* There is a DIV that contains the main content of the page: */

#main
{
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #DDDDDD;
	border-style: solid;
}

/* There is a DIV that contains the footer without a border for use 
   on the pages that involve dated entries: */

#footer_without_border
{
	font-size: .75em;
	text-align: left;
        margin-left: 15px;
        padding: .5em ;
}

/* There is a DIV that contains the footer with a border for use 
   on standard pages that to not use dated entries: */

#footer_with_border
{
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #DDDDDD;
	border-style: solid;


/*	margin-top: .5em; */

	font-size: .75em;
	text-align: left;
        margin-left: 15px;
        padding-top: .25em ;
}

#footer_left
{
        float: left ;
}

#footer_right
{
        color: #DDDDDD;
        float: right;
        text-align: right;
}

/* There is a DIV that contains the navigation bar.  The navigaton bar is composed of a UL.
   All styling related to the navigation is done here: */

#nav
{
}

#nav ul, #nav ul li
{
	list-style:none;

	margin:0;
	padding:0;
}

#nav ul li
{
	float:left;
	width: auto;
}

#nav ul li a:link, #nav ul li a:visited
{
        color:#1D61CC;

	font-weight:bold;
	font-size:1.2em;
        font-family: Garamond , serif ;
	text-decoration:none;

	padding-left:.5em;
	padding-right:.5em;

	display:block;
}

/* The leftmost navigation button's A sets its ID to "leftmostnav".  That setting 
   and this rule let us clip the left side padding so that the text will sit flush
   to the margin. */

/* This should be better than the above code: */

#nav li a#leftmostnav
{
	padding-left: 0px;
}

#nav ul li a:hover
{
        color:#0653CC;
        background-color:#90A7CC ;
}

/* Various useful formatting things. */

div.caption
{
      	text-align: right;
        font-size: .75em;
}

span.image_title
{
        font-style: italic ;
}

span.i
{
        font-style: italic ;
}

span.b
{
	font-weight:bold ;
}

span.ib
{
        font-style: italic ;
	font-weight:bold ;
}

span.u
{
        text-decoration: underline ;
}

span.ub
{
        text-decoration: underline ;
	font-weight:bold ;
}

span.super
{
        vertical-align: super ;
        font-size: 60%;
}

span.strike
{
        text-decoration: line-through ;
}

span.blue
{
        color: blue;
}

span.red
{
        color: red;
}

div.lesson_author
{
        font-style: italic;
	font-weight:bold;
}

div.quote
{
        margin-bottom: 1em;
}

div.quote_text
{

}

div.quote_author
{
       	text-align: right;
}

div.center
{
     	text-align: center;
}

ol.upper_alpha
{
        list-style-type: upper-alpha ;
}