/* This is new style sheet for MyAstrology.net, based on OCA style   */
/*  sheets oca_new.css and oca_new_home.css.                         */

/* Updated 12/21/09 to include leaderboard.                          */
/* Use this style sheet on pages which have a leaderboard,           */
/*  IN ADDITION TO the regular style sheet. Call this one            */
/*  second, to overwrite the specific id's that need to be           */
/*  changed.                                                         */

/* ONLY LEADERBOARD-RELATED STYLES ARE CHANGED HERE - EVERYTHING     */
/*  ELSE IS THE SAME (AND NOT IN HERE...).                           */

/* New, 12/21/09                                                     */
/* Updated: 12/26/09                                                 */




/* Now some standard features of all pages */
/* We will use id's here                   */

/* 12/20/09: Leaderboard size is 728x90 pixels.        */

#leaderboard {
  position: relative;
  top: 10px;
  left: 0px;         /* 12/27/09: formerly 10  */
  width: 940;        /* widerightcolumn starts at 235, goes 725 = 960, but leftcolumn starts at 20, so 940 total  */
  height: 100;
  background: #FFFFFF;
  border: none;
  text-align: right;  /* formerly center  */
  z-index: -99;
}


#toplogo {                /* main logo on the page                            */
  position: relative;     /* normal flow, coordinates are offsets from edges  */
  top: 0px;
  left: 10px;
  width: 500px;
  height: 75px;
  border: none;
}

#cartsummary {           /* shopping cart summary - top right           */
                         /* need to align this relative to the right side of the page for smaller screens  */
  position: absolute; 
  top: 20px;             /* because this is fixed, you need to add in the extra 20 px of the body margin to line up with logo  */
/*  right: 85px;   */        /* distance of right edge from right side of page - margin is 20px  */
  left: 830px;
  height: 75px;          /* same as logo                                */
  border: none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: left;
}



/* 12/20/09: MyAstrology.net: Use these three columns for three-column  */
/*  display pages. Use homeleftcolumn and widerightcolumn for           */
/*  two-column display pages.                                           */

#homeleftcolumn {            /* left-hand column of the page     */
 position: absolute;
 left: 20px;
 top: 135px;                 /* formerly 235  */
 width: 200px;
 padding: 3px;
}

#homecentercolumn {         /* center column of page             */
 position: absolute;
 left: 235px;
 top: 235px;
 width: 520px;
 padding: 3px;
}

#homerightcolumn {          /* right-hand column of the page     */
 position: absolute;
 left: 770px;
 top: 235px;
 width: 225px;
 padding: 3px;
}

#widerightcolumn {          /* for pages (like ephemeris display) where we only have a left sidebar */
 position: absolute;
 left: 235px;
 top: 235px;
 width: 725px;
 padding: 3px;
}


#fullpagecolumn {           /* 12/26/09: Google search needs 800px+, so we are going to use this  */
 position: absolute;
 left: 20px;
 top: 235px;
 width: 995px;
 padding: 3px;
}