/*
 *  YBG.css
 */

body 	{font-family: Arial, Helvetica, sans-serif; font-size: smaller; width: auto; height: auto;}


.box-heading	{font-size: larger; font-weight: bold; padding-left: 4px; border-bottom: 1px dashed black; margin-bottom: 0.4em}
#navbar .box-heading	{background-color: #ffff7c; }
#related .box-heading	{background-color: #7cff7c;}


#header 	{
			background: #7cbdff; 
			border: 1px solid black;
			padding: 0px;
			height: 54px;
			}


#related 	{
			position: relative;
			float: right;
			width: 23ex; 
			background-color: #7cff7c; 
			border: 1px solid black; 
			margin-bottom: 1em;
			margin-top: 1em;
			}
			

#navbar 	{
 			background-color: #ffff7c; 
			position: relative;
			float: left;
			clear: none;
			width: 23ex; 
			border: 1px solid black; 
			z-index: 20;
			margin-bottom: 1em;
			margin-top: 1em;
			}

a {color: black; text-decoration: none;}
a:hover {text-decoration: underline}

#navbar .links p a 	{
			padding-left: 3ex;
			margin-right: 20px;
			display: block;
}

.links {
			margin-bottom: 0em;
			margin-top: 0em;
			}


#related .links p a 	{
			padding-left: 3ex;
			margin-right: 20px;
			display: block;
}


.links p 	{
			text-indent: -1ex;
			margin-top: 0em;
			margin-bottom: 0em;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
			width: 100%;
			}
			
.links p.off	{
			filter: alpha(opacity=75);
			-moz-opacity: 75%;
			background-color: #ffff7c; 
			}

.links p.on	{
			background-color: transparent; 
			}

#navbar form	{margin-top: 0em;
				margin-bottom: 1ex;
				padding-left: 1ex;
				}

#navbar form input.box {width: 16ex; font-size: 1em}
#navbar form input.button {width: 4ex; font-size: 1em; height: 1.7em;}

#related form	{margin-top: 0em;
				margin-bottom: 1ex;
				padding-left: 1ex;
				}

#related form input.box {width: 16ex; font-size: 1em}
#related form input.button {width: 4ex; font-size: 1em; height: 1.7em;}


#bottomBit	{
			position: relative;
			clear: all;
			}

#blueBottomBit 	{
			background: #7cbdff; 
			border: 1px solid black; 
			padding: 0.5em;
			text-align: left;
			clear: all;
			}

#backToTop 	{
			position: relative;
			top: 1px;
			float: right;
			width: 23ex; 
			background: #7cff7c; 
			border-left: 1px solid black; 
			border-right: 1px solid black; 
			border-top: 1px solid black; 
			border-bottom: 1px dashed #7cbdff; 
			text-align: right;
			}

#backToTop p {
			padding: 0.5em;
			margin: 0px;
		}


#3col		{width: 90%; font-size: larger;}
#3col td	{font-family: Arial, Helvetica, sans-serif; font-size: 10pt; vertical-align: top; text-align: left;}

#cols {width: 100%;}
#cols td 	{font-family: Arial, Helvetica, sans-serif; font-size: 10pt; vertical-align: top; text-align: left;}

#cols td a:link		{color: black; text-decoration: none;}
#cols td a:visited	{color: black; text-decoration: none;}
#cols td a:hover	{color: black; text-decoration: underline;}
#cols td a:active	{color: black; text-decoration: underline;}

#questions td		{vertical-align: top; font-size: smaller; border-bottom: 1px solid #cccccc;  padding-bottom: 1em; padding-right: 2ex;}
#questions td.text	{padding-top: 0.3em; border-right: 1px dashed #e8e8e8; padding-left: 1ex;}
#questions td.letters	{padding-top: 0.1em; line-height: 1.4em; width: 3ex; text-align: right;}
#questions tr.alt	{background-color: #e8e8e8;}

