/*   cazh1_07.css:  
     Standard look/feel for cazh1.com, reworked for page structure tweaks, easier color schemes, 
     and cleaner CSS. Going for the basic 3-column Holy Grail, but also supports 2-column pages  */

/* ------------------ COLOR SCHEMES -----------------------                                      */
/*    Only the big stuff - backgrounds and text  
      Sources:   kuler.adobe.com                      
                 www.web-source.net/216_color_chart.htm                                          */

body                  { background-color: #3A0000;     }         
A                     { color: #54A3F2;                }
A:HOVER               { color: #FF6600;                }
#Header               { background-color: #282C2F; 
                        color: White;                  }
#Logo                 { color: White;                  }
#Logo A               { color: White;                  }
#Logo A:HOVER         { color: #FF6600;                }
#MenuContents         { background-color: #282C2F; 
                        color: White;                  }
#MenuContents A       { color: White;                  }
#MenuContents A:HOVER { color: #FF6600;                }
#SearchMe             { color: #CCCCCC;                }

#LeftColumn           { background-color: #282C2F;     
                        color: White;                  }
#LeftColumn A:HOVER   { color: #FF6600;                }
#RightColumn          { background-color: #282C2F;     
                        color: White;                  }
#RightColumn  A       { color: White;                  }
#RightColumn  A:HOVER { color: #FF6600;                }
#RightSpecial         { background-color: Silver;       
                        color: Black;                  }
#RightSpecial A       { color: White;                  }
#RightSpecial A:HOVER { color: #FF6600;                }
#RightSpecial H2      { background-color: #808080;  
                        color: White;                  }
#RightSpecial H5      { color: #660000;                }
#Center2Column        { background-color: #474E52;  
                        color: White;                  }
#Center3Column        { background-color: #474E52; 
                        color: White;                  }
#Footer               { background-color: Transparent; 
                        color: Silver;                 }
/* Blogger */
#sidebar              {                  /* sidebar - equivalent to RightColumn (cazh1) */
                        background-color: #282C2F;          
                        color: White;                  }
#content              { background-color: #474E52; 
                        color: White;                  }

/* ------------------ FONTS -----------------------                                              */
/*    Sources:   http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html                         */

body             { font-family: Tahoma, Geneva, sans-serif;
                   font-size: 11pt;                     
                   line-height: 18px;       }
H1               { font-size: 14pt;         }
H2               { font-size: 12pt;         }
H3               { font-size: 12pt;
                   font-weight: bold;       }
H4               { font-size: 10pt;
                   font-weight: bold;       }
H5               { font-size: 10pt;
                   font-style: italic;      }
H6               { font-size: 10pt;
                   font-weight: bold;       }

#Header          { font-size: 10pt;
                   line-height: 17px;       }
#Logo            { font-family: Verdana, Geneva, sans-serif;
                   font-size:40px;
                   line-height: 42px;       }
#Logo A          { text-decoration: none;   }
#PithyQuote      { font-size: 9pt;           }
#SearchMe        { font-family: Verdana, Geneva, sans-serif;
                   font-size:8pt;           }
#SearchMe INPUT.btn { 
                   font-family:'trebuchet ms',helvetica,sans-serif;
                   font-size: 8pt;          }
#MenuContents    { font-size: 10pt;
                   font-variant: small-caps; 
                   font-weight: bold;       }
#MenuContents A  { text-decoration: none;   }
#LeftColumn      { font-size: 10pt;
                   font-variant: small-caps; 
                   font-weight: bold;       }
#LeftColumn A    { font-variant: normal;
                   font-weight: normal;       
                   text-decoration: none;   }
#RightColumn     { font-size: 10pt;
                   font-variant: small-caps; 
                   font-weight: bold;       }
#RightColumn A   { text-decoration: none;   }

#RightColumn .blogrollitem A { 
                   font-size: 8pt;                     
                   font-weight: normal;
                   text-decoration: none;   }
#RightSpecial    { font-size: 9pt;          }
#RightSpecial A  { font-weight: bold;       }
#RightSpecial h2 { font-weight: bold;    
                   font-size: 9pt;          }
#RightSpecial h5 { font-weight: bold;    
                   font-size: 8pt;          }
#Footer          { font-size: 8pt;          }

/* Blogger */
#sidebar         {                  /* sidebar - equivalent to RightColumn (cazh1) */
                   font-size: 10pt;          }
#sidebar h2      {                  
                   font-weight: bold;
                   font-variant: small-caps; 
                   font-size: 10pt;          }
.date-header     {                  /* date-header - equivalent to h4 (cazh1) */
                   font-size: 10pt;
                   font-weight: bold;       }
