html, body, div {
  font: normal 12px verdana, arial, georgia, serif; 
  color: #000;
  }

body {
  background: #728776; 
  margin: 0; 
  padding: 0;
  cursor: url('https://backwalls.neocities.org/navigation/css-fun/labrador/Dog-2.png'), auto;
  }
  
  
::selection {
  background: #CA5257;
  color: #C3D1C1;
  }

.crt::before{
  content:""; 
  position:fixed; 
  inset:0; 
  pointer-events:none; 
  z-index:999;
  background: linear-gradient(transparent 50%, rgba(0,0,0,.02) 50%) 0 0/100% 4px, radial-gradient(ellipse at center, rgba(240,240,232,.9) 0%, transparent 0%);
  animation:flicker .14s infinite alternate;
  }

  @keyframes flicker{
    from{opacity:1}to{opacity:.98}
    }

hr {
  display: none;
  }

form {
  padding: 0 0 10px 0; 
  margin: 0;
  }

fieldset {
	width: 350px; 
	padding: 0 0 5px 35px; 
	border: 0px solid #FFF; 
	font-family: arial, verdana, sans-serif; 
	font-size: 11px;
	}

label {
  font-size: 11px; 
  color: #5C0808;
  }

input {
	border: 1px solid #919A90; 
	background: #D1DAD0; 
	font-family: arial, verdana, sans-serif; 
	font-size: 11px; 
	color: #303330; padding: 3px;
	}

textarea {
	border: 1px solid #919A90; 
	background: #D1DAD0; 
	font-family: arial, verdana, sans-serif; 
	font-size: 11px; 
	color: #303330; padding: 4px;
	}
	 
textarea:focus, select:focus, input:focus {
  background:#E1E7E0;
  }


abbr, acronym, dfn, caption {
  	cursor: help;
  	border-bottom: 1px dotted #999;
  	font-style: normal;
	}
	
img {
  border: none;
  }

/* -------------------- IDs -------------------------------------------------------------*/
 
#page {
  width: 750px; 
  margin: 0 auto; 
  position: relative;
  }
 
#header {
 	width: 751px; 
 	height: 188px;
 	position: absolute;
 	top: 20px; left: 0px;
 	z-index: 2;
 	border-style: groove;
 	} 
 	
#navbar {
 	width: 751px; 
 	height: 37px;
 	border-style: groove;
 	background: #AE2E52;
  background: linear-gradient(0deg,rgba(174, 46, 82, 1) 0%, rgba(202, 80, 87, 1) 100%);
 	position: absolute;
 	top: 208px; left: 0px;
 	z-index: 3;
 	}
 	
textarea{
  width:100%
  }

#story { 
	width: 751px; 
	background: #C1CDC0 url("");
	position: absolute;
	top: 259px; left: 0px;
	z-index: 1;
	border-style: groove;
	}
	
#two {
  position: absolute;
  z-index:-10;
  width: 100%;
  height: 14px;
  background: ;
  }
  
.container {
  width: 150px;
  height: 150px;
  position: relative;
  margin: 30px;
}

.box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: #405249;
}

.overlay {
  z-index: 9;
  margin: 30px;
  background: #009938;
}
 
#storymain {
	float: left; width: 433px;
	padding: 0 0 0 25px;
	}
 
#content {
  width: 417px;
  }

#contenthdr   {
  width: 417px; 
  padding: 0 0 10px 16px;
  }

#content h1 {
	color: #690909; 
	font-weight: normal; 
	font-size: 20px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 33px; padding: 0 0 0 27px;
	background: url("/web/20041204120405im_/http://www.lousco.com/img/dog.gif") no-repeat left;
	}
	
#content h2 {
	color: #3C3C38; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 33px; padding: 0;
	}
	
#content h3 {
	color: #787870; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 5px 0 7px 35px; padding: 0;
	}
	
#content h3 a, 
#content h3 a:active, 
#content h3 a:link {
	color: #7B0A0A; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content h3 a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}
	
#content h3 a:hover {
	color: #7B0A0A; 
	font-weight: bold; 
	font-size: 12px; 
	text-decoration: none; 
	background: #DEC2C2;
	border-bottom: 1px solid #7B0A0A;
	}

#content p {
	margin: 0 35px 15px 35px; 
	line-height: 17px; 
	font-size: 12px; 
	font-family: arial, verdana, georgia, serif;
	}

#content p a, 
#content p a:link, 
#content p a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content p a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#content p a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content ul {
	list-style-type: none;
	padding:0 0 0 40px; margin: 0 0 10px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #787870;
	}

