#lightbox{
  background-color:#eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
}

#lightboxCaption{
  font-size: 1em;
  padding-top: 0.4em;
  font-weight: bold;
}

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}




html,body {
	height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: #000;
  font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

.small {
  font: 12px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}


a img {
  border: none;
}



#content {
  padding: 0;
  font-size: small;
  line-height: 150%;
}


.post {
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;
  background: #fff url(img/fade1.gif) bottom repeat-x;
  border-bottom: 2px solid #ccc;
}

.postcontent {
  margin: 0;
  padding: 0 20px 0 36px;
}




.photo {
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  border-bottom: 2px solid #ffb413;
  background: #fff5e0;
}

.photocontent {
  margin: 0;
  padding: 10px 0 20px 0;
  background: #fff5e0;
}


.photocontent p {
  margin: 0 0 0 8px;
  padding: 0;
  font-size: 90%;
  color: #666;
}


/*  PHOTO TREATMENT  */

.photocontent ul{

}

.photocontent li{
	width:200px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}

.photocontent img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

/* --- */

/*  PHOTO IN A POST  */

.photopost ul{

}

.photopost li{
	width:200px;
	border:solid #CCC;
	border-width:1px;
	background:#FFF;
	padding:10px;
	margin: 10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	list-style-type: none;
}

.photopost img{
	border:1px solid #EEE;
}

/* --- */




h1.phototitle {
  margin: 0;
  padding: 7px;
  font-size: 20px;
  font-family: helvetica, arial, sans-serif;
  letter-spacing: -1px;
  color: #fff;
  background: #ffb413;
}



#blogmenu {
  margin: 0;
  padding: 0 20px 6px 36px;
  border-bottom: 1px solid #ccc;
}


#content .postcontent h1,
#content .postcontent h1 a:link,
#content .postcontent h1 a:visited {
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-family: helvetica, arial, sans-serif;
  line-height: 30px;
  letter-spacing: -1px;
  color: #96460b;
  text-decoration: none;
}

#content .postcontent h1 a:hover {
  text-decoration: underline;
  background: none;
}

#content span.author {
  text-transform: none;
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: #194196;
}

#content span.date {
  font-family: helvetica, arial, sans-serif;
  font-size: 16px;
  color: #787264;
  font-weight: normal;
}

#content h2 {
  margin: 22px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-family: helvetica, arial, sans-serif;
  letter-spacing: -1px;
  color: #666;
  text-decoration: none;
}




#sidebar {
  font-size: small;
  padding: 0 6px 0 18px;
  color: #fff;
}

#sidebar a:link, 
#sidebar a:visited {
  color: #fff;
  font-weight: normal;
  text-decoration: underline;
}

#sidebar a:hover {
  color: #ccc; 
}

#sidebar strong {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-family: helvetica, arial, sans-serif;
  letter-spacing: -1px;
  color: #000;
  text-decoration: none;
}

#sidebar p {
  margin: 0 0 10px 0;
  padding: 0;
}

#sidebar ul {
  list-style: square;
  margin: 0 24px;
  padding: 0;
}

#sidebar li {
  margin: 0 0 8px 0;
  padding: 0;
}

#sidebar a.feed {
  margin: 4px 0 0 0;
  background: url(img/feed-icon-12x12.png) left center no-repeat;
  display: block;
  padding-left: 18px;
  text-decoration: none;
  font-weight: bold;
}





.nav {
  line-height: 16px;
  font-size: small;
  padding: 4px;
}

.nav a:link, .nav a:visited {
  color: #fff;
  text-decoration: none;
}

.nav a:hover {
  color: #fff;
  text-decoration: underline;
}






a:link, a:visited {
  font-weight: normal; 
  text-decoration: underline;
  color: #5e64ba;
  background: transparent; 
}

a:hover {
  font-weight: normal; 
  text-decoration: none;
  color: #5e64ba;
  background: transparent; 
}

a:active {
  font-weight: normal; 
  text-decoration: none;
  color: #5e64ba;
  background: transparent;  
}



/* clearing
----------------------------------------------- */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html>body .clearfix {
  display: inline-block; 
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}