/* --------------------------------------------------------
    Global stylesheet
    Website: Family Tree
    Created by: First Beat Media
    Filename: css/global.css
   -------------------------------------------------------- */

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

    * { margin: 0; padding: 0; }

    body { background: url("../images/bg.gif") repeat-x top left; background-color: #fff; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #695e49; margin: 0; padding: 17px; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }
    div.container_clearer { width: 100%; overflow: hidden; }

    a { color: #435802; }
    a:hover, a:visited { color: #789200; }

    input, select, textarea { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 2px; }
    select { padding: 1px; }

    ul { list-style: none; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */
   
    div#container { width: 960px; margin: 0 auto; text-align: left; }
    
/*  Header
   -------------------------------------------------------- */   
    
    div#header { padding-bottom: 15px; }
    div#header h1 a { background: url("../images/header_logo.gif") no-repeat; text-decoration: none; font-size: 22px; padding: 1px 10px 3px 42px; font-family: Palatino Linotype, Georgia, Times New Roman, serif; text-transform: lowercase; color: #ada79c; }
    div#header h1 a span { color: #4a3c26; }
    div#header h1 a:hover span { color: #ada79c; }
    
    div#header_moto { padding: 7px; background-color: #f2f2f2; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
    div#header_moto h2 { color: #666; font-size: 11px; font-weight: normal; text-align: center; }
    
/*  Search Form
   -------------------------------------------------------- */ 
   
    div.search_form { background-color: #d8e091; padding: 5px; border: 1px solid #afb487; margin-bottom: 10px; }
    div.search_form_inner { background-color: #fff; padding: 15px; }
    
    div.search_form h2 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #566c11; text-align: center; padding-bottom: 5px; font-weight: normal; }
    div.search_form h2 span { font-weight: bold; }
    div.search_form h3 { font-size: 12px; font-weight: normal; text-align: center; padding-bottom: 10px; }
    
    div.search_form table { margin: 0 auto; }
    div.search_form table td { padding: 0 15px 5px 0; line-height: 1.8em; font-size: 12px; font-weight: bold; }
    div.search_form table td select { width: 150px; }
    div.search_form table td .input_submit { background-color: #af3b1f; color: #fff; font-weight: bold; padding: 4px; }
    
/*  Result Form
   -------------------------------------------------------- */ 
   
    div.search_form_results { background-color: #d8e091; padding: 5px; border: 1px solid #afb487; margin-bottom: 10px; }
    div.search_form_results_inner { background-color: #fff; padding: 15px; }
    
    div.search_form_results h2 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #566c11; text-align: center; padding-bottom: 20px; font-weight: normal; }
    div.search_form_results h2 span { font-weight: bold; }
    
    div.search_form_results table { margin: 0 auto; }
    div.search_form_results table td { padding: 0 15px 15px 0; line-height: 1.8em; font-size: 16px; font-weight: bold; }
    div.search_form_results table td select { font-size: 16px; width: 200px; }
    div.search_form_results table td .input_submit { background-color: #af3b1f; color: #fff; font-weight: bold; padding: 4px; }
    
/*  Content Boxes
   -------------------------------------------------------- */
   
    div.content_box { border: 1px solid #cdc7be; padding: 20px; margin-bottom: 10px; }
    div.content_box h2 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #463F33; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cdc7be; line-height: 1em; }
    div.content_box p { line-height: 1.4em; font-size: 11px; }
    
    div.names_list { width: 427px; margin-top: 10px; background-color: #fbfaf8; padding: 10px; border: 1px solid #ccc; }
    
    div#names_males { float: left; }
    div#names_females { float: right; }
    
    div.names_list h3 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #463F33; padding-bottom: 10px; line-height: 1em; }
    div.names_list ul li { float: left; width: 33%; padding: 7px 0; font-size: 11px; border-bottom: 1px solid #d6d5d5; }
    
    /* Checkmark list */
    ul.checkmark_list { width: 100%; overflow: hidden; padding-top: 10px;  }
    ul.checkmark_list li { float: left; width: 400px; padding-left: 55px; padding-bottom: 20px; background: url("../images/icon_checkmark.png") no-repeat 30px 0px; }
    
    /* More list */
    div.more_list { width: 270px; float: left; margin: 0 20px 20px 0; background-color: #fbfaf8; padding: 10px; border: 1px solid #ccc; }
    div.more_list h3 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #463F33; padding-bottom: 15px; line-height: 1em; }
    div.more_list ul li { padding: 0 0 7px 20px; font-size: 11px; background: url("../images/icon_bullet.gif") no-repeat 5px 3px; }
    
    /* State list */
    ul.state_list { width: 100%; overflow: hidden; padding: 10px 0; }
    ul.state_list li { float: left; width: 150px; padding-left: 30px; padding-bottom: 5px; font-size: 11px; }
    
    .line_space { border-bottom: 1px solid #cdc7be; padding-bottom: 5px; margin-bottom: 25px; }
    
/*  Footer
   -------------------------------------------------------- */ 
   
    div#footer { border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 30px; text-align: center; font-size: 11px; }