/* -------------------------------------------------------

            PAGE LAYOUTS

---------------------------------------------------------- */

/* Normal page layout with only c-a in the middle */

.A {}

  .A #c-a {
    width:70%;
    margin:0 auto 0 auto;}

.BxA {}

  .BxA #c-a {
    float:right; 
    width:510px;
    margin-right: 70px;}

  .BxA #c-b {
    width:240px;
    float:left; }

/* Normal page layout with c-a at the left side and c-b at the right. c-c is att the bottom and full width. */

.ABxDf {}
  
  .ABxDf #c-a {
    float:left;
    width:470px; /* Approx. 60% of the #content without the padding */ }

  .ABxDf #c-b {
    float:left;
    width:320px; 
    margin-left:40px; }

/* Show page layout with c-a at the right and c-b at the left. c-c is under and c-d is at the bottom. */

.BxACfDf {}

  .BxACfDf #c-a {
    float:right; 
    width:470px; /* Approx. 60% of the #content without the padding */ 
    margin-left:40px; }

  .BxACfDf #c-b {
    float:right;
    width:320px; }

  .BxACfDf #c-c {
    clear:both; }

/* --- ? */
#c-d {
  margin-top:40px; }



  /* -------------------------------------------------------

              PAGE TYPES

  ---------------------------------------------------------- */


  /*
    =HOME PAGE
  */
  .home {}
    .home #news-and-teasers {
      padding:.7em 1em;
      margin:0 0 2em 0;
      background:#fff79a; }
      .home #news-and-teasers h1 {
        font-size:1.2em;
        text-transform:uppercase; }
        .home #news-and-teasers h2 {
          margin:0 0 .2em 0;
          font-size:1.1em;
          line-height:1.1;
        }

        .home #news-and-teasers ul {
          list-style:none;
          margin:0; }
          .home #news-and-teasers ul li {}

  /*
    =NEWS PAGE
  */

  .index h1, .list h1 { margin-top: 0; }
  
  .news .date {
    display:block;
    margin-bottom:.3em;
    color:#888;
    font-weight:normal;
    font-size: .7em; 
    text-transform: capitalize; }
  
  .single .date {
    font-size: .5em;}

  /*
    =ORDER PAGE
  */
  
  #order #order-form {
    margin-top:0;}
  
  /*
    =BOOK PAGE
  */

  .book {}

    .book h1.title {
      text-align:center; }

      .book h1.title .author {
        font-size:.45em;
        font-weight:normal;
        color:#666;
        display:block;
        border-bottom:1px solid #ccc;
        padding-bottom:.2em;
        text-transform:uppercase;
        margin-bottom:1.1em; }

      .book h1.title .sub-title {
        display:block;
        margin-top:.2em;
        color:#777;
        font-weight:normal;
        font-size:.6em; }
        
    #order-form {
      margin-top: 3em;
      border:1px solid #f3f3f3;
      padding:1px; 
      background:#fffde6; }
      
      #order-form .title {
        padding:10px 60px 10px 15px;
        margin:0 0 1px 0;
        background:#fff9b5; }

        #order-form .title span {
          padding-left:1em;
          font-size:.75em;
          font-weight:normal;
          color:#a7a7a7; }

      #order-form .order-items {
        width:100%; }
        
        #order-form .order-items td, #order-form .order-items th {
          padding: 1em;}
        
        #order-form .order-items td {
          border-top:2px solid #ccc;
          border-bottom:2px solid #ccc;}
        
        #order-form .order-items td.book-details span {
          display:block; }
        
        #order-form .order-items td.book-details .book-author {
          text-transform: uppercase; 
          color:#888; }
        
        #order-form .order-items td.book-details .book-title {
          font-weight:bold;}

        #order-form .order-items td.book-details .book-sub-title {
          color:#666;}

      #order-form div, #order-form .order-items, #order-form .instructions{
        margin:0;
        padding:20px 60px 20px 15px; }

        #order-form div div {padding:0;}

      #order-form p.info {margin-left:10.5em; color:#a7a7a7}
      
      #order-form label {
        margin:0 0 1em 0;
        text-align:right}

        #order-form label input {
          width:73%;
          margin-left:1em; }
      
        #order-form input.submit {margin-left:124px; margin-bottom:1em;}
      
      #order-form label.quantity {
        font-size:1.2em;
        color:#a7a7a7;
        text-transform:none;
        text-align:left; }

        #order-form .quantity input {
          width:1.8em;
          margin:0 .3em;
          font-size:1.2em;
          font-weight:bold;
          font-family:arial,verdana,sans-serif;
          text-align:center;
          color:#000; }
    
    
      
td.number,
td.sum {
  white-space:nowrap;
  text-align:right;}