/*cant set the margin in threenav container; it screws up the index page*/

#leftbar{
position:relative;
float:left;
height:100%;
margin-right:20px;
text-align:center;
}

/*background image contains 1px black border to avoid cross-browser spacing issues*/
#threenav{
width:152px;
height:100%;
padding:0px;
border:0px;
margin:0px;
background:url(../threenav.gif) repeat-y 0 0;
float:left;
text-align:center;
}



/* roll over buttons */	

            /* home button */
            dd#home a{
            margin:0 auto;
            display:block;
            margin-top:10px;
            width:60px;
            height:80px;
            background:url(../../nav/homebutton.gif) no-repeat 50% 50%;
            }
            
            dd#home a span{
            display:none;
            }
            
            dd#home a:hover span{
            display:block;
            height:100%;
            background:url(../../nav/homebutton_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }



            /* read button */
            
            dd#read a{
            margin:0 auto;
            display:block;
            margin-top:15px;
            width:60px;
            height:80px;
            background:url(../../nav/read.gif) no-repeat 50% 50%;
            }
            
            dd#read a span{
            display:none;
            }
            
            dd#read a:hover span{
            display:block;
            height:80px;
            background:url(../../nav/read_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }
            

            /* watch buttons */
            dd#watch a{
            margin:0 auto;
            display:block;
            margin-top:10px;
            width:60px;
            height:80px;
            background:url(../../nav/watch.gif) no-repeat 50% 50%;
            }
            
            dd#watch a span{
            display:none;
            }
            
            dd#watch a:hover span{
            display:block;
            height:100%;
            background:url(../../nav/watch_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }
            
            /* listen buttons */
            dd#listen a{
            margin:0 auto;
            display:block;
            margin-top:10px;
            width:60px;
            height:80px;
            background:url(../../nav/listen.gif) no-repeat 50% 50%;
            }
            
            dd#listen a span{
            display:none;
            }
            
            dd#listen a:hover span{
            display:block;
            height:100%;
            background:url(../../nav/listen_ro.gif) no-repeat 50% 50%;
						cursor:hand;
            }



/*this container sits under the actual story nav, and reaches beyond it to set the 
background for the related links section, in bottom right*/
#storynav_container{
float:right;
clear:none;
width:150px;
padding:0px;
margin:0px;
border:0px;
height:100%;
border-left:1px solid black;
border-right:1px solid black;
margin-left:20px;
}

/* top-right story navigation with 838a8a, blue gray background, and right and bottom border */
#storynav{
width:150px;
height:370px;
border:0px;
border-bottom:1px solid black;
margin:0px;
background-color:#838a8a;
float:right;
text-align:left;
}

 						

          /* h4 margins are the first spacings for the story title links*/
          #storynav_header{
					margin:0;
					text-align:center;
         			padding:0;
					width:100%;
					padding-bottom:5px;
					margin-top:5px;
					border-bottom:1px solid white;
					margin-bottom:10px;                          
          }

          /* h3 margins are the first spacings for the section titles links*/
          #storynav h3{
          font:14px  futura, futura lt bt, futura lt, verdana;
		font-weight:300px;
          color:#ffffff;
          margin:0;
		text-transform:uppercase;
          padding:0;
          }
          
                  /* sections div indents next set of h3 tags to show they are sections of the title */
                  #sections{
                  margin:0;
                  padding:0;
                  margin-left:10px;
									width:100%;
                  }
                  
                  /*h4 is the link under the section name*/
                  
                  #storynav h4{
                  display:block;
                  font:9px verdana;
                  display:inline;
                  color:#ffffff;
                  font-weight:normal;
                  margin:0;
                  padding:0;
                  }
                  
      									/*pages table arranges titles next to tiny bugs*/
                        .pages{
                        margin:0;
												margin-top:2px;
												margin-bottom:8px;
                        width:120px;
                        padding:0;
                        text-align:left;
                        }
                        
                        .pages tr{
                        height:22px;
                        padding:0px;
                        border:0px;
                        margin:0px;
                        }
                        
                        .tdtitles{
                        height:22px;
                        padding:0px;
												width:50px;
                        border:0px;
                        margin:0px;
                        text-align:left;
												vertical-align:middle;
                        }
                        
                        .tdimgs{
                        height:22px;
                        padding:0px;
												width:26px;
                        border:0px;
                        margin:0px;
                        text-align:center;
												vertical-align:middle;
												  /* for IE */
                          filter:alpha(opacity=90);
                          /* CSS3 standard */
                          opacity:0.9;
                          }

                        }
                                
                        .pages a{
												color:#ffffff;
												}
												
                        .pages a:link{
                        color:#ffffff;
                        }
												
												.pages a:visited{
                        color:#ffffff;
												}
												
                        .pages a:hover{
                        color:#ffffff;
                        text-decoration:underline;
                        }
												
												
                        
                        
                        .pages img{
                        border:0;
                        margin:0;
                        padding:0;
                        width:20px;
                        height:18px;
                        vertical-align:middle;
                        }


																	
#relativelinks{
position:relative;
float:right;
clear:right;
width:150px;
height:200px;
border:0px;
margin:0px;
padding:0px;
margin-top:30px;
margin-right:1px;
text-align:center;
}

/* old ideas not dead ideas */
#space{
position:relative;
float:right;
width:1px;
height:100%;
margin-bottom:-570px;
}
#nextpage{
position:relative;
top:-20px;
float:right;
clear:right;
width:130px;
height:20px;
border:0px;
margin:0px;
padding:0px;
margin-right:10px;
text-align:center;
}

#relativelinks_bottom a{
font:9px verdana;
color:#3b3b3b;
}