/*  
Theme Name: Diamond Dwellings
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: #e0f1ff 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; }
	
	.clear {
		clear: both;
		display: block;
		height: 1px;
		text-indent: -500em;
	}
	
/*
= TEXT / HEADINGS
*/
	
a {
	color: #4e8cde;
	text-decoration: none; }
	
	a:hover {
		color: #18509C; 
		text-decoration: underline; }
	
	

		
h2 {
	font: normal 22px "Tahoma", "Arial", sans-serif;
	color: #2a4868;
	margin: 5px 0; }
	
	#left h2 { 
		padding: 0 15px;
		margin-top:20px;
		background:url("images/left-logo.gif") 6px 2px no-repeat;
		padding-left:35px;
		color:#c3dcff;
		clear: both;
		}
		
	#right h2 { 
	        font: normal 18px "Tahoma", "Arial", sans-serif;
		padding: 0 15px; 
		color: #ffffff;
		margin-top:20px; 
		}
		
		h2.title { 	
			width: 330px;
			margin: 0px;
			padding: 0px;
			font-size: 22px;
			float: left;
			text-align:left;
	        line-height:22px;
	        margin-top:5px; 
	}

			h2.title a { color: #2a4868; text-decoration:none; }
	

/*
= CONTAINER / COLUMNS
*/
	
#container {
	position: relative;
	width: 1004px;
	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;
		margin-top:-350px; 
		z-index:3;}
			


		#left #email-info {
			text-align: left;
			margin: 0;
			margin-left: 10px;
			padding: 70px 0 0 8px; 
			width: 176px;
			height: 85px;
			background: url("images/rss-box-yellow.jpg") top left no-repeat;
		}

		#left #email-info #submit {
			margin-top: 5px;
		}
		
		#left #rss-box {
			margin-bottom:5px;
		}
		
		#left #preview {
			position:relative;
			top:-10px;
		}
		
		#left #rss-info {
			padding:20px 0px 10px 20px;
			margin:0 0 0 10px;
		}
		
		#left select {
			margin-left:30px;
		}
			

			
		html>body #left #rssBox input { width: 120px; }
		
	#container #right {
		position: relative;
		width: 200px;
		float: left;
		padding: 0;
		margin-top:-365px;
		z-index:3; }

a {
	color: #ffffff;
	text-decoration: none; }
	

		
		#right a#click-to-call {
			background:url("images/click-to-call.gif") 0 0 no-repeat;
			text-indent:-999em;
			display:block;
			width:206px;
			height:66px;
			margin-left:-5px;
		}
		
		#right a#click-to-chat {
			background:url("images/click-to-chat.gif") 0 0 no-repeat;
			text-indent:-999em;
			display:block;
			width:206px;
			height:66px;
			margin-left:-5px;
		}
		
		#right a#send-text {
			background:url("images/send-text.gif") 0 0 no-repeat;
			text-indent:-999em;
			display:block;
			width:206px;
			height:66px;
			margin-left:-5px;
		}
		
		#right a#send-email {
			background:url("images/send-email.gif") 0 0 no-repeat;
			text-indent:-999em;
			display:block;
			width:206px;
			height:66px;
			margin-left:-5px;
		}


		
	#container #content {
		position: relative;
		width: 510px;
		float: left;
		padding: 20px;
		padding-top:0;
		margin-top:-370px;
		z-index:3; }


#container #content-idx{
position: absolute;
		width: 836px;
		background: #fff;
		float: left;
		padding: 0 83px 0 83px;
		margin: -365px 0 0 0;
		z-index:3; }
}
a {
	color: #a9c3a7;
	text-decoration: none; }

		
			#content img.avatar {
				border: 2px solid #F0F0F0;
				float: left;
				margin-right: 10px;
				margin-top:8px;
			}

			#content .postinfo { 
				color: #4e8cde; 
				position: relative;
				background: transparent url(images/categories.gif) 0px 0px no-repeat;
				width: 280px;
				margin: 0px;
				float: left;
				padding: 2px;
				padding-left: 18px;
				margin-top:8px;
				text-align: left;
				font-size: 10px;
				font-family: "Verdana";
	            line-height:12px;
	 		}

			#content .date {
				background: transparent url(images/date.gif) left top no-repeat;
				height: 78px;
				width: 81px;
				float: right;
				padding-top: 12px;
				font-family: "Arial";
				text-align: center;
			}

				#content .date .mon {
					display: block;
					font-family: "Arial";
					font-size: 15px;
					font-weight: bold;
					color: #0f7603;
				}

				#content .date .dateN {
					display: block;
					font-size: 14px;
					color: #0f7603;
					line-height: 20px;
				}

				#content .date .year {
					display: block;
					line-height: 20px;
					font-size: 15px;
					color: #0f7603;
				}
				
				
				#content a {
					color:#18509D;
				}
				
				#content a:hover {
					color:#000;
				}

				#content .postinfo a { 
					color: #4e8cde;
					text-decoration:underline;
		 			}

				#content .postinfo a:hover { 
					color: #18509C;  
			 		}

			#content .postdata { text-align: right; font-size: 11px; margin-bottom:80px; }
	