.post-title      {                  /* post-title - equivalent to h3 (cazh1) */
                   text-decoration: underline;
                   font-size: 12pt;
                   font-weight: bold;       }
.post a          { font-weight: bold;       }
   .post-title a, .post-title a:visited, .post-title strong {
      display:block;
      text-decoration:none;
      color:#b70;
      font-weight:normal;
   }
   .post-title strong, .post-title a:hover {
      color:#333;
   }
/* ------------------- ELEMENTs ---------------------                                            */

a {
   border-style: none;
   padding: 0px 0px 0px 0px;
}

body {
   border: #000 0px solid;             /* Set to 1px only when trying to locate */
   margin: 5px 5px 5px 5px;            /* Around the whole page */
   padding: 0px 0px 0px 0px;           /* Body gets no padding, but the sections do */
}

H1 {
   margin: 10px 5px 10px 5px;          /* Around each header */
}

H2 {
   margin: 10px 5px 10px 5px;          /* Around each header */
}

H3 {
   margin: 10px 5px 10px 5px;          /* Around each header */
}

H4 {
/*   clear: both;*/
   margin: 20px 5px 5px 25px;          /* Around each header */
}

H5 {
   clear: both;
   text-align: right;
   margin: 0px 5px 0px 5px;            /* Around each header */
}

H6 {
   margin: 10px 5px 5px 5px;           /* Around each header */
}

HR {
   margin: 15px 40px 10px 40px;        /* Around each separator */
   padding: 0px 0px 0px 0px;           /* Body gets no padding, but the sections do */
}

IMG {
   border-style: none;
}

LI {
   margin-top: 3px;
   margin-bottom: 3px;
}

P {
   margin: 10px 5px 10px 5px;          /* Around each header */
   padding: 0px 0px 0px 0px;           /* Body gets no padding, but the sections do */
}

UL {
   margin-top: 3px;
   margin-bottom: 3px;
}

/* ------------------- CLASSES  -------------------- */

.Buttons {
   border: #000 0px none;              /* Set to 1px only when trying to locate */
   text-align: center;
}

.Buttons A {
   line-height: 6px;
   text-decoration: none;              /* Kill the underline */
}

.CasIndent {                            /* Cascading indent - 'cuz you can't next ULs */
   padding-left: 30px;
}

.Feeds {
   text-align: left;
}

.HLine {                                /* A better horizintal line - doesn't behave differently on IE and Mozilla */
   margin: 15px 40px 10px 40px;
   padding: 0px 0px 0px 0px;           /* Body gets no padding, but the sections do */
   border: Silver 1px inset;
}

.Table {                                 /* Big user of these classes is any page with a bunch of links */
   clear: both;
   padding-bottom: 25px;
}

.TableRow {                              /* Big user of these classes is any page with a bunch of links */
   clear: both;
   text-align: center;
   width: 80%;
   padding-bottom: 5px;
}

.TableRow span.TableColumnLeft {
   float: left;
   padding-bottom: 5px;
   text-align: right;
   width: 30%;
}

.TableRow span.TableColumnRight {
   float: right;
   padding-bottom: 5px;
   text-align: left;
   width: 67%;
}

/* ----------------- ELEMENT IDs  ------------------ */

#Header {
   border: #000 0px solid;      
   height: 55px;
   margin: 0px; 
   text-align: right;
}

#Logo {
   left: 5px;                   /* This "anchors" it to the left side of the page */
   padding-left: 8px;    
   position: absolute;
}

#PithyQuote {
   padding: 3px 0px 0px 135px;
   position: absolute;
   top: 5px;
/*   right: 220px;               trying out adsense conn't w/ Search */
   right: 245px;
}

#SearchMe {
/*   padding: 7px 0px 5px 5px;   */
   padding: 7px 0px 0px 0px;   
   position: absolute;
   right: 5px;
/*   height: 44px;*/
   display: block;
   text-align:center;
}

#SearchForm {
   width: 205px;
   display: block;
}

#MenuContents {
   border-bottom: Silver 1px solid;          
   border-top: Silver 1px solid;             
   left: 5px;                  
   margin: 0px 0px 0px 0px;    
   text-align: left;
}

#MenuContents P {
   clear: none;
   float: none;
   display: inline;
   padding: 1px 5px 1px 5px;           /* Standard padding for all sections */
   vertical-align: middle; 
}

#LeftColumn {
   left: 5px;                          /* This "anchors" it to the left side of the page */
   margin: 0px 0px 0px 0px;            /* Around this section */
   padding: 5px 5px 5px 5px;           /* Standard padding for all sections */
   position: absolute;
   text-align: left;
   width: 125px;                       /* See also CenterColumn's margin notes below */
}

