@import "skidoo_redux.css";
@import "skidoo_redux_theme.css";

#masthead{
height: 7em;
}

#footer{
height: 45px;
}

h1{
position: absolute;
top:75px;
right:124px;
font: 12px Verdana, Arial, Helvetica, sans-serif;

}
h2{
font: 24px Verdana, Arial, Helvetica, sans-serif;

}

h3{
font: 14px Verdana, Arial, Helvetica, sans-serif;

}

.guard1{
margin: 10px;
margin-top: 0;
position: absolute;
top:45px;
left:15px;
}

.pic{
float: left;
margin: 10px;
}

.blimg{
position: absolute;
left: 200px;
top: 40px;
  z-index: 1;
}

.card{
position: absolute;
right: 20px;
}
.time{
position: absolute;
top:20px;
right:30px;
}

.time1{
position: absolute;
top:85px;
right:85px;
}

div.figcon {
  float: left;
  margin: 0px 0px 10px 90px;
  width: 100%;
  }

div.fig {
  float: left;
  width: 100px;
  height: 160px;
  border: thin silver solid;
  margin: 0px 0px 10px 10px;
  padding: 10px;
}
div.fig p {
  text-align: center;
  width: 85px;  
  font-style: italic;
  font-size: 12px;
text-decoration: none;
  text-indent: 0;
} 

div.link {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 95%;
  font-size: 10px;
  }
  
.stamp {
  position: absolute;
  top:15px;
  left:50px;
  z-index: 0;
}

.copy {
margin: 20px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: silver;
padding: 2px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border: none;
padding: 20px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
left: 300px; /*position where enlarged image should offset horizontally */
}

div.in {
  clear: both;
  margin: 5px 5px 5px 10px;
}
div.main {
  float: left;
  padding: 10px;
} 
.style1 {
	font-size: medium;
	text-align: left;
}
.style2 {
	font-size: medium;
}
.style3 {
	text-align: center;
}

div.figure {
  float: left;
  width: 20%;
  border: thin silver solid;
  margin: 5px;
  padding: 10px;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: 12px;
text-decoration: none;
  text-indent: 0;
}  

div.figure1 {
  float: left;
  width: 20%;
  border: thin silver solid;
  margin: 5px;
  padding: 10px;
}
div.figure1 p {
  text-align: center;
  font-style: italic;
  font-size: 14px;
text-decoration: none;
  text-indent: 0;
}  


div.gap {margin-top: 25px;
  text-align: left;
 }
 
div.container {
  border: none;
  }
 
 div.spacer {
   clear: both;
   }
div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }
   
div.choice {
  float: left;
  padding: 10px;
  }