@charset "utf-8";
/* CSS Document */

.qitem {
	width:150px;
	height:150px;
	border:1px solid #7d7d7d;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	cursor:hand;
	cursor:pointer;
	background-color:#d3f2f9;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 30px;
	padding: 0px;
	margin-left: 0px;
}

	.qitem img {
	border:0;
	/* allow javascript moves the img position*/
		position:absolute;
	z-index:150;
	height: 150;
	width: 150px;
	left: 0px;
	top: 0px;
	}

	.qitem .caption {
	position:absolute;
	z-index:0;
	color:#ccc;
	display:block;
	left: 4px;
	width: 151px;
	height: 150px;
	top: 1px;
	}

		.qitem .caption h4 {
	font-size:12px;
	padding:10px 5px 0 8px;
	margin:0;
	color:#db595a;
		}

		.qitem .caption p {
			font-size:11px;	
			padding:3px 5px 0 8px;
			margin:0;
			color:#999999;
		}



/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}