/*
Theme Name: Konnel Peterson Broker
Theme URI: http://UltimateIDX.com/
Description: Custom website theme.
Version: 0.0.1
Author: UltimateIDX.com
Author URI: http://UltimateIDX.com/

	Design by c.bavota (http://www.bavotasan.com) on contract to UltimateIDX (http://www.ultimateidx.com)
	
*/

/* Basic Tag Elements */

.imageElement { visibility: hidden;}
.imageElement img { visibility: hidden;}


a {
	text-decoration: none;
	outline: none;
	color: #205B87;
	}
	
	a:hover {
		text-decoration: underline;
		}
	
img { 
	border: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
 	margin: 0 auto; 
	font-size: 12px; 
	padding: 0;
	background: url(images/background.jpg); 
	width: 930px;
	}
	
#container {
	float: left;
	background: url(images/backshadow.png) repeat-y;
	width: 930px;
	padding: 0 15px 0 15px;
	}	

h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #222;
	text-transform: capitalize;
	}

/* Header Elements */

#header{
	background: #fff;
	float: left;
	position: relative;
	width: 900px;
	}

#title {
	margin: 10px 20px 5px 0;
	padding: 0;
	float: right;
	color: #2c216d;
	}
	
	#title p {
		float: right;
		clear: right;
		margin: 0 0 5px;
		text-align: center;
		}
	
	#title img {
		float: right;
		}
	
	#title a {
		color: #2c216d;
		font-weight: bold;
		font-size: 12px;
		}		
	
	#title a:hover {
		text-decoration: underline;
		}

#navigation {
	padding: 5px 10px 0px 0px;
	}

	#navigation ul {
		padding: 0;
		margin: 0;
		}
	
	#navigation li {
		list-style-type: none;
		font-size: 14px;
		padding: 0;
		margin: 3px 0 3px 20px;
		float: left;
		}
	
	#navigation a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #111;
		text-transform: uppercase;
		}
		
		#navigation a:hover {
			text-decoration: none;
			color: #990000;
			}
			
#bigimages {
	float: left;
	}		
	
#logo {
	position: absolute;
	right: 12px;
	top: 2px;
	z-index: 1000;
	margin-top: 40px;
	}	
	
#searchbox {
	float: left;
	margin: 0 10px 10px 0;
	width: 585px;
	height: 100px;
	background: url(images/searchbox.png) no-repeat;
	}	
	
	#searchbox #searchboximage {
		margin: 5px 0 0 15px;
		float: left;
		}
			
	.searches {
		text-align: right;
		float: left;
		margin: 10px 0 0 25px;
		font-size: 14px;
		font-weight: bold;
		height: 82px;
		background: url(images/barfade.png) no-repeat bottom right;
		}	
		
		.searches p, .rightsearches p {
			margin: 0 0 5px 0;
			}
			
		.searches option, .rightsearches option {
			width: 70px;
			}
			
	.rightsearches {
		margin: 10px 0 0 0;
		text-align: right;
		float: left;
		} 
		
		p.search {
			margin: 0 0 3px 0;
			}
			
		p.advanced {
			margin: 0 3px 0 0;
			}
		
/* Main Elements */
	
#mainwrapper {
	float: left;
	width: 900px;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 10px solid #5a5a5a;
	background: #fff;
	}

#sidebar {
	float: right;
	margin: 0 9px;
	padding: 0;
	width: 280px;
	}

#sidebar a {
	font-weight: bolder;
	color: #990000;
}

.sidecontent {
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding: 10px;
   margin: 10px 0px 10px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.sidecontent li {
	padding-left: 20px;
}


.sidecontent h3 {

	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}


#ourmenu.sidecontent  {
	background-color: #f3f3f3;
	background-image: url(images/our-menu.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


#rssfeeds.sidecontent  {
	background-color: #f3f3f3;
	background-image: url(images/rss-feeds.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#rssfeeds p {
	width: 120px;
}




.side-widget {
	float: left;
	margin: 0 0 10px;
	padding: 0 10px 15px;
	width: 270px;
	}
	
	
	.side-widget ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	.side-widget ul li {
		padding: 0;
		margin: 0;
		font-size: 13px;
		}
		
	.side-widget ul li {
		padding: 0;
		margin: 2px 0;
		}
	
	.side-widget h2 {
		font-size: 14px;
		border-bottom: 1px solid #111;
		padding: 10px 0 2px;
		margin: 0 10px 5px 0;
		}
		
	.side-widget .storycontent {
		border-bottom: 1px solid #ddd;
		}
		
	.side-widget .noline {
		border-bottom: 0;
		}	
		
#agent {
	margin: 1px 0 20px 7px;
	font-size: 12px;
	padding: 0;
	float: left;
	position: relative;
	width: 270px;
	line-height: 18px;
	
	}	
	
		
	#agentpic {
		width: 152px;
		height: 192px;
		position: absolute;
		right: 0;
		top: -90px;
		text-align: center;
		}
		
	#agentpic .text {
		margin: 5px 0px 0px 0px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bolder;
		line-height: 14px;
	}	
	
	
	#agentpic img {
		max-width: 180px;
		height: auto;
		}

.recentlistings {
	clear: both;
	float: left;
	font-size: 12px;
	width: 110px;
	}
	
	.recentlistings p {
		margin: 8px 0 0 0;
		color: #666;
		}
		
	.bold {
		font-weight: bold;
		color: #666;
		}

.listingimage {
	background: url(images/listings.png) no-repeat;
	width: 152px;
	height: 109px;
	float: right;
	padding: 0 0 15px;
	margin: 0;
	}
	
	.listingimage img.alignright, .listingimage img.alignleft, .listingimage img.alignnone, .listingimage img.aligncenter {
		width: 131px;
		height: 91px;
		padding: 9px 0 0 9px;
		margin: 0;
		float: left;
		}

