/* ============================ common ============================== */

img, div { behavior: url(http://www.broadstreet.co.uk/iepngfix.htc); }

body { 
	color: #fff;
	font: normal 69% "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
body.day{ background: #04bffc url(../img/bg-body-day.gif) repeat-x 0 1em; }
body.night{ background: #333 url(../img/bg-body-night.gif) repeat-x 0 1em; }

a { color: #3cf; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img { display: block; }
a img { border: none; }
a span{ cursor: pointer; }

h2{
	clear: both;
	margin: 2em 0 0.5em 0; padding: 0.3em 0.5em 0.3em 30px;
	font-size: 1.3em; font-weight: normal;
	background: url(../img/bg-h2.png) no-repeat 0 50%;
}
h3{ font-size: 1.4em; }
h3 span { font-size: 0.7em; display: block; margin: 0.3em 0 0 0; color: #666666;}

strong {
font-weight: bold;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-table; }
.clearfix{ display: block; }
.clearfix{ height: 1%; } /* ie */

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 67.18em; min-width: 750px; max-width: 100%;
	margin: 0 auto 0 auto;
	position: relative;
}

#top{
	background: url(../img/top-bg.gif) repeat-x transparent;
	
	height: 85px;
}

.day #sub-header{ background: #031020; }
.night #sub-header{ background: #292f33; }

.day #content{ 
margin-top: -177px;
background: #031020 url(../img/bg-content-day.gif) repeat-x 50% 100%;
	position: relative;
	padding: 0 0 142px 0;
	z-index: 300;
}

#slider {
width: 100%;
	margin: 0 auto 0 auto;
	position: absolute;
	z-index: 300;
}

.night #content{ 
margin-top: -177px;
	background: #292f33 url(../img/bg-content-night.gif) repeat-x 50% 100%;
	padding: 0 0 142px 0;
	position: relative;
	z-index: 300;
}

#main{
position: relative;
	float: right;
	width: 65%;
	margin: 0 3% 0 0;
}

#side-bar{ 
position: relative;
	float: left;
	width: 26%;
	margin: -0.6em 0 0 3%;
}

.day #footer{
	margin: -150px 0 0 0; padding: 167px 0 20px 0;
	background: url(../img/bg-footer-day.gif) repeat-x 50% 0;
	position: relative; z-index: 90;
}

.night #footer{
	margin: -150px 0 0 0; padding: 167px 0 20px 0;
	background: url(../img/bg-footer-night.gif) repeat-x 50% 0;
	position: relative; z-index: 90;
}

/* ========================== layout end ============================ */

/* ============================ top =============================== */

/*#streaming{
	float: left;
	width: 219px; height: 24px;
}

#streaming a {
width: 180px; height: 24px;
display: block;
background: url(../img/streaming.gif) no-repeat 0 0;
}

#streaming a:hover {
width: 180px; height: 24px;
display: block;
background: url(../img/streaming.gif) no-repeat 0 -24px;
}

#streaming a span {
display: none;
}

*/

#weather{ float: left; margin-left: 90px;}

#weather h2 {
float: left;
background: url(../img/weather/title.gif) no-repeat;
width: 110px;
height: 24px;
padding: 0;
margin: 0 10px 0 0;
}

#weather h2 span {
display: none;
}

#weather li{
	float: left;
}

#sponsor{ float: right; }

img.tagline {
padding-left: 132px;
}

#login-link{
	float: right;
	margin: 0.5em 0 0 2em;
	color: #fff;
}

#font-size{ 
	float: right;
	margin: 0.4em 0 0 0;
}
#font-size li{ 
	display: inline; 
	padding: 0 1em 0 0;
}
#font-size a{ color: #fff; }
#font-size a:hover{ text-decoration: underline; }
#font-size .small{ font-size: 0.7em; }
#font-size .medium{ font-size: 1em; }
#font-size .big{ font-size: 1.3em; }


/* =========================== top end ============================== */

/* ============================ header ============================== */

#navigation{
	padding: 0.5em 0 0.5em 0.5em;
	text-align: left;
}
.day #navigation{ background: #031020; }
.night #navigation{ background: #292f33; }
#navigation li{
	display: inline;
	padding: 0 1.2em 0 0.8em;
	background: url(../img/bg-navigation.gif) no-repeat 100% 40%;
}
#navigation li.last{ background: none; }
#navigation a{
	font-size: 1.3em;
	color: #fff;
}

/* ========================== header end ============================ */

/* ========================== sub-header ============================ */

