/*  
Theme Name: ClearwaterRealEstateTampaHomes
Theme URI: http://realestatetomato.typepad.com
Description: Another theme from the <a href="http://realestatetomato.typepad.com">Real Estate Tomato</a> collection.
Version: 1.0
Author: Real Estate Tomato
Author URI: http://realestatetomato.typepad.com/
*/

/*
= DEFAULT
*/

body {
	background: #b4b9c6 url("images/bg.gif") top left repeat-x;
	font: normal 12px "Verdana", "Arial", "Helvetica", sans-serif;
	color: #616161;
	margin: 0;
	padding: 0; }
	
div, form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0; }
	
/*
= TEXT / HEADINGS
*/
	
a {
	color: #23477a;
	text-decoration: none; }
	
	a:hover {
		color: #f1ac77;
	 }
	
h1.category-title {
	margin:0;
	padding:0;
	text-align:right;
	font-size:14px;
	border-bottom:1px solid #23477a;
	margin-bottom:30px;
}
	
h2.dyna-cat-title {
	text-align:left;
	font-size:24px;
	margin:0;
	padding:0;
	margin-bottom:-15px;
}

		
h2 {
	font: normal 22px "Tahoma", "Arial", sans-serif;
	color: #23477a;
	margin: 5px 0; }
	
	#left h2 { padding: 0 15px; margin-top:20px; color:#fff; }
	#right h2 { padding: 0 15px; color: #fff; }
	
	h2.title { margin: 0; }
	h2.title a { color: #23477a; text-decoration:none; }
	h2.title a:hover { color: #f1ac77;}
	
	h2.pagetitle {
		font-size:24px;
		margin-bottom:20px;
		text-decoration:underline;
	}

/*
= CONTAINER / COLUMNS
*/
	
#container {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	background: url("images/wrapper.gif") top left repeat-y;
	z-index: 1; }
	
	
	#container #left {
		width: 220px;
		float: left;
		padding-left: 5px;
		margin-top:-80px; 
		background: url("images/left-bg.gif") top left repeat-y;
		}
		
		#left ul {
			margin:0;
			padding:0;
		}
		
		#left ul li {
			margin:0;
			padding:0;
		}
			
	#left #headshots {
		text-align: center;
	}
		
	
		#left #rssBox {
			margin: 0;
			padding: 0 0 0 15px;
					position:relative;
					z-index:2;

	 }
			
			#newsletter {
				padding: 0 0 0 5px;
			}
			
		#left #rssBox #rss {
			background: transparent url("images/rss.gif") top left no-repeat;
			height: 57px;
			width: 32px;
			float: left;
			margin: 5px;
			display: block;
			}
	
		#left #rssBox input {
			background-color: #96a2c9;
			margin-bottom: 2px;
			padding: 3px;
			border: 1px solid #273972;
			font-family: "Tahoma";
			width: 125px;
			color: #102464; }
			
		html>body #left #rssBox input { width: 135px; }
		
		#left form#home-search-form {
			border:1px solid #000;
			width:160px;
			margin:20px auto;
		}
		
		#left table#home-search-table {
			border:1px solid #fff;
			width:160px;
			background-color:#96a2c9;
			color:#000;
		}
		
		#left table tr.orange {
			width:160px;
			color:#000;
			background-color:#f29c5a;
			border:1px solid #f29c5a;
			padding:5px;
			font-weight:bold;
		}
		
		#left input, #left option {
			width:75px;
	
		}
		
		#left select#cities {
			margin:2px;
			margin-left:30px;
		}
		
		#left-bottom {
			display:block;
			height:116px;
			width:225px;
			background: url("images/left-bottom.gif") bottom right no-repeat;
			margin-left:-5px;
		}
		
	#container #right {
		position: relative;
		width: 200px;
		float: left;
		padding: 0 20px;
		margin-top:-80px; }
		
			#right #feat {
				text-align: center;
			}

				#right #feat a#up {
					background: transparent url("images/arrow.gif") left top no-repeat;
					height: 30px;
					width: 53px;
					display: block;
					margin: 20px auto;
					
				}
				
				#right #feat a#up:hover {
					background: transparent url("images/arrow-hover.gif") left top no-repeat;
				}

				#right #feat a img {
					border: 4px solid #DFDFDF;
					margin-bottom:5px;
				}

				#right #feat a:hover img {
					border: 4px solid #435fd7;
				}

				#right #feat p {
					width: 150px;
					margin: 0 auto;
					margin-bottom: 20px;
					font-family: "Verdana";
					font-size: 11px;
					text-align: center;
					color: #fff;
				}

				#right #feat p a:active, #right #feat p a:visited, #right #feat p a:link {color: #fff; text-decoration: underline;}
				#right #feat p a:hover {color: #dcdfeb; text-decoration: none;}

				#right #feat a#down {
					background: transparent url("images/arrow-down.gif") left top no-repeat;
					height: 30px;
					width: 53px;
					display: block;
					margin: 20px auto;
					
				}
				
				#right #feat a#down:hover {
					background: transparent url("images/arrow-down-hover.gif") left top no-repeat;
				}
		
	#container #content {
		position: relative;
		width: 600px;
		float: left;
		padding: 15px; }
		
		
		#content .postinfo { 
			color: #c4c4c4; 
			margin: 0;
			font-size: 10px; }
			
		#content .postdata { text-align: right; font-size: 11px;
			margin-bottom:50px;}
	
