* { margin: 0; padding: 0; }

img { border: 0; }

body { margin: 0; padding: 0; }

.clear { clear: both; }

.hidden { display: none; }

p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {

  margin-top: 1em;

  margin-bottom: 1em;

}

body {

/*  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */

  font-family: "Lucida Sans Unicode", "Lucida Grande", "Verdana", "FreeSans", sans-serif;

}

a { text-decoration: none; color: #557733; }

a:hover { text-decoration: underline; color: #577632; }

.toggle-control  {

cursor: pointer;

text-decoration: none; color: #557733;

}

.toggle-control:hover { text-decoration: underline; color: #577632; }

/* FIXME: We should do this:          */

/* http://www.waypointarts.com/blog/2013/06/29/fixing-a-side-bar-while-scrolling-until-bottom */

.donate-sidebar {

    position: fixed;

    top: 180px;

    right: 2%;

    width: 18%;

}

@media all and (max-width: 725px) {

    .donate-sidebar { display: none; }

    .content-with-donate-sidebar {

        align: center;

        width: 100%;

    background: #d0d0d0;

}

#siteprogressbar .final-goal {

    background: #eeeeee;

}

#fundraiser-percentage {

    text-align: center;

}

.content-with-donate-sidebar {

    align: left;

    width: 80%;

}

#container {

    width: 100%;

    overflow: hidden;

}

#container #mainContent {

    background: #ffffff;

    margin-left: 225px;

    margin-right: 50px;

    max-width: 1000px;

    line-hight: 1.25em;

}

#container #sidebar {

    width: 200px;

    float: left;

    background-color: #ccd4a3;

}

#container #sidebar li {

    text-align: center;

    list-style: none;

    padding: 3px 10px 3px 10px;

    margin: 5px;

    border: 1px solid #CCC;

    background: #eaf1f1;

    background: -moz-linear-gradient(top, #fff, #eaf1f1);

    background: -webkit-linear-gradient(top, #fff, #eaf1f1);

    background: linear-gradient(to bottom, #fff, #eaf1f1);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf1f1', GradientType=0);

}

#container #sidebar li a:hover { background: #577632; color: #fff; }

#container #sidebar.Directors ul li.Directors,

#container #sidebar.Officers ul li.Officers,

#container #sidebar.Staff ul li.Staff,

#container #sidebar.Outside ul li.Outside,

#container #sidebar.Filings ul li.Filings,

#container #sidebar.License ul li.License,

#container #sidebar.Current ul li.Current,

#container #sidebar.Services ul li.Services,

#container #sidebar.Applying ul li.Applying,

#container #sidebar.VMwareLawsuitAppeal ul li.VMwareLawsuitAppeal,

#container #sidebar.VMwareCodeSimilarity ul li.VMwareCodeSimilarity,

#container #sidebar.CopyleftPrinciples ul li.CopyleftPrinciples,

#container #sidebar.VMwareLawsuitFAQ ul li.VMwareLawsuitFAQ,

#container #sidebar.AboutCompliance ul li.AboutCompliance

{

    color: #000033;

    font-weight: bold;

    background: #eaf1f1;

    background: -moz-linear-gradient(bottom, #fff, #eaf1f1);

    background: -webkit-linear-gradient(bottom, #fff, #eaf1f1);

    background: linear-gradient(to top, #fff, #eaf1f1);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf1f1', endColorstr='#ffffff', GradientType=0);

}

#container #sidebar h2 {

    text-align: center;

    margin: 1.5em 0 0.8em 0;

}

#container #sidebar hr {

    width: 75%;

    float: center;

    clear: all;

}

/* Navbar Submenus (currently unused) */

#navbar li ul { display: none; border: 1px solid #444; }

#navbar li:hover ul { display: block; position: absolute; }

#navbar li ul li { float: none; }

#navbar li ul li a { border: 0px; margin: 0px; }

.shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }

.columns {

}

.column h2 { font-size: 1.25em; }

.column h3 { font-size: 1.1em; }

.column hr { width: 50%; align: center; }

.column h2 a { text-decoration: none; color: #000000; }

.column h2 a:hover { text-decoration: underline; }

    .column:nth-child(odd) {

        clear: both;

        float: left;

        width: 49%;

    }

    .column:nth-child(even) {

        float: right;

        width: 49%;

    }

}

#conservancyfooter {

  margin-top: 1em;

  border-top: 1px solid #ccc;

  text-align: center;

  clear: both;

}

span.continued {

  display: block;

  font-weight: bold;

  margin-top: 1em;

  margin-bottom: 1em;

}

p.date {

  font-style: italic;

  margin-bottom: .3em;

  margin-top: .3em;

}

a.feedlink /* RSS icon */ { display: block; float: right; font-size: 10pt; }

blockquote, div.quote /* div.quote is used by conservancy whitepaper */ {

  margin-left: 2em;

  margin-right: 2em;

  padding-left: 1em;

  padding-right: 1em;

  border: 1px solid #fff;

  background: #eee;

}

.newsgraphic { float: right; }

.newsgraphic img { border: 1px solid #000; }

.secondary_info { font-size: 83%; }

.next_page_button { float: right; }

.pagination_list { text-align: center; }

.document_format { border: 1px solid #888; padding: .2em; background: #fff99d;}

.copyright_info { font-size: 90%; }

hr.footnote-separator { width: 80%; margin-left: auto; margin-right: auto; }

@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 {

}

/* 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%;

    margin-left: .7em;

    margin-bottom: .4em;

}

body.conservancy-blog video {

    float: right;

    height: auto !important;

    width: 50% !important;

    max-width: 75%;

    margin-left: .7em;

    margin-bottom: .7em;

}