/*  
Theme Name: Port Orange Juice
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: #EDEDED url("images/bg.gif") top center no-repeat;
	font: normal 12px "Verdana", "Arial", "Helvetica", sans-serif;
	color: #616161;
	margin: 0;
	padding: 58px 0px 0px 0px;
	_padding-top: 70px; }
	
div, form, h1, h2, h3 {
	margin: 0;
	padding: 0;
	border: 0; }
	
/*
= TEXT / HEADINGS
*/
	
a {
	color: #FF9003;
	text-decoration: none; }
	
	a:hover {
		color: #C04039;
		text-decoration: underline; }
	
h1 {
	width: 495px;
	height: 100px;
	position: absolute;
	right: 50px;
	top: 40px; }
	
	h1 a {
		text-indent: -9999px;
		display: block;
		width: 495px;
		outline: none;
		height: 100px; }
		
h2 {
	font: normal 22px "Tahoma", "Arial", sans-serif;
	color: #FEC916;
	margin: 5px 0; }
	
	#left h2 { padding: 0 15px; }
	#right h2 { padding: 0 15px; color: #8B2D1C; }
	
	h2.title { margin: 0; }
	h2.title a { color: #C85933; }
	h2.title a:hover { color: #B7512F;}

/*
= CONTAINER / COLUMNS
*/
	
#container, body.idx #container {
	position: relative;
	width: 880px;
	margin: 0 auto;
	background: url("images/wrapper.gif") top left repeat-y;
	z-index: 1;
	margin-top:12px; }
	
	body.idx #container {
		background-image: url("images/wrapper_idx.gif"); }
	
	#container #left {
		width: 200px;
		float: left;
		padding-left: 5px; }
			
	#left #headshots {
                text-align: center;
		}
		
		#left #mortgage {
			background: transparent url(images/mortgage_corner.gif) left top no-repeat;
			width: 195px;
			margin-left: 5px;
		}
		
			#left #mortgage img.avatar {
				padding-top: 40px;
				padding-left: 15px;
			}
			
			#left #mortgage ul {
				margin: 0px;
				margin-left: 18px;
				padding: 0px;
				list-style-type: none;
				font-family: "Tahoma";
				font-size: 11px;
				color: #4F0000;
			}
			
					#left #mortgage ul li.agency {
						color: #FFAA49;
					}
					
					#left #mortgage ul li.name {
						color: #FF9696;
					}
					
						#left #mortgage ul li.name strong {
							color: #fff;
						}
						
					#left #mortgage ul li.location {
						color: #5B0000;
					}
					
					#left #mortgage a.contact {
						color: #FCC583;
						font-weight: bold;
						clear:both;
						margin:20px 0px 0px 20px;
					}
					
					#left #mortgage a:active, #left #mortgage a:visited, #left #mortgage a:link {color: #FF8585; text-decoration: none;}
					#left #mortgage a:hover {color: #FF9999; text-decoration: underline;}
		
		#left #rssBox {
			margin: 40px 0;
			padding: 0 0 0 5px; }
			
			#rssBox img {
				border:0;
			}
			
		#left #rssBox #rss {
			background: transparent url("images/rss.gif") top left no-repeat;
			height: 34px;
			width: 32px;
			float: left;
			margin: 5px;
			display: block;
			text-indent: -500em; }
	
		#left #rssBox input {
			background-color: #FEC708;
			margin-bottom: 2px;
			padding: 3px;
			border: 1px solid #A7301D;
			border-top: 1px solid #FEDD69;
			border-left: 1px solid #FEDD69;
			font-family: "Tahoma";
			width: 125px;
			color: #E34908; }
			
		html>body #left #rssBox input { width: 135px; }
		
	#container #right {
		position: relative;
		width: 200px;
		float: left;
		padding: 40px 5px 0 0; }
		
		
		#right input, #right select {
			background-color: #E2AF6F;
			padding: 10px;
			margin-bottom: 2px;
			padding: 3px;
			border-right: 1px solid #A7301D;
			border-top: 1px solid #FFE7C9;
			border-bottom: 1px solid #906228;
			border-left:0;
			font-family: "Tahoma";
			color: #8B2D1C;
		}
		
	#container #content {
		position: relative;
		width: 440px;
		float: left;
		padding: 15px; }
		
		body.idx #container #content {
			width: 640px; }

                #content p a.more-link {
                        font-weight: bold;}
		
		#content .postinfo { 
			color: #828282; 
			margin: 0;
			font-size: 10px; }
			
		#content .postdata { text-align: right; font-size: 11px;}
	
