padding: 0.5em;

}

dt {

    text-align: center;

    margin: 0em 1em 0.5em 0.5em;

    font-weight: bold;

    color: green; }

dd {

    margin: 0 0 1.5em 2em;

}

@media only screen and (min-width: 685px) {

dl {

    border: 3px double #ccc;

    padding: 0.5em;

}

dt {

    float: left;

    text-align: center;

    width: 10em;

    margin: 0em 1em 0.5em 0.5em;

    font-weight: bold;

    color: green; }

dt:after {

    content: ":";

}

dd {

    margin: 0 0 2.5em 11.5em;

}

}

.fundraiser-top-text {

    background: #F0FFB8;

    padding: .7em .7em .7em .7em;

}

.fundraiser-top-text em {

    font-size: 120%;

}

/* These vido controls are based on the fact that our videos often appear on

** the blog summary areas, which are in a div with class column, and in the

** main blog, which is in the body with class conservancy-blog

*/

div.column video {

    float: right;

    height:auto !important;

    width:25% !important;

    max-width:50%;

}

body.conservancy-blog video {

    float: right;

    height:auto !important;

    width:50% !important;

    max-width:75%;

}