/*Main Page Design*/
body {position: relative; background: #330000;}
#page {width: 1000px; margin: auto; position: relative;}

#container {
            background: url("../graphics/background.jpg");
						height: 1015px;
						width: 1000px;
						margin: auto;
						position: relative;
				    }
						
#topbar {
         background: url("../graphics/topbar.jpg");
				 height: 24px;
				 width: 1000px;
				 position: absolute;
				 top: 0;
         }
				 
#bottombar {
         background: url("../graphics/bottombar.jpg");
				 height: 24px;
				 width: 1000px;
				 position: absolute;
				 bottom: 0;
         }
#shelf {
         background: url("../graphics/shelf.png") no-repeat;
				 height: 129px;
				 width: 950px;
				 position: absolute;
				 top: 1300px;
				 left: 8px;
				 }
			
#warning {display: none;}	 	

/*Page Graphics*/
#logo {
        position: absolute;
				top: -7px;
				left: -8px;
      }
			
.things {
        width: 138px;
				height: 146px;
				position: absolute;
				top: 500px;
				left: 360px;		
				}
#things1 {background: url("../graphics/dobbins.jpg") no-repeat;}
#things2 {background: url("../graphics/clinic.jpg") no-repeat;}
#things3 {background: url("../graphics/bing.jpg") no-repeat;}
#things4 {background: url("../graphics/poot.jpg") no-repeat;}				
#pins1 {
        width: 56px;
				height: 72px;
				position: absolute;
				top: 880px;
				left: 40px;
				background: url("../graphics/pins1.jpg") no-repeat;
				}
#pins2 {
        width: 72px;
				height: 56px;
				position: absolute;
				top: 880px;
				left: 500px;
				background: url("../graphics/pins2.jpg") no-repeat;
				}	
#pins3 {
        width: 72px;
				height: 56px;
				position: absolute;
				top: 800px;
				left: 800px;
				background: url("../graphics/pins3.jpg") no-repeat;
				z-index: 0;
				}
#pins4 {
        width: 52px;
				height: 17px;
				position: absolute;
				top: 885px;
				left: 810px;
				background: url("../graphics/pins4.jpg") no-repeat;
				}
				
/*Global Links*/
a img {border: none;} 

/*Cabinet*/				 
#cabinet {
         background: url("../graphics/cabinet.png") no-repeat;
				 height: 330px;
				 width: 240px;
				 position: absolute;
				 top: 985px;
				 left: 675px;
         }

.cablink:link, .cablink:visited {
          color: navy;
					background: silver;
					padding: 0.3em 0.8em;
					text-decoration: none;
					display: block;
					margin: auto;
					text-align: center;
					text-indent: 0;
					width: 110px;
					font: bold italic 10px verdana, sans-serif;
					margin-top: 38px;
					border-bottom: solid 1px black;
					border-left: solid 1px black;
					border-right: solid 1px black;
					}
.cablink:link:hover, .cablink:visited:hover, .cablink:link:focus, .cablink:visited:focus {background: white;}

/*Archive 1*/
#arch1 {
       width: 200px;
			 position: absolute;
			 top: 490px;
			 left: 750px;
			 z-index: 3;
       }
#arch1Top {
          width: 200px;
					height: 24px;
					background: url("../graphics/archive1_topbar.jpg");
					text-align: center;
           }		 	 
#arch1Cont {background: white url("../graphics/arch1symbol.jpg") no-repeat top left;}
.arch1Head {
           font: bold italic 16px arial, sans-serif;
           color: #996633;
					 text-align: center;
					 margin-bottom: 0;
					 margin-top: 0;
					 margin-left: 45px;
					 }
.arch1Hlink {text-decoration: none; color: #996633;}
.arch1Hlink:hover {color: gray;}
.arch1Sub  {
           font: bold 12px arial, sans-serif;
           color: gray;
					 text-align: center;
					 margin-top: 0;
					 margin-left: 45px;
					 }	 
#arch1 h3 {
          font: bold 12px arial, sans-serif;
					margin: 0 10px;
					background: url("../archive1/graphics/linkback.jpg") no-repeat 30% bottom;
					padding: 0 0 10px 8px;	 
          }
#arch1 p {
          font:  italic 11px arial, sans-serif;
					margin: 0 10px 10px 10px;
					}
