/* style sheet for Bubble Sterings" */

@import url(./generic.css);

body {
   background: #a5cea4;
	 background-image: url(../fade/stage3.jpg);
	 background-repeat: repeat-x;
	 width: 100%;
	 padding: 0px;
	 margin: 0px auto;
	 font-size: 1em; 
	 font-family:Arial,sans-serif;
	 text-align:center;}
 
#page {
	 background-image: url(../images/page.png);
	 position: relative;
	 text-align: left;
   width: 850px;
	 height: 600px;
	 border: 2px solid blue;
	 margin: 75px auto 0px auto;
	 padding: 10px;
	 font-family: arial;
	 font-size: 0.8em;}

#header {
	 width: auto;
	 margin: 0px;
	 padding: 0px;}
	 
#headerleft {
	 float: left;		
	 display: block;
	 margin-top: -75px;
	 margin-right: 10px;
	 width: 504px;
	 height: 290px;
	 padding: 0px;}
	 
img {vertical-align: bottom;}	/* p136 O'reilly */
	 
#headerleft img {
   margin: 0px;
	 padding: 0px;}	 
	 
#headerright{
	 width: auto;
	 margin-left: 530px;
	 text-align: center;}

#nav {
   width: auto;
	 height: 100px;}
	 
#nav a{
		 background-image: url(../images/link.png);
		 display: block;
		 float: left;
		 width: 135px;
		 height: 25px;
		 float: left;
		 padding-top: 2px;
		 margin: 0px 0px 5px 5px;
		 border-top: 1px solid gray;
		 border-left: 1px solid gray;
		 border-right: 2px solid black;
		 border-bottom: 2px solid black;
		 text-decoration: none;}	 		 

#nav a:link {background-image: url(../images/link.png);} 		 

#nav a:hover {
   background-image: url(../images/hover.png);
	 font-weight: bold;
	 border-top: 2px solid black;
	 border-left: 2px solid black;
	 border-right: 1px solid gray;
	 border-bottom: 1px solid gray;}

#strap {
	 font-style: italic;
	 font-size: 1.2em;
	 margin-top: 10px;
	 padding: 0px;}
/* border: 1px solid blue;} */
	 
#strap p {margin: 0px 0px 10px 0px;}	 
	 
#strip {
	 margin: 0px auto 10px;
	 padding: 0px;
	 width: 900px;
	 border: 2px solid blue;}
	 
#haiku {
   float: right;
	 background: #dbcbcc;
	 width: 165px;
	 padding: 5px 10px;
	 margin: 0px 10px 20px 15px; 
	 border: 2px dashed gray;
	 font-style: italic;}	 

#footer {
   font-size: 0.5em;
	 margin: 5px;}
	 
/*
	 
#handleft {
	 position: absolute;
	 height:710px; width:167px;
	 top:-77px; left:-170px;
	 background-image: url(../fade/hand-left.jpg);}	 

	 
#handright {
   position:absolute;
	 height:710px; width:167px;
	 top:-77px; right:-170px;
	 background-image: url(../fade/hand-right.jpg);}
	 
*/	 
	 
.right {float: right;}
.construct {color: red;}

.youtube{
   float:right;
	 margin-left: 10px;
	 border:2px solid gray;}
	 
.imgleft{
   float:left;
	 margin-right: 10px;
	 padding: 2px;
	 border:2px dashed gray;}
	 
.imgright{
   float:right;
	 margin-left: 10px;
	 padding: 2px;
	 border:2px dashed gray;}
	 
.smaller {font-size: small;}
.prize1 {padding:0px; margin-bottom:0px;}
.prize2 {font-size:0.8em; text-align:right; margin-top: 0px;}
.story {color: #09440a; margin-left: 20px;}