/*
     FILE ARCHIVED ON 5:07:31 Jul 23, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:18:17 Dec 1, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* 
  Meta Anime Review Project Stylesheet
  Revision: BETA
  Author: Pete Harcoff
  Last Updated: 02/24/2005
*/

/* 
  *** UNIVERSAL TEMPLATE ******************************************************************
*/

/* basics */

body { font: normal 12px Geneva, Arial, Verdana, Helvetica, sans-serif; 
       color: #FFFFFF; 
	   margin: 0px;
	   padding: 0px;
	   height: 100%;
	   background: url(/_metareview/images/design2/background.gif) repeat-y top left;
	   background-color: #2D2D2D;
	 }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }

/* links */

a:link { color: #FCFC04; } 
a:visited { color: #F9C309; } 

a.mainMenuLink:link, a.mainMenuLink:visited { font-size: 13px; font-weight: normal; color: #FFFFFF; text-decoration: none; }
a.mainMenuLink:hover { font-size: 13px; font-weight: normal; color: #FFFC00; text-decoration: none; }

.letter_index:link, .letter_index:visited { font-size: 15px; color: #FCFC04; text-decoration: none; }
.letter_index:hover { font-size: 15px; color: #FFFFFF; text-decoration: underline; }
.selected_letter:link, .selected_letter:visited { font-size: 20px; font-weight:bold; color: #FCFC04; text-decoration: none; }
.selected_letter:hover { font-size: 20px; font-weight:bold; color: #FFFFFF; text-decoration: underline; }
.menu_link:link, .menu_link:visited { font-size: 12px; color: #FCFC04; text-decoration: none; }
.menu_link:hover { font-size: 12px; color: #FFFFFF; text-decoration: underline; }

/* LAYOUT DIVS */

/* overall page */

#container { position: absolute;
			 left: 0px;
			 top: 0px;
			 width:100%;
			 border: 0px solid white;
		   }

#top { position:relative;
	   width:100%; 
  	   border: 0px solid lightgreen;
	 }
		   
/* header stuff (title and so on) */
	 
#header { background-color: #162A40; 
		  background: url(/_metareview/images/design2/headerbackground.gif);
		  height:92px;
  		  width:100%;
		  border: 0px dashed yellow;
		}
		
#header h1 { background: url(/_metareview/images/design2/headerlogo.gif) no-repeat top left; 
			 width: 477px;
			 height: 51px;
			 margin: 0px;
			 float: left;
			 position: absolute;
			 left: 24px;
			 top: 16px;
			 border: 0px solid white;
		   }
#header h2 { display:none; }
#header h1 span { display:none; }	  
#header h2 span { display:none; }

/* navigation menu (main links) */

#mainMenu {  background: url(/_metareview/images/design2/menubackground.gif) repeat top left;
			 left:50px;
			 top: 89px;
			 width: 100%;
			 height: 24px;
			 border: 0px dashed lightblue;
		   }

#mainMenuHome, #mainMenuReviews, #mainMenuSearch, #mainMenuAbout { 
				background: url(/_metareview/images/design2/menutab.gif) no-repeat;
				margin-left: 10px;
				width: 101px;				
				height: 22px;
				float: left;
			 	border: 0px solid white;
				display: inline;
			 }
#mainMenuHome.tabOn { background: url(/_metareview/images/design2/menutabon.gif) no-repeat; }
#mainMenuReviews.tabOn { background: url(/_metareview/images/design2/menutabon.gif) no-repeat; }
#mainMenuSearch.tabOn { background: url(/_metareview/images/design2/menutabon.gif) no-repeat; }
#mainMenuAbout.tabOn { background: url(/_metareview/images/design2/menutabon.gif) no-repeat; }

#mainMenuHome a { position: relative; left: 30px; top:3px; border: 0px dashed lightblue; }
#mainMenuReviews a span { position: relative; left: 20px; top:3px; border: 0px dashed lightblue; }
#mainMenuSearch a span { position: relative; left: 24px; top:3px; border: 0px dashed lightblue; }
#mainMenuAbout a span { position: relative; left: 27px; top:3px; border: 0px dashed lightblue; }

/* sidebar */

#sidebar { background: url(/_metareview/images/design2/sidebarbackground.gif);
	  	   background-color: #2E5783;
		   width:150px;		   
		 }

#sidebarGeneralWrapper { margin-top: 10px;
 			   margin-bottom: 10px;
		}		
				 
#sidebarLink { margin-left: 12px; 
		  margin-right: 12px;
		  margin-top: 10px;
		}
				 
#searchHeader { background: url(/_metareview/images/design2/sidebarsearch.gif);
				width:150px;
				height:20px;
				margin:0px;
				padding:0px;
		}
