* { margin: 0; padding: 0; }

body {
  
  margin: 0; padding: 0; 
  
  font-size: 75%;
  
  font-family: Verdana, Monaco, sans-serif;
  
  color: #333;
  
  background-color: #9FB1C1;
  
}


a { color: #3366CC; }


#matches a:visited { color: #CCCC7F; }


a img { border: 2px solid #999900; padding: 2px; }


h1, h2, h3 {

  font-family: Georgia, Trebuchet, serif;
  
  font-weight: normal;
  
  margin-bottom: 0em;
  
  line-height: 1.4em;
  
}

    h1 {  font-size: 2.2em; }
    
    h2 { font-size: 1.8em;} 
    
    h3 { font-size: 1.4em; } 


p { 
  margin: .25em 0 1em 0;
  line-height: 1.5em;
 }


ul {  

  margin: .5em 0; 
  
  list-style-type: none;  
}

  ul li {
  
    padding: 0 0 1em .5em;
    
  }
  
  .arrow li {
  
    background: url(img/default/li_arrow2.gif) no-repeat 0 .5em;
    
    list-style-position: outside;  
    
  }
      
  .inline li {
  
    float: left; 
    
    margin-right: 2em;
    
  }



fieldset {

  border: 1px solid #ccc;
  
  padding: 1em 2em 1em 2em;
  
  margin-top: 1em;
  
  margin-bottom: 1em;
  
}

    legend {
    
      font-family: Georgia, Trebuchet, serif;
      
      color: #333;
      
      font-size: 2em;
      
      padding: 0 .5em .2em .5em;
      
      font-weight: bold;
      
    }
    
option { padding-right: 1em; }


/*****  DEFAULT LAYOUT *****/

#header { 

  width: 900px; 
  
  margin: 0 auto;
  

}

    #header h1, #header h2 { display: none; }
    
    #header #primary { 
    
      list-style-type: none; 
      
      padding-bottom: 20px;
	  
	  padding-left: 60px;
      
      margin: 0;
      
    }
    
    #header li { 
    
      display: inline;  
      
      padding-right: 2.75em; 
      
    }
	
	#header #primary li a { 
    
      color: #637B40;
	  font-weight: bold;
      
    }
    
    #header .active_section { text-decoration: none;  color: #333; }
    
    #header #item4 { padding-left: 155px; }
    
    
#account_nav { 

 background: #333 url(img/default/bg_account_x.jpg) repeat-x;
 
 border: 5px solid #000; 
 
 padding: 5px 0;
 
 height: 43px;
 
 text-align: center;
 
 width: 755px;
 
 
 
}
   
   #account_nav li { 
      
     display: inline; 
      
     padding-right: .5em; 
   }

       #account_nav a { color: #fff; }
       
       #account_nav .swatch1 {  display: block; }
       
       #account_nav .swatch1 a { padding-right: 2em; }
       
       #account_nav #logout { color: #999;  }



#content { 
}   
   
   
#content ol  { margin-left: 2em;} 

#content ol li { margin-bottom: 1em; }
   
#footer { 

  
  color: #fff; 
  
  padding-top: 2em;
  padding-bottom: 2em;
  
}
    
    #footer #bottom { 
       
      clear: both; 
      
      width: 900px; 
      
      margin: 0 auto;
      
      text-align: center;
      
      border: 1px solid #FFF;
      
      background-color: #45607A;
      
      color: #FFF;
      
      padding-bottom: .25em;
	  
      padding-top: .25em;
	  
	  font-size: .9em;
      
    }

        #bottom a { 
        
          text-decoration: none;
		  color: #85C122; 
        }
        
        #bottom a:hover { color: #FFF; }



#geoip_sell { 

  border: 1px solid #000; 
  
  padding: 1em;
  
  margin-bottom: 1em;
  
}

#geoip_sell small { color: #666; }


#footer_hero { 

  width: 350px; 
  
  float: left; 
  
  color: #ccc;
}


#footer_hero fieldset { border: 1px solid #000; }

#footer_hero legend { color: #ccc; }



#from_the_blog {

  width: 312px;  height: 284px; 
  
  background: #333 url(img/default/from_the_blog.jpg) no-repeat;
  
  margin-left: 70px;
  
  float: left;
  
}


    #from_the_blog ul {
    
      padding: 90px 50px 50px 50px;
      
    }
   
   
