/*  
Theme Name: Kathy Villa Real Estate
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/
*/

body {
	color: #737373;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 0;
	background-color: #666A94;
}
	
/*
= TEXT / HEADINGS
*/
	
a {
	color: #2EBCF1;
	text-decoration: none;
}
	
	a:hover {
		text-decoration: underline; }
	
h1 {
	width: 256px;
	height: 48px;
	position: absolute;
	top: 36px;
	left: 10px;
}
	
	h1 a {
	text-indent: -9999px;
	display: block;
	width: 256px;
	outline: none;
	height: 48px;
}
		
h2 {
	color: #6d638c;
	margin: 5px 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
	#left h2 {
	color: #6d638c;
	font-size: 17px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Trebuchet MS", Verdana, Arial;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 4px;
}
	h2.title {
	margin: 0;
}
	h2.title a {
	color: #6d638c;
	font-weight: normal;
}
	h2.title a:hover {
	text-decoration: underline;
}
	
/*
= HEADER / MENU / FOOTER
*/

#header {
	height: 160px;
	position: relative;
	width: 902px;
	float: left;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu {
	position: relative;
	list-style: none;
	float: left;
	margin: 0;
	height: 20px;
	width: 900px;
	padding-top: 20px;
	padding-left: 0px;
	top:105px;
}


#menu li {
	float: left;
}
		
#menu li a {
	display: block;
	color: #F78700;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Arial;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	font-weight: bold;
}
#menu li a:hover {
	text-decoration: none;
	color: #6d638c;
}

#home-page {
position:absolute;
text-indent:-999em;
height:100px;
width:320px;
display:block;
float:left;
}

#ttk {
	float: right;
	height: 49px;
	width: 179px;
	margin-top: 56px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*
= CONTAINER / COLUMNS
*/
	
#container {
	position: relative;
	width: 902px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/container_bg.jpg);
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
	background-color: #FFFFFE;
}
#container #left {
	position: relative;
	width: 208px;
	float: left;
	background-image: url(images/lcol_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 8px;
	margin: 0px;
	padding-top: 30px;
}
#container  #left  #kathy {
	height: 114px;
	width: 107px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 15px;
	color: #6A627C;
	padding-left: 100px;
	line-height: 16px;
	background-image: url(images/headshot.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 30px;
	font-weight: bold;
}
#container #left #kathy b {
	font-size: 12px;
}
#container #left #kathy a {
	font-size: 11px;
	font-weight: normal;
}
#container #left #cta {
	margin: 0px;
	width: 180px;
	height: 140px;
}
		
		#left ul {
	padding:0;
	list-style: none;
	margin-bottom: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	display: block;
}
	
			#left li a {
	color: #676A95;
	text-decoration: none;
	font-weight: bold;
	height: 30px;
	width: 190px;
	background-image: url(images/li_bg.jpg);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block;
	padding-top: 4px;
}
		
			#left li a:hover {
	color: #F76C04;
}
		
		
	#container #content {
	position: relative;
	width: 602px;
	padding-top: 30px;
	line-height: 18px;
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	margin: 0px;
	padding-right: 54px;
	padding-left: 30px;
}

	#content img {
		margin: 8px;
		border:0;
	}
		
		#content .postinfo {
	color: #6d638c;
	margin: 5px 0 0 0;
	font-size: 10px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
			
		#content .postdata {
	text-align: right;
	font-size: 11px;
	color: #2EBCF1;
	height: 50px;
	padding-top: 15px;
	padding-right: 8px;
}


	
#footer {
	clear: both;
	position: relative;
	background-image: url(images/footer_bg.jpg);
	height: 206px;
	background-repeat: no-repeat;
	padding-top: 126px;
}

#footer #disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
	margin-left: 40px;
	line-height: 14px;
	margin-right: 40px;
	margin-bottom: 0px;
	float: left;
	color: #FFFFFF;
	text-align: left;
	height: 50px;
	width: auto;
}

	
	
	
/*
= COLUMN LISTS
*/
		
.commentlist {
	margin:0;
	padding:0;
	list-style: none; }
	
	.commentlist li { padding: 10px; }
	.commentlist li.alt { background-color: #F6F2FF; }
	
	#comment {
		width:450px;
	}
	
	p.credits {
		width:800px;
		margin:0 auto;
		padding:20px;
		text-align:center;
	}
	
	#tags {
		margin-bottom:35px;
	}
	
	.clear {
		clear: both;
	}
	
	#content #flash {
		margin: 0px;
		height: 374px;
		width: 827px;
	}
	
/*
= END
*/
	

