/*
CSS for puzzlepiratesvideos.com 
*/
body {
  font-family: verdana, Helvetica, Arial, sans-serif;
  background-color: #E6F7F9;
  line-height: 125%;
  padding: 0;
  margin: 0;
  min-width: 960px;
  font-size: medium;
  }
  
h1, h3 {
   font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
   }
   
h1 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 34px;
   background-color: #0000A0;
   padding-top: 45px;
   padding-bottom: 10px;
   margin: 0;
   /*background: navy url(backgrounds/header-bg.jpg) repeat-y right;*/
   text-align: center;
   height: 30px;
   }
   
h1 a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
h1 a:link {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
h1 a:visited {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
h1 a:hover {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
h1 a:active {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }     
   
sitebranding a {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
sitebranding a:link {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
sitebranding a:visited {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
sitebranding a:hover {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }
  
sitebranding a:active {
  text-decoration: none;
  font-weight: bold;
  color: white;
  }     
   
h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:17px;
   font-weight: normal;
   padding-top: 12px;
   text-align: center;
   font-weight: bold;
   }
   
h2 {
   margin-top: 0px;
   font-size: 18px;
   color: #D20000;   
   }
   
h3 {
   font-family: Arial, Helvetica, sans-serif;
   color: #000080;
   font-size: 21px;
   font-weight: bold;
   padding-top: 0px;
   text-align: center;
   }
   
ul {
   margin-top: 10px;
   margin-bottom: 10px;
   padding: 0px;
   font-family: Arial, Helvetica, sans-serif;
   white-space: nowrap;
   margin-left: 0;
   }
   
ol {
   font-family: arial, verdana, Helvetica, Arial, sans-serif;
   color: black;
   font-size: small;
   line-height: 190%;
   }
   
#navigation li {
   font-size: 13px;
   list-style-type: none;
   display: inline;
   margin: 0;
   color: navy;
   line-height: 170%;
   }
   
p {
   font-size: 12px;
   color: black;
   width: 920px;
   text-align: center;
   }
   
#tagline p {
   font-style: italic;
   font-family: Georgia, times, serif;
   border-top: 0px solid #0000FF;
   border-bottom: 0px solid #0000FF;
   /*border-left: 2px solid #0000FF;
   border-right: 2px solid #0000FF;*/
   height: 20px;
   margin: 0;
   width: 960px;
   padding-top: 6px;
   text-align: center;
   height: 30px;
   background: #53A9FF;
   font-size: 13px; /*#bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right bottom;*/
   font-weight: bold;
   }
   
em {
   text-transform: uppercase;
   }
   
/* a {
  font-weight: bold;
  color: navy;
  }
  
# a:link {
  color: navy;
  }
  
 a:visited {
  color: #000000;
  }
  
 a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
  }
  
 a:active {
  color: aqua;
  background-color; navy;
  } */  

#bodycontent a {
  font-weight: bold;
  color: navy;
  text-decoration: none;
  }
  
#bodycontent a:link {
  color: navy;
  }
  
#bodycontent a:visited {
  color: #4A4AFF;
  }
  
#bodycontent a:hover {
  text-decoration: underline;
  background-color: none;
  }
  
#bodycontent a:active {
  background-color: none;
  }   
   
#navigation a {
  font-weight: bold;
  color: #00009D;
  text-decoration: none;
  font-size: 14px;
  }
  
#navigation a:link {
  color: #000077;
  font-weight: bold;
  font-size: 14px;
  }
  
#navigation a:visited {
  color: navy;
  font-weight: bold;
  font-size: 14px;
  }
  
#navigation a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
  font-weight: bold;
  font-size: 14px;
  }
  
#navigation a:active {
  color: aqua;
  background-color: navy;
  font-weight: bold;
  font-size: 14px;
  }   
  
.fun {
   color: #339999;
   font-family: Georgia, Times, serif;
   letter-spacing: 0.05em;
   }
   
blockquote.fun {
  color: #00FFFF;
  font-family: Georgia, Times, serif;
   letter-spacing: 0.05em;
   }
   
#navigation {
  /*width: 180px;
  /*border: 1px dotted navy; navigation border*/
  background-color: #bed8f3;
  border-top: 2px solid #0000FF;
  border-bottom: 2px solid #0000FF;
  /*border-left: 2px solid #0000FF;
  border-right: 2px solid #0000FF;*/
  padding-top: 0px;
  margin: 0;
  width: 960px;
  text-align: center;
  height: 60px;
  margin-left: 0;
  } 
  
 /*POSITIONING CONTROL   navigation border
 THIS SECTION DEALS WITH THE POSITION OF ITEMS ON THE SCREEN.It uses absolute positioning - fixed x and y coordinates measrued from the top-left corner of the browsers content display*/
  
  /*#header, #sitebranding, #tagline, #navigation, #bodycontent {
  border: 0px solid red;
  padding: 0px;
  margin-bottom: 0px;
  } /* used to apply borders for layout */
  