.arch1link {color: #996633; text-decoration: none;}
.arch1link:hover {color: gray;}
#arch1Scroll {width: 205px;
					height: 59px;
					background: url("../graphics/arch1scroll.jpg");
					margin-left: -1px;
					margin-top: -10px;
          }			
#arch1Cont2 {
            width: 200px;
            background: white;
						display: none;
						margin-top: -10px;
						}
#arch1Bottom {
          width: 200px;
					height: 24px;
					background: url("../graphics/archive1_bottombar.jpg");
					}
					
/*Archive 2*/
#archive2 {
          position: absolute;
			    top: 460px;
			    left: 360px;
					}
#arch2top {
          height: 16px;
					width: 380px;
					background: url("../graphics/arch2top.jpg");
					}
#arch2body {
            width: 380px;
						background: url("../graphics/arch2back.jpg");
						margin-top: -4px;
						}
#arch2logo {
            margin-left: 14px;
						float: left;
						}
#arch2body h2 {
             font: bold italic 11px verdana, sans-serif;
						 color: #006699;
						 float: left;
						 width: 80px;
						 margin-left: 8px;
						 }
#archpanel1 {
             width: 47%;
						 float: left;
						 clear: left;
             }
#archpanel2 {
             width: 47%;
						 float: left;
						 margin-left: 5px;
             }					 
#archive2 h3 {
          font: bold 11px arial, sans-serif;
					margin: 0 10px;			 
          }
.arch2link {color: #006699; text-decoration: none;}
.arch2link:hover {color: navy;}
#archive2 p {
          font: 10px arial, sans-serif;
					margin: 0 10px 10px 10px;
					color: navy;
          }					
.arch2Divider {
               height: 27px;
							 width: 72px;
							 background: url("../graphics/arch2divider.gif");
							 margin: auto;
               }
#arch2more {
           color: #006699;
					 float: right;
					 clear: right;
					 font: bold 11px arial, sans-serif;
					 }
#arch2more:hover {color: navy;}				 
#arch2topDiv {float: left; margin-left: 74px;}
#arch2bottom {
             width: 380px;
						 height: 23px;
						 background: url("../graphics/arch2bottom.jpg");
						 }
		/*Archive 2 Cover*/
#arch2covtop {
             width: 380px;
						 height: 25px;
						 background: url("../graphics/arch2covtop.jpg") no-repeat right;
						 margin-right: -200px;
             }
#arch2covback {
             width: 380px;
						 background: url("../graphics/arch2covback.jpg") repeat-y right;
						 position: relative;
						 }
#arch2covbot { 
             width: 380px;
						 height: 17px;
						 background: url("../graphics/arch2covbot.jpg") no-repeat right;
						 margin-top: -3px;
						 padding: 0;
						 }
#arch2title {
            position: absolute;
						right: 3px;
						}
#pin3 {margin-left: 20px;}			

/*Archive 3*/
#archive3 {
       position: absolute;
			 top: 220px;
			 left: 350px;
			 z-index: 5;
			 text-align: left;
			 width: 400px;
			 height: 220px;
			 background: url("../graphics/arch3.gif") no-repeat;
			 }
.arch3container {width: 160px; height: 150px; margin-left: 25px; float: left; overflow: hidden;}			 
#archive3 h2 {font: bold 28px garamond, serif; margin: 10px auto 2px 30px;}	
.arch3header {color: grey; text-decoration: none;}
#archive3 h3 {margin: 4px 0 0 0;}
.arch3Link:link, .arch3Link:visited {color: #336633; font: bold 14px garamond, serif; text-decoration: none;} 
.arch3Link:link:hover, .arch3Link:visited:hover {color: gray; font: bold 14px garamond, serif; text-decoration: none;} 
#archive3 p {color: black; font: italic 10px verdana, sans-serif; margin: 0 0 0 10px;}

/*Kicking and Screaming*/
#kick {
       width: 290px;
			 background: black;
			 position: absolute;
			 top: 110px;
			 left: 30px;
			 z-index: 4;
			 text-align: center;
			 }		
#kickTop {
          background: url("../graphics/kickbacktop.png") no-repeat;
					width: 290px;
					height: 25px;
					margin-top: -22px;
					}
#kickExtra {
           width: 240px;
					 border-top: solid 1px white;
					 border-left: solid 1px white;
					 border-bottom: solid 1px gray;
					 border-right: solid 1px gray;
					 margin: 10px auto;
					 text-align: center;
					 }
