/*****************************
 **
 ** "Wonder"
 ** Custom Home Site Template
 ** Created for 1BigCommunity
 ** by Sunil Karve 08/05/2007
 **
 *****************************/

/*--------- LAYOUT ---------*/

body {
/* Foundational styles */
  background:#eee4d3;
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  padding:0 0 30px; /* Prevent footer cutoff in IE6 */
}
#oBody {
/* Site container */
  width:768px;
  background:#FFF url(/templates/wonder/bkg_oheadermiddle.jpg) 0 0 no-repeat;
  margin:0 auto;
}
#oHeaderTop {
/* Reserved space for the repositioned main navigation bar */
  height:35px;
  padding:0 25px;
}
#oHeaderMiddle {
/* Container for property title and branding photo */
  height:303px;
  padding:0 25px;
}
#oHeaderBottom {
/* Container for repositioned property name */
  height:87px;
  background:#963 url(/templates/wonder/bkg_oheaderbottom.jpg) top left no-repeat;
}
#oContents {
/* Container for content area */
  background:url(/templates/wonder/bkg_seashells.gif) top left repeat-y;

}
#oContentsBottomT {
/* Container for page content/copy (IE5 & IE6) */
  height:500px;
}
html > body #oContentsBottomT {
/* Adjustment for standards-compliant browsers*/
  height:auto;
  min-height:500px;
}
#oFooter {
/* Footer container (repositioned outside of content area */
  position:relative;
  top:25px;
  background:#eee4d3;
}

/*--------- ELEMENTS ----------*/
#oHeaderMiddle h1 {
/* Property name (repositioned) */
  position:absolute;
  top:325px;
  color:#F0F;
  font-weight:normal;
  margin:0;
  padding-top:6px;
  font-size:2.25em;
  font-family:Tahoma, Geneva, sans-serif;
  z-index:10;
  letter-spacing:2px;

}
#oHeaderMiddle h2 {
/* Property short description (repositioned) */
  position:absolute;
  top:390px;
  font-weight:normal;
  font-size:1em;
  margin-top:0.33em;
  color:#666;
  width:500px; /* Keep description within bounds of left column */
}
#oMenuLeft ul {
/* Reposition and reformat main navigation menu */
  position:absolute;
  top:10px;
  list-style-type:none;
  margin:0 0 0 -3px;
  padding:0;
  width:800px; /* Explicit width for IE6 */
}
#oMenuLeft ul li {
  float:left;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 8px;
  /*font-size:0.8em;*/
  font-size:12px; /* Changed this to prevent wrapping of menu when larger text size selected*/
}
#oMenuRight img {
/* Reposition and format main property photo */
  position:absolute;
  top:70px;
  margin-left:450px;
  width:265px;
  display:block;
  padding:7px 8px 8px 8px;
  background:#FFF url(/templates/wonder/bkg_mainphoto.jpg) top left no-repeat;
}
#oContentsBottomT td {
/* Styles for all tables in content area */
  vertical-align:top;
}
#oContentsBottomT table {
width:97%;

}
#oContentsBottomT h2,
#oContentsBottomT h3 {
/* Header element in content area */
  margin:0.5em 0 0;
  color:#963;
  font-weight:normal;
  padding-left:25px;
  font-size:1.3em;
}
#toDoRight h3 {
/* Remove left margin from headers in right column */
  padding-left:0;
  margin-bottom:0.5em;
}
#oContentsBottomT p {
/* Paragraph copy in content area */
  padding-left:25px;
  padding-right:25px;
  line-height:1.4;
  margin-top:0.25em;
  font-size:0.9em;
}
#photoAlbum {
/* Photo container in content area */
width:auto !important;
margin-top: 20px;
}
#photoAlbum td {
  text-align:right;
  padding:0 15px 0;
}

#photoAlbum img {
/* Control size of photos in albums and add "polaroid" border effect  */
  width:330px;
  display:block;
  margin-bottom:5px;
  background:url(/templates/wonder/bkg_photos.gif) 0% 100% no-repeat;
  padding-left:15px;
  padding-bottom:15px;
  padding-top:6px;
  padding-right:6px;
}

#toDoRight{
/* "Things To Do" right column items */
  background:#e6ddcd url(/templates/wonder/bkg_todoright.gif) 0 0 no-repeat;
  padding:0 15px;

}
#toDoRight b {
/* Override bold tag */
  font-weight:normal;
}
td#oWeather1 {
/* Container for weather table */
  width:750px;

}
#oWeather1 table {
/* Weather forecast table */

}
#oWeather1 table th {
/* Day name columns in weather forecast table */
  text-align:left;
  padding-left:20px;
  width:175px;
}
#oWeather1 th,
#oWeather1 td {
  border-bottom:1px solid #CCC;
  vertical-align:middle;
}



/*--------- CLASSES ----------- */
h2.u {
/* Existing header class in content area */
  margin:0.5em 0 0;
  color:#963;
  font-weight:normal;
  padding-left:15px;
}
td.amenity {
/* Amenity item in content area */
  background:url(/templates/wonder/bullet.gif) 26px 3px no-repeat;
  padding-left:40px;
}
td.borderRight {
  width:15px;
}


/*--------- LINKS ----------- */

#oHeaderMiddle h1 a,
#oHeaderMiddle h1 a:link,
#oHeaderMiddle h1 a:visited,
#oHeaderMiddle h1 a:active {
/* Property title/logo link */
  text-decoration:none;
  color:#FFF;
}
#oHeaderMiddle h1 a:hover {
  color:#EEE;
}
#oMenuLeft a,
#oMenuLeft a:link,
#oMenuLeft a:visited,
#oMenuLeft a:active {
/* Main navigation links (repositioned) */
  text-decoration:none;
  color:#000;
  display:block;
  margin-top:3px; /* Adjust for placement of indicator bar */
  padding:0 3px;
}
#oMenuLeft a:hover,
.menuHiA a {
/* Display link indicator on hover and on page current link */
  margin-top:0 !important; /* Remove top margin to keep link text aligned */
  border-top:3px solid #963;
}

#toDoRight a,
#toDoRight a:link,
#toDoRight a:visited,
#toDoRight a:active {
/* Right-column links on "Things To Do" page */
  text-decoration:none;
}
#toDoRight a:hover {
  text-decoration:underline;
}