@import "grid.css";

html,body {
    background-color:#bababa;
    margin:0;
    padding:0;
    font-family:verdana,geneva,sans-serif;
    color:#000;
    font-size:11px;
}
a{
    color:#095105;
    text-decoration:underline;
}
a:hover {
    color:#97260f;
}



h1{
    color:#97260f;
    font-size:26px;
}
h2, h3 {
    font-weight: bold;
    font-size: 16px;
    color: #004A4A;
}
.text-center {
    text-align:center;
}
.image-left{
    float:left;
    margin:0 20px 20px 0;
}
.image-right{
    float:right;
    margin:0 0 20px 20px;
}
.breadcrumbs {
    margin-bottom:30px;
}

.top-ad{
    margin:20px auto;
    width:728px;
    height:15px;
    text-align:center;
}
.top-ad-mobile{
    display:none;
    margin:20px 0;
    width:200px;
    height:90px;
}

.wrapper {
    width:960px;
    margin:0 auto;
}

.side-box{
    background-color:#d8cc98;
    border:1px solid #000;
    -webkit-box-shadow:3px 1px 4px #000;
    -moz-box-shadow:3px 1px 4px #000;
    box-shadow:3px 1px 4px #000;
    padding:15px 7px;
    font-size:11px;
    color:#000;
    font-family:verdana,arial,sans-serif;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-bottom:20px;
}
.body-box{
    background-color:#f3f0e2;
    border:1px solid #000;
    -webkit-box-shadow:3px 1px 4px #000;
    -moz-box-shadow:3px 1px 4px #000;
    box-shadow:3px 1px 4px #000;
    padding:20px;
    color:#000;
    font-family:verdana,geneva,sans-serif;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin:0;
    font-size:13px;
}

/* ******************************** */
/* ******** Header / Footer ******* */
/* ******************************** */


header {
    background:url("../images/header_bg.png") repeat-x;
    margin:10px 0 20px;
    border:1px solid #000;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    box-shadow:3px 1px 4px #000;
    -webkit-box-shadow:3px 1px 4px #000;
    -moz-box-shadow:3px 1px 4px #000;
    padding:15px;
    height:93px;
}
header img {
    float:left;
}
header .logo-text {
    float:left;
    margin-left:15px;
    font-size: 28px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 26px;
    font-weight:700;
    text-shadow:1px 1px 1px #000;
    color:#fff;
    font-family:arial;
    padding-top:8px;
}
header .logo-text a {
    color:#fff;
    text-decoration:none;
}
header .subhead {
    display:block;
    font-size:11px;
    line-height:17px;
}
header .tagline {
    float:right;
    color:#fff;
    text-shadow:1px 1px 1px #000;
    font-size:16px;
    font-weight:bold;
    font-family:arial;
    padding-top:28px;
}

footer {
    text-align:center;
    padding:20px;
    font-size:11px;
}

/* ******************************** */

.home-header, .home-header a, .home-header a:hover, .home-header a:active, .home-header a:visited {
    color: #97260F;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 19px;
    margin:20px auto;
}
h1.home_header_red{
    font-size:26px;
    margin-top:20px;
    color: #97260F;
    text-align: center;
    font-weight: bold;
}
table {
    font-size:13px;
}

.site-links {
    text-align:right;
    margin-top:0px;
}
.state-links{
    margin-bottom:40px;
    text-align:left;
    padding-left:40px;
}
.top-advertising {
    margin-top:20px;
    margin-bottom:20px;
}
.top-advertising h2 {
    margin:0px;
}
.top-advertising iframe{
    margin-top:10px;
}
.state-flag {
    float:right;
    margin:0 0 20px 20px;
}
.court_box, .recorder_box {
    margin-bottom: 30px;
}
.court_box .address_box, .recorder_box .address_box {
    margin: 5px;
    width: 45%;
    float: left;
    overflow: hidden;
}

.court_box .hours_phone_box, .recorder_box .notes_phone_box {
    margin: 5px;
    width: 45%;
    float: left;
}