h1, h2, h3, h4	{color: gray}

h1	{font-size: 1.9em; }
h2	{font-size: 1.6em; }
h3	{font-size: 1.3em; }
h4	{font-size: 1em; }

#main	{
		width: auto;
		position: relative;
		left: 0ex;
		margin-top: 1em;
		margin-bottom: 1em; 
		padding-left: 27ex; 
		padding-right: 27ex; 
		z-index: 10; 
		text-align: justify;
	}

#main a:link	{color: black; text-decoration: underline;}
#main a:visited	{color: black; text-decoration: underline;}
#main a:hover	{color: black; text-decoration: none;}
#main a:active	{color: black; text-decoration: none;}



#main p 	{text-align: justify;}
		
#main ul	{list-style-image: url(/images/list.gif);}
#main ul li	{margin-bottom: 1ex}

#main ul.small		{list-style-type: disc; list-style-image: url();}
#main ul.small li	{margin-bottom: 0ex}

#main ol.spaced	{}
#main ol.spaced li {margin-bottom: 1.6em;}

#main hr	{
			color: white; 
			border-right: 0px; 
			border-left: 0px; 
			border-bottom: 0px; 
			border-top: 1px dashed silver;
			}

#main .navTable	{
			width: 100%;
			border-top: 1px solid silver;
			border-bottom: 1px solid silver;
			border-right: 1px solid silver;
			}

#main .navTable	td {
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 10pt;
			text-align: center;
			border-left: 1px solid silver;
			}

#main #definition	{width: 100%;}
#main #definition p	{margin-left: 3ex; margin-right: 3ex;}
			

.sect img 	{float: left; padding-right: 1ex;}

#main #play	{width: 100%;}
#main #play p	{margin-bottom: 0.5em;}
#main #play p img {margin-left: 1ex; margin-right: 1ex;}

#main .source	{text-align: right; font-style: italic;}

#main .question	{font-style: italic; width: 99%}
#main .question b {font-style: normal}

/************************************************************  

 - Some section-specific stuff here

*************************************************************/

#compendium	{}
#compendium #name {font-weight: bold; font-size: larger; margin-top: 2em;}
#compendium #links ul {list-style-image: url(); list-style-type: disc; margin-top: 0em;}
#compendium #links ul li {margin-bottom: 0ex;}
#compendium #links p	{padding-left: 3ex; text-indent: -3ex;}

#compendium #links a:link		{color: #902020;}
#compendium #links a:visited	{}
#compendium #links a:hover		{}
#compendium #links a:active		{}

#compendium #extras ul {list-style-image: url(); list-style-type: disc; margin-top: 0em;}
#compendium #extras ul li {margin-bottom: 0ex;}

#compendium #born 	{margin-bottom: 1em;}
#compendium #text	{margin-bottom: 2em;}

#plays #title {font-weight: bold; font-size: larger; margin-top: 2em;}

#glossary {margin-top: 2em; width: 95%;}
#glossary #term {font-weight: bold; font-size: larger;}

#concepts #concept {font-weight: bold; font-size: 1.9em; color: gray;}
#concepts .firstline {font-weight: bold;}
#concepts .question {margin-bottom: 2em; margin-left: 3ex; margin-right: 3ex;}
#concepts .source {font-weight: bold; text-align: left; font-style: normal; margin-bottom: 0em;}
#concepts .rest p {margin-top: 0em;}

#moral ul {list-style-image: url(); list-style-type: disc; margin-top: 0em;}
#moral ul li {margin-bottom: 0ex;}

#main #search		{z-index: 20;}

#main #search h4 	{margin-bottom: 0em;}
#main #search ul 	{margin-top: 0em;}

#main #search form {width: 90%;}

#main #search #sian	{font-size: x-large; width: 90%; background-color: hotpink; text-align: center; padding-top: 1em; padding-bottom: 1.5em; margin-top: 2em;}