/*   
Theme Name: From Scratch
Theme URI: http://www.adimia.com
Description: From scratch theme
Author: Ben Spencer
Author URI: http://www.adimia.com
Version: 1.0
*/

/*  body {font: 0.7em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;color:#666;margin:0; background:#CCC;}*/
html {height: 100%; width:100%;}
body {font: 12px helvetica, verdana, geneva, sans-serif;color:#000; height:100%; width: 100%; background: url(img/bg.jpg) top center; }
* { margin:0; padding:0;}

/* TAKEOVER */
/* body {background: url(img/bg_takeover.jpg) top center #FF6634 no-repeat; }*/
/* TAKEOVER */

/* Standard Wordpress Includes */

code { font: 0.6em; background:#ececec; }	
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em; cursor: help;}			
acronym, abbr { border-bottom: 1px dashed #999;}
blockquote { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#ccc; border:1px solid #666;}
select { width: 130px;}	

a {color:#6699CC; text-decoration:none;}
a:hover { color:#666;}

/* Standard Wordpress Includes */

/* Begin Images */
p img { padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px; border: none; max-width: 100%;}
a img { padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px; border: none;}

p { padding: 0px 0px 0px 0px; margin:  5px 0px 5px 0px; width:auto;}
pre { padding: 0px 0px 0px 0px; margin:  5px 0px 5px 0px; white-space:normal; font: 12px helvetica, verdana, geneva, sans-serif;}

img.alignright {float:right; margin:0; border: none;}
img.alignleft {float:left; margin:0; border: none;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: none;}
a img.alignright {float:right; margin:0; border: none;}
a img.alignleft {float:left; margin:0; border: none;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: none;}

/* End Images */

/* Structure */

h1 { font-size:24px; font-weight:bold; margin: 0px 0px 0px 0px; padding:0px; letter-spacing:-2px; }
h2 { font-size:18px; font-weight:bold; margin: 0px 0px 10px 0px; padding:0px 0px 3px 0px; letter-spacing:-1px; border-bottom:#CCCCCC solid 1px; }
h3 { font-size:14px; margin: 0px 0px 3px 0px; padding:0px; color:#666666;}
.grey_text { color:#666666;}
.flickr_text { color:#666666; font-size:10px;}
.flickr_text a { color:#666666;}
.flickr_text a:hover{ color:#666666;}
.white_text { color:#fff;}
.white_text a { color:#fff;}
.white_text a:hover { text-decoration:underline;}
.news_title { font-size:14px; border:none; font-family:helvetica, verdana, geneva, sans-serif; }
.twitter_title { font-size:18px; border:none; font-family:helvetica, verdana, geneva, sans-serif; margin:0px; padding:0px; }
.tweet_links { border-bottom:#CCCCCC solid 1px; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; }
.news_title a {}
.news_title a:hover {}
.white_text_grey_bg { color:#fff; background-color:#CCCCCC; padding:3px; margin:0px 10px 10px 10px;}
h1 a { text-decoration:none; color:#333;}

#wrapper { width:980px; padding: 0px 20px 20px 20px; margin: 0 auto; position:relative; height:auto !important; height:100%; min-height:100%;}
#header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content_home { float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; clear:both;}
#footer { height:100%; margin:0px; padding:0px;}
#footer li { padding: 0px 5px 0px 0px; margin: 0px;}
#footer_title { height:100%; width: 980px; float:left; display:inline; clear:both; margin:0px 0px 20px 0px; padding:0px; background: #fff;}
#footer_content { width:960px; min-height:150px; background-color:#666666; padding: 10px; margin:  0px 0px 20px 0px; color:#FFFFFF; border: 1px #333333 solid;}
#footer_content a { color:#000000;}
#footer_content a:hover { color:#6699CC;}

#header h1 { padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px;}
#all_searches { width:100%; height:30px; background-color:#333; padding: 0px 0px 0px 0px; margin: 0px; }
#search_holder { width:940px; height:23px; padding: 7px 20px 0px 20px; margin: 0 auto; list-style-type:none;  }

#logo_bar { width:980px; height:130px; padding: 0px 0px 0px 0px; margin:  0 auto; clear:both;}
#logo { float:left; display:inline; height:130px; float:left; padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px; }
#search_bar { width:468px; float:right; display:inline; padding: 0px 0px 0px 0px; margin: 30px 0px 20px 0px; }
#search_bar #search { height:52px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; }
#search_bar #text { height:20px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; }
li{ float:left; display:inline; color:#000; padding:0px 0px 0px 0px; margin:0px; list-style-type:none;}
ul{  color:#000; padding:0px 0px 0px 0px; margin:0px; list-style-type:none;}



#nav { width:980px; height:32px; background-color:#CCCCCC; padding: 18px 0px 0px 0px; margin:  0px 0px 20px 0px; font-size: 1.5em; font-weight:bold; text-transform:uppercase;}
#nav li { float:left; display:inline; list-style:none;}
#nav li a { padding:5px 5px 5px 5px; margin: 0px 0px 0px 0px; color:#fff; text-decoration:none;}
#nav li a:hover {  color:#333; text-decoration:none;}
#nav li a.active { color:#444; text-decoration:none;}

#nav_search{float:left; display:inline; margin: 0px 1px 0px 0px; padding:12px 10px 0px 10px; background:url(img/button_search.jpg) no-repeat; width: 349px; height: 44px;}
#nav_home{float:left; display:inline; margin: 0px 1px 0px 0px; padding:0px;}
#nav_featured{float:left; display:inline; margin: 0px 1px 0px 0px; padding:0px;}
#nav_recently_added{float:left; display:inline; margin: 0px 1px 0px 0px; padding:0px;}
#nav_property{float:left; display:inline; margin: 0px 1px 0px 0px; padding:0px;}
#nav_advertise{float:left; display:inline; margin: 0px 0px 0px 0px; padding:0px;}

#advertising { width:980px; height:90px; padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px;}
#house_ad { width:232px; height:90px; float:left; display:inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;}
#leaderboard { width:728px; height:90px; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#mpu { width:300px; height:250px; float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#boxout { width:300px; float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px;}

#corporate { width:980px; height:35px; padding: 0px 0px 0px 0px; margin:  0px 0px 0px 0px;}
#menu { width:980px; height:35px; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#tagline_house_ad { width:300px; height:50px; background-color:#CCCCCC; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.clear {clear:both;}
.line {height:1px; width:auto; background-color:#CCCCCC; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* homepage */



#main_usp { width:980px; height:300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; clear:both;}
#sub_usp { width:980px; height:90px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; clear:both;}
#adsense { width:980px; margin: 40px 0px 20px 0px; padding: 5px 0px 5px 0px; clear:both; background: #fff;}

#homepage_content { width:640px; height:auto; float:left; display:inline; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 0px;}
#home_content { width:640px; height:auto; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; background:#fff;}
#links_content { width:618px; height:auto; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; border: 1px solid #ccc; background: #fff;}
#links_content li li {clear:both;}
#property_holder_640 { width:660px; float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}

#button_search { position:absolute; top: 250px; left: 500px; width:215px; height:39px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#button_advertise { position:absolute; top: 250px; left: 735px; width:215px; height:39px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#usp_block { width:980px; background-color:#fff; float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; text-align:justify;}
#usp_block p{ padding: 0px 0px 5px 0px; margin:0px;}
#usp_block img {border:0; padding:0; margin:0; max-width:940px; height:auto; }
#usp_boxout_1 { width:418px; min-height: 228px; float:left; display:inline; margin: 0px 20px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; clear:both; background: #fff;}
#usp_boxout_2 { width:178px; min-height: 228px; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; clear:both;}
#usp_boxout_3 { width:418px; min-height: 380px; float:left; display:inline; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; clear:both; background: #fff;}
#usp_boxout_4 { width:200px; min-height: 402px; float:left; display:inline; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px;clear:both;}

#content_block { width:980px; height:300px; float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}
#content_boxout_1 { width:640px; margin: 0px 0px 0px 0px; padding: 0px; clear:both;}
#content_boxout_2 { width:630px; margin: 0px 0px 20px 0px; padding: 10px 10px 10px 10px; clear:both;}
#content_boxout_3 { width:640px; height: auto; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #CCCCCC; clear:both;}

/* homepage */

#content { width:620px; float:left; display:inline; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;}

#content p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content a {text-decoration:none;color:#333;}
#content a:hover {color:#000;}

#content h2 { font-size:36px; color:#000; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; letter-spacing:-1px;}
#content h2 a { color:#000; text-decoration:none; border:none;}
#content h2 a:hover {  color:#333; text-decoration:none;}
#content h2 a.active { color:#444; text-decoration:none;}

#post_individual { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; clear:both;}
#post_image { margin: 0px 5px 5px 0px; padding: 0px 0px 0px 0px; float:left;}
#post_excerpt { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:130%;}
#post_data { border:#CCCCCC solid 1px; margin: 0px 0px 0px 0px; padding: 5px;}
#post_ads { margin: 10px 0px 0px 0px; padding: 0px; clear:both; text-align:center;}
#post_navigation { margin: 10px 0px 0px 0px; padding: 0px 0px 30px 0px;}

#sidebar { width:300px; float:left; display:inline; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; height:100%;}

#sidebar_boxout_home { width:278px; min-height: 380px; float:left; display:inline; margin: 20px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; clear:both; background: #fff;}
#sidebar_boxout_1 { width:278px; float:left; display:inline; margin: 20px 0px 0px 0px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; clear:both;}
#sidebar_boxout_2 { width:300px; float:left; display:inline; margin: 20px 0px 0px 0px; padding: 0px; clear:both;}

#sidebar ul {list-style:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#sidebar li { margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px;}
#sidebar li a { text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#sidebar li a:hover {}

#blogroll_links {float:left; min-height: 200px; display:inline; margin: 20px 20px 0px 0px; padding: 0px 20px 0px 0px;}

.blogroll, .blogroll li {margin:0;padding:0;}
.blogroll li {list-style-type:none;margin-bottom:5px; clear:both;}
.linkcat { width:260px; margin: 0px 20px 20px 0px; padding: 0px 0px 0px 0px; clear:right;}
#tweeters { width:275px; min-height: 200px; float:left; display:inline; margin: 20px 20px 0px 0px; padding: 0px 0px 0px 0px;}

p.news { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#content ul, ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:none; }

a.more { text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
a.more:hover {text-decoration:underline;}

#icon_feedback {position:absolute; right:0; top: 142px; height:130px;}

/* Comments*/

.commentlist blockquote { background:#ededed;}
			
.commentlist li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;list-style:none;}
.commentlist li li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.commenttext { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#f2f2f2; width:495px; float:left;}
		
	
li.my_comment { background: #FFF;border:none;}
li.my_comment cite strong { color:#313228;}
	
#commentform small { background:#FFF;font-weight:bold;padding:0;}
	
.commentmetadata { color:#4d4d4d; text-align:right;}
.commentmetadata a, .commentmetadata a:visited { color:#959382;}
.commentlist small { background:#e9e9e9;}
.avatar { border:1px solid #bbb; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float:left;width:55px;height:55px;}	
#comment {width:590px;background:#fff;}

/* Form Elements */
#search_boxout { width:300px; float:left; display:inline; margin: 30px 0px 20px 0px; padding: 0px 0px 0px 0px;}
select { border:1px solid #333; width:300px;}
.field {padding: 2px;border:1px solid #333;background:#fff;font-size:em;}
#s {padding:12px 7px 12px 7px;font-size:1.5em;width:360px;margin: 0px 0px 0px 0px;}
#searchsubmit {padding-left:5px; margin: 0px 0px 0px 0px;}

/* TABBED CONTENT */

#toggle-view {list-style:none; font-family:arial; font-size:11px; margin:0; padding:0;width:300px;}
#toggle-view li { margin:5px 0px 5px 0px; border:none; position:relative; mcursor:pointer; clear:both;}
/*#toggle-view li ul li { margin:10px 0px 10px 0px; border-left:1px solid #ccc; position:relative; mcursor:pointer; padding: 0px 0px 0px 0px;}*/
#toggle-view h4 { margin:0px 0px 5px 0px; padding:0px; font-size:14px;}
#toggle-view span {position:absolute;left:280px; top:0;color:#ccc;font-size:13px;}
#toggle-view p {margin:5px 0;display:none; }


/* TABBED CONTENT */

/* NAVIGATION MENU */

ul.topnav {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 980px;
	background: #222;
	font-size: 1.1em;
	background: url(img/topnav_bg.gif) repeat-x;
	text-transform:uppercase;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	list-style-type: none;
}
ul.topnav li a{
	padding: 11px 3px 4px 3px;
	height: 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	list-style-type: none;
}
ul.topnav li a:hover{
	/*background: url(img/topnav_hover.gif) no-repeat center top;*/
	background-color:#000;
	color:#fff;
	height: 18px;
	list-style-type: none;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
	list-style-type: none;
}
ul.topnav li span.subhover {width: 17px;height: 35px;background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.children {
	list-style-type: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index:10000;
}
ul.topnav li ul.children li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
	list-style-type: none;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
	list-style-type: none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center;
	list-style-type: none;
}



/* NAVIGATION MENU */


/* IMAGE ROTATOR */
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:300px;
	margin-left: 0px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	padding: 0px;
	margin: 0px;
	background: #FFF;

}
    div#rotator ul li.show {
	z-index:500
}

 /*   div#rotator ul li.show span{
	position:absolute;
	top: 200px;
	left: 10px;
	z-index:1000;
} */