.posts {
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
	text-size: 12px;
	line-height: 18px;
	}
	
	.posts h2 {
		margin: 10px 0 0;
		font-family:"Times New Roman", Times, serif;
		font-size: 20px;
		line-height: 25px;
		font-weight: normal;
		}

		.posts h2 a {
			font-weight: normal;
		}
	.posts img {
		float: left;
		clear: left;
		max-width: 100px;
		height: auto;
	}
#bottomshadow {
	background: url(images/bottomshadow.png) top center no-repeat;
	width: 930px;
	height: 15px;
	float: left;
	margin: 0;
	}

#footer {
	clear: both;
	float: left;
	width: 900px;
	margin: auto;
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
	}



/* Left Content Elements */

#leftcontent {
	float: left;
	margin: 0 10px 0 20px;
	padding: 0;
	width: 570px;
	font-size: 12px;
	line-height: 16px;
	}

	#leftcontent h5 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		color: #cc0000;
		margin-bottom: 5px;
		font-size: 14px;
		}

		
		#leftcontent .mypost {
			margin: 0px;
			padding: 0px;
			
		}
		
		#leftcontent .mypost p {
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
		
		#leftcontent a {
			color: #990000;
			font-weight: bolder;
		}

		#leftcontent a:hover {
			color: #009900;
			border-bottom: dotted 1px #009900;
			text-decoration: none;
		}


.more-link {
	font-size: 11px;
	text-align: right;
	color: #cc0000;
	}

.tags a {
	color: #cc0000;
	}
	
.meta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	}	

.post {
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 180px;
	text-align: center;
}

#twocol {
	float: left;
	margin-bottom: 3px;
	padding: 10px 0 0;
	}
	
	#twocol img {
		width: 80px;
		float: left;
		margin: 0;
		margin: 0 10px 5px 0;
		}
		
	
.mainhr {
	float: left;
	background: #aaa;
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
}	
	
.twopost {
	width: 46%;
	float: left;
	}	

	.twopost2 {
		margin-left: 7.5%;
		}
		
#threecol {
	float: left;
	background: url(images/line.png) repeat-y 31.5% 0;
	margin-top: 3px;
	}

#threecol2 {
	float: left;
	padding: 0;
	background: url(images/line.png) repeat-y 67% 0;
}

	#threecol img {
		width: 40px;
		float: left;
		margin: 0 10px 5px 0;
		}

.threepost {
	width: 29%;
	float: left;
	border-top: 1px solid #aaa;
	padding-top: 10px;
	}
	
	.threepost h2, .twopost h2 {
		margin: 0;
		font-size: 16px;
		line-height: 18px;
		}

	.threepost2, .threepost5 {
		padding: 10px 0 0;
		margin: 0 6%;
		}
		
	.threepost1, .threepost2, .threepost3 {
		border-top: 0;
		}
		
	.threepost1, .threepost4 {
		clear: left;
		}
		
	
		
/* Other Elements */

#leftcontent h1 {
	margin: 10px 0px 0px 0px;
	color: #cc0000;
	font-weight: normal;
	}
	
	#leftcontent .post h1 {
		color: #000;
		margin-top: 3px;
		}

.red, .entry a {
	color: #cc0000;
	}
	
#tagcloud {
	width: 400px;
	text-align: center;
	margin: auto;
	padding: 20px;
	}	
	
#tagcloud a {
	color: #cc0000;
	}

/* Comment Elements */

h3#comments {
	text-transform: none;
	padding-bottom: 5px;
	}

#postcomments {
	padding-top: 20px;
	}

.commentlist {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
	}		
		
	.commentlist li {
		float: left;
		clear: both;
		width: 90%;
		padding: 0 10px 10px;
		background-color: #fff;
		}
		
	.commentlist img {
		padding: 10px 0 0;
		margin: 0;
		}	
		
	.commentlist li.alt {
		background-color: #eee;
		}	
		
	.comment-info {
		clear: both;
		float: left;
		}	
			
	.comment-text {
		margin-left: 120px;
		}			
			
#responder {
	float: left;
	clear: both;
	padding-top: 10px;
	}

/* WordPress Required Elements */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin-right: 10px;
}

.alignright {
   	float: right;
	margin-left: 10px;
	clear: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 10px 10px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
   height: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px 5px 5px;
	margin: 0;
	font-style: italic;
}

#today {
	color: #cc0000;
	}

#wp-calendar {
	margin: auto;
	}
	
#credit a{
	color: #cccccc;
	font-size: 8px;
}	

.clear {
	clear: both;
}

ul.subpages  {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.subpages li {
	margin-right: 20px;
}



.listing {
	padding-bottom: 10px;
}

.listing .date {
	float: left;
	width: 50%;
}

.listing .excerpt {
	float: left;
	width: 50%;
}

.listing .excerpt p {
	padding: 0px;
	margin: 0px;
}	




ul.subpagestop {
	list-style: none;
	margin: 0px 0px 5px 10px;
	padding: 0px;
	float: right;
	width: 150px;
}

	ul.subpagestop li {
		border: solid 1px #cccccc;
		background: #efefef;
		margin: 5px 5px 5px 5px;
		padding: 2px;
		display: block;
		width: 120px;
	}


a.attachment img {
	max-width: 550px;
	height: auto;
}


.gallery .thumb {
		display:block;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;
}
.gallery .thumb img {
	float:left;
	position:absolute;
	top:-20px;
	left:-50px;	
}

.gallery h2 {
	font-size: 12px;
	text-align: left;
}

.gallerycontent {
	width: 120px;
	min-height: 150px;
	margin: 10px;
	text-align: center;
	float: left;
}