#kickFoot {
           width: 290px;
					 height: 21px;
					 background: url("../graphics/kickbackfoot.png");
				   margin-bottom: -20px;			 
					 }
.kickHead {
   text-align: left;
   font: 12px verdana, sans-serif;
	 letter-spacing: 2px;
	 color: gray;
	 margin: 5px 12px 0 12px;
	 }
.kickLink:link {color: silver; text-decoration: none;}
.kickLink:visited {color: silver; text-decoration: none;}
.kickLink:active {color: silver; text-decoration: none;}
.kickLink:link:hover, .kickLink:visited:hover {color: white; text-decoration: none;}
.machLink:link,
.machLink:visited,
.machLink:active {color: #993300;  text-decoration: none;}
.machLink:link:hover, .machLink:visited:hover {color: white;  text-decoration: none;} 				 
					
/*Tall Stories*/
#tallStories {
             width: 220px;
						 height: 304px;
						 background: url("../graphics/tallback.png");
						 position: absolute;
			       top: 1012px;
			       left: 28px;
						 }
#tallHLink {
           position: absolute;
					 top: 35px;
					 left: 15px;
           }
#tallLinks {
           position: absolute;
					 top: 130px;
					 left: 9px;
					 width: 90%;
           }
.talllinks {
					 font: bold 14px garamond, serif;
					 text-decoration: none;
					 color: #ffcc66;
					 text-align: center;
					 width: 130px;
					 margin: 5px auto 0 auto;
					 display: block;
           }
.talllinks:hover, .talllinks2:hover {color: #330000;}
.talllinks2 {
					 font: bold 14px garamond, serif;
					 text-decoration: none;
					 color: #ffcc66;
					 text-align: right;
					 width: 130px;
					 margin: 5px auto 0 auto;
					 display: block;
           }
#ddd, #bears {
             position: absolute;
			       top: 1032px;
			       left: 40px;
             }

/*News*/
#news {
      width: 230px;
			position: absolute;
			z-index: 4;
			top: 800px;
			left: 415px;
			}
#newspod {
          position: absolute;
					top: -12px;
					right: -20px;
					width: 100px;
					background: white;
					text-align: center;
					border-left: solid 2px black;
					border-bottom: solid 2px black;
					border-top: solid 1px black;
					border-right: solid 1px black;
					}
#newsHeader {
          position: absolute;
					top: -35px;
					left: -15px;
					}
#newsText {
          clear: both;
          background: white url("../graphics/newscorner.jpg") no-repeat top right;
					position: absolute; 
					width: 228px;
					border-left: solid 1px #996633;
					border-right: solid 1px #996633;
			    }
#news h2 {
         font: bold 12px "Times New Roman", serif;
				 text-align: center;
				 margin-bottom: 0;
				 color: #000033;
        }
#news p {
         font: 12px "Times New Roman", serif;
				 margin: 0 10px 5px 10px;
				 color: #000033;
        }
#newspod p {font: italic bold 10px verdana, sans-serif;}
#news hr {
          margin: 0 auto;
					width: 80%;
					text-align: center;
          }
#newsbottom {
            height: 40px;
						width: 230px;
						background: url("../graphics/newsbottom.gif");
						position: absolute;
						bottom: -40px;
            }
#newslink {
          font: bold italic 12px arial, sans-serif;
					text-decoration: none;
					color: white;
					background: red;
					padding: 2px;
					position: absolute;
					left: 15px;
					top: 12px;
          }
#newslink:hover {color: black;}
						
/*Last Gasp*/
#lastGasp {
          height: 261px;
					width: 346px;
					background: url("../graphics/lastbak.gif") no-repeat right;
					position: absolute;
					top: 590px;
					left: 10px;
					z-index: 3;
					}
#lastLogo {
           display: block;
           position: absolute;
					 right: 55px;
					 top: 12px;
					 width: 71px;
					 height: 59px;
					 }
#last1 {
         display: block;
				 height: 58px;
				 width: 113px;
				 position: absolute;
				 top: 105px;
				 left: 35px;
				 }
#last2 {
         display: block;
				 height: 58px;
				 width: 113px;
				 position: absolute;
				 top: 172px;
				 left: 55px;
				 }
#last3 {
         display: block;
				 height: 58px;
				 width: 113px;
				 position: absolute;
				 top: 85px;
				 left: 175px;
				 }
