/* CSS Document */
*
{ margin:0px; padding:0px;}

html
{ scrollbar-base-color: #D8E9D8;
  scrollbar-darkshadow-color: #999999;
  scrollbar-shadow-color: #79A97C; 
  scrollbar-arrow-color: #79A97C;}

body 
{ background-image: url(eosberryfield1f.gif);
  background-color: #F0FAF0;
  text-align: center;
  font-family: Corbel, Calibri, Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #000000;
  margin: 0px;
  padding: 0px;
  overflow-x: auto;}
  
A:link
{color:#5D9161; cursor: crosshair; cursor: url(http://www.written-in-stars.net/cross_r.cur); }
A:visited
{color:#5D9161; cursor: crosshair; cursor: url(http://www.written-in-stars.net/cross_r.cur); }
A:hover 
{color:#99BD9A; cursor: crosshair; cursor: url(http://www.written-in-stars.net/cross_r.cur); }

img {cursor: crosshair; cursor: url(http://www.written-in-stars.net/cross_r.cur);}

img.topmargin
{ margin: 4px 3px 4px 0px;}


/* layout elements */

#container 
{ width: 738px;
  text-align: left;
  margin: 14px auto;}
  
#container_top
{ height: 29px;
  width: 738px;}
  
#inner_container
{ position: relative;
  width: 736px;
  background-color: #E5F5E4;
  border-left: 1px solid #C0E6BC;
  border-right: 1px solid #C0E6BC;
  margin: 0px auto;}
  
#header 
{ position: relative;
  height: 352px;
  width: 736px;
  text-align: center;
  padding: 0px;}
  
#banner
{ border-top: 1px solid #C0E6BC;
  border-bottom: 1px solid #C0E6BC;}
  
img#menubarUp
{ position: absolute;
  top: 318px;
  left: 0px;
  border-bottom: 1px solid #C0E6BC;
  visibility: visible;}
  
img#menubarOver 
{ position: absolute;
  top: 318px;
  left: 0px;
  border-bottom: 1px solid #C0E6BC;
  visibility: hidden;}
  
img#menubarDown 
{ position: absolute;
  top: 318px;
  left: 0px;
  border-bottom: 1px solid #C0E6BC;
  visibility: hidden;}

#main
{ background-color: #F0FAF0;
  width: 714px; 
  min-height: 800px;
  text-align: left;
  padding: 4px 4px 10px 4px;
  margin: 10px auto 7px auto;}

/*hack for IE6 and lower*/  
* html body div#main
{ height: 800px;}  

#footer
{ width: 726px;
  min-height: 20px;
  clear: both;
  background-image: url(footer.jpg);
  background-repeat: no-repeat;
  background-color: #F0FAF0;
  border-top: 1px solid #C0E6BC;
  font-size: 78%;
  text-align: center;
  padding: 4px 5px 0px 5px;
  margin: 0px auto;}

#bottomnav
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 138%;
  color: #5D9161;
  margin-bottom: 4px;}

#containerbottom
{ width: 738px;
  height: 11px;
  margin-bottom: 14px;}

/* fanlisting navigation */

#fanlistingnavigation
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif; 
  color: #5D9161;
  font-size: 104%;
  text-align: center;
  padding: 3px 4px;
  margin: 3px auto 8px auto;}

div#fanlistingnavigation a:link
{ text-decoration: none;}

div#fanlistingnavigation a:visited
{ text-decoration: none;}

div#fanlistingnavigation a:hover
{ text-decoration: none;}


/* list elements */

ul
{ margin: 0px 0px 20px 12px;}

li
{ padding: 0px;
  margin: 0px 0px 0px 12px;
  line-height: 135%;}


/* random positioning and formatting classes */
  
.magicbox
{ color: #603913;
  text-decoration: underline;} 

.tinytext
{ font-size: 100%;
  font-style: italic;}

div.backlink
{ text-align: right;
  margin: 16px 0px 0px 0px;
  clear: all;}


/* paragraph tags */

p
{ margin: 0px 5px 20px 6px;
  line-height: 135%;} 

p.center
{ text-align: center;
  margin-top: 4px;}

p.leftmargin, p.videolinks
{ margin: 0px 4px 10px 6px;}

p.leftmargin_top
{ margin: 3px 0px 20px 6px;}

p.copyright
{ margin: 0px;
  padding-bottom: 4px;}

p.videowarning
{ font-style: italic;
  font-weight: bold;
  margin: 0px 5px 35px 6px;}

p.italics
{ font-style: italic;
  margin: 0px 5px 20px 6px;}

  
/* form elements */

input, textarea, option, select
{ font-family: Corbel, Calibri, Verdana, Arial, Helvetica, sans-serif;
  color: #000000; 
  font-size: 88%; 
  padding: 1px;
  margin: 0px 0px 10px 6px;}

select>option
{ font-size: 100%;
  padding: 0px;} 

img.captcha
{ margin: 6px;}


/* headers */
    
h1
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: x-large;
  color: #772299;}
  
h2
{ min-height: 20px;
  background-image: url(h2Gradient4.jpg);
  background-repeat: repeat-x;
  background-color: #E0F3DD;
  border-top: 1px solid #C0E6BC;
  border-bottom: 1px solid #C0E6BC;
  font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 120%;
  color: #5D9161; 
  padding: 2px 4px;
  margin: 0px 0px 3px 0px;}

/*hack for IE6 and lower*/  
* html body div#main h2
{ height: 20px;}  
  
h3, h6
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 120%;
  color: #5D9161;
  border-bottom: 1px solid #89B38B;}
  
h3
{ margin: 0px 0px 3px 0px;}
  
h4
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 110%;
  color: #5D9161; 
  margin: 3px 0px 3px 6px;}
  
h5
{ font-family: Candara, "Lucida Sans Unicode", "Lucida Grande", "Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 120%;
  color: #5D9161;
  border-bottom: 1px solid #89B38B;
  margin: 0px 0px 0px 0px;}

h6
{ margin: 3px 11px 3px 6px;} 

  
/* code sorting */
  
.codesort ul
{ margin: 3px auto 3px 12px;}

.codesort p
{ margin: 0px;}

.codesort h3
{ text-decoration: underline;
  border-bottom: 0px solid #C5BCAC;}    

.credit
{ text-align: center;
  margin: 14px auto 0px auto;}   


/* elements for the video pages */

div.video
{ margin: 0px auto 25px 7px;
  padding: 0px;}  

div.videoImage
{ float: left;
  display: inline;}
  
img.videothumb
{ margin: 0px 8px 0px 0px;}

div.videoinfo
{ width: 482px; 
  margin: 0px;
  float: left;
  display: inline;}

p.airdate
{ margin: 0px;}

div.clear
{ clear: both;
  margin: 0px;}