html { margin: 0; padding: 0; }
body { margin: 0; padding: 0 2em; font-family: "-apple-system", BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
h1 { border-top: 1px solid #888; border-bottom: 1px solid #888; padding: 1em 1.33em; background-color: #eee; margin: 1em -1.33em; box-shadow: 0px 0px 0.3em #888; font-family: Rosario; background: #bdb; text-shadow: 0px 0px 3px #888; font-size: 1.5em; }

/* <!-- H1 LINEAR GRADIENT */
h1 { background: linear-gradient(to bottom, #f8fff8, #bdb 70%, #ded 100%); }
/*
h1 { background: -moz-linear-gradient(top, #f8fff8, #bdb 70%, #ded 100%); }
h1 { background: -webkit-linear-gradient(top, #f8fff8, #bdb 70%, #ded 100%); }
*/
/*  --> H1 LINEAR GRADIENT */

.block { width: 30em; border: 1px solid #000; border-radius: 10px; float: left; margin-right: 20px; background-color: #ded; margin-bottom: 20px; }
.block h2 { line-height: 1.25em; vertical-align: middle; overflow: auto; padding: 0.4em 0.8em; border-bottom: 1px solid #000; font-size: 1.1em; background-color: #bdb; font-family: Rosario; border-top-left-radius: 10px; border-top-right-radius: 10px; margin: 0; }
.block .synopsis { padding: 0.8em; height: 17em; overflow: auto; margin-bottom: 10px; }

.block:hover { box-shadow: 0px 0px 10px #666; }

/* <!-- BLOCK LINEAR GRADIENT */
.block { background:         linear-gradient(to bottom, #ded, #fff 100%); }
/*
.block { background:    -moz-linear-gradient(top, #ded, #fff 100%); }
.block { background: -webkit-linear-gradient(top, #ded, #fff 100%); }
*/
/*  --> BLOCK LINEAR GRADIENT */

.clear  { clear: both; }
.footer { clear: left; border-top: 1px solid #000; font-size: 0.85em; padding-top: 0.4em; }
.footer ul { margin: 0; padding: 0; }
.footer li { display: inline; margin: 0; padding: 0; }
.footer li:before { content: '|'; padding: 0 0.4em 0 0.5em; }
.footer li:first-child:before { content: ''; padding: 0; }

.error { color: red; }
.displayNone { display: none; }

.synopsis > :last-child { margin-bottom: 0; padding-bottom: 0; }

