/**********************************************************************************************

	Title: CSS
	Author: Blake Hilscher of skywidedesign.ca
	Date: 2010

***********************************************************************************************

/* 1. Home
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
	
.column{
	float:left;
}
	.column.left{
		width:650px;
	}
	.column.right{
		margin-left:18px;
		width:304px;
	}
	
.content .border img.float_left{
	float:left;
	margin-right:10px;
}

.content .border form input {
	padding:4px;
}
	
	ul.recent_posts{
		margin-bottom:20px;
	}	
		ul.recent_posts li {
			margin-bottom:14px;
		}		
			ul.recent_posts li a{
				font-size:13px;
				font-family:georgia;
				color:#747679;
			}
	
.comment{
	overflow:auto;
	clear:both;
	margin-bottom:10px;
}
	.comment .content{
		background:none;
		padding-left:68px;
	}
		.comment .content h3{
			margin:0px;
		}


.row .main_col {
	float:right;
	width:605px;
}

.row .main_col table{
	margin-top:12px;
	margin-bottom:12px;
}

	.row .main_col table td{
		padding:5px;
	}
	
.row .side_col{
	float:left;
	width:300px;
}

	.row .side_col form{
		margin-left:20px;
		margin-bottom:24px;
	}
	
	.pet_info {
		position:relative;
		overflow:hidden;
		padding-bottom:10px;
		margin-bottom:20px;
		border-bottom:1px dotted #D2DADA;
	}
		.pet_info .button-next{
			float:left;
			margin-left:5px;
			cursor:pointer;
		}	
		.pet_info .icons{
			position:absolute;
			top:125px;
			left:0px;
			cursor:pointer;
			overflow:hidden;
			width:120px;
			height:15px;
		}
		.pet_info .description{
			font-family:arial;
			float:left;
			margin-left:15px;
			width:300px;
		}
		.row .main_col #search_results .image.last{
			margin-right:0px;
		}

/* rotator in-page placement */
    div#rotator {
    float:left;
	position:relative;
	height:140px;
	width:120px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
    div#rotator ul li.show {
		z-index:500
	}