#LeftColumn H2 {
   text-align: center;
}


#LeftColumn HR {
   margin: 0px 40px 0px 40px;        /* Around each separator */
   padding: 0px 0px 0px 0px;           /* Body gets no padding, but the sections do */
}

#RightColumn {
   margin: 0px 0px 0px 0px;            /* Around this section */
   padding: 5px 5px 5px 5px;           /* Standard padding for all sections */
   position: absolute;
   width: 100px;                        /* See also CenterColumn's margin notes below */
   right: 5px;                         /* This "anchors" it to the right side of the page */
   text-align: center;
}

#RightColumn.blogrollitem {
   text-align: center;
}

#RightSpecial{
   border: #000 1px solid; 
   float: right;
/*   clear: right;*/
   width: 200px;                        /* See also CenterColumn's margin notes below */
   right: 5px;                         /* This "anchors" it to the right side of the page */
   text-align: center;
   margin: 0px 0px 10px 10px;            /* Around this section */
 }

#RightSpecial P {
   padding: 0px 5px 0px 5px;           
   text-align: center;
}

#RightSpecial h2 {
   margin: 0px 0px 0px 0px;            
   padding: 5px 5px 5px 5px;           
}

#RightSpecial h5 {
   margin: 0px 5px 0px 0px;            
   padding: 2px 2px 2px 2px;           
   text-align: right;
}

#RightSpecial3{
   border: #000 1px solid; 
   float: right;
   width: 200px;                       
   right: 205px;
   text-align: center;
}


.RightSpecialMap {
   border: #000 0px solid; 
   float: right;
   width: 520px;                        
   right: 5px;                         
   text-align: center;
   margin: 0px 0px 5px 10px;           
}
#Center2Column {
   border: #000 0px solid;             /* Set to 1px only when trying to locate */
   margin: 0px 0px 0px 0px;            /* Around this section */
   margin-left: 135px;                 /* = LeftColumn.(left + .width + .padding) */
   padding: 5px 5px 5px 5px;           /* Standard padding for all sections */
}

#Center3Column {
   border: #000 0px solid;             /* Set to 1px only when trying to locate */
   margin: 0px 0px 0px 0px;            /* Around this section, but ... */
   margin-left: 135px;                 /* = LeftColumn.(left + .width + .padding) */
   margin-right: 110px;                /* = RightColumn.(right + .width + .padding) */
   padding: 5px 5px 5px 5px;           /* Standard padding for all sections */
}
	
#Center3Column SPAN {
   float: right;
}

#Footer {
   clear: both;                        /* Forces this to nicely span across all sections */
   margin: 0px 0px 0px 0px;            
   padding: 15px 5px 15px 5px;         
   text-align: center;
}

/* ----------------- BLOGGER Specific ------------------ */
/* Based on Minima Ochre, by Douglas Bowman (www.stopdesign.com)   */

#sidebar {            /* Sidebar - equivalent to RightColumn (cazh1) */
   float:right;
   margin: 0px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
   position: absolute;
   right: 5px;
/*   width: 140px;*/
   width: 120px;
}

#sidebar h2 {
   text-align: center;      
}

#sidebar UL {
   padding-left: 15px;      
}

#sidebar LI { 
   padding-left: 5px;      
}

#recently {
   margin-left: 0px;      
}

#recently UL {
   margin-left: 15px;      
}

.archive-list { 
   margin-left: 0px;      
}

.archive-list UL { 
   margin-left: 5px;      
}

#content {            /* Content - equivalent to Center3Column (cazh1) */
   margin: 0px 0px 0px 0px;
   margin-left: 135px;      
/*   margin-right: 160px;     */
   margin-right: 130px;     
   padding: 5px 5px 5px 5px;
}
#main {
   margin: 0px 0px 0px 0px;
   padding: 5px 5px 5px 5px;
}

/* Header stuff - ths stuff we don't use, we kinda squish together */
#blog-title { font-size:200%; color:#874; }
#blog-title a { color:#874; text-decoration:none; }
#blog-title a:hover { color:#c60; }
#description { font-style: italic; font-size:9pt; }

.blogger-labels {
   display:none;
}



