#livestock_items {
	display: block;
	width: 600px;
	font: 9pt/12pt Georgia, "Times New Roman", Times, serif;
}

/*----------------------------------------*/
.block_inside {
	display: block;
	border: 1px solid #909060;
	background: #ffffff ;
	padding: 20px;
	overflow: auto;
}


.livestock_item {
	border: 1px solid #872100;
	margin-bottom: 10px;
	position: relative;
	width: 600px;
}

.livestock_item .block_inside {
	background-color: #818162;
	background-image: none;
	padding: 15px 25px;
}


/*----------------------------------------*/
.livestock 
{
	
}

p.livestock 
{
	color: #23230b;
	float: left;
	margin: 5px 0 0;
	padding: 5px;
	width: 55%;
}

p.float-right {
	float: right;
	margin: 0;
	padding: 5px;	
}

/*-- something about ranch.css hides h3.livestock. I can not 
figure it out. Spent an entire morning on it.  */
.livestockName{

	color: #872100;
	margin: 0;
	float: none;
	clear: none;
	font: 12pt Georgia, "Times New Roman", Times, serif;
}



a {
	color: #872100;
	text-decoration: none;
	border: none;
}

.livestock_item .thumbnail {
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	/*--- cheap way to extend the float left column */
	margin-bottom:50px;
	border: 3px ridge #872100;
}