/*
= HEADER / MENU / FOOTER
*/

#header {
	height: 693px;
	position: relative;
	background: url("images/hamilton-header.jpg") top left no-repeat; }
	
	h1 a {
		text-indent: -9999px;
		display: block;
		width: 495px;
		outline: none;
		height: 45px;
 }
 
	#search {
		position: relative;
		height: 24px;
		width: 200px;
		margin: 0px 30px 0px 0px;
		float: right;
		padding: 10px 0px;
		color: #2a4f00;
		top:-320px;
	}

	#search #s {
		float: left;
		margin-top: 2px;
	}

	#search input {
		margin: 0px;
		padding: 0px;
	}

	#search label {
		display: none;
	}

	#agents {
		display: none;
		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 .first-word {
		color:#b7d6ff;
	}
	
	#menu {
        margin: 0;
	padding: 0;
	border: 0;
		position: relative;
		list-style: none;
		margin-left: 20px;
		margin-top: 20px;
		padding: 0;
		width:200px;}
		
		#menu li { 
                margin: 0;
	padding: 0;
	border: 0;
				width:250px;
				 }
		
		#menu li a {
			display: block;
			background:transparent;
			height: 20px;
			padding: 5px 10px 7px 25px;
			color:#5e98e4;
			text-transform:uppercase;
			letter-spacing:-.5px;
			text-decoration:none;
			font: 12px "Verdana", "Arial", "Helvetica", sans-serif;
			 }
		
			#menu li a:hover {
				display: block;
				background:url("images/menu-hover.gif") 3px top no-repeat;
				color:#ffd32c;
				 }
				

			
	
#footer {
	clear: both;
	height: 87px;
	position: relative;
	background: url("images/footer.gif") top left no-repeat;
 }

p.credits {
	text-align:center;
	position:relative;
	top:40px;
}

	
/*
= COLUMN LISTS
*/
	
#left ul {
margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	width: 200px;
	margin-bottom: 10px; }
	
	#left ul li a {
        margin: 0;
	padding: 0;
	border: 0;
		color: #8cbcff;
		padding: 5px 0 5px 10px;
		text-decoration: none;
		display: block;
		height: auto;
		width: 175px;
/*		background:url("images/left-rss.gif") 15px 5px no-repeat; */ }
		
	#left ul li a:hover {
		color: #cae0ff;
		text-decoration: underline; }

	#left #archives {
		margin-left: 10px;
		width: 185px; }
		
#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; }

	#right #market-trends {
		border: 1px solid #3ba247;
		padding: 10px;
		text-align: center;
		color: #ffffff;
		width: 160px;
		margin-left: 5px;
		}

	#right #market-trends span {
		display: block;
		clear: both;
		margin: 10px 0;
		}
		
.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;
}	

/*
= Accordian
*/

.Accordion {
	border-left: solid 0px gray;
	border-right: solid 0px black;
	border-bottom: solid 0px gray;
	width: 185px;
	margin-left: 10px;
}

.AccordionPanelTab {
	background-color: #134281;
	color: #ffffff;
	border-top: solid 0px black;
	border-bottom: solid 0px gray;
	background: url("images/btn-panel-off.jpg") top left no-repeat;
	padding: 6px 0px 6px 20px;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #134281;
	background: url("images/btn-panel-on.jpg") top left no-repeat;
}

.AccordionPanelTabHover {
	color: #ffffff;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #ffffff;
}