#last4 {
         display: block;
				 height: 25px;
				 width: 58px;
				 position: absolute;
				 top: 164px;
				 left: 244px;
				 }
				 
/*Doctor Bongo's Casebook*/
#bongo {
          height: 230px;
					width: 380px;
					background: url("../graphics/bongobak.png") no-repeat;
					position: absolute;
					top: -2px;
			    left: 315px;
					}
#bongologo {
           position: absolute;
					 left: 25px;
					 top: 30px;
					 text-decoration: none;
					 }
.bongLink, .bongLink:visited {
           color: black;
					 font: bold 16px courier, sans-serif;
					 float: left;
					 clear: both;
					 margin-bottom: 10px;
					 text-decoration: none;
					 }
.bongLink:hover, .bongLink:visited:hover {color: red;} 
#blink1  {
          position: absolute;
					top: 95px;
					left: 18px;
					width: 160px;
					}
#blink2  {
          position: absolute;
					top: 45px;
					left: 190px;
					width: 150px;
					}	
#blink3  {
          position: absolute;
					top: 195px;
					left:230px;
					}
	
/*Bongo Lectures*/	
#bongoLectures {
               position: absolute;
							 top: 110px;
							 left: 750px;
							 height: 188px;
							 width: 237px;
							 background: url("../graphics/lectureslogo.jpg") no-repeat;
							 }	
#lecturesText {
               position: absolute;
							 top: 90px;
							 left: 20px;
							 width: 100px;
							 }
#lecturesText p {
                color: white;
								font: bold 14px garamond, serif;
								padding: 0;
								margin: 5px;
								}
.lectureLink, .lectureLink:visited {color: silver; text-decoration: none; font-size: 18px;}
.lectureLink:hover {color: white;}

/*Carrots*/
#carrots {
       position: absolute;
			 top: 270px;
			 right: 10px;
			 z-index: 5;
			 }
						 
/*Shop*/
#shop {
       position: absolute;
			 top: 845px;
			 left: 250px;
			 z-index: 2;
			 }
		
/*facebook*/
#facebook {
					width: 80px;
					height: 150px;
					background: #cccc99 url("../graphics/pin2.gif") 50% 2px no-repeat;
					position: absolute;
					top: 795px;
					left: 670px;
					z-index: 3;
					text-align: center;
					border-right: solid 2px #993300;
					border-bottom: solid 2px #993300;
					padding-top: 25px;		
          }		
#facetext {
           font: bold 10px verdana, sans-serif; 
					 text-decoration: none;
					 color: black;					 
					 }
#facetext:hover {color: navy; text-decoration: underline;}	
								 
/*Blog*/
#blog {
       position: absolute;
			 display: block;
			 height: 90px;
			 width: 89px;
			 left: 120px;
			 top: 865px;
			 }
#bloginfo {
       position: absolute;
			 display: block;
			 height: 90px;
			 width: 89px;
			 left: 522px;
			 top: 10px;
			 z-index: 4;
			 background: #ffff99;
			 padding: 5px;
			 font: small arial, sans-serif;
			 border-left: solid 2px black;
			 border-bottom: solid 2px black;
			 display: none;
			 }	 
			 
/*Postit*/
#postit {
       position: absolute;
			 display: block;
			 height: 110px;
			 width: 250px;
			 right: -3px;
			 top: -5px;
			 background: url("../graphics/postit.png") no-repeat;
			 z-index: 1;
			 }
.postlink, .postlink:visited {
           font: italic 12px "Times New Roman", serif;
					 color: #663300;
					 display: block;
					 float: left;
					 text-decoration: none;
					 margin-left: 12px;
					 margin-top: 5px;
					 }
.postlink:hover, .postlink:visited:hover {color: #003399;}
												
/*Notes*/
#notes {
        width: 194px;
				height: 264px;
				background: url("../graphics/notes.png") no-repeat;		
				position: absolute;
				left: 740px;
			  top: 1325px;
				}
.notes, .notes:visited {
       font: 12px arial, sans-serif;
			 color: black;
			 display: block;
			 float: left;
			 clear: left;
			 margin: 0 15px;
			 }		
.notes2 {
       font: 10px arial, sans-serif;
			 color: black;
			 display: block;
			 margin: 0 auto;
			 width: 180px;
			 }
.notes:hover, .notes:visited:hover {color: gray;}