#searchHeader h3 span { display: none; }		
				 
#search { margin-left: 12px; 
		  margin-right: 12px;
		  margin-top: 10px;
		}
#search form { margin-bottom: 1px }
#search a:link { font-size: 11px; color: #FCFC04; text-decoration: none; }
#search a:visited { font-size: 11px; color: #FCFC04; text-decoration: none; }
#search a:hover { font-size: 11px; color: #FFFFFF; text-decoration: underline; }
		
input { font-size:10px; }		

#reviewsHeader { background: url(/_metareview/images/design2/sidebarreviews.gif);
				width:150px;
				height:20px;
				margin:0px;
				padding:0px;
		}
		
#reviewsHeader h3 span { display: none; }			

#reviewsIndex { margin-left: 12px; 
		  margin-right: 12px;
		  margin-top: 10px;
		}
		
#ratingIndex { margin-top: 10px;
 			   margin-bottom: 10px;
		}		

#aboutHeader { background: url(/_metareview/images/design2/sidebarabout.gif);
			width:150px;
			height:20px;
			margin:0px;
			padding:0px;
	}
		
#aboutHeader h3 span { display: none; }	

/* footer */

#footer { float: right;
		  margin-right: 10px;
		  height: 30px;		 		
		  border: 0px dashed yellow;
		}
#footer span { font-size: 11px; color: #888888; }

/* 
  *** MAIN INDEX PAGE ********************************************************************
*/

/* top ten list of anime */

#rightSide { width: 220px;
          float: right;
		}

#topTen { margin-bottom: 20px; }
/* recent updates */

#recentUpdates { margin-bottom: 20px; }
		
/* 
  *** REVIEW LINK PAGES ******************************************************************
*/

/* review index menu (list of letter links) */
			  
#indexMenuContainer { background: url(/_metareview/images/design2/indexmenubackground.gif) repeat-y top left;
					  background-color: #2E5783;
					  height:37px;
					  width:100%;
					  display: block;
		              border: 0px solid green;
		   }		

#indexMenu { margin-left: 20px;  /* BUG: sets different widths in Firefox and Internet Explorer */		
			 margin-top: 4px;
			 float: left;
			 border: 0px dashed lightgreen;
		   }

#indexMenu span { font-size: 13px; font-weight: bold;
			 	  letter-spacing: 3px;
			 	}

#letterIndex { margin: 10px, 10px, 10px, 10px;
   	 	       letter-spacing: 4px;
			   text-align: justify;
			 }
				
/* main areas (left column and content area) */

#content { width: 96%;
		   border: 0px dashed yellow;
		   color: #F6F6F6;
		 }

#leftColumn { width: 166px;
			 margin-left: 28px;
			 margin-top: 20px;
			 border: 0px dashed lightblue;
		   }

#centerArea { margin-top: 20px;
			  margin-left: 20px;
		  	  margin-bottom: 20px;
			  margin-right:0px;
			  padding:0px;
			  border: 0px dashed lightgreen;
  		    }
#centerArea.blackBorder { border: 1px solid black; }

		  
#thinline { width:100%;
            text-align: left;
			margin-left: 30px;
			/*color:#777777;*/
			background-color:#777777;
			height:1px;
		  }

/* anime info (title, summary, etc...) */

#title { width: 95%;
		 margin-top: 20px;
		 margin-left: 24px;
		 margin-right: 20px;
		 border: 0px dashed lightblue;
	   }
#titleAlt { width: 95%;
		 margin-left: 24px;
		 margin-right: 20px;
		 border: 0px dashed lightgreen;
	   }
#titleJpn { width: 95%;
		 margin-left: 24px;
		 margin-right: 20px;
  	     margin-bottom: 6px;
		 border: 0px dashed lightgreen;
	   }