/*
= HEADER / MENU / FOOTER
*/

#header {
	height: 348px;
	position: relative;
	background: url("images/header.jpg") top left no-repeat; }
	
	#logo {
		float:left;
		position:relative;
		left:-5px;
	}

	
	#menu {
		position: relative;
		height: 28px;
		list-style: none;
		float:right;
		margin:0;
		padding:0;
 }
		
		#menu li { 
			float: left;
			margin:0;
			padding:0; 
		}
		
		#menu li a {
			display: block;
			height: 28px;
			color:#fff;
			padding:2px 10px;
                        float:left;
		 }
		
		#menu li a:hover {
			text-decoration:underline;
		 }
		
		h1#site-title {
			color:#fff;
			position:relative;
			font-family:"Tahoma", "Arial", sans-serif;
                        font-size:22px;
                        margin:0;
                        padding:0;
                        top:145px;
                        left:520px;
		}
		

		#header .call-to-actions a {
			display: block;
			width: 200px;
			height: 120px;
			float:left;
                        
		}
			
			#homesearch {
				position:relative;
				top:140px;
			}
			
			#newlistings {
				position:relative;
				top:140px;
				left:5px;
			}
			
			#sellhome {
				position:relative;
				top:150px;
				left:25px;
			}
	
	
#footer {
	clear: both;
	height: 55px;
	position: relative;
	background: url("images/footer.jpg") top right no-repeat;
 }
	
	#footer-menu {
		position:relative;
		list-style:none;
		margin:0;
		padding:0;
		margin-left:260px;
		font-size:10px;
	}
	
	#footer-menu li {
		float:left;
		display:block;
		margin:0;
		padding:0;
		padding:10px;
	}
	
	#footer-menu li a#white {
		color:#fff;
	}

	
/*
= COLUMN LISTS
*/

#left p {
	color:#fff;
}
	
#left ul {
	list-style: none;
	width: 200px;
	margin-bottom: 20px; }
	
	#left ul li a {
		color: #ffffff;
		padding: 5px 0 5px 25px;
		text-decoration: none;
		display: block;
		height: auto;
		width: 175px; }
		
	#left ul li a:hover {

		color: #ee8f46;
		text-decoration: underline; }
		
	#left label {
		color:#fff;
	}
	
	#left .dsidx-controls a {
		color:#fff;
	}
	
	#left .dsidx-controls a:hover {
		color:#ee8f46;
	}
	
	#left .dsidx-search-button input {
		width:200px;
	}
		
#right ul {
	list-style: none;
	width: 200px;
	margin-bottom: 20px; }

	#right ul li a {
		color: #ffffff;
		padding: 5px 0 5px 5px;
		text-decoration: none;
		display: block;
		height: auto;
		width: 175px; }

	#right ul li a:hover {
		color: #ee8f46;
		text-decoration: underline; }
		

		
.commentlist {
	list-style: none; }
	
	.commentlist li { padding: 10px; }
	.commentlist li.alt { background-color: #D1D4DC; }
	
#comment {
	width:450px;
}

	
/*
= END
*/