/*
 * widepage.css
 * New TwiceTwo styles
 * Widepage content overrides
 * Andy Clifton
 * 11-08
 */
 
/* Basically, we expand the #content section to cover the width of the right
   sidebar, but we move it down slightly. Above it, we place the page title
   block (which would have been in the sidebar). Any other right-sidebar items
   are hidden.    
*/

/* TODO: I think this should actually center the main content area on the 
screen, with the left sidebar sticking out off center. I think we could do 
this by adding extra invisible space on the right, equal to the sidebar width.
I think this would make the page look more balanced, although I'll have to
try it to see. */

#pageBody {
  /* Normal width is 170 + 8 + 2.5*170 + 8 + 170 = 781px 
     Here we add another 8 + 170 on the right side = 959px */ 
  
  width: 959px;
}

#content {
  position: absolute;
  /* Could margin-top make this better? */
  /* top: 4.4em; */ /* Shift down, to make room for the title */
  left: 178px;
  width: 603px; /* 170 * 2.5 + 8 + 170 */ 
}  

#pageTitle {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  
  background-image: url(corner-ul.png);
  background-position: top left; 
    
/*  position: absolute;
  top: 0;
  left: 178px; 
  width: 603px;
  padding-top: 8px;
  padding-bottom: 8px; */
  
  /*font-size: 160%; 
  text-transform: capitalize;
  letter-spacing: 1px; */
  
  margin-bottom: 8px;
}

#pageTitle div.cLL {
  padding-top: 0px;
}

#pageTitle p {
  background-image: none;
  margin-top: 0;
  padding-top: 8px;
}

#content #pageTitle h1 {
  font-size: 10pt;
  font-weight: bold;
  text-transform: capitalize;
  letter-spacing: 0;

  margin-top: 0;
  margin-bottom: 0;  
  border-bottom-style: none;
  padding: 2px;
}

/* Add a little decoration to an H1 title, to make it stand out. */
#pageTitle h1:before, #pageTitle h1:after {
  font-weight: normal;
  content: "\00A0\2014\00A0";
}

/* Hide all other right sidebar notes */
div.sidenote {
  display: none;
}