.postsum{
    position: relative;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.postsum time {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.8em;
}
.postsum category {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.8em;
}
.postsum more {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.2em;
}
.postsum h3 { line-height:1.2em; }
.postsum h4 { font-style: italic; }
.postsum img { float: left; padding-right: 10px;} 


.page-description {
  font-size: 16px;
  font-style: italic;
  color: #828282;
}


.event-meta {
  font-size: 14px;
  color: #828282; }

.event-header {
  color: #0000CC; }

.event-title {
  font-size: 20px;
  color: #000000; }

.event-title a {
  font-size: 20px;
  color: #196a91;  
  text-decoration: none; }
.event-title a:visited {
    color: #1756a9; }
.event-title a:hover {
    color: #111;
    text-decoration: underline; }

.event-summary {
  font-size: 16px;
  color: #000000; }

.event-list {
  margin-left: 0;
  list-style: none; }
  .post-list > li {
    margin-bottom: 30px; }
    
.event-link {
  text-align:right;
  font-style: italic;
  float:right;
  font-size: 14px; }

.project-link-float {
  margin: 0 auto;
  margin-bottom: 20px;
  text-align:right;
  font-style: italic;
}

.projectimage {
    position: relative;
    width: 100%;
}

.projectimage span {
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 80%;
    padding: 10px;
    color: rgb( 200, 200, 0 );
    color: rgba( 200, 200, 200, 0.5 );
    background: rgb( 0, 0, 0 );
    background: rgba( 0, 0, 0, 0.2 );
}

.projectimage:hover span {
    font-size: 14px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 80%;
    padding: 10px;
    color: rgb( 200, 200, 0 );
    color: rgba( 200, 200, 0, 0.8 );
    background: rgb( 0, 0, 0 );
    background: rgba( 0, 0, 0, 0.8 );
}

.projecthighlightimage {
    position: relative;
    width: 100%;
}

.projecthighlightimage span {
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;        
    color: rgb( 200, 200, 200 );
    color: rgba( 200, 200, 200, 0.5 );
    background: rgb( 0, 0, 0 );
    background: rgba( 0, 0, 0, 0.2 );
}

.projecthighlightimage:hover span {
    font-size: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;        
    color: rgb( 200, 200, 0 );
    color: rgba( 200, 200, 0, 0.8 );
    background: rgb( 0, 0, 0 );
    background: rgba( 0, 0, 0, 0.8 );
}

.calendarevent{
    position: relative;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.calendarevent title {
    font-style: strong;
    text-align: right;
    float: right;
    line-height: 1.2em;
}
.calendarevent time {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.2em;
}
.calendarevent category {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.8em;
}
.calendarevent more {
    font-style: italic;
    text-align:right;
    float:right;
    line-height:1.2em;
}
.calendarevent h3 { line-height:1.2em; }
.calendarevent h4 { font-style: italic; }
.calendarevent img { float: left; padding-right: 10px;} 


@media screen and (min-width: 800px) {
    .dropdown {
        position: relative;
        display: inline-block;
    /*     float: right; */
        padding: 5px 10px;
        margin-left: 20px;
        margin-right: 0px;
        /*width: 36px;
        height: 26px;
        line-height: 0;
        padding-top: 10px;
        text-align: center;*/
    }

    .dropdown-content {
        font-size: 14px;
        display: none;
        position: absolute;
        color: #2a7ae2;
        background-color: #fdfdfd;
        min-width: 350px;
        padding: 0px 0px;
        box-shadow: 5px 5px 5px 5px rgba(0.1,0.1,0.1,0.2);
    /*     padding: 5px 5px; */
        padding-bottom: 0px;
        z-index: 1;
        line-height:1.0em;
    }

    .dropdown:hover .dropdown-content {
    display: block;   
    }
}

@media screen and (max-width: 799px) {
    .dropdown {
        position: relative;
        display: inline-block;
        padding: 5px 10px;
        margin-left: 20px;
        margin-right: 0px;
    }

    .dropdown-content {
        display: none;
        visibility: hidden;        
    }

    .dropdown:hover .dropdown-content {
        display: none;   
        visibility: hidden;
    }
}


table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  padding: 0.0rem;
  text-align: center;
  border: 1px solid #ccc;
  background: #eee;
}

tbody .current {
  background: #bbb;
}

tbody td:hover {
  background: rgb( 0, 0, 0 );
  background: rgba( 0, 0, 0, 0.2 );  
}



.image-wrapper {
    text-align: center;
    color: #888;
    font-style: italic;

    .image-caption {
        margin-top: $spacing-unit / 3;
    }
}

a.kofi-button {
    text-align: center;
}