/* Style.css for Tia's Hideaway */

body {background-color: #660000;
      color: black;
      padding: 0px;
      text-align: center}

a:link 		{color: #006600;
			text-decoration: none;}
a:visited 	{color: #006600;
	   	   	text-decoration: none;}
a:hover 	{color: #339933;
	 	 	text-decoration: none;}
a:focus 	{color: #339933;
	     	text-decoration: none;}
a:active 	{color: #339933;
	  	  	text-decoration: none;}

img {border: 0px;}
.center {text-align: center;}
.italic {font-style: italic;}
.bold   {font-weight: bold;}
.strike {text-decoration: line-through;}
.float-left {float: left;}
.lilac {color: #CC66FF;}
/* Index layout */

#index {position: absolute;
        top: 50%;
        left: 50%;
        padding: 0px;
        margin: -205px 0px 0px -375px;
		width: 755px;
		height: 410px;
		background-color: #fde9e9;
		color: black;
		border: 1px solid #000000;}
	
#indeximage {float: left;
	     	 border: 0px;
	     	 margin: 5px 5px;
	     	 padding: 0px;
	     	 width: 550px;
	     	 height: 400px;
	     	 background-image: url(../images/rivendell.jpg);}
	     
#indexmenu {float: right;
            margin: 0px;
            padding: 0px;
			width: 185px;
            height: 400px;
            background-color: #fde9e9;
            color: black;}
            
#indextitleimage {display: block;
				  background-image: url(../images/tiashideaway_660000.jpg);
		  		  width: 175px;
		  		  height: 35px;
		  		  margin: 40px 0px 80px 0px}
            
#indexmenu a {display: block;
			  font-family: tahoma, geneva, sans-serif;
			  font-size: 16px;
			  margin: 10px 30px;
			  text-align: left;
			  font-weight: bold;}

/* Page Layout */

#topmenu {display: block;
	 	  margin: 40px auto;
	  	  padding: 0px;
	  	  text-align: left;
  	  	  width: 90%;
		  height: 110px;
          background-color: #fde9e9;
          color: black;
          border: 1px solid #000000}
	  
#menuimage {float: left;
	    	margin: 5px;
	    	padding: 0px;
			width: 140px;
	    	height: 100px;
	    	background-image: url(../images/rivendell_menu.gif);
	    	border: 0px;}
	    
#menu {display: block;
       position: relative;
       padding: 0px;
	   background-color: #fde9e9;
       color: black;
       margin: 20px 10px 10px 165px;}
       
#menutitleimage {display: block;
                 margin: 0;
                 padding: 0;
				 background-image: url(../images/tiashideaway_660000.jpg);
 		  		 width: 175px;
 		  		 height: 35px;}
 
#menulinks {display: block;
   	     	margin-top: 20px;
   	     	padding: 0}

#menulinks a {font-family: tahoma, geneva, sans-serif;
	   		  font-size: 14px;
	   		  margin-right: 20px;
			  font-weight: bold;}

#main {display: block;
       width: 90%;
       margin: 40px auto;
       padding: 10px 0px;
       text-align: left;
       font-family: arial, sans-serif;
       font-size: 12px;
	   background-color: #fde9e9;
       color: black;
       border: 1px solid #000000}
       
#main p {margin: 20px 20px;
         font-family: arial, sans-serif;
         font-size: 12px}
         
#main p:first-letter {font-size: 20px;}

#main h3 {margin: 20px 20px;}
#main h2 {text-align: center}
#main dl {margin: 20px 20px;}
#main ul, ol {margin-right: 20px;}

#main a:link 	{color: #009900}
#main a:visited {color: #009900}
#main a:hover 	{color: #00CC00}
#main a:focus 	{color: #00CC00}
#main a:active 	{color: #00CC00}

#left_col {
		   width: 45%;
		   height: 100%;}
#right_col {float: right;
			width: 50%;
			height: 100%;
			margin-top: -420px}

/* Wishlist formatting */

#wishlist {margin: 20px 20px;
           font-family: arial, sans-serif;
           font-size: 12px}
           
#wishlist ul {margin: -5px 0px;}

/* Video Game List formatting */
#VGLcolumn1 {float: left;
             margin-right: 150px}
#VGLcolumn2 {margin: 50px 20px 20px 20px;}

/* Footer formatting */
       
#footer {display: block;
 	 	 text-align: center;
 	 	 font-size: 12px;
 	 	 color: #ffffff;
 	 	 margin-top: -10px}

#footer a:link 		{color: #999999;
					 text-decoration: none;}
#footer a:visited 	{color: #999999;
	   				 text-decoration: none;}
#footer a:hover 	{color: #339933;
	 				 text-decoration: none;}
#footer a:focus 	{color: #339933;
	 				 text-decoration: none;}
#footer a:active 	{color: #339933;
	  				 text-decoration: none;}
					 
#last_modified {display: block;
 	 	 		text-align: center;
 	 	 		font-size: 12px;
 	 	 		color: #ffffff;}