/* CSS Document */
html
{ scrollbar-base-color:#E6D4E7;
  scrollbar-darkshadow-color:#BC8CBF;
  scrollbar-shadow-color:#CCCCCC;
  scrollbar-arrow-color:#BC8CBF;
  scrollbar-track-color: #E9E1F0; }

body 
{ background: #EAE1F1 url(eostumblingstar4b.jpg);
  text-align: center;
  font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Tahoma, Trebuchet, Arial, sans-serif;
  font-size: 84%;
  color: #000000;
  margin:0px;
  padding: 0px;
  overflow-x: auto;}
  
*
{ margin:0px; padding:0px;}

A:link
{ text-decoration: underline; color:#772299; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }
A:visited
{ text-decoration: underline; color:#772299; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }
A:hover 
{ text-decoration: underline; color:#83758A; font-style: italic; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }

img {cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur);}

#index
{ position: relative;
  height: 316px;
  width: 736px;
  text-align: center;
  border-bottom: 2px solid #FFFFFF;
  border-top: 2px solid #FFFFFF;
  padding: 0;
  margin: 20px auto 10px auto;} 
  
#enter
{ position: relative;
  text-align: center;
  padding: 3px;
  margin: 0px auto 15px auto;} 
  
#hidden
{ visibility: hidden;}

#termsbanner
{ position: relative;
  height: 316px;
  width: 736px;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  padding: 0;
  margin: auto auto;}

#terms
{ float: left;
  background-color: #E3DFE5;
  text-align: left;
  width: 716px; 
  min-height: 1150px;
  padding: 4px;
  margin: 6px 16px 6px 16px;}
  
div#terms li
{ margin: 6px 20px;}
  
* html body div#terms
{ height: 1150px;
  margin: 6px 8px 6px 8px;}
  
.terms 
{ font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif; 
  color: #772299;
  font-size: x-large;
  text-decoration: underline;}
       
.enter 
{ font-size: medium;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;}

#container 
{ background: #CCCCCC url(divbackground.gif) repeat-y left top;
  width: 756px;
  text-align: left;
  margin: 0px auto; }
  
#header 
{ position: relative;
  height: 351px;
  width: 736px;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
  padding: 0;
  margin: auto auto;}
  
img#menubarUp
{ position: absolute;
  top: 316px;
  left: 0px;
  visibility: visible;}
  
img#menubarOver 
{ position: absolute;
  top: 316px;
  left: 0px;
  visibility: hidden;}
  
img#menubarDown 
{ position: absolute;
  top: 316px;
  left: 0px;
  visibility: hidden;}
  
#main
{ float: right;
  display: inline;
  background-color: #E3DFE5;
  text-align: left;
  width: 502px; 
  min-height: 1150px;
  padding: 4px;
  margin: 6px 16px 6px 0px;}

/*hack for IE6 and lower*/  
* html body div#main
{ height: 1150px;}
  
#side
{ float: left;
  display: inline;
  width: 200px;
  margin: 6px 6px 2px 16px;}

.sidewrap_justify
{ width: 188px;
  text-align:justify;
  margin: 3px auto;}
  
.sidewrap_left
{ width: 190px;
  margin: 3px auto;}   
  
#welcome
{ background-color: #E3DFE5;
  width: 100%;
  padding: 4px;
  margin: 0px 0px 6px 0px;}
  
#sitestats
{ background-color: #E3DFE5;
  width: 100%;
  padding: 4px;
  margin: 0px 0px 6px 0px;}
  
#affiliates
{ background-color: #E3DFE5;
  width: 100%;
  padding: 4px;
  margin: 0px 0px 6px 0px;}
  
#next
{ background-color: #E3DFE5;
  width: 100%;
  padding: 4px;
  margin: 0px 0px 6px 0px;}
  
#credits
{ background-color: #E3DFE5;
  width: 100%;
  padding: 4px;
  margin: 0px;}        
  
.header 
{ font-family: Trebuchet MS, Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif; 
  color: #772299;
  font-size:medium;}
     
div em
{ color: #333333;} 
  
#footer
{ width: 724px;
  min-height: 20px;
  clear: both;
  background-image: url(footer.jpg);
  background-repeat: no-repeat;
  background-color: #EAE1F1;
  border-top: 1px solid #FFFFFF;
  font-size: 78%;
  text-align: center;
  padding: 4px 6px;
  margin: 0px auto;}
  
#bottomnav
{ font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-size: 130%;
  color: #772299;
  margin-bottom: 4px;}
  
div#footer>div#bottomnav
{ font-size: 138%;} 
  
h1
{ font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: x-large;
  color: #772299;}
  
h2, h3
{ height: 22px;
  background-image: url(purplepurple.jpg);
  background-repeat: repeat-x;
  background-color: #DDCAE0;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: medium;
  color: #772299; 
  padding: 4px;
  margin: 0px;}
  
h4, h5
{ font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: medium;
  color: #772299; 
  margin: 0px 0px 0px 6px;}
  
h5
{ text-align: center;
  text-decoration: underline;} 

/*Classes Used by WordPress except for h4*/  
.meta
{ font-size: xx-small;
  margin: 0px 0px 0px 6px;}

.meta li, ul.post-meta li 
{ display: inline;}

.meta ul
{ display: inline;
  list-style: none;
  margin: 0;
  padding: 0;}
  
.meta, .meta a 
{ color: #333333;
  font-size: x-small;
  font-style: italic;}
  
p, li, .feedback, cite
{ margin: 14px 5px 3px 6px;}

.feedback
{ text-align: right;
  margin: 6px 5px 12px 0px;
  clear: all;}
  
cite
{ font-size: 90%;
  font-style: italic;}

ol#comments li p
{ font-size: 100%;}

p.center
{text-align: center;}

p.leftmargin
{ margin: 0px 4px 0px 6px;}

p.leftmargin_top
{ margin: 3px 0px 0px 6px;}

div.backlink
{ font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: right;
  margin: 16px 5px 3px 0px;
  clear: all;}
  
p.justify
{ width: 488px;
  text-align: justify;
  font-style: italic;
  margin: 14px 5px 3px 6px;}  
  
input, textarea, option, select
{ background: #ffffff;
  font-family: Verdana, Tahoma, "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
  color: #000000; 
  font-size: 88%; 
  border: 1px solid #999999;
  padding: 2px;
  margin: 0px 0px 0px 6px;}
  
select>option
{ border: 0px solid #FFFFFF;
  font-size: 100%;
  padding: 0px;}
  
div.video
{ width: 90%;
  background-image: url(videobackground.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #EAE1F1;
  text-align: center;
  border: 1px solid #FFFFFF;
  padding: 4px;
  margin: 0px auto 12px auto;}  
  
img.videothumb
{ margin: 4px auto;}

div.transcriptwrap
{ width: 490px;
  margin: 0px 5px 0px 6px;}