/*  
Theme Name: What If Florida Real Estate
Theme URI: http://realestatetomato.typepad.com
Description: nother 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: #9e57fd url("images/footer-repeat.gif") bottom left repeat-x;
	font: normal 12px "Verdana", "Arial", "Helvetica", sans-serif;
	color: #231140;
	margin: 0;
	padding: 0; }

#inner-body {
	background: url("images/bg2.gif") top left repeat-x;
}
	
div, form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0; }
	
	.clear {
		clear: both;
		display: block;
		height: 1px;
		text-indent: -500em;
	}
	
/*
= TEXT / HEADINGS
*/
	
a {
	color:#ec7b0c;
	text-decoration: none; }
	
	a:hover {
		color:#ec7b0c; 
		text-decoration: underline; }
	
	

		
h2 {
	font: normal 22px "Tahoma", "Arial", sans-serif;
	color: #2a4868;
	margin: 5px 0; }
		
	#right h2 { 
		font: normal 18px "Tahoma", "Arial", sans-serif;
		padding: 0 15px; 
		color: #ffffff;
		margin-top:20px; 
	}
	

	

/*
= CONTAINER / COLUMNS
*/
	
#container {
	position: relative;
	width: 964px;
	margin: 0 auto;
	background: url(images/wrapper.gif) top left repeat-y;
	z-index: 1; 
}
	
	
	#container #left {
		width: 200px;
		float: left;
		position:relative;
		padding-left: 20px;
		top:-100px;
	}
		#content-idx-top {
	position:relative;
	width:964px;
	height:51px;
	top:-159px;
	background:url(images/header-s_01.png) top no-repeat;
	}
		#content-idx-mid {
	position:relative;
	width:964px;
	top:-159px;
	background:url(images/header-s_02.png) top repeat-y;
	}
			#content-idx-bot {
	position:relative;
	width:964px;
	top:-162px;
	height:51px;
	background:url(images/header-s_03.png) bottom no-repeat;
	}	
	#left #rss-box {
		margin-bottom:5px;
	}
	
	#left h2 { 
		padding: 0px 15px 0px 5px;
		margin-top:20px;
		color:#fec536;
	}
	
	#left ul {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		margin-bottom: 20px; 
	}
	
	#left ul li a {
        margin: 0;
		padding: 0;
		border: 0;
		color:#fec536;
		padding: 5px 0 5px 20px;
		text-decoration: none;
		display:block;
	}
		
	#left ul li a:hover {
		color:#fec536;
		text-decoration: underline; 
	}
		

		
	#container #right {
		position: relative;
		width: 200px;
		float: left;
		padding: 0;
		padding-left:8px;
		top:-120px;
	}
		

		
	#container #content {
		position: relative;
		width: 510px;
		float: left;
		padding: 0px 10px 0px 10px;
		top:-120px;
	}
	
		h2.title { 	
			margin: 0px;
			padding: 0px;
			font-size: 22px;
        	line-height:22px;
        	margin-top:5px; 
		}

		h2.title a { color: #6531ba; text-decoration:none; }

		#content .date {
			background: transparent url(images/calendar.gif) left top no-repeat;
			height: 67px;
			width: 56px;
			float: left;
			padding-top: 8px;
			font-family: "Arial";
			text-align: center;
			margin-right:10px;
		}
		
			#content .date .year {
				display: block;
				line-height: 14px;
				font-size: 12px;
				color: #fff;
			}
		
			#content .date .mon {
				display: block;
				font-size: 18px;
				font-weight: bold;
				color: #015488;
				position:relative;
				top:3px;
			}
			
			#content .date .dateN {
				display: block;
				font-size: 14px;
				color: #646464;
				line-height: 20px;
			}
			
			#content .postinfo { 
				color: #3a2213; 
				position: relative;
				margin: 0px;
				padding: 2px;
				margin-top:8px;
				font-size: 10px;
				font-family: "Verdana";
            	line-height:12px;
 			}
			
			
			
			#content .postinfo a { 
				color:#ec7b0c;
				text-decoration:underline;
	 		}
			
			#content .postinfo a:hover { 
				color:#ec7b0c; 
		 	}
			
		#content .postdata { text-align: right; font-size: 11px; margin-bottom:80px; }
	
/*
= HEADER / MENU / FOOTER
*/

