body {
  background-color: #CCCCCC;
  font-family:Verdana;
  font-size: 9pt;
  text-decoration: none;
  margin:0px;
  padding:0px;
}

a {
	font-size: 9pt;
	color: #336699;
	text-decoration: underline;
}
a:hover {
	color: #336699;
}
a:visited {
	color: #336699;
}

#container {
  width:635px;  
  margin:0px auto;
	margin: 0 auto;
	text-align: left;
	font-size: 80%;
}


#header { 
	border:1px solid #000000;
	background:#FFF;
	margin-top:10px;
	color: #336699;
  height:40px;
}

#logo {
  text-align:center;
}

#logo h1 {
  letter-spacing: 30px;
  text-decoration:none;
  font-size: 13pt;
  font-weight:normal;
}

#content {
	margin-top: 7px;
  background:#FFF ;	
	position:relative;
	border:1px solid black;
}

#main { 
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
	background: #fff ;
	padding: 1px;
	width:500px;
	margin-bottom:10px;
}
	
#photosets {
  margin-left:30px;
}

.photoset { 
  margin-top:  20px;    
  margin-bottom: 10px;    
}

.photoset img {border:1px solid black}
.photoset h2 {padding:0px;margin:0px;margin-bottom:20px}

#sidebar {
    display: none;
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:10px;
	margin-bottom:10px;
	position:absolute;
	right:0px;
}
	
#sidebar h3 {
  font: 110%/.5em Arial, Verdana, Helvetica, sans-serif;
  color: #d75a20;
  margin-top: 10px;
}

#footer {
	border: 1px solid black;
	margin-top: 3px;
	height: 35px;
	text-align: center;
	background:#FFF;
}

#footer ul {
  margin: 0;
  padding: 10px 0 0 0;
  list-style: none;
}

#footer ul li {
  display: inline;
  margin: 0;
  padding: 0 5px 0 0;
  font-size: 75%;
}  
      
      
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
      	
  	
 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 /* End hide from IE-mac */