#content li {
	padding-top: 0px;
	padding-left: 13px;
	padding-bottom: 5px;
	background-image: url("/web/20041204120405im_/http://www.lousco.com/img/bullet2.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	}

#content li a, 
#content li a:link, 
#content li a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#content li a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#content li a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	} 

#content .dateline {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 0 8px 35px;
	}

#photo {
		margin: 0; 
		padding: 0 0 5px 35px;
		}	
		
#specs {
	border: 1px dotted #CCCBBE;
	background: #F0EFE0;
	padding: 0;
	margin: 5px 0px 10px 39px;
	width: 358px;
	}
	
#specs p {
	margin: 5px 10px 5px 10px;
	padding: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #3C3C38;
	font-weight: bold;
	letter-spacing: .04em;
	}

#side {
	float: left; width: 251px;
	margin: 0; padding: 0; 
	}

#side p { 
	color: #7F7F6F; 
	margin: 0 20px 10px 20px; 
	font-size: 11px; font-family: arial, verdana, georgia, serif;
	}
	
#side p a, 
#side p a:link, 
#side p a:active, 
#side p a:visited {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A
	}
	
#side p a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A
	}

#side ul {
	list-style-type: none;
	padding:0 0 0 20px; margin: 0 0 12px 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #787870;
	}

#side li {
	padding: 0px 15px 6px 13px; 
	background-image: url("/web/20041204120405im_/http://www.lousco.com/img/bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
	
#side li.last {
	background: none;
	}

#side li a, 
#side li a:link, 
#side li a:active {
	color: #7B0A0A; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#side li a:visited {
	color: #9C4848; 
	border-bottom: 1px dotted #BE8585; 
	text-decoration: none;
	}

#side li a:hover {
	color: #7B0A0A; 
	background: #DEC2C2; 
	text-decoration: none; 
	border-bottom: 1px solid #7B0A0A;
	}
	
#side li.pageon {background: url(/web/20041204120405im_/http://www.lousco.com/img/dogonbg.gif) no-repeat; color: #7B0A0A; padding: 2px 2px 2px 4px; margin: 0 10px 6px 0;} 
	
#side h1 {
	color: #3C3C38; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 18px; padding: 0;
	}
	
#side h2 {
	color: #403F38; 
	font-weight: normal; 
	font-size: 14px; 
	font-family: georgia, arial, verdana, sans-serif; 
	margin: 0 0 5px 20px; 
	padding: 0;
	}
	
#fillerbot {
	width: 751px; height: 14px;
	background: url("/web/20041204120405im_/http://www.lousco.com/img/bottombg.gif") no-repeat; 
	clear: both;
	}	
	
#footer {
	width: 751px; height: 66px;
	background: url("/web/20041204120405im_/http://www.lousco.com/img/footerbg.gif") no-repeat; 
	padding: 10px 0;
	}
	
#footer p {
	font-family: arial, verdana, georgia, serif;
	text-align: center; 
	color: #616760;
	font-size: 12px;
	margin: 3px 0;
	padding: 11px 0;
	}
		
#footer a, 
#footer a:link, 
#footer a:active { 
	color: #7B0A0A; 
	text-decoration: none;
	}

#footer a:hover {
	color: #BE8585; 
	text-decoration: none; 
	background: #7B0A0A;
	}
	
#message {
	width: 250px; margin: 0 auto; position: relative;
	top: 250px;
	font-family: arial, verdana, sans-serif;
	font-size: 20px;
	color: #E1E7E0;
	text-align: center;
	padding: 10px;
	}
	
#photopage {
	width: 450px; margin: 0 auto; position: relative;
	padding: 50px 0;
	}
	
#photobig {
	width: 450px;
	font-family: arial, verdana, sans-serif;
	border: 10px solid #FFF;
	padding: 1px;
	background: #000;
	}
	
#picwrapper {
	width: 360px; margin: 0 auto; position: relative;
	padding: 50px 0;
	}
	
#photosmall {
	width: 360px;
	font-family: arial, verdana, sans-serif;
	border: 10px solid #FFF;
	padding: 1px;
	background: #000;
	}

#back {
	width: 163px; height: 41px;
	padding: 5px 0;
	margin: 0 auto;
	}

		
/* ------------- Navigation ------------------------------------------------------------------------------------------------------------------*/

#navcontainer {	
  margin: 2px 0; 
  padding: 0 0 0 120px;
  }

#navcontainer ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0;
	}

#navcontainer li { /* all list items */
	float: left;
	position: relative;
	width: 102px;
	}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 32px;
	left: 7px;
	}
	
