/*
Theme Name: DDF
Description: Custom theme for DDF.
Version: 2.0
Author: Cesar Arellano (design), Isaac Rivas (code)
Author URI: http://isaacrivas.com/
Tags: blue, custom header, fixed width, two columns, widgets

    DDF v1.0
*/

/* Hack to have 240px in the side panel */

.container_12 .grid_9{
    width:680px;
}
.container_12 .grid_3{
    width:240px;
}


/* Begin Typography & Colors */

@font-face {
    font-family: "JBFil";
    src: url("./fonts/JBFil-std.ttf");
}

body {
    background-color: white;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: left;
}

/* generic classes */

div.panel{
    background-color: black;
    border-bottom: solid thin #777;
    border-left: solid thin #777;
    border-right: solid thin #444;
    border-top: solid thin #444;
    color: #f7f7f7;
    padding: 20px;
}

div.panel a{
    color: #f7f7f7;
}

div.panel a:visited{
    color: #f7f7f7;
}

div.panel a:hover{
    color: #fbb03b;
}

.column1, .column2, .column3{
    float:left;
}

.column1{
    width: 60%;
}

.column2, .column3{
    width: 20%;
}


h2{
    margin-bottom: 1.0em;
}

/* Header classes */
div.header{
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

div.header-logo{
    background-color: white;
    padding: 10px;
}

div.header img{
    width: 100%;
}

ul.menu-options{
    font-size: 0.7em;
    letter-spacing: 1px;
    margin: 1.2em 0 0 0;
}

ul.menu-options a{
    text-decoration: none;
}

ul.menu-options a.selected{
    color: #fbb03b;
}


ul.menu-options li{
    float: left;
    width: 16%;
    text-align: left;
}

ul.menu-options li.item0{
    text-align: left;
    width: 10%;
    padding-left: 0;
}

ul.menu-options li.item1{ width: 15%; }
ul.menu-options li.item2{ width: 15%; }
ul.menu-options li.item3{ width: 20%; }
ul.menu-options li.item4{ width: 18%; }
ul.menu-options li.item5{ width: 14%; }

ul.menu-options li.item6{
    text-align: right;
    width: 8%;
    padding-right: 0;
}

/* content classes */

div.content{
    margin-bottom: 80px;
}

div.post-header{
    border-bottom: solid thin white;
    border-top: solid thin white;
    margin-left: -21px;
    margin-right: -21px;
    margin-bottom: 40px;
    padding-right: 20px;
    width: 660px;
}

h2.post-title{
    background-color: white;
    border-right: solid thin #444;
    color: black;
    font-family: JBFil, Palatino Linotype, Book Antiqua3, Palatino6, serif;
    font-size: 1.2em;
    margin: 0;
    padding: 0.25em 20px;
    width: 330px;
}

div.panel .post-title a,
div.panel .post-title a:visited{
    color: black;
    text-decoration: none;
}

.post-time{
    font-size: 0.8em;
    letter-spacing: 1px;
    margin-top: -1.7em;
    margin-bottom: 0.7em;
    text-align: right;
    width: 100%;
}

.event-date{
    font-size: 1.2em;
}

/* post styling */

.post, .page{
    margin-bottom: 40px;
}

.post-text{
    background-color: white;
    border-top: solid thin #777;
    border-right: solid thin #444;
    border-bottom: solid thin #444;
    color: black;
    font-family: Georgia, serif;
    margin-left: -21px;
    margin-top: 10px;
    padding: 3.0em 3.0em 1.0em 3.0em;
}

.post-text p{
    text-align: left;
    margin-bottom: 1.0em;
}

.post-text p a{
    color: black;
}
.post-text p a:visited{
    color: black;
}

.post-content img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.post-content p img{
    margin-left: -1.5em;
}

.post-share{
    background-color: white;
    border-right: solid thin #444;
    border-bottom: solid thin #444;
    color: black;
    font-family: Georgia, serif;
    margin-left: -21px;
    margin-top: -1px;
    padding: 0 3.0em 1.0em 3.0em;
    text-align: right;
}

.post-tags{
    font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
    font-size: 0.8em;
    padding: 10px;
}

.post-footer{
    font-size: 0.7em;
    padding: 10px;
}

.wp-caption{
    width: 100%;
}

.wp-caption-text{
    font-size: 0.8em;
}

/* sidebar classes */

div.sidebar{
}

div.advertisement{
    margin-bottom: 40px;
    overflow: hidden;
}

/* footer classes */

div.footer{
    margin-top: 100px;
}

.footer-content{
    background: white;
    color: black;
    font-family: Georgia, serif;
    padding: 25px 25px 80px 25px;
}

.footer-content li a{
    color: black;
    text-decoration: none;
}
.footer-content li a:visited{
    color: black;
}



.footer-text{
    margin-top: 1.0em;
    font-size: 0.6em;
}

/* sidebar classes */

div.comments{
    background-color: transparent;
    color: black;
    margin-top: 20px;
}
div.comments a{
    color: black;
}

div.comments a:visited{
    color: #444444;
}

div.comments textarea{
    width: 100%;
}

div.comments  p{
    margin: 1.0em 0;
    text-align: left;
}

div.comments  form p{
    text-indent: 0;
}

div.comment-meta{
    margin-bottom: 2.0em;
    margin-top: -1.5em;
    font-size: 0.8em;
    text-align: right;
    width: 100%;
}

/* Search classes */

form#searchform{
    position: relative;
    width: 100%;
    height: 28px;
    margin-bottom: 20px;
}

input#search{
    position: absolute;
    left: 0px;
    width: 158px;
    text-align: left;
}

input#searchsubmit{
    position: absolute;
    left: 172px;
    width: 28px;
    height: 28px;
}

.search-result-title{
    margin-bottom: 0;
}
.search-result-time{
    margin-top: -1.0em;
    text-align: right;
    width: 100%;
}
.search-result-meta{
    margin-top: 0.5em;
    font-size: 0.8em;
}

/* The black list */

.links-panel{
    background-color: white;
    color: black;
    font-family: Georgia, serif;
    margin-left: -21px;
}

.links-panel td a{
    color: black;
    text-decoration: none;
}

.links-panel td a:visited{
    color: black;
}


table.links-table{
    width: 100%;
    font-size: 0.8em;
}

table.links-table td{
    width: 33%;
    padding: 0.55em 2.5em;
    border-bottom: solid thin #444;
    border-right: solid thin #f74;
}

table.links-table td.last{
    border-right: none;
}