/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    html { overflow: scroll; font: normal 13px Georgia, Times, serif; line-height: 200%; height: 100%; margin: 0; padding: 0; color: #333; background: url(../images/bg.jpg) repeat-x #dca46b; }
    body { margin: 30px auto; padding: 0; width: 823px; }
    
   


/* LINKS */

    a, a:link, a:visited { color: #93241e; text-decoration: none; cursor: pointer; outline: none; }    
    a:hover, a:active { text-decoration: underline; }

/* HEADINGS */

    h1 { font: normal 36px Georgia, Times, serif; color: #93241e; }        
    h2 { font: normal 28px Georgia, Times, serif; color: #93241e; margin-top: 35px; }        
    h3 { font: normal 22px Georgia, Times, serif; color: #93241e; margin-top: 25px; }        
    h4 { font: normal 18px Georgia, Times, serif; color: #93241e; margin-top: 5px; }        
    h5 { font: normal 13px Georgia, Times, serif; color: #93241e; }

/* PARAGRAPH */

    p { font: inherit; }

/* LISTS */

    ul { margin: 0 10px; padding: 0; }            
    ul li { margin: 0 5px; padding: 5px 0 0 0; list-style: circle; }            
    ol { margin: 0 10px; padding: 0; }    
    ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

    label { display: block; margin: 5px 0; font-weight: bold; }
    input, textarea, select { display: block; margin: 5px 0; width: 97%; background: #fdfcfb; border: 1px solid #daaa7a; color: #875747; padding: 3px 5px; font-size: 1em; font-family: Georgia, Times, serif; }
    select { width: 100%; }
    .button { width: auto; margin: 15px 0; padding: 2px 10px; background: url('../images/button_bg.png') repeat-x; cursor: pointer;  }
    *:focus { outline: none; }

/* OTHER */

    table { border: 1px dashed #b7a49a; }
    table tr td { border: 1px dashed #b7a49a; padding: 2px 5px; }

    hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; margin: 25px 0; }    
    table { border-collapse: collapse; }    
    strong { font-weight: bold; }    
    em { font-style: italic; }
    .right { float: right; }    
    .left { float: left; }    
    .align-right { text-align: right; }    
    .align-left { text-align: left; }
    .align-center { text-align: center; }    
    .align-justify { text-align: justify; }
    .hide { display: none; }
    .clear { clear: both; }
    .bold { font-weight: bold; }    
    .italic { font-style: italic; }
    .underline { border-bottom: 1px solid; }    
    .uppercase { text-transform: uppercase; }
    .notification { font-weight: bold; color: #a52a2a; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #header { width: 823px; height: 113px; background: url(../images/header.png) no-repeat; }
    #header #facebook { display: block; position: absolute; margin: -15px 0 0 705px; width: 94px; height: 24px; background: url(../images/facebook.png) no-repeat; } 
    
    #mobile_header { display: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    
    /* Essentials */
    
    #navigation { float: left; width: 170px; padding: 0; margin: 0 0 0 2px; }
    
    #navigation ul { display: block; margin: 0; padding: 0; position: relative; }
      #navigation ul li { display: block; list-style: none; position: relative; float: left; margin: 0; padding: 0; width: 170px; }
     #navigation ul ul { display: none; position: absolute; }
      * html #navigation ul ul { line-height: 0; } /* IE6 "fix" */
      #navigation ul ul a { zoom: 1; } /* IE6/7 fix */
    #navigation ul ul li { float: none; }
    #navigation ul ul ul { top: 0; }
    
    #navigation ul ul { margin: -25px 0 0 0; top: 0; left: 170px; width: 170px; background: #ecd3bb; }
    #navigation ul ul ul { margin: -20px 0 0 0; padding: 0; left: 240px; }

    /* Theming */
 
    #navigation ul *:hover { }
    #navigation ul a { display: block; width: 140px; height: 20px; padding: 10px 15px; margin: 0; color: #660000; font-size: 16px; line-height: 100%; background: url(../images/nav_div.jpg) no-repeat bottom right; }
      #navigation ul li.hover a { background: url(../images/nav_div.jpg) no-repeat bottom #ecd3bb; text-decoration: none; }
    #navigation ul ul { top: 25px; }
    /*#navigation ul ul li a { height: auto; width: 170px; padding: 7px; margin: 0; float: none; }*/
    #navigation ul ul a.hover { background: url(../images/nav_div.jpg) no-repeat bottom #f4e7db; }
       #navigation ul ul a { border: none; opacity: 0.9; filter: alpha(opacity=90); }

    
    /* Search Box */
    
    #search { clear: both; width: 130px; margin: 0; padding: 35px 0 0 15px;  }
    #search input { background: #fbf5f0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #main { clear: both; width: 763px; min-height: 300px; background: url(../images/body_bg.png) repeat-y; padding: 0 30px 20px 30px; }
    
    #content { float: left; width: 543px; margin: 0 0 0 30px; }
    #content img { border: 1px solid #deb79a; background: #f3e4d6; padding: 3px; margin: 8px 15px 0 15px; }
    #content iframe { border: 1px solid #deb79a; background: #f3e4d6; padding: 3px; }
    
    /* Articles */
    .blog_entry { }
    .blog_entry h4 { color: #999; float: right; }
    .blog_entry div { border-left: 5px solid #ebede5; padding: 0 0 0 20px; }
    .blog_entry p { padding: 0; margin: 0; }
    .blog_entry a.read_post { margin: 0; }
    
        /* Tags */
        .tags h3 { border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
        .tags ul { margin: 15px 0; }
        .tags ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: block; float: left; }
        .tags ul li a { display: block; float: left; padding: 1px 8px; border: 1px dotted #ccc; }
        .tags ul li a:hover { text-decoration: none; background: #f0f1f0; }
        
        /* Social Bookmarks */
        .bookmarks { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
        .bookmarks h3 { margin: 5px 0 20px 0; }
        .bookmarks ul { margin: 15px 0; }
        .bookmarks ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline; float: left; }
        .bookmarks ul li span { font-weight: bold; }    
        .bookmarks ul li a { display: block; width: 24px; height: 24px; float: left; text-indent: -9000px; }
        .bookmarks ul li a.twitter { background: url('../images/bookmarks/twitter.png') no-repeat; }
        .bookmarks ul li a.facebook { background: url('../images/bookmarks/facebook.png') no-repeat; }
        .bookmarks ul li a.digg { background: url('../images/bookmarks/digg.png') no-repeat; }
        .bookmarks ul li a.delicious { background: url('../images/bookmarks/delicious.png') no-repeat; }
        .bookmarks ul li a.stumbleupon { background: url('../images/bookmarks/stumbleupon.png') no-repeat; }
        .bookmarks ul li a.google { background: url('../images/bookmarks/google.png') no-repeat; }
    
    
    #comment_block { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
    #comment_block .no_comments { font-weight: bold; }
    #comment_block h3 { margin: 5px 0 20px 0; }
    #comment_block ul { margin: 0; padding: 0; }
    #comment_block ul li { margin: 15px 0; padding: 0 0 15px; list-style: none; border-bottom: 1px solid #e1dcdc; }
    #comment_block ul li p { margin: 0; padding: 5px 0; }
    
    /* Contact Form */
    #emailform { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
    #emailform h3 { margin: 5px 0 20px 0; }
    
    /* Gallery */
    .gallery { margin: 0; padding: 0; }
    .gallery li { margin: 0 5px 5px 0; padding: 0; list-style: none; float: left;  }
    .gallery li img { padding: 2px; border: 1px solid #e8e6e6; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    #footer { width: 763px; height: 43px; background: url(../images/footer.png) no-repeat; padding: 65px 30px 45px 30px; margin: 0 0 30px 0; color: #472400; font-size: 11px; line-height: 180%; }
    #footer a, #footer a:visited { color: #472400; font-weight: bold; text-decoration: none; }
    
    #footer address { font-style: normal; }
    #footer div { float: right; text-align: right; }
    
    
@media all and (max-width: 600px) {
        body { width: 98%; margin: 20px auto; font-size: 18px; }
        #header { display: none; }
        #mobile_header { display: block; width: auto; text-align: center; }
        #mobile_header select { width: 250px; margin: 10px auto; padding: 5px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        }
        #main { background: none; margin: 0; width: auto; }
        #navigation { display: none; }
        #search { display: none; }
        #content { width: auto; margin: 0; }
        #footer { display: none; }
        img { max-width: 250px; }
}