/* Posts - this is most of what you see / work with - */
.date-header {        /* date-header - equivalent to h3 (cazh1) */
   margin: 5px 5px 5px 5px;
}
.post {
   border-bottom:1px dotted #fff;
   margin: 5px 5px 30px 5px;
}
.post-title {         /* date-header - equivalent to h4 (cazh1) */
   margin: 15px 5px 5px 5px;
}
   .post div {  /* this is a little somthing that goes in between post title and post body, for some reason */
      padding: 2px 0px 0px 0px;
      clear: none !important;  /*   08/27/2005 jpm - see http://www.bloggerforum.com/modules/newbb/viewtopic.php?topic_id=6691&forum=2&viewmode=flat&order=ASC&start=10 */
    }
   p.post-footer {
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 5px 5px;
      color:#a85;
   }
   .post-footer em {
      font-style:normal;
      color:#863;
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 5px 5px;
   }
   .comment-link {
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 5px 5px;
   }
   .post img {
     padding:4px;
     border:1px solid #ddd;
   }
   .post blockquote {
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 5px 5px;
   }
   .post blockquote p {
      margin: 0px 0px 0px 0px;
      padding: 5px 5px 5px 5px;
   }


/* Bloglines Blogroll
----------------------------------------------- */

.blogrollmain {
}
.blogrollfolder {
   font-weight: bold;
   padding-left: 30px;
}
.blogrollitem {
  padding: 2px;
   padding-left: 60px;
}
.technoratitag {
 display:none;
 color:#863;
}

/* Bookmarkz - social bookmarks script, nice images along the bottom 
   http://www.bookmarkz.net/post/post.php                                 */
   
span.sb img { border-style: none; }

/* Twitter Feed 
----------------------------------------------- */

#twitterfeed P {
   font-size: 9pt;        
   margin: 0px 5px 5px 10px;            
   padding: 0px 0px 0px 0px;           
   text-align: left;
   line-height: 15px;       
}
#twitterfeed h4 {
   font-size: 8pt;        
   color: #660000;               
   margin: 8px 5px 0px 5px;            
   padding: 0px 0px 0px 0px;           
   text-align: left;
}

#twitterfeed .time {
   font-size: 9pt;        
   font-style: italic;      
   color: #660000;               
   margin: 8px 5px 0px 5px;            
   padding: 0px 0px 0px 0px;           
   text-align: left;
}

/* Hidden Network - Jobs Board page
----------------------------------------------- */

/* H2, H3, DIV, P, A, UL, LI    The tags used on various pages to display text and navigation.   */
.hdn_jb_subh2 {        /* A block of subheading text used below H2 tags */
   padding: 5px 5px 15px 5px;          
}
.hdn_jb_navlnks {      /* UL to display the [hdn:navigation] */
}
.hdn_jb_lifirst {      /* first LI displayed in every UL */
}
.hdn_jb_filtsmry TABLE {      
   color: White;
   font-size: 10pt;        
   width: 100%;
}
.hdn_jb_filtsmry H3 {     
   font-size: 10pt;        
}
.hdn_jb_filtsmry A {   
}
.hdn_jb_filtsmry A:HOVER {   
   color: #FF6600;               
}
.hdn_jb_ftrlnks {      /* UL used on each page for navigation/submit links */
}
.hdn_jb_lstbdy {       /* DIV used to render the employer-provided job description text */
}
#ctl00_MainContent_h3UnfilteredCount {
   text-align: right;
   font-size: 9pt;        
}
.hdn_adtitle {       
}
.hdn_adtitle A {     
   text-decoration: underline !important; 
   font-weight: bold !important;      
   color: #660000;               
}
.hdn_adsubtitle {       
   font-variant: normal; 
   padding-left: 5px;
}
.hdn_adline {       
   padding-left: 5px;
}
.hdn_lnks A {     
   text-decoration: underline !important; 
   color: #660000;               
}
.hdn_jb_lstbdy {       /* DIV used to render the employer-provided job description text */
   font-size: 10pt;        
}
.hdn_jb_tbhdrrow {     /* header row on the job listings table */
   font-size: 9pt;        
   background-color: #3A0000;     
   color: White;               
}
.hdn_jb_tblistings {   /* TABLE used to display the job listings */
   font-size: 10pt;        
   color: #660000;               
   width: 100%;
}
.hdn_jb_tbstdrow {     /* standard rows on the job listings table */
   background-color: #FFFFFF;     
}         
.hdn_jb_tbstdrow A {   
   color: Blue;               
}
.hdn_jb_tbstdrow A:HOVER {   
   color: #FF6600;               
}
.hdn_jb_tbaltrow {     /* alternating rows on the job listings table */
   background-color: #BEBEBE;     
}
.hdn_jb_tbaltrow A {   
   color: Blue;               
}
.hdn_jb_tbaltrow A:HOVER { 
   color: #FF6600;                
}

.hdn_c1_adbox {     /* left column */
   font-size: 8pt !important;        
   line-height: 14px;       
   background-color: #CCCCCC;     
   color: #660000;               
   font-weight: normal;
   font-variant: normal; 
   text-align: left;       
   padding: 2px 2px 2px 2px;
}