#flash {  text-align: center; margin-top: 3em; }

#flash h1 a { text-decoration: none; }

#flash img { margin-left: 60px; margin-bottom: 1em; }

   
/*****  CUSTOM CLASSES *****/   

.static {

  width: 860px; 
  
  margin: 0 auto; 
  
  padding: 1em 20px;
  
  background-color: #fff;
  
}


.swatch1 { color: #999900; }


.swatch2 { color: #637B40; }


.cf {display:block;} 

.cf:after {

    content: ".";
    
    display: block; 
    
    height: 0; 
    
    clear: both !important;
    
    visibility: hidden;
    
}

    
* html .cf {height: 1%;}

.clear { clear: both; }

.flush, .flush * {  margin: 0; padding: 0; }

.boxed {

  border: 1px solid #ccc; 
  
  padding: 1em;
  
  margin-top: 35px;
  
  z-index: -99999;
  
}

    .boxed .boxtop  {
    
      margin-top: -1.2em;
      
      background: #fff; 
      
      z-index: 1000000;
      
      float: left;  
      
      padding: 0 .5em;
      
      line-height: 1.2em;
      
      margin-bottom: .5em;
      
    }
    
    .boxed > * { clear: left; }



form .columns { 

  margin-bottom: 1em; 
  
  padding-bottom: .5em;
  
  clear: both; 
  
  height: 1em;
  
}

    form .columns * { float: left; }
    
    form .columns label {
    
      display: block;
      
      width: 100px;
      
      padding-right: .5em;
      
      margin-bottom: 1em;
      
    }
	
	#state {
	
      
      width: 100px;
      
      padding-right: .5em;
      
      margin-bottom: 1em;
      
    }
    
    form .smaller label { width: 75px; }
    
    form .bigger label { width: 200px; }
    
    form .columns input  { width: 200px; }


form .row { clear: left; margin-bottom: 1.5em; }

    form .row * { display: block; margin-bottom: .25em; }
    
    form .row_inline { clear: left; margin-bottom: 1.5em;  }
	
    form input[type=radio] { margin: 0 .25em; }



.column1  { 

  float: left;
  
  width: 43%; 
  
  margin-right: 5%;
  
}

.column2  { 

  float: left;
  
  width: 50%; 
  
}

.ghost { display: none; }

.cursor { 

  cursor: pointer; 
  
  text-decoration: underline; 
  
}

.error_message { 
	
clear: left;
  
  font-size: 10px;
  
  color: #CC0000; 
  
  margin-bottom: 1.5em;
  
}

.success {

  font-weight: bold; 
  
  background: url(img/icons/accept.png) no-repeat;
  
  padding-left: 20px;
  
  height: 22px;
  
}

.messages_icon { 

  background: url(img/icons/message.png) no-repeat; 
  
  padding-left: 20px;
  
}

.delete_icon {

  color: #920000;
  
  background: url(img/icons/delete.png) no-repeat;
  
  padding-left: 16px;
  
  
}

.send_message_icon {

  background: url(img/icons/send_message.gif) no-repeat;
  
  padding-left: 20px;
  
}

.send_nudge_icon {

  background: url(img/icons/nudge.png) no-repeat;
  
  padding-left: 20px;
  
}

.star_icon { 
  
  background: url(img/icons/star.png) no-repeat;
  
  padding-left: 16px;
  
}

.info_icon {

  background: url(img/icons/info.png) no-repeat;
  
  padding-left: 16px;
  
}


.rss_icon {

  background: url(img/icons/rss.png) no-repeat;
  
  padding-left: 16px;
  
}


.pagination {

  background-color: #efefef; 
  
  padding: .5em;
  
  margin: 0;
  
}
    .pages { float: left; }
    
    .direction { float: right; } 
    
        .direction a { padding: 0 2em; }
        
    .rpp { padding: .5em; text-align: center; }
    
    .total { padding: .5em; text-align: left; clear: left; }



.invite { 
  background-color: #efefef; 
  padding: 1em;
}

#cakeSqlLog { 

  width: 900px; 
  
  
  background: #fff; 
  
   
}

#cakeSqlLog td { padding: 1em; border: 1px solid #000; }

#cakeSqlLog { border-collapse: collapse; }