/*
= HEADER / MENU / FOOTER
*/

#header {
	height: 210px;
	margin:0;
	padding:0;
	margin-bottom: -40px;
	position: relative;
	background: url("images/header.jpg") top left no-repeat; }
	
	body.idx #header {
		background-image: url(images/headeridx.jpg);
	}
	
	#menu {
		position: relative;
		height: 28px;
		margin:0;
		padding:0;
		list-style: none;
		padding-left: 120px;
		top: 4px; }
		
		#menu li { 
			float: left;
			margin:0;
			padding:0; }
		
		#menu li a {
			display: block;
			height: 28px;
			text-indent: -9999px;
			margin:0;
			padding:0; }
			
		#menu li#mH a { width: 79px; background: url("images/menu_home.gif") no-repeat; }
			#menu li#mH a:hover, #menu li#mS a:hover, #menu li#mV a:hover, #menu li#mP a:hover, #menu li#mC a:hover {background-position: bottom left;}
		#menu li#mS a { width: 173px; background: url("images/menu_search.gif") no-repeat; }
		#menu li#mV a { width: 174px; background: url("images/menu_value.gif") no-repeat; }
		#menu li#mP a { width: 188px; background: url("images/menu_properties.gif") no-repeat; }
		#menu li#mC a { width: 125px; background: url("images/menu_contact.gif") no-repeat; }
	
#footer {
	clear: both;
	height: 55px;
	position: relative;
	background: url("images/footer.gif") top left no-repeat; }
	
	#orange {
		width: 235px;
		height: 125px;
		position: absolute;
		background: url("images/footer_oj.gif") no-repeat;
		right: 5px;
		top: -79px; }
	
/*
= COLUMN LISTS
*/
	
#left ul {
    margin:0;
    padding:0;
	list-style: none;
	width: 200px;
	margin-bottom: 20px;
	 }
	
	#left ul li a {
		color: #ffffff;
		padding: 5px 0 5px 25px;
		background-color: #D74D38;
		border-top: 1px solid #EA8C78;
		border-bottom: 1px solid #C23B26;
		text-decoration: none;
		height: auto;
		display: block;
		width: 175px; }
		
	#left ul li a:hover {
		border-top: 1px solid #DEAE9E;
		background-color: transparent;
		color: #FE9C20;
		text-decoration: underline; }
		
#right ul {
        margin:0;
        padding:0;
	list-style: none;
	width: 200px;
	margin-bottom: 20px; }
	
	#right ul li a {
		color: #8B2D1C;
		padding: 5px 0 5px 25px;
		background-color: #E2AF6F;
		border-top: 1px solid #FFE7C9;
		border-bottom: 1px solid #906228;
		text-decoration: none;
		display: block;
		height: auto;
		width: 175px; }
		
	#right ul li a:hover {
		background-color: #C19051;
		color: #604439;
		text-decoration: underline; }

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

p.credits {
	width:880px;
	margin: 0 auto;
	padding: 10px;
	text-align:center;
}

#amberalert {
       margin-top:20px;
       margin-left:36px;

}

.chiclets {
	margin-left:15px;
}

#right .personal-info font {
	color:#8B2D1C;
}

/* ------------------------------------- Style for the buttons under the content */

#buttons {
	margin:20px 0px 80px 20px;
	padding-bottom:40px;
}

#buttons .button {
	float:left;
	width:90px;
	margin:0px;
	margin-right:7px;
	text-align:center;
}

#buttons .button a {
	float:left;
	vertical-align: bottom;
}

#buttons a {
	float:left;
	text-decoration:none;
}

#buttons a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}

#cformsform {
	margin-left:40px;
}
	
/*
= END
*/