/*Main Page Design*/

#body {position: relative;}

#page {width: 1000px; margin: auto; position: relative;}

#container {
            background: url("../graphics/background.jpg");
						height: 815px;
						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;
         }
				 
/*Vote Bongo*/
#votebongo {
					
					position: absolute;
					top: 230px;
					left: 226px;
					z-index: 3;
}
		
/*facebook*/
#facebook {
					width: 340px;
					height: 60px;
					background: #cccc99 url("../graphics/pin2.gif") 95% 10% no-repeat;
					position: absolute;
					top: 10px;
					left: 630px;
					z-index: 3;
					text-align: center;
					border-right: solid 2px #993300;
					border-bottom: solid 2px #993300;
}		

#facetext {
           font: bold 10px verdana, sans-serif; 
					 text-decoration: none;
					 color: black;
					 }
#facetext:hover {color: navy; text-decoration: underline;}			 


/*Kicking and Screaming*/
#kicking {
					
					position: absolute;
					top: -2px;
					left: 310px;
					z-index: 3;
}

				 
				 
/*Archive 1*/

#arch1 {
       width: 200px;
			 position: absolute;
			 top: 77px;
			 left: 768px;
			 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");
					}
					
					
/*Tall Stories*/

#tallStories {
             width: 200px;
						 height: 277px;
						 background: url("../graphics/tallback.jpg");
						 position: absolute;
			       top: 550px;
			       left: 590px;
						 }
		
#tallHLink {
           position: absolute;
					 top: 35px;
					 left: 9px;
           }
					
#tallLinks {
           position: absolute;
					 top: 120px;
					 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: 550px;
			       left: 591px;
}


/*News*/
#news {
      width: 230px;
			position: absolute;
			z-index: 4;
			top: 710px;
			left: 238px;
			
			}
			

#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;
        }
				
#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;
								}
						

/*Archive 2*/
#archive2 {
          position: absolute;
			    top: 190px;
			    left: 370px;
					}

#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;}


/*Last Gasp*/

#lastGasp {
          height: 261px;
					width: 346px;
					background: url("../graphics/lastbak.gif") no-repeat right;
					position: absolute;
					top: 460px;
					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*/
#bongo {
          height: 300px;
					width: 205px;
					background: url("../graphics/bongobak.jpg") no-repeat;
					position: absolute;
					top: 160px;
			    left: 32px;
					}

#bongologo {
           position: absolute;
					 left: 0;
					 top: 10px;
					 width: 130px;
					 height: 50px;
					 text-decoration: none;
					 }

#blink1  {
          position: absolute;
					top: 120px;
					left: 30px;
					}
					
#blink2  {
          position: absolute;
					top: 225px;
					left: 24px;
					}	
					
#blink3  {
          position: absolute;
					top: 255px;
					left: 34px;
					}
		
#bongophoto {
            width: 75px;
						height: 85px;
						background: url("../graphics/bongophoto.gif") no-repeat;
						position: absolute;
						top: 36px;
						left: 122px;
						}
#bongophoto2 {
            width: 75px;
						height: 52px;
						background: url("../graphics/bongophoto2.gif") no-repeat;
						position: absolute;
						top: 60px;
						left: 115px;
						display: none;
						}		
						
/*Links*/
#links {
       position: absolute;
			 display: block;
			 height: 260px;
			 width: 52px;
			 top: 520px;
			 left: 500px;
			 }
			 
/*Blog*/
#blog {
       position: absolute;
			 display: block;
			 height: 90px;
			 width: 89px;
			 left: 665px;
			 top: 77px;
			 }
			 
#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: 131px;
			 width: 119px;
			 left: 358px;
			 top: 500px;
			 background: url("../graphics/postit.jpg") no-repeat;
			 }
			 
.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.jpg") no-repeat;		
				position: absolute;
				left: 26px;
			  top: 730px;
				}
.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;
										 }			
					
/*Stuff*/
#logo {
        position: absolute;
				top: -7px;
				left: -8px;
				
      }
			
.things {
        width: 138px;
				height: 146px;
				position: absolute;
				top: 270px;
				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: 580px;
				left: 80px;
				background: url("../graphics/pins1.jpg") no-repeat;
				
				}
				
#pins2 {
        width: 72px;
				height: 56px;
				position: absolute;
				top: 530px;
				left: 850px;
				background: url("../graphics/pins2.jpg") no-repeat;
				}	
				
#pins3 {
        width: 72px;
				height: 56px;
				position: absolute;
				top: 400px;
				left: 800px;
				background: url("../graphics/pins3.jpg") no-repeat;
				}
				
#pins4 {
        width: 52px;
				height: 17px;
				position: absolute;
				top: 195px;
				left: 260px;
				background: url("../graphics/pins4.jpg") no-repeat;
				}
				
/*Global Links*/
a img {border: none;}