#flash{
	width: 100%;
	z-index: 1;
}

.breadcrumbs{
	float: left;
	padding: 0.5em 0 0 10px;
}

.tlc{
	float: right;
	padding: 0.5em 2.7em 0.5em 0.7em;
}

/* ======================== sub-header end ========================== */

/* ============================= main =============================== */

#main {
margin-top: -0.6em;
}

#main h2{
	clear: both;
	margin: 2em 0 0.5em 0; padding: 0.3em 0.5em 0.3em 30px;
	font-size: 1.3em; font-weight: normal;
	background: url(../img/bg-main-h2.gif) no-repeat 0 50%;
	position: relative;
}

#main h2 span.youtubeicon a {
background: url(../img/youtube-icon.png) no-repeat transparent;
width: 26px;
height: 25px;
display: block;
position: relative;
margin: -22px 0 0 420px;
}

#main h2 span.youtubeicon a span {
display: none;
}

#main h2 span.propertyrss a {
background: url(../img/rss-property.gif) no-repeat transparent;
width: 29px;
height: 18px;
display: block;
position: relative;
margin: -20px 0 0 418px;
}

#main h2 span.propertyrss a span {
display: none;
}

#main p{
	padding: 0.7em 1em;
	font-size: 1.2em;
	line-height: 1.4em;
}
#main p.marketedby{
    color: #666;
	padding: 0.7em 1em;
	font-size: 1.2em;
	line-height: 1.4em;
}
#main ul{
	padding: 0.7em 1em;
	line-height: 1.4em;
}
#main ul p{ padding: 0.7em 0; }

.directory-list{
margin: 0 0 1em 0;
	float: left;
	width: 94%;
	padding: 0 0 1em 0;
	font-size: 1.2em;
}
.directory-list li{
	float: left;
	width: 33%;
}

.news-list li{ padding: 1em 0 0.4em 0; }
.day .news-list li{
	background: url(../img/dot-day.png) repeat-x 0 100%;
}

.night .news-list li{
	background: url(../img/dot-night.png) repeat-x 0 100%;
}
.news-list li a.img-link{
	float: left;
	margin: 0.2em 1em 0.7em 0;
	border: 6px solid #666;
}

#property-status {
position: absolute;
margin: 0 0 0 115px;
padding: 0;
}

#property-status li span {
display: none;
}

#property-status li.tolet-y {
background: url(../img/to-let-y.png) no-repeat;
display: block;
height: 14px;
width: 51px;
float: left;
margin: -14px 1em 0 0;
}

#property-status li.lease-y {
background: url(../img/lease-y.png) no-repeat;
display: block;
height: 14px;
width: 49px;
float: left;
margin: -14px 1em 0 0;
}

#property-status li.forsale-y {
background: url(../img/for-sale-y.png) no-repeat;
display: block;
height: 14px;
width: 65px;
float: left;
margin: -14px 1em 0 0;
}

#property-status li.tolet-n {
background: url(../img/to-let-n.png) no-repeat;
display: block;
height: 14px;
width: 51px;
float: left;
margin: -14px 1em 0 0;
}

#property-status li.lease-n {
background: url(../img/lease-n.png) no-repeat;
display: block;
height: 14px;
width: 49px;
float: left;
margin: -14px 1em 0 0;
}

#property-status li.forsale-n {
background: url(../img/for-sale-n.png) no-repeat;
display: block;
height: 14px;
width: 65px;
float: left;
margin: -14px 1em 0 0;
}



/*

#main p.singleforsale {
background: url(../img/property-for-sale.gif) no-repeat;
width: 240px;
height: 14px;
margin-left: 1em;
padding-bottom: 0;
}

#main p.singleforsale span {
display: none;
}



#main p.singletolet {
background: url(../img/property-to-let.gif) no-repeat;
width: 240px;
height: 14px;
margin-left: 1em;
padding-bottom: 0;
}

#main p.singletolet span {
display: none;
}



*#main p.singlelease {
background: url(../img/property-lease.gif) no-repeat;
width: 240px;
height: 14px;
margin-left: 1em;
padding-bottom: 0;
}

#main p.singlelease span {
display: none;
}


*/

.news-list li p.marketed_by {
color: #666;
margin-top: -18px;
}

.postthumb {
float: left;
border: 6px solid #666;
margin: 3px 10px 10px 0;
width: 104px;
height: 80px;
background: url(../img/no-image-thumb.jpg) no-repeat;
}

#home-banner {
width: 468px;
margin: 0 0 10px 0;
}

/* =========================== main end ============================= */

