/* ===== ===== ===== ===== ===== ===== ===== ===== */
/* Momentums - primary site specific CSS
  by Tom Cloyd, MS MA, tc@tomcloyd.com -  http://DirectPathDesign.TomCloyd.com

Colors -
  - HEADER
    - #7b0000 - (reddish brick red) - header, "Momentums" color
    - #ef9628 - (med. intensity orange) - header, "connecting lives" color
    - #d7dbae (light, low-intensity olive green) - the background color in the header image, and of #hd and #ft_liner ul.
  - MAIN NAV
    - #7b2323 (firebrick red) - main navigation buttons
    - #2e2e2e (very dark gray) - main navigation buttons, hover
  - CONTENT AREA
    - #388011 (dark olive green) - links (content, sidebar)
    - #7b0000 (dark red) - links, hover (content, sidebar)
  - SIDEBAR
    - #388011 (dark olive green) - links (content, sidebar)
    - #7b0000 (dark red) - links, hover (content, sidebar)
    - #f7eead (light yellow brown) - #bd background - which shows through in   - sidebar
    - #d7dbae (light, low-intensity olive green) - the background color in the header image, and of #hd and #ft_liner ul.
  - MISC.
    - #efebd7 (light beige) - "html" element - entire site's background (color in margins beside page)

*/

/* ++ general
  *-------------------------------------------------------------------------------*/
  img{
    margin: none;
    }
    
  sup{
    font-size: 85%;
    vertical-align: top;
    margin-left: 2px;
    }
    
   table, td, tr{
     border:none;
     padding:0;
     margin:0;
    }

  a:link,
  a:visited,
  a:active{
    color:#388011;/*#419414;*/
    text-decoration:none;
    font-weight: bold;
    }

  a:hover{
    color:#7b0000;
    border-bottom:1px dashed #7b0000;
    /*font-weight: normal;*/
    }

  .invisible{color:white}

  .hidden{display:none}
  
  .underline{
    text-decoration: underline;
    }

