/*
  weyr.css for Rogue's Weyr
  Author: Gerald Grenier
  Date:   2006-05-05
 */
 @font-face 
 {
	font-family: 'jr!hand';
	src: url('jr!hand.eot');
	src: local('jr!hand'), local('jr!hand Regular'), local('Jrhand'), url('jr!hand.ttf') format('truetype');
	}
 
 @font-face {
	font-family: 'Lilly';
	src: url('Lilly__-webfont.eot');
	src: local('Lilly'), url('Lilly__-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
 }
 
 @font-face 
 {
  font-family: 'ComputerfontRegular';
    src: url('computerfont-webfont.eot');
    src: url('computerfont-webfont.eot?iefix') format('eot'),
         url('computerfont-webfont.woff') format('woff'),
         url('computerfont-webfont.ttf') format('truetype'),
         url('computerfont-webfont.svg#webfontPUYhtc60') format('svg');
    font-weight: normal;
    font-style: normal;
  }
 
 body 
  {
    background-color: #000000; 
    color: #CCCCCC; 
    font-family: 'Lilly', 'jr!hand', 'Comic Sans MS', 'Zapf Chancery', cursive;
  }
  
 tt
  {
    font-family: Computerfont, 'ComputerfontRegular', 'Courier New', Courier, monospace;
    font-size: 1.33em;  
  }
  
 a:visited 
  {
    color: #C8D7E3;
  }

a:link 
  {
    color: #98B1C4;
  }
  
a:hover 
  {
	  text-decoration: none;
    color: #E15119;
  }

hr 
  {
    text-align: center; 
    width: 85%;
    /*color: #2F4E6F;*/
    background-color: #2F4E6F;
    margin-top: 0.5ex;
    margin-bottom: 0.5ex;
    /* clear: both; */
  }

div.outline
  {
    margin: 10px;
    border: 3px #2F4E6F solid;
    padding: 1ex;
  }

a.nav
  {
    height: 2ex;
    width: 16%;
    background-color: #CCCCCC;
    color: #2F4E6F;
    text-decoration: none;
    vertical-align:middle;
    border: 3px solid #CCCCCC;
    padding: 3px;
    margin: 3px;
    font-size: 0.75em;
  }
  
a:hover.nav
  {
	  text-decoration: none;
    color: #CCCCCC;
    background-color: #2F4E6F;
    border: 3px outset #2F4E6F;
  }

a:visited.nav 
  {
    color: #000000;
  }  
a.here
  {
    height: 2ex;
    width: 16%;
    background-color: #2F4E6F;
    color: #CCCCCC;
    text-decoration: none;
    vertical-align:middle;
    border: 3px inset #2F4E6F;
    padding: 3px;
    margin: 3px;
    font-size: 0.75em;
  }
  
address
  {
    text-align: center;
  }

#links 
  {
    float: left; 
    width: 9em;
  }

#links a 
  {
    text-align: center;
    display: block;
    height: 2ex;
    width: 9em;
    background-color: #CCCCCC;
    color: #2F4E6F;
    text-decoration: none;
    vertical-align:middle;
    border: 3px solid #CCCCCC;
    padding: 3px;
    margin: 3px;
    font-size: 0.75em;
  }
#links a.nav
  {
    width: 7em;
    margin-left: 2em; 
  }
#links a:hover
  {
    text-align: center;
    display: block;
	  text-decoration: none;
    color: #CCCCCC;
    background-color: #2F4E6F;
    border: 3px outset #2F4E6F;
  } 

#links a.here
  {
    text-align: center;
    display: block;
    height: 2ex;
    width: 9em;
    background-color: #E15119;
    color: #CCCCCC;
    text-decoration: none;
    vertical-align:middle;
    border: 3px inset #E15119;
    padding: 3px;
    margin: 3px;
    font-size: 0.75em;
  }
  

#main 
  {
    margin-left: 9em;
  }
  

tr.odd
  {
    background-color: #2F4E6F;
  }

#story p
	{
		margin-bottom: 0em;
	}
	
#story p.indent
	{
		text-indent: 3ex;
		margin-top: 0em;
	}
	
#story p.scene
 {
 	text-indent: 3ex;
	margin-top: 1em;
 }

 #story p.disclaimer
 	{
		text-indent: 3ex;
		font-style:italic;
		margin-top: 0em;
	}
 #story p.divider
  {
		text-align: center;
	}
 #story span.spank
  {
		color: #FF0000;
	}
 #story h2
 	{
		text-align: center; 
		margin-bottom: 0px;
	}
 #story h3
 	{
		text-align: center;
		margin-top: 0px;
		margin-bottom: 0px;
	}
 #story h4
 	{
		text-align: center;
		margin-top: 0px;
	}
	
  div.gallery
  {
 /* display: table-cell; */
 /* display: inline; */
    width: 155px;
    height: 190px;
    text-align: center;
 /*  border: 3px solid #30401B; */
 /* margin: 0px; */
    float: left;

  }

 div.gallery p
 	{
  	text-align: center;
    margin: 0px;
    background-color: #30401B;
  }

 div.gallery img
 	{
  	margin-bottom: 0px;
    width: 150px;
    border: 0px;  
  }