#title h2 { font-size: 30px; font-weight: bold; } 
#titleAlt h3 { font-size: 12px; font-weight: bold; color: #B6B6B6; } 
#titleJpn h3 { font-size: 12px; font-weight: bold; color: #B6B6B6; } 

#boxart { margin-bottom: 10px; }		   
#boxart img { border: 1px solid #BFBFBF; }
#summary { margin-bottom: 10px; }
#summary span { color: #D6D6D6; font-size: 11px; }
#type { font-size: 11px; font-weight:bold; }
#distributor { margin-left: 30px; font-size: 10px; color: #ABABAB; }
#copyright { margin-left: 30px; font-size: 10px; color: #ABABAB; }
		   
/* average rating stuff (rating box, rating number, etc) */

#ratingInfoBox { background-color: #18304B;
			  height: 80px;
			  border: 1px solid #39618E;
			  border-bottom: 0px;
		    }
#avgRatingHeader { width:100%;
				   height:22px;
				   background: url(/_metareview/images/design2/boxheaderbackground.gif);
	   			   border: 0px dashed yellow;
			}
#avgRatingHeader h3 { width: 118px;
					  height: 22px;
					  position: relative;
					  left: 10px;
				      background: url(/_metareview/images/design2/boxheaderoverallrating.gif) no-repeat;
            }
#avgRatingHeader h3 span { display: none; }

#avgRating { position:absolute;
			 font-size: 32px; 
			 font-weight: bold;
			 padding-left: 20px;
			 padding-top: 12px;
			 float: left;
			 border: 0px dashed yellow;
		   }
#avgRating span { display: none; }
#numberOfReviewSites { display: none; }
#numberOfReviewLinks { display: none; }
#ratingBar { position: relative; 
             top:20px;
			 left:80px;
			 width: 400px;
			 border: 0px dashed lightgreen;
		   }
#ratingDescription { position: relative; 
             		 top:10px;
					 left:80px;
					 width: 200px;
					 font-size: 11px;
					 font-weight: bold;
					 display:none;
					 border: 0px dashed lightgreen;					 
				  }
#ratingBoxMessage {  position: relative;
					 left: -60px;
					 width: 450px;
					 font-style: italic;
				   }			 
		 
/* list of review links */	

#reviewsBox { background-color: #18304B;
			  border: 1px solid #39618E;
  		    }
#reviewLinksHeader { width:100%;
				   height:22px;
				   background: url(/_metareview/images/design2/boxheaderbackground.gif);
	   			   border: 0px dashed yellow;
			}
#reviewLinksHeader h3 { width: 97px;
					  height: 22px;
					  position: relative;
					  left: 10px;
				      background: url(/_metareview/images/design2/boxheaderreviewlinks.gif) no-repeat;
	   			      border: 0px dashed yellow;
            }
#reviewLinksHeader h3 span { display: none; }			

#reviewList { margin: 16px 20px 16px 20px; 
			  border: 0px dashed yellow;
			}
#reviewList a:link { color: #EFEC00; text-decoration: none; }
#reviewList a:visited { color: #F9C309; text-decoration: none; }
#reviewList a:hover { color: #FEFFD6; text-decoration: underline; } 
#reviewList em { color: #BDC5CB; font-style:normal; } /* review source name (i.e. "Anime on DVD")*/
#reviewList i { color: #BDC5CB; } /* reviewer name */
#reviewList b { } /* review score */
#reviewList span { } /* review score text (i.e. "out of 5") */
	
/* 
  *** REVIEW INDEX PAGES ******************************************************************
*/

#reviewIndexHeader { margin-left: 6px; }
#reviewIndexHeader h3 { font-size:18px; font-weight:bold; margin-bottom: 12px; }
#reviewIndexList { margin-left: 6px; }

#reviewIndexList a:link { color: #FFFC00; text-decoration: none; }
#reviewIndexList a:visited { color: #F9C309; text-decoration: none; }
#reviewIndexList a:hover { color: #FEFFD6; text-decoration: underline; } 

.avg_rating { color: #BBBBBB; }

	
/* 
  *** MISCELLANEOUS ******************************************************************
*/

p.indent { margin: 16px 16px 32px 20px }