/* ++ area specific
  *-------------------------------------------------------------------------------*/

  html{
    background-color:#efebd7;
    /* #F5F5F5 -WhiteSmoke */
    padding: 0px 0 40px 0;  }

  /* header */
  #hd{
    /*border:1px dashed red;*/
    border:1px solid gray;
    padding-top:1px;
    background-color:#d7dbae;
    /*border-bottom:1px solid gray;*/
    height:155px;
    margin-top:20px;
    margin-bottom:0px;
    overflow: hidden;}
    /*
    In the prototype, the text paragraph has a 1em bottom margin, and so will not look right. BUT, the header doesn't normally have a paragraph in it, so ignore this.
    */

  #hd-liner{
    background-color:white;
    margin:10px;}

  /* main navigation */
  #mainnav{
    margin:5px 0 8px 0 ;
    padding-left:0;
    padding-right:0;
    /*border:1x dashed red; <= no fix for collapsing borders*/
    }

    #mainnavliner{
      /*border:1px dashed green;*/
      }

    #mainnav ul{
      list-style: none;
      font-weight: normal;
      /*padding:1px; <= no fix for collapsing borders*/
      margin:0;
      /*line-height:1em;*/
      text-align:center !important;
      }

        #mainnav ul li{
          display: inline;
          font-family:"Verdana";
          font-size:130%;
          /*border:1px dashed red; <= no fix for collapsing borders*/
          }

          #mainnav ul li a:link, #mainnav ul li a:visited{
            background-color:#7b2323;
            border:1px solid black;
            color:white;
            font-weight:normal;
            margin:0px 0 13px 0 ;
            padding:0 10px 3px 10px;
            text-decoration:none;
            line-height: 1.5em;
            }

          #mainnav ul li a:hover{
            background-color:#2e2e2e;/*#4d4d4d; - gray*/
            color:yellow; /*ffd12a - yellow orange*/
            text-decoration:none;
            }

 /* body */
  #bd{
    background-color: white; /*former sidebar color: #f7eead;*/
    background-image: url(../images/sidebar-gradient.png);
    background-repeat:repeat-y;
    background-position:top-left;
    border-bottom:1px solid gray;
    border-left:1px solid gray;
    border-right:1px solid gray;
    border-top:1px solid gray;
    }
    /*
    #e6d8c4 - lighter yellow taken from "connecting lives"
    #e6d2b7 - light yellow taken from "connecting lives"
    #d9cccc or #dfcfcf - low intens. reddish
    #c8beb7 - light brown
    */

  #main-content{ /* id must be added */
    background-color:white;
    padding:10px;
    border-left:2px solid #7b2323;
    /*border:1px dashed purple;*/}

  .yui-t2 #yui-main{
    padding:0;}

  #yui-main /* container for main body parts and for nested grid */{
    /*background-color:lightpink;*/
    /*
    border-color:gray;
    border-style: solid;
    border-width: thin;*/
    }

  .yui-b /* main content & sidebarR */{
    /*border:1px dashed red*/}

  #main-content-liner{
    /*border:1px dashed transparent;*//*needed to solve collapsing border problem*/
    background:transparent;
    /*margin: 10px 10px 10px 10px ;*/}
    
  #main-content-liner h1{
    font-family: "times roman", serif ;
    font-size: 210%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    color:#7b0000;
    /*background: transparent;*/
    background-image: url(../images/h1-bckgrnd.png);
    background-repeat: no-repeat;
    margin:0px 0 15px 0;
    padding:5px 0 0px 5px;
    /*border-top:5px solid gray; <= doesn't work well with image*/
    }

  #main-content-liner h2{
    font-size: 180%;
    color:gray;/*#cf8224; orange in header *//*lighter #ef9628;*/
    background: transparent;
    background-image:url(../images/human-chain-gradient-a.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin:25px 0 10px 0;
    padding:0 0 0 45px;
    border-bottom:1px solid gray;
    }

  #main-content-liner h3{
    font-size: 150%;
    font-style: italic;
    font-weight: normal;
    color:black;
    background: transparent;
    margin:25px 0 10px 0;
    padding:0 0 0 0;
    }

  #main-content-liner h4{
    font-size: 110%;
    font-weight: bold;
    text-decoration:underline;
    color:gray;
    background: transparent;
    margin:25px 0 10px 0;
    padding:0 0 0 0;
    }

  #main-content-liner h5{
    color:black;
    background: transparent;
    margin:25px 0 10px 0;
    padding:0 0 0 0;
    }
    
    #main-content-liner p.subtitle{
      color:black;/*#388011;*/
      font-family:"verdana","geneva",sans-serif;
      text-align:center;
      font-size:140%;
      font-style:italic;
      font-weight:bold;
      margin:0;
      padding:0;
      }    

    #main-content-liner ul.timestamp{
      list-style:none;
      padding:0;
      margin:0;
      text-align:center;
      font-size:90%;
      color:gray;
      }

    #main-content-liner ul.timestamp li{
      display:inline
      }

  .yui-g /* nested grid - not used in this template */{
    /*border:1px dashed transparent*/}

  #sidebarR, #sidebarL{ /* id must be added */
    background-color:transparent;
    padding:0;
    height:100%;
    /*border:1px dashed transparent;*/}

  #sidebarR-liner, #sidebarL-liner{
    /*border:1px dashed red;*/
    background-color:transparent;
    margin:10px 0px 10px 10px ;
    }

    #sidebarL-liner p.header{
      font-family:"Verdana", sans-serif;
      text-align:center;
      font-size: 135%;
      font-style:italic;
      font-weight:normal;
      }

    #sidebarL-liner p.spacer{
      padding:0;
      margin:0;
      }
      
    #sidebarL-liner p.quote{
      color:#7b0000;
      font-family:"Verdana", sans-serif;
      text-align:left;
      font-size: 110%;
      font-style:italic;
      font-weight:normal;
      margin-top:20px;
      line-height:1.5em;
      }

    #sidebarL-liner p.quote-author{
      color:#7b0000;
      font-family:"Verdana", sans-serif;
      text-align:right;
      font-size: 110%;
      font-style:italic;
      font-weight:normal;
      }            
      
    #sidebarL-liner ul{
      margin:0 0 0 0;
      padding:0 0 0 0;
      text-align:left;
      }

    #sidebarL-liner ul ul{
      margin:10px 0 0 10px;
      padding:0 0 0 0;
      text-align:left;
      }

    #sidebarL-liner li{
      list-style-type:none;
      list-style-position:inside;
      margin:10px 0 0 0;
      padding:0 0 0 0;
      line-height:1.2em;
      font-weight:bold;
      font-size: 1.1em;
      }

    #sidebarL-liner li li{
      list-style-type:circle;
      margin:0 0 0 0;
      padding:0 0 0 0;
      font-size: 1.0em; /*very important: keeps size from increasing with each step*/
      }

/* footer */
  #ft{
    margin-top:10px;
    }

  #ft_liner{
    text-align:center;
    /*border:1px dashed transparent;*/
    }

    #ft_liner ul{
      list-style: none;
      background-color:#d7dbae;
      border:1px solid gray;
      line-height:2em;
      height:2em;
      text-align:center;
      margin:0;
      padding:0 0 3px 0;
      }

      #ft_liner ul li{
        display:inline;
        }

  #ft p{
    font-size: 80%;
    margin-top:20px;
    }

/* end CSS */