/* ======================================================
   Skin: Minimalist
   Version: 1.0
   Creator: Michael Angeles
   Modification Date: 09/24/08
   Description: Minimalist color scheme and UI.
   ====================================================== */
/* OVERRIDES 
   This stylesheet should be used to make skin customizations, 
   which are based on CSS overrides.
*/

  /* html background color
     this is the background color of the body (main content area) of the page.
     if you change this color, also change the color of local navigation sidebar below.  */
  html {
    background: #fff;
  }

  
  /* header background   */
  #hd {
    border-bottom: 1px solid #eee;    
  }


/* WRAPPER CUSTOMIZATIONS */

  /* utility nav background   */
  #utility-nav {
    padding-top: 2px;
    border-bottom: 1px solid #fff;
    -khtml-box-shadow: inset 0 -3px 2px #f1f1f1;
    -moz-box-shadow: inset 0 -3px 2px #f1f1f1;
    box-shadow: inset 0 -3px 2px #f1f1f1;      
  }
  #utility-nav, #utility-nav a,
  #utility-nav ul#crumb-nav li a {
    color: #ccc;  
  }

  ul#crumb-nav li#start a {
    background-image: url(../../../images/start-gray-light.png);
  }
  
  #user-menu ul#user-nav img {
    margin-top: -5px !important;
  }

  /* site banner background (site name area)  */
  #site-banner {
    padding-top: 5px;
    background-color: #f1f1f1;
    background-image: none;
    text-align: left;
  }

  /* site banner text color    */
  #site-banner h1 {
    display: none;
  }  

  #site-banner h1 a {
    color: #ccc !important; 
  }

  /* section banner background (project name area)  */
  #sect-banner {
    padding-top: 18px;
    padding-bottom: 10px;
    background-color: #f1f1f1;    
  }
  #sect-banner #search span.first-child button {
    background-color: #f1f1f1;
  } 

  #sect-banner h2 {
    color: #333; 
    font-size: 2.5em;  
    font-weight: normal;  
  }
  
  #sect-banner #sect-hd a#changer {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
      
  a#changer:hover {    
    padding: 0;
    background: none;
    line-height: 1em;
  }

  #sect-banner #search input#search-query {
    border-color: #ccc;
  }

  /* site search */
  #sect-banner #search {
    padding-top: 0;
  }
  
  #sect-banner #search .gwt-TextBox {
    width: 100px;
    height: 1em;
  }
  
  /* section nav (primary tabs) background color. 
     Uses alpha transparent image */
  #sect-nav ul#primary-tabs {
    background: #f1f1f1;
    -khtml-box-shadow: inset 0 -2px 1px #eee;
    -moz-box-shadow: inset 0 -2px 1px #eee;
    box-shadow: inset 0 -2px 1px #eee;       
    z-index: 999999;
  }


  /* primary tabs, tab edge (replace image with border)  */
  ul#primary-tabs li {
    background: none;
    border: none;
  }

  ul#primary-tabs li.current a {
    display: block;
    padding: 7px 16px !important;
    background-image: none;
    background-color: #fff;    
    border: none !important;     
  }
  
  ul#primary-tabs li.current {
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #fff;
    border: 1px solid #eee !important;
    border-bottom: none !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;    
  }

  *+html ul#primary-tabs li.current {
    *zoom: 1;
    *position: relative;
  }

  ul#primary-tabs li.current a {
    margin: 0;
    padding: 0;
    background: none;
  }

  ul#primary-tabs li.last {
  }

  /* primary tabs link color   */
  ul#primary-tabs li a {
    color: #666;
    text-shadow: none;
  }
  
  /* secondary navigation */
  #sect-nav #secondary-bar {
    padding: 0 0 0 10px;
    background: #fff;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #eee !important;    
  }

  ul#secondary-tabs li.current {
    background: none;
  }

  ul#secondary-tabs li.current a {
    background: none;
  }

  ul#secondary-tabs li {
    margin-left: 0;
    padding-left: 0;
  }

  ul#secondary-tabs li a {
    color: #666;
    margin-left: 0;
    padding-left: 0;
  }

  /* main */
  #main {
    padding-right: 15px;
  }
  
  #main, #main #bd-hd, #main #ttl,
  #main #ttl .t, #main #ttl .t div, #main #body .b, #main #body .b div {
    background: none;
  }

  #main #bd-hd #ctrl {
    padding-top: 10px;
    border-bottom: 1px solid #ededed;
  }
  
  #main #ttl div.details {
    padding-left: 0;
  }  
  
  /* path control */
  #ctrl #path-full, 
  #ctrl #path-up,
  #ctrl #vol-ctrl div  {
    margin: 0 3px 0 0;
  }
  
  /* body */
  #main #bd-hd {
    border-bottom: 1px solid #ededed;
  }

  #main #ttl h2, #main #ctrl, #main-ft,
  #main #body .content {  
    padding: 0;
  }   
  
  #main #body .sect-hd h2 {
    text-transform: uppercase;
    color: #666;
  }
  
  #main #body #comments, 
  #main #body .commentarea,
  #main #body #related {
    padding-left: 0;
  }  

  /* local nav */
  #local-nav {
    padding-top: 16px;
  }
  
  #local-nav .box {
    background-color: #f1f1f1;      
    background-image: none;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    padding-bottom: 10px;  
  }

  #local-nav .box .t, #local-nav .box .t div, #local-nav .box .b, #local-nav .box .b div {
    display: none;
  }

  #local-nav .box h2 {
    text-transform: uppercase;
    color: #999;    
    border-bottom: 1px solid #fff;
    padding: 10px;
  }

  /* tags */
  #local-nav ul.tags li,
  #local-nav ul.tags li a {
    float: none;
  }
  
  /* tabs */
  #bd-hd #page-tabs ul.tabs {
    margin-left: 5px !important;
  }

  #bd-hd #page-tabs ul.tabs li {
    z-index: 999;
  }

  /* tables */
  thead th {
    background: #f5f5f5;
    background-image: none;
  }

  /* link drop down menus and tools  */
  a.drop-menu:hover {
    background-color: #369;
  }   

  /* base link */
  a,
  #primary-tabs li a {
    color: #369;	
  }

  a:hover, ul li a:hover {
    color: #369; 
  }    
  
  /* font size overrides */
  /* 24 */
  .t24, 
  #main #ttl h2 { 
    font-size: 2em; /* 24px */ 
  }