/* =========================== side-bar ============================= */

#side-bar h2{
	clear: both;
	margin: 2em 0 0.5em 0; padding: 0.3em 0.5em 0.3em 30px;
	font-size: 1.3em; font-weight: normal;
	background: url(../img/bg-sidebar-h2.gif) no-repeat 0 50%;
}


#side-bar p{ 
	margin: 1em 10px;
	font-size: 1.2em;
	line-height: 1.4em;
}

.side-nav{ margin: 1em 30px 1.5em 10px; }
.side-nav li{
	padding: 0.3em 0 0.4em 20px;
	font-size: 1.3em;
}
.day .side-nav li{
	background: url(../img/dot-day.png) repeat-x 0 100%;
}

.night .side-nav li{
	background: url(../img/dot-night.png) repeat-x 0 100%;
}
.side-nav li a{ color: #fff; }


#searchform{
	height: 2em;
	margin: 1em 10px;
}
#searchform input.text{
	float: left;
	width: 70%;
	padding: 0.1em;
	color: #000; background: #ccc;
	border: 1px solid #999;
	font: normal 1em "Trebuchet MS", sans-serif;
}
#searchform input.button{ float: right; }

#subscribeform{
	height: 2em;
	margin: 1em 10px;
}

#subscribeform input.text{
	float: left;
	width: 70%;
	padding: 0.1em;
	color: #000; background: #ccc;
	border: 1px solid #999;
	font: normal 1em "Trebuchet MS", sans-serif;
margin: 0 0 5px 0;
}

#subscribeform input.button{ float: right; }

#subscribeform label {
display: none;
}

.poll li{
	margin: 0 10px 1em 10px;
	font-size: 1.2em;
}
.poll .answer {
	height: 10px;
	background: url(../img/poll.gif);
	overflow: hidden;
}

.wp-polls .pollbar {
	height: 10px;
	background-image: url(../img/poll.gif);
	overflow: hidden;
}



.btn-go{
	float: right; position: relative;
	width: 36px; height: 19px;
	margin: 0 10px 1em 0;
}
.btn-go span{
	position: absolute;
	width: 100%; height: 100%;
	background: url(../img/btn-go.png) no-repeat 0 0;
}

/* ========================== side-bar end ========================== */

/* ============================ calendar ============================ */

#wp-calendar table{ 
	width: 100%; 
	font-size: 1.1em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption{ 
	text-align: center; 
	padding: 0.3em;
}
#wp-calendar #prev{ text-align: left; }
#wp-calendar #next{ text-align: right; }
#wp-calendar img{ display: inline; }

.events-list{ margin: 1em 0; }
.events-list li{
	margin: 0 0 0.5em 0; padding: 0 0 0 15px;
	font-size: 1.1em;
	background: url(../img/bg-event.gif) no-repeat 0 0.2em;
}
.events-list li a{ color: #f06; }

/* ========================== calendar end ========================== */

/* ============================= footer ============================= */

#bottom-nav li{
	float: left;
	width: 8.6%;
	padding: 0 10px 0 0;
}
#bottom-nav li ul li{
	display: block; float: none;
	width: 100%;
}
#bottom-nav li a{ color: #fff; font-size: 1.2em; }

#footer-links{
	clear: both;
	float: right;
	margin: 1em 2.8em 0 0;

}
#footer-links li{
	display: inline;
	text-align: right;
	padding: 0 0 0 1em;
}

#footer-links li a span {
display: none;
}

/* =========================== footer end =========================== */


#streaming, #streaming ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 1000;
	background: transparent;
	
}

#streaming a {
background: transparent;
	display: block;
color: #fff;
}

#streaming li {
background: transparent;
	float: left;
	width: 10em;
}

#streaming li ul {
background: url(../img/black60.png) transparent;
padding: 3px;
width: 160px;
	position: absolute;
	left: -999em;
	border-top: 1px solid #ccc;
}

#streaming li ul li {
width: 154px;
background: transparent;
text-transform: uppercase;
padding: 1px 3px 1px 3px;
}

#streaming li:hover ul {
	left: auto;
}

#streaming li:hover ul, #streaming li.sfhover ul {
	left: auto;
}

.youtube {
padding: 0 1em;
}

#main input.text{
	float: left;
	width: 140px;
	padding: 0.1em;
	color: #666; background: #292f33;
	border: 1px solid #999;
	font: normal 0.9em "Trebuchet MS", sans-serif;
}

#main input.button{ float: left; margin: -7px 0 0 5px;}