.court_box .lower, .recorder_box .lower {
    clear: both;
    margin: 5px;
}
.address_box .mainlink{
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.county-links {
    padding-top:30px;
}
.county-map{
    margin:0 auto 30px;
}
.stats_box .left_box {
    margin: 5px;
    width: 45%;
    float: left;
}
.stats_box .right_box {
    margin: 5px;
    width: 45%;
    float: left;
}
.clear {
    clear: both;
    height:0;
    font-size:0;
}

.link_to_us_box {
    border: 1px solid #000;
    background-color: #C1B276;
    padding: 0px 20px;
    margin: 30px 40px;
    text-align:center;
}
.link_to_us_box .code {
    font-family: monospace;
}
.indent{
    padding-left:20px;
}

.menu {
    display:none;
}





@media only screen and (max-width: 768px) {
    body {
        background-color:#fff;
    }
    .wrapper {
        width:100%
    }
    header{
        border-radius:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        border:0px;
        border-bottom:1px solid #000;
        margin:0;
        box-shadow:none;
        padding:10px;
        height:50px;
    }
    header img {
        width:26px;
        height:auto;
    }
    header .logo-text{
        padding-top:2px;
        margin-left:7px;
        font-size:24px;
    }
    header .subhead {
        display:none;
    }
    .menu-toggle{
        display:block;
        position:absolute;
        top:15px;
        right:10px;
        width:23px;
        height:20px;
        background:url("/images/menu.png") no-repeat;
        background-size:cover;
    }
    .toggle-active .menu-toggle{
        background-image:url("/images/close.png");
        background-position:center center;
    }
    .site-links {
        display:none;
       
    }
    .menu {
        position:absolute;
        top:49px;
        left:0px;
        width:100%;
        text-align:left;
        background-color:#dddbdd;
    }
    .menu ul, .menu li {
        margin:0;
        padding:0;
        list-item:none;
    }
    .menu {
        border-top:1px solid #000;
    }
    .menu a {
        display:block;
        padding:0 10px;
        line-height:34px;
        text-decoration:none;
        border-bottom:1px solid #000;
        font-weight:bold;
        font-size:12px;
    }
    .toggle-active .menu {
        display:block;
    }
    
    
    
    footer {
        color:#999;
        padding:5px 30px 20px;
        text-align:left;
    }
    footer br {
        display:none;
    }
    footer p {
        margin:0;   
    }
    .body-box {
        border-radius:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
        box-shadow:none;
        margin:10px;
        font-size:12px;
        padding:15px;
    }
    
    .homepage .body-box p {
        text-align:center;
    }
    h1 {
        font-size:17px;
        margin-top:0px;
    }
    h1.home_header_red{
        margin-top:0px;
        font-size:24px;
    }
    h2, h3 {
        font-size:15px;
    }
    .state-links{
        padding-left:0px;
    }
    .state-links a {
        display:block;
        text-align:left;
        padding:0px 10px;
        border:1px solid #ccc;
        text-decoration:none;
        line-height:40px;
        font-size:18px;
        margin-top:-1px;
    }
    .state-links br {
        display:none;
    }
    
    .court_box .address_box, 
    .recorder_box .address_box,
    .court_box .hours_phone_box, 
    .recorder_box .notes_phone_box, 
    .court_box .lower, 
    .recorder_box .lower  {
        width: 100%;
        float: none;
        margin:0;
    }
    .stats_box .left_box {
        margin: 5px;
        width: 100%;
        float: none;
    }
    .stats_box .right_box {
        margin: 5px;
        width: 100%;
        float: none;
    }
    .link_to_us_box {
        display:none;
    }
    .wide_right_box iframe{
        display:none;
    }
    .state-flag{
        width:85px;
        height:auto;
        margin:0 0 10px 10px;
    }
    #county_box td {
        padding:0 10px 0 0;
    }
    #county_box .mainlink {
        font-size:12px;
        line-height:1.3em;
        display:block;
    }
    #count_box td br {
        display:none;
    }
    #county_box td.last-column{
        padding-right:0px;
    }
    .indent{
        padding-left:0;
        padding-bottom:20px;
    }
    .top-ad{
        display:none;
    }
    .top-ad-mobile{
        display:block;
    }
}