html,body{
margin:0;
padding:0;
height:100%;
}
body{
background:#fff;
font:normal 76%/120% verdana,arial,helvetica,sans-serif;
color:#333;
behavior: url("includes/csshover.htc");
}
/* ie only styles below */
/* mac hide \*/
* html, * html body{
overflow:hidden;
height:100%;
}
/** html #left {position:absolute;}*/
* html #headerinner{margin-right:-183px;voice-family: "\"}\""; voice-family:inherit; }
* html #headerinner{margin-right:17px;}
* html #header{position:absolute;}
* html #outer {height:100%;overflow:auto}
* html #inner{height:1%}
* html #footer{
clear:both;
margin-top:-50px;
/* margin-right:17px;*/
position:relative;
width:auto;
}
/* end hide */
#outer{
position:relative;
background:#fff;
width:100%;
}
html>body #outer{
min-height:100%
}
#container{
width:800px;
margin: 0 auto;
padding:0 0 0 0;
height:100%;
}
#inner{
padding-top:145px;/* matches height of fixed header to clear the content below it*/
margin-right:200px;/* clear right column*/
}
#header{
position:fixed;/* for good browsers*/
top:0;
left:0;
width:100%;
height:135px;/* the height you want the header to be*/
z-index:999;
}
#headerinner{/* header content goes inside here*/
text-align:center;
background:#990000 url(../s_images/header.gif) repeat-x top; height:135px;/* match height of fixed header*/
position:relative;
z-index:999;
}
#menu {
position:relative;
top:104px;
width:800px;
margin: 0 auto;
}
#right{
width:180px;
position:relative;
float:right;
padding-top:135px;/* match height of header*/
padding-left:20px;
height: 1%; /* fix ie scrollbar problem */
padding-bottom:50px;
}
#footer{
height:50px;
background:#990000 url(../s_images/footer.gif) repeat-x top;
width:100%;
color:#fff;
text-align:center;
position:absolute;
bottom:0;
}
#clearfooter{/* to clear footer*/
height:50px;
clear:both;
}
/* start menu */
#menu ul {
margin:0 auto;
padding: 0;
list-style: none;
width:800px;
}
#menu ul li {
position: relative;
float: left;
width:100px;
}
#menu li ul {
position: absolute;
left: 0;
top: auto;
display: none;
z-index:999;
width:auto
}
#menu li ul ul {
position: absolute;
left:100%;
top: -.1em;
display: none;
}
/* Styles for Menu Items */
#menu ul li a {
display: block;
text-decoration: none;
color: #fff;
padding: 5px 2px;
}
#nav a:hover{
text-decoration: none;
}
/* this sets all hovered lists to white */
#menu li:hover a, #menu li.over a {
color: #333;
background-color: #fff;
text-decoration: none;
}
#menu li:hover li:hover a, #menu li.over li.over a, #menu li:hover li:hover li:hover a, #menu li.over li.over li.over a, #menu li:hover li a:hover, #menu li.over li a:hover, #menu li:hover li:hover li:hover a:hover, #menu li.over li li a:hover, #menu li:hover li:hover li:hover li:hover a:hover, #menu li.over li.over li.over li.over a:hover {
color: #333;
background-color: #dddddd;
text-decoration: none;
}
/* set dropdown to default */
#menu li:hover li a, #menu li.over li a, #menu li:hover li:hover li a, #menu li.over li.over li a, #menu li:hover li:hover li:hover li a, #menu li.over li.over li.over li a {
color: #777;
background-color: #fff;
}
#menu li ul li a {
padding: 2px 5px;
}
/* Sub Menu Styles */
#menu ul li:hover ul ul, #menu ul li:hover ul ul ul, #menu ul li.over ul ul, #menu ul li.over ul ul ul {
display:none;
}
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li li li:hover ul, #menu ul li.over ul, #menu ul li li.over ul, #menu ul li li li.over ul {
display: block;
}
#menu ul li ul{
border-right:1px solid #990000;
border-left:1px solid #990000;
border-bottom:1px solid #990000;
text-align:left;
}
#menu ul li ul li ul{
border-top:1px solid #990000;
}
#menu ul li ul li{
width:172px;
line-height:1.7em;
border-bottom: 1px solid #dddddd;
/*padding: 0;*/
}
#menu ul li a {
height:1%
}
#selected{
border:1px solid #990000;
/*background: #990000 url(../s_images/buttonup.gif) repeat-x top;*/
}
/* end menu */
p{
padding-top:10px;
text-align:justify;
}
h1{
display:block;
font-size: 1.5em;
color: #990000;
width: 100%;
padding-bottom:10px;
border-bottom: 1px solid #990000;
line-height:1.5em;
}
h2{
display: block;
width: 166px;
background: #666666;
padding: 7px;
color: #fff;
text-align: center;
font-size:1.1em;
margin-bottom:10px;
}
h3{
font-size:1.2em;
color:#990000;
}
h4{
display:block;
font-size: 1.2em;
width: 100%;
padding-bottom:10px;
border-bottom: 1px solid #333;
}
blockquote{
border-left: 5px solid #990000;
margin-left:0;
margin-right:0;
padding:5px 10px;
background:#dddddd;
border-bottom: solid 1px #fff; /*ifx IE6 problem*/
}
blockquote p{
padding-top:0;
}
blockquote.light{
border-left: 5px solid #666666;
margin-left:20px;
background:#fff;
}
#right{
font-size: 80%;
line-height:95%;
text-align:center;
}
#right p{
text-align:justify;
padding-bottom:5px;
}
#right a{
color:#333;
text-decoration:none;
}
#right a:hover{
color:#990000;
}
a{
color:#990000;
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
a:hover img{
border: 5px solid #990000;
}
button, .button{
background: #990000 url(../s_images/buttonup.gif) repeat-x top;
padding-left:5px;
padding-right:5px;
height: 35px;
color:#fff;
cursor: pointer; /* cursor: hand; for IE5 */
}
button:hover, .button:hover{
background: #990000 url(../s_images/buttondown.gif) repeat-x top;
}
hr{
color:#990000;
background-color:#990000;
height:3px;
}
.greytable table {
font:normal 76%/120% verdana,arial,helvetica,sans-serif;
width:95%;
margin:1.0em 0 2.0em 20px;
table-layout:fixed;
border-collapse:collapse;
empty-cells:show;
background-color:#dddddd;
}
.greytable table th {
height:3.0em;
padding:2px 20px 2px 7px;
border:solid 2px #fff;
background-color:#999999;
text-align:left;
font-weight:bold;
color:#fff;
}
.greytable table td {
height: 3.0em;
padding: 2px 7px 2px 7px;
border: 2px solid #fff;
background-color: #dddddd;
text-align: left;
font-weight: normal;
}
.greytable table tfoot td{
font-weight:bold;
}
caption {
clear:both;
margin:0.5em 0 1.0em 0;
text-align:left;
color:#990000;
}
img{
padding:10px;
border: 5px solid #dddddd;
}
.img_r{
float:right;
margin-left:10px;
margin-bottom:10px;
}
.img_l{
float: left;
margin-right:10px;
margin-bottom:10px;
}
.img_c{
display: block;
margin-left:auto;
margin-right:auto;
}
ul{
margin: 0;
list-style-image: url(../s_images/ul.gif);
list-style-type: square;
padding: 0 0 0 25px;
width: auto;
color: #333;
}
ol{
margin:0;
padding: 0 0 0 25px;
}
.proplink{
padding:0 10px 0 10px;
border: 5px solid #dddddd;
margin: 10px 0;
}
.proplink img, .proplink a:hover img{
border:none;
padding:0;
margin: 5px 0 3px 0;
}
.proplink:hover{
border: 5px solid #990000;
}
.proplink p{
padding:0;
margin:0;
}
.proplink button{
margin:0 auto;
text-align:center;
padding:0;
}
#logowrapper{
text-align:left;
margin: 0 auto;
width:800px;
}
#logo{
position:absolute;
top:10px;
}
#logotext{
position:absolute;
top:50px;
margin-left:10px;
color:#fff;
}
#logo img{
padding:0;
border:none;
}
#headertxtwrapper{
position: relative;
width:800px;
margin: 0 auto;
}
#headertxt{
position: absolute;
top: 15px;
right: 95px;
color: #fff;
font-weight: bold;
}
/* property photo gallery */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
float: left;
margin-right:100px;
height:460px;
z-index: 1;
}
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
padding:0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #990000;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 10px;
left: -1000px;
border: 5px solid #dddddd;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 220px; /*position where enlarged image should offset horizontally */
top: 10px;
z-index: 50;
}
/* end of photo gallery */
/* property listing */
.listing{
height:120px;
}
.listing a,.listing a:link{
color:#333;
text-decoration:none;
}
.listing a:hover{
color:#990000;
text-decoration:none;
}
.listimg{
float:left;
padding-bottom:10px;
}
/****** Blog ******/
.blog{
width :400px;
}
.blog a:hover img{
border: None;
}
#sidebarLeft h1, #sidebarLeft h1 a {
font: bold 18px "Lucida Grande", Verdana, Arial;
color: #990000;
text-decoration: none;
margin: 10px 0 0;
}
#sidebarLeft h1 a:hover {
color: #7e8899;
}
#sidebarLeft h2, #sidebarLeft h2 a {
margin-top: 3px;
font: bold 14px "Lucida Grande", Verdana, Arial;
color: #666666;
text-decoration: none;
display: inline;
width: auto;
background: transparent;
}
#sidebarLeft h2 a:hover {
color: #000;
border-bottom: 2px dashed;
border-color: #ccc;
}
#sidebarLeft h3, #sidebarLeft h3 a {
font: bold 15px "Lucida Grande", Verdana, Arial;
color: #7e8899;
text-decoration: none;
border-bottom: 1px solid #dddddd;
margin: 0px;
padding: 2px;
}
#sidebarLeft h3 a:hover {
color: #000;
}
#sidebarLeft {
/* Left Sidebar properties */
width: 173px;
height: auto;
float: right;
color: #000;
background: #f5f5fc;
border: 1px solid #dddddd;
margin: 22px 0 20px;
margin-top:145px;
}
* html #sidebarLeft {
/* Left Sidebar IE Fix */
width: 173px;
}
/****** Posts ******/
.post {
font: 11px "Lucida Grande", lucida, Verdana;
}
.post a {
font: 11px "Lucida Grande", Verdana, Arial, Sans-Serif;
/*border-bottom: 1px #CCC solid;*/
color:#990000;
text-decoration:none;
}
.post a:hover {
text-decoration: underline;
}
h3.posttitle, h3.posttitle a{
font: bold 15px "Lucida Grande", Verdana, Arial;
color: #990000;;
text-decoration: none;
border-bottom: 1px solid #dddddd;
margin: 0px;
padding: 2px;
}
h3.posttitle a:hover {
text-decoration: underline;
}
h2.pagetitle{
width: 100%;
}
.title {
background: #fdfdfd url('images/fade.jpg') repeat-x;
width: 400px;
height: 20px;
padding: 3px;
}
.tags {
float: left;
width: 348px;
height: 20px;
padding: 10px 3px 3px;
}
.comments {
text-align: right;
float: right;
width: 150px;
height: 20px;
padding: 3px;
}
.entry {
margin-top: 10px;
margin-bottom: 10px;
font: 12px "Lucida Grande", lucida, verdana ;
}
small {
font: 9px "Lucida Grande", lucida, Verdana;
}
small a {
font: 9px "Lucida Grande", lucida, Verdana;
}
.postmetadata {
color: #313131;
font: bold 9px "Lucida Grande", lucida, verdana;
}
.postmetadata a {
font: bold 9px "Lucida Grande", lucida, verdana;
color: #333333;
}
.postmetadat a:hover {
color: #CCC;
text-decoration: none;
}
.blog img, .blog img a {
border: 0px;
}
.comments img {
text-decoration: none;
border: 0px;
}
/**************** End Post Classes **/
/******** COMMENTS FORMATTING *********/
img.avatar {
float: left;
height: 32px;
width: 32px;
padding: 0px 5px 0px 0px;
margin: 0px;
}
p.comauth {
float: left;
height: 32px;
padding: 0px;
margin: 0px;
vertical-align: top;
text-align: left;
}
.postmetacom {
padding: 0px 0px 2px;
}
label {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#commentform textarea {
width: 375px;
padding: 5px;
margin: 2px;
border: 1px solid #49647d;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
ol.commentlist {
padding: 0px;
margin: 10px 0px 10px 15px;
}
ol.commentlist li {
list-style-type: none;
font: 11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica;
padding: 5px;
margin: 0 0 10px;
color: #363636;
}
.alt {
background: #f5f5f5;
}
.authorcomment {
/* Author Comments Highlight */
background: #f5f5fc;
border: 1px solid #dddddd;
}
#sidebarRight ul, #sidebarRight li, #sidebarLeft ul, #sidebarRight li {
list-style: none;
}
/******* WIDGETS FORMATTING ********/
ul li h2.widgettitle {
padding: 10px 0px;
margin: 0px;
}
ul#sidebarl, ul#sidebarr {
font: 10px "Lucida Grande", Verdana, Arial, Helvetica;
width: auto;
padding: 0px 0 0 10px;
margin: 10px 0 0;
}
ul#sidebarl li ul, ul#sidebarr li ul {
margin: 0px;
padding: 0px;
}
ul#sidebarl li ul li, ul#sidebarr li ul li {
padding: 0px 0px 5px 5px;
margin: 0px;
display: block;
}
ul#sidebarl li ul li a, ul#sidebarr li ul li a {
padding: 0px;
margin: 0px;
}
.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto; }