/*   
Theme Name: Michel Law Firm
Theme URI: http://michellawfirm.com
Description: A custom WordPress theme for Kyle Michel Law Firm
Author: 3Plumes, LLC
Author URI: http://3plumes.com
Version: 1.0
.
This theme can be used for commercial or non-commercial use so long as it is not redistributed or resold in any way.
.
*/



/* General Elements
---------------------------------------------------------------------------------- */ 


body {      
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: small;
      color: #000;
      background-color: #CFCEC4;
      background-image: url(imgs/page_bg.gif);
      margin: 0;
      padding: 10px 0 20px 0;
      text-align: center;
      }    
h1 {
      display: none;
      }       
h2 {
      font-family: Arial, Georgia,"Times New Roman",serif;
      font-size: 190%;
      color: #702D00; 
      border-bottom: 1px solid #CCC;
      padding-bottom: 2px;
      margin: 6px 0 5px 0px;
      font-weight: normal;
      }      
h3 {
      font-family: "Trebuchet MS", Georgia,"Times New Roman", serif;
      font-size: 160%;
      color: #2E4278; 
      margin: 0;
      padding: 3px 0;
      font-weight: normal;
      }   
h4 {
      
      }    
hr {
	border-bottom: 0;
	color: #FFF;
	background-color: #FFF;
	border-top: 1px solid #888; 
	height: 1px;
	width: 100%;
	}	                 
       
abbr, acronym {
      cursor: help;
      }      
blockquote {
      padding: 10px;
      margin-top: 0;
      margin-bottom: 0;
      }      
em {
      color: #CC3300;
      }          
fieldset {
      border: none;
      padding: 0 10px 10px 10px;
      }      
legend {
    	font-family: "Trebuchet MS", Georgia,"Times New Roman",serif;
      font-size: 160%;
      color: #2E4278; 
      margin: 5px 0px;
      padding: 0;
      font-weight: normal;  
      }         

            
/* =============================================================
	Front Page Sections
============================================================== */           
#sections      {
      padding-bottom:0; 
      text-align: left; 
      line-height: 1.6; 
      margin: 0 auto; 
      margin-top: 10px;
      width: 820px; 
      padding: 5px 15px 0 15px;
      }
#sections p {
      font-size: 100%; 
      margin: 0;
      padding: 3px 0;
      }
#sections h2 { 
      margin-bottom: 0; 
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 150%; 
      border: none;
      padding: 0;
      }  
#sections h2 a {
      color: #702D00; 
      text-decoration: none;
      } 
#sections .section {
      float: left; 
      width: 260px; 
      margin-right: 20px; 
      margin-bottom: 1.5em; 
      }
#sections .section img {
      float: right; 
      padding: 2px;
      margin: 0 0 4px 4px;
      border: 1px solid #E1E1E1;
      background-color: #F0F0F0;
      }      
#sections #lastsection {
      margin-right: 0;
      }            
/* =============================================================
	Main Structure
============================================================== */       
#wrap {
	width: 880px;
      border: 2px solid #B3B2A9;
	margin: 0 auto;
	padding: 0;
      background-color: #FFF;
	text-align: left;
	background: #fff;
      background-image: url(imgs/michel_logo.gif);
      background-repeat: no-repeat;
      background-position: top left;
	}   
#top {
	margin: 0;
	padding: 8px 15px 8px 0;
	text-align: right;
      font-size: 85%;
      color: #777777;
	}      

#top a {
      color: #666;
      text-decoration: none;
      }      
#top a:hover {
      color: #702D00;
      text-decoration: underline;
      }      
#header {
      padding: 35px 0 0 0;
/* =============================================================
	Navigation - Top
============================================================== */       
      }        
#navigation {
	margin: 0;
	padding: 0 0 20px 0px;
	
	}
#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
      float: right;
	}
#navigation a:link, #navigation a:visited {
	float: left;
	font-size: small;
	line-height: 1.3;
	font-weight: bold;
	padding: 4px 12px 6px 12px;
      text-decoration: none;
      background-image: url(imgs/nav_bg.gif);
      background-repeat: no-repeat;
	color: #777;
	}
#navigation a:hover {
	color: #023B55;
	/*background: url(../imgs/nav_pyramid.gif) no-repeat bottom center;*/
      background: url(imgs/nav_bg_hover.gif) no-repeat bottom left;
	}
/* ==================================== sub navigation == */     
#about #content #sidebar li a.about1,   
#exec #content #sidebar li a.about2,   
#contact #content #sidebar li a.contact1,  
#columbia #content #sidebar li a.contact2,  
#washington #content #sidebar li a.contact3,  
#legal #content #sidebar li a.notice1,  
#disclaimer #content #sidebar li a.notice2,  
#privacy #content #sidebar li a.notice3,  
#services #content #sidebar li a.service1,
#federal #content #sidebar li a.service2,
#local #content #sidebar li a.service3,
#state #content #sidebar li a.service4,
#govt #content #sidebar li a.service3 {
      color: #333;
      text-decoration: none;
      font-weight: bold;
      }
