/* ================================================== */
/* jansochor.com, 10/2008
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */

/* ================================================== */
/* imageHover  
/* -------------------------------------------------- */

.imgHov {text-decoration: none; float: left; display: inline;}

.imgHov img {border: 0; display: block;}

.imgHov span {font-style: normal;}
.imgHov span, .imgHov b {display: none;}

.imgHov:hover {background: #ffffff; position: relative;}
.imgHov:hover b {
	position: absolute;
	top: 0px;
	left: 0;
	display:block;
	background-image: url(../imgs/bg-hover.png);
	background-repeat: repeat;
	background-position: left top;
}

.imgHov:hover b.indexPh {width:300px; height:200px;} /* indexy */ 
.imgHov:hover b.archPh {width:140px; height:94px;} /* archive */ 
.imgHov:hover b.tearPh {width:600px; height:400px;} /* tearsheets */ 
.imgHov:hover b.blogPh {width:600px; height:400px; background: none; cursor: default;} /* photoblog */
.imgHov:hover b.essayPh {width:600px; height:400px; background: none; cursor: default;} /* photostories */ 

.imgHov:hover span, .imgHov:hover span.blog, .imgHov:hover span.essay  {position:absolute; top:128px; left:12px; width:268px; height: 42px; background:#ffffff; padding: 8px 10px 10px 10px; line-height: 20px; text-align: right; font-size: 12px; font-weight: bold; color: #c70202; display: block;}

.imgHov:hover span.blog, .imgHov:hover span.essay {top:328px; width:556px; background:#ffffff; text-align: left;}

/* IE.5-6 */ * html .imgHov:hover span {width:288px; height: 60px;}
/* IE.5-6 */ * html .imgHov:hover span.blog {width:576px;; height: 60px;}
/* IE.5-6 */ * html .imgHov:hover span.essay {width:576px;; height: 60px;}	

.imgHov:hover span em {font-weight: normal; font-style: normal; color: #000000;}