/*
Ridgefield Properties Stylesheet
Version 1.00
*/

/* 
  Basic elements 
*/
body { background: #999; color: #111;   font-family:  Tahoma, 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, clean, sans-serif; }
h1 { font-size: 226%; font-family: 'Trebuchet MS', Verdana, san-serif; font-weight: bold; }
h2 { font-size: 121%; font-family: 'Trebuchet MS', Verdana, san-serif; font-weight: bold; margin-bottom: 6px; }
h3 { font-size: 107%; font-family: 'Trebuchet MS', Verdana, san-serif; font-weight: bold; margin-bottom: 6px; }
h4 { font-size: 100%; font-weight: bold; margin-bottom: 6px; }
a, a:visited { color: #05b; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 8px 0; }
input { padding-left: 4px; padding-right: 4px; }
strong { font-weight: bold; }
.right { float: right; }
.left { float: left; }

/*
  Layout
*/
#doc { background: #fff; }
#hd { padding: 6px 10px 2px 6px; background: #05b url(../../images/grad-blue.jpg) repeat-x top; }
#bd { background: url(/images/grad-body.png) repeat-y; }
#sidebar { padding: 10px; }
#content { padding: 10px 17px 10px 3px; }
#ft { padding: 12px 0 6px 0; text-align: center; color: #666; font-size: 93%; border-top: 1px solid #dedede; }

/*
  Banner
*/
#hd a, #hd a:hover, #hd a:visited { color: #fff; }
#hd { color: #fff; }
#topnav { float: right; padding: 6px 0px 0px 0; font-weight: bold; }
#topnav ul li { display: inline; border-left: 1px solid #ccc; padding: 0 2px 0 6px; }
#topnav ul li.first { border-left: none; padding-left: none; }
#h1 { display: inline;  }


/*
  Sidebar
*/
#sidebar { }
.categories ul {
  color: #000;
  font-weight: bold; 
  font-size: 100%; 
  margin-bottom: 8px;
}

.categories ul ul {
  color: #000; 
  margin-top: 4px; 
  font-weight: normal; 
  font-size: 100%; 
}
.categories ul ul li {
  margin-bottom: 1px; 
}

/*
  Content
*/
#content h2 { color: #a00; padding-bottom: 1px; border-bottom: 2px solid #666; }
#welcome { margin: 4px 0 12px 0; }
#apartment { margin-bottom: 12px; }
#apartment img { float: right; margin: 0 0 8px 8px; border: 1px solid #999; }
#apartment td { padding-right: 18px; }
#apartment table { margin-bottom: 8px; }

.directions { padding-left: 3px; font-size: 79%; }
.building { float: left; padding: 10px; }
.selected { background: #ffc; }

#contact { 
  width: 60%; 
  margin: 18px auto; 
  padding: 12px 16px; 
  background: #ffe;
  border: 1px solid #b60; 
}
#contact * { line-height: 149%; }
#contact h3 { font-size: 114%;  }
#contact .input { width: 80px; }
#contact .question { }
#contact td { padding: 0 6px 6px 0; }

/* 
  Apartment listing table 
*/
table.listing tr td {
  vertical-align: top; 
  padding-right: 18px;
  padding-bottom: 2px; 
}

tr.listing-heading td {
  font-weight: bold;
  font-size: 107%; 
  margin-bottom: 8px; 
} 

#apartment .attribute { font-weight: bold; width: 6em; }
#apartment ul { margin-bottom: 6px; }