/* =============================================================
	Promo Area
============================================================== */ 
#promo, #homepromo {
      height: 95px;
      background-image: url(imgs/promo_1.jpg);
      background-color: #19274A;
      border-top: 1px solid #19274A;
      border-bottom: 1px solid #666;
      clear: both;
      }  
#home #promo {
      height: 165px;
      background-image: url(imgs/promo_home1.jpg);
      }         
/* =============================================================
	Content Area
============================================================== */       
#content {
      background-image: url(imgs/content_bg.gif);
      background-repeat: repeat-y;
      background-position: left;
      }    
#home #content {
      background-color: #FFF;
      background-image: none;
      }          
/* ==================================== left side == */      
#content #mainbar {
      float: left;
      width: 630px;
      padding: 0 15px;
      line-height: 1.7;
      }    
#content #mainbar img {
      /*float: right; */
      padding: 4px;
      border: 1px solid #E1E1E1;
      background-color: #F0F0F0;
      }    
#content #mainbar img.noborder {
      background-color: #FFF;
      border: none;
      }           
#content #mainbar .aligncenter {
	display: block;
	margin: 0 auto;
      margin-top: 10px;
      margin-top: 10px;
      }
#content #mainbar .alignright {
	float: right;
	margin-left: 15px;
      }
#content #mainbar .alignleft {
	float: left;
	margin-right: 15px;
      }            
#content #mainbar ul {
	list-style-type: none;
      margin-top: 8px;
      margin-bottom: 8px;
	}
#content #mainbar ul li {
	padding-left: 16px; 
	background: url(imgs/li_box.gif) no-repeat 0 40%; 
	}	      
#content #mainbar .phone, #content #mainbar .fax, #content #mainbar .email {
     padding: 5px 0px 5px 25px;
     }    
#content #mainbar .phone {
     background: url(imgs/icon_phone.gif) no-repeat 0 70%;
     padding-left: 22px;
     }        
#content #mainbar .fax {
     background: url(imgs/icon_fax.gif) no-repeat 0 70%;
     }  
#content #mainbar .email {
     background: url(imgs/icon_email.gif) no-repeat 0 70%;
     padding-left: 27px
     }           
     

#content #mainbar p {
      margin: 0;
      padding: 5px 0 4px 0;
      }          
#content #mainbar a, #content #sections p a {
      color: #0000CD;
      }     
#content #mainbar a:hover, #content #sections p a:hover {
      color: #A62F08;
      background-color: #F1F1F1;
      }         
      
      
/* ==================================== bread crymbs == */        
#content #mainbar #crumbs {
      display: none;
      font-size: 85%;
      color: #666;
      padding: 12px 0 2px 18px;
	background: url(imgs/icon_note.gif) no-repeat 0 80%;
      }    
#content #mainbar #crumbs a {
      text-decoration: none;
      color: #0000CD;
      }      
#content #mainbar #crumbs a:hover {
      color: #A62F08;
      }            

     
/* ==================================== right side == */                                     
#content #sidebar {
      float: right;
      width: 200px;
      padding: 0 10px;
      color: #888;
      background-image: url(imgs/sidebar_bg.gif);
      background-position: top right;
      background-repeat: no-repeat;
      }
#content #sidebar h3 {
	font-size: 160%;
      color: #704600;
      font-weight: normal;
      margin: 0;
      padding: 15px 0 3px 0;
      letter-spacing: 1px;
	}	      
#content #sidebar ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}

#content #sidebar ul li {
	margin: 0;
	padding: 5px 0 5px 15px;
	font-size: 100%;
	border-bottom: 1px solid #ccc;
      background: url(imgs/bullet-grey.gif) no-repeat 3px 11px;
	} 
#content #sidebar ul li a {
      color: #0000CD;
      }   
#content #sidebar ul li a:hover {
      color: #A62F08;
      background-color: #D9D9D9;
      }                     
.rien {
      clear: both;
      }                  
.hideonscreen {
      display: none;
      }      
.notice {
      color: red;
      font-weight: bold;
      }      
.go {
      color: blue;
      /*font-weight: bold;*/
      }   
/* ====================================footer == */         
   
#footer {
      padding: 0 15px 20px 15px;
      font-size: 85%;
      line-height: 1.6;
      color: #777;
      clear: both;
      width: 630px;
      }      
#home #footer {
      width: 850px;
      }      
#footer a {
      text-decoration: none;
      color: #777;
      }
#footer a:hover {
      color: #A62F08;
      background-color: #F1F1F1;
      text-decoration: underline;
      }          
      
/* =============================================================
	Table Structure
============================================================== */           
table.contact {
      width: 600px;
      padding: 0;
      margin-top: 10px;
      border-collapse: collapse;
      }      
      
table.contact td {
      border-top: 1px dashed #B3B3B3;
      padding: 10px;
      }
table.contact td.left {
      width: 25%;
      font-style: italic;
      vertical-align: top;
      text-align: right;
      color: #702D00;
      }      
table.contact td.right {
      width: 75%;
      }