li>ul {
	top: auto;
	left: auto;
	}
	
li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	width: 86px;
	top: 32px;
	left: 7px
	}
	
#navcontainer li a, #navcontainer li a:link, #navcontainer li a:active, #navcontainer li a:visited { /* link attributes for the main nav */
	display: block; 
	height: 20px;
	background: url("") no-repeat;
	background: #AE2E52;
  background: linear-gradient(0deg,rgba(174, 46, 82, 1) 0%, rgba(202, 80, 87, 1) 100%);
  border-style: solid;
  border-color: #AE2E52;
  border-width: 1px;
	padding: 6px 0; margin: 0;
	color: #E1E7E0;
	text-decoration: none;
	text-align: center;
	font: normal 12px/18px georgia, verdana, arial, sans-serif;
	} 
	
#navcontainer li a:hover { /* hover attribute for the main nav */
	color: #FFF; 
	background: url("") no-repeat;
	background: #AE2E52;
  background: linear-gradient(180deg, rgba(174, 46, 82, 1) 0%, rgba(202, 80, 87, 1) 100%);
	}
	
#navcontainer li.pageon {
	display: block; height: 20px;
	background: url("/web/20041204120405im_/http://www.lousco.com/img/navonr.gif") no-repeat;
	padding: 6px 0; margin: 0;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font: normal 12px/18px georgia, verdana, arial, sans-serif;
	}
/* ------------- These are for the Sub Menu ----------------------------------------------------------------------------------------------------*/

#menu li.hdr {
	width: 86px; height: 20px;
	text-align: center;
	font-family: georgia, arial, verdana, sans-serif;
	font-size: 12px;
	color: #E1E7E0;
	background: #919A90;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}

#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {	
	padding: 3px 0 3px 0;
	width: 86px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #616760;
	background: #C1CDC0;
	border-bottom: 1px solid #A4AEA3;
	border-left: 1px solid #A4AEA3;
	border-right: 1px solid #A4AEA3;
	}

#menu li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #E1E7E0;
	background: #CA5057;
	}	

 /* The side navigation menu */
.sidebar {
  margin: 0;
  padding-right: 0;
  left: 80px;
  width: 300px;
  height: 100%;
  background-color: #C1CDC0;
  position: fixed;
  overflow: auto;
  border-style: groove;
}

/* Sidebar links */
.sidebar a {
  display: block;
  color: black;
  padding: 10px;
  text-decoration: none;
}

.sidebar p {
  padding: 10px;
  margin: 0 0 5px 10px;
 }

/* Active/current link */
.sidebar a.active {
  background-color: #576C60;
  background: #576C60;
  background: linear-gradient(180deg,rgba(87, 108, 96, 1) 0%, rgba(64, 82, 73, 1) 100%);
  color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
  background-color: #D8E0D5;
  color: #AE2E52;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
} 

.sidebar-2 {
  margin: 0;
  padding-left: 0;
  right: 80px;
  width: 290px;
  height: 100%;
  background-color: #C1CDC0;
  position: fixed;
  overflow: auto;
  border-style: groove;
}

/* Sidebar links */
.sidebar-2 a {
  display: block;
  color: black;
  padding: 10px;
  text-decoration: none;
}

.sidebar-2 p {
  padding: 10px;
  margin: 0 0 5px 10px;
 }

/* Active/current link */
.sidebar-2 a.active {
  background-color: #576C60;
  background: #576C60;
  background: linear-gradient(180deg,rgba(87, 108, 96, 1) 0%, rgba(64, 82, 73, 1) 100%);
  color: white;
}

/* Links on mouse-over */
.sidebar-2 a:hover:not(.active) {
  background-color: #D8E0D5;
  color: #AE2E52;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidebar-2 {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar-2 a {float: left;}
  div.content {margin-left: 0;}
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar-2 a {
    text-align: center;
    float: none;
  }
} 

/* ------------- Classes --------------------------------------------------------------------------------------------*/

.date {font-family: Georgia, verdana, arial, sans-serif; font-size: 10px; letter-spacing: 1px; margin: 0 0 8px 35px;}
.thumbsleft {padding: 0; margin: 0 0 5px 20px; width: 91px; height: 66px;}
.thumbsright {padding: 0; margin: 0px 0 5px 5px; width: 91px; height: 66px;}
.photo {border: none;}
.abtpic {float: left; margin: 0 8px 0 0;}
.stamp {float: right; margin: -20px -10px 0;}
.hr {background: url("/web/20041204120405im_/http://www.lousco.com/img/divider.gif"); height: 3px; margin: 2px 10px 10px 35px;}