#header {
	height: 456px;
	width:964px;
	margin:0 auto;
	position: relative;
	background: url(images/header.gif) top left no-repeat; 
}
	
	h1 a {
		text-indent: -9999px;
		display: block;
		width: 495px;
		outline: none;
		height: 45px;
		float:left;
 }

	#agentlogin a {
		float:right;
		height:40px;
		width:170px;
		text-indent:-9999em;
		margin-right:50px;
	}
 
 	#agents {
 		position: relative;
		background: transparent url("images/login.jpg") top left no-repeat;
		height: 41px;
		width: 178px;
		margin: 0px 30px 0px 0px;
		float: right;
		padding: 0px 10px;
		color: #2a4f00;
		top:-320px;
		text-indent:-9999em;
	}
	
	#agents a {
		display:block;
		height:41px;
		width:178px;
	}
	
	img.car-img {
		margin: 0 auto; 
		padding: 0; 
		border:3px solid #ebebeb; 
		display: block;
	}
	
		
	img.car-img:hover {
		border:3px solid #f3cd3a;
	}
	
		

	#picture-menu {
                margin: 0;
                padding: 0;
                border: 0;
		position:relative;
		width: 480px;
		margin-right: 140px;
		list-style:none;
		float:right;
		font: 10px "Verdana", "Arial", sans-serif;
		color: #fff;
	}
	
	#picture-menu li {
        margin: 0;
	padding: 0;
	border: 0;
		float:left;
	}
	
		#picture-menu li.hood {
			margin: 8px 10px;
                        text-align:center;
		}
	
	#picture-menu li a {
		padding:8px;
		position:relative;
	}
	
	#picture-menu img {
        margin: 0;
	padding: 0;
	
		border:3px solid #ebebeb;
		display: block;
	}
	
	#picture-menu img:hover {
        margin: 0;
	padding: 0;
	
		border:3px solid #f3cd3a;
	}
	
	#picture-menu img.arrow {
        margin: 0;
	padding: 0;
	border: 0;
		
		position:relative;
		margin: 8px 0 0 -3px;
		top:13px;
	}
	
	#menu {
		clear:both;
        margin: 0;
		padding: 0;
		border: 0;
		position: relative;
		list-style: none;
		margin-top: 20px;
		padding: 0;
		width:200px;
		float:left;
		}
		
		#menu li { 
                margin: 0;
				padding: 0;
				border: 0;
				width:200px;
				 }
		
		#menu li a {
			display: block;
			background:transparent;
			height: 20px;
			padding: 5px 0px 6px 20px;
			color:#fec536;
			text-transform:uppercase;
			letter-spacing:-.5px;
			text-decoration:none;
			font: 16px "Verdana", "Arial", "Helvetica", sans-serif;
			 }
		
			#menu li a:hover {
				display: block;
			
				color:#ffd32c;
				 }
				
		#vmenu {
			margin:0;
			padding:0;
			position:0;
			list-style:none;
		}
		
		#vmenu li {
			float:left;
		}
		
		#vmenu li a {
			text-indent:-9999em;
			float:left;
			height:244px;
			width:188px;
			position:relative;
			top:4px;
			left:10px;
		}
		
		#vmenu li a#sell:hover {
			background:url(images/sell2.jpg) 0px 0px no-repeat;
		}
		
		#vmenu li a#cash-back:hover {
			background:url(images/give2.jpg) 0px 0px no-repeat;
		}
		
		#vmenu li a#search:hover {
			background:url(images/search2.jpg) 0px 0px no-repeat;
		}
		
		#vmenu li a#jobs:hover {
			background:url(images/jobs2.jpg) 0px 0px no-repeat;
		}
				

			
	
#footer {
	clear: both;
	position: relative;
	background:url(images/footer.gif) top left no-repeat;
	height:147px;
 }

p.credits {
	text-align:center;
	position:relative;
	top:120px;
	color:#fff;
}

	
/*
= COLUMN LISTS
*/
	

		
#right ul {
margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	width: 200px;
	margin-bottom: 20px; }
	
	#right ul li a {
        margin: 0;
	padding: 0;
	border: 0;
		color: #d0ff8b;
		padding: 5px 0 5px 25px;
		text-decoration: none;
		display: block;
		height: auto;
		width: 175px; }
		
	#right ul li a:hover {
		color: #a5ff22;
		text-decoration: underline; }
		
.commentlist {
margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	background:transparent;
	margin: 0 -15px; }
	
	.commentlist li {
        margin: 0;
	padding: 0;
	border: 0;
        background-color: #fff; padding: 10px; }
	.commentlist li.alt { background-color: #e3e3e4; }
	
/*
= END
*/

#comment {
	width:450px;
}