#header, #navigation, #bodycontent {
  position: absolute;
  }
  
#tagline  {
  position: absolute;
  left: 0;
  top: 85px;
  }
  
#navigation  {
  top: 121px;
  }
  
#bodycontent {
   /*was 260*/
  top: 190px;
  width: 920px;
  padding-left: 20px;
  padding-right: 0px;  
  }

#bodytext p {
  width: 740px;
 }

#header {
  top: 0;
  width: 960px; 
  text-align: center;
  }
  
.feature {
  float: right;
  margin: 10px;
  }   
  
.galleryphoto  {
  font-size: 65%;
  margin-top: 0;
  width: 430px;
  line-height: 1.4em;
  }
  
.photocredit  {
  font-weight: normal;
  color: gray;
  }  
  
.galleryphoto  {
  padding-bottom: 20px;
  border-bottom: 1px solid navy;
  margin-bottom: 10px;
  }
  
table.events  {
  border-collapse: collapse;
  }
  
table.events th, table.events td  {
  padding: 4px;
  border: 1px solid #000066;
  }
  
table.events th {
  font-size: x-small;
  text-align: left;
  background: #241374 url(backgrounds/header-bg.jpg);
  color: #ffffff;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  }
  
table.events td {
  font-size: small;
  background: #e2edff url(backgrounds/td.jpg) repeat-x top;
  }
 
 table.events caption {
   color: #000066;
   font-size: small;
   text-align: left;
   padding-bottom: 5px;
   font-weight: bold;
   }
   
form.contact fieldset {
  border: 2px solid navy;
  padding: 10px;
  }
  
form.contact legend {
  font-weight: bold;
  font-size: small;
  color: navy;
  padding: 5px;
  }
  
form.contact {
  padding: 0;
  margin: 0;
  margin-top: -15px;
  }

form.contact label {
  font-weight: bold;
  font-weight: small;
  color: blue;
  line-height: 150%; 
  }
  
form.contact label.fixedwidth {
  display: block;
  width: 240px;
  float: left;
  }
  
form.contact .buttonarea input{
  background: navy;
  color: white;
  font-weight: bold;
  padding-bottom: 5px;
  border: 1px solid white;
  }
  
form.contact .buttonarea  {
  text-align: center;
  padding: 4px;
  background-color: #0066ff;
  }
  
  /*delete from here*/
embed {
  left: 
  width: 425px;
  height: 355px;  
  border: #0000FF solid 2px;
  padding: 0;
  }
  

  
 #lefthandmenu{
 
  position: absolute;
  left: 0px;
  top: 156px;
  width: 230px;
  border-right: 3px solid blue;
  padding-bottom: .2em;
  padding-left: .8em;
  padding-top: 1.5em;
  height: 1300px;
  background-color:#bed8f3;
  font-size: 13px;
  line-height: 28pt;
  }
  
 #lefthandmenu li {
   margin: 0;
   padding: 0px;
   list-style-type: none;
   border: 1px solid;
   text-align: center;
 }
 
 #lefthandmenu ul {
 
 }
 
#videosgallery {
 position: relative;
 top: 10px;
 left: 0px;
 height: 940px;
 width: 960px;
 }
 
 #videosgallery p {
 position: absolute;
 top: 167px;
 left: 0px;
 text-align: left;
 width: 196px;
 font-family: verdana, Helvetica, Arial, sans-serif;
 color: black;
 font-weight: normal;
 font-size: 11px;
 /*padding-top: 0;
 padding-bottom: 0;*/
 margin-top: 0;
 margin-bottom: 0;
 line-height: 1.3;
 }
 
 #videosgallery em {
 font-weight: bold;
 text-transform: none;
 font-style: normal;
 
}


 #videosgallery img {
 width:200px;
 height:157px;
 border: 2px solid navy;
 } 
 
 #mainvideosgallery {
 position: relative;
 top: 10px;
 left: 0px;
 height: 550px;
 width: 920px;
 }
 
 #mainvideosgallery p {
 position: absolute;
 top: 227px;
 left: 0px;
 text-align: center;
 width: 280px;
 font-family: verdana, Helvetica, Arial, sans-serif;
 color: navy;
 font-weight: bold;
 /*padding-top: 0;
 padding-bottom: 0;*/
 margin-top: 0;
 margin-bottom: 0;
 }
 
 #mainvideosgallery img {
 width:280px;
 height: 220px;
 border: 2px solid navy;
 } 
 
 #mainvideo1 {
 position: absolute;
 top: 10px;
 left: 0px;
 }
 
 #mainvideo2 {
 position: absolute;
 top: 10px;
 left: 320px;
 }
 
 #mainvideo3 {
 position: absolute;
 top: 10px;
 left: 640px;
 }
 
 #mainvideo4 {
 position: absolute;
 top: 290px;
 left: 0px;
 }
 
 #mainvideo5 {
 position: absolute;
 top: 290px;
 left: 320px;
 }
 
 #mainvideo6 {
 position: absolute;
 top: 290px;
 left: 640px;
 }
 
 #video1 {
 position: absolute;
 top: 10px;
 left: 0px;
 }
 
 #video2 {
 position: absolute;
 top: 10px;
 left: 253px; 
 }
 
 #video3 {
 position: absolute;
 top: 10px;
 left: 506px; 
 }
 


 #video4 {
 position: absolute;
 top: 240px;
 left: 0px; 
 }
 
 #video5 {
 position: absolute;
 top: 240px;
 left: 253px; 
 }
 
 #video6 {
 position: absolute;
 top: 240px;
 left: 506px; 
 }
 

 

 #video7 {
 position: absolute;
 top: 470px;
 left: 0px; 
 }
 
 #video8 {
 position: absolute;
 top: 470px;
 left: 253px; 
 }
 
 #video9 {
 position: absolute;
 top: 470px;
 left: 506px; 
 }
 


  #video10 {
 position: absolute;
 top: 700px;
 left: 0px; 
 }
 
  #video11 {
 position: absolute;
 top: 700px;
 left: 253px; 
 }
 
  #video12 {
 position: absolute;
 top: 700px;
 left: 506px; 
 }
 
 #copyright {
 position: relative;
 left: 0px;
 top: 20px;
 width: 920px;
 padding-bottom: 20px;
 }
 
#copyright p{
 width: 920px;
 font-size: 10px;
 text-align: center;
 }
 
#videonav p {
 text-align: center;
 font-size: 11px;
 }
 
 #ratings {
 position: relative;
 top: 0px;/*490px;*/
 padding-bottom: 0px;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 }
 
 
#videonav2 {
 text-align: center;
 font-size: 11px;
 position: relative;
 top: 0px;/*470px;*/
 padding-bottom: 0px;
 padding-top: 0px;
 margin-top: 10px;
 margin-bottom: 0px;
 } 
 
 #videonav2 p {
 text-align: center;
 font-size: 11px;
 } 
 
#videonav a {
  font-weight: bold;
  color: navy;
  text-decoration: none;
  }
  
#videonav a:link {
  color: navy;
  }
  
#videonav a:visited {
  color: #4A4AFF;
  }
  
#videonav a:hover {
  text-decoration: underline;
  background-color: none;
  }
  
#videonav a:active {
  background-color: none;
  }   
 
#videodescription p {
 font-size: 12px;
 color: #00006F;
 font-weight: bold;
 width: 450px;
 position: relative;
 color: black;
 left: 230px;
 top: 10px;/*580px;*/
 text-align: center;
 padding-bottom: 0px;
 padding-top: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 }
 

 
#bookmark {
 position: relative;
 top: 25px;
 left: 0px;
 text-align: center;
 border: 0px solid;
 }

#googlead1 {
 position: absolute;
 top: 10px;
 left: 45px;
 }

 #googlead1 {
 position: absolute;
 top: 135px;
 left: 780px;
 }
 
 #googlead2 {
 position: absolute;
 top: 10px;
 left: 760px;
 }
 
#googlead3 {
 position: absolute;
 top: 85px;
 left: 20px;
 }
 
#googlead4 {
 position: absolute;
 top: 85px;
 left: 780px;
 }
 
#wrapper {
 width: 960px;
 margin: 0 auto;
 text-align: left;
 background-color: red;
}

#comments {
 width: 450px;
 font-size: 11px;
 position: relative;
 left: 230px;
 border: 1px solid #C0C0C0;
 line-height: 110%;
 }
 
#googlelinks {
 position: absolute;
 top: 225px;
 width: 960px;
 text-align: center;
 }

#links {
position: absolute;
top: 189px;
width: 960px;
font-weight: bold;
text-align: center;
color: red;
padding-top: 5px;
padding-bottom: 5px;
} 

#links p {
  color: red;
  }

#links a {
  font-weight: bold;
  color: #000080;
  }
  
#links a:link {
  color: #000080;
  }
  
#links a:visited {
  color: #000080;
  text-decoration: none;
  }
  
#links a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
  }
  
#links a:active {
  color: aqua;
  background-color: navy;
  }