#admin { position: fixed; width: 100%; bottom: 0; font-size: 0.85em; text-align: center; color: #FFF; padding: 10px; background: rgba(0,0,0,0.5);}

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
{ display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

.c { display: inline-block; width: 80px; height: 40px; display: none; }
.c1 { background: #006400; } /* dk green */
.c2 { background: #228B22; } /* forest green */
.c3 { background: #B22222; } /* firebrick */
.c4 { background: #A52A2A; } /* brown */
.c5 { background: #8B0000; } /* dk red */

.note { font-size: 11px; font-weight: normal; color: #555; }

body { font-family: "PT Serif", "Times New Roman", Times, serif; background: #FFF url(/assets/images/bg1crop.jpg) no-repeat fixed right bottom;}
h1,h2,h3,h4,h5,h6 { font-family: "IM Fell English", Milonga, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.8em; margin: 0 0 20px 0; }
h2 { font-size: 1.5em; margin: 0 0 10px 0; }
h3,h4,h5,h6 { font-size: 1.2em; margin: 0 0 10px 0; }
p { line-height: 1.5; margin: 0 0 1.5em; }
a { color: #228B22; }
blockquote { font-style: italic; color: #757575; padding: 0 5% 0 0; margin: 0 0 1.5em;  }
blockquote p { text-indent: 0; margin-left: 4em; }

ul { list-style: disc; line-height: 1.5; margin: 0 0 1.5em 2em; }
ol { list-style: decimal; line-height: 1.5; margin: 0 0 1.5em 2em; }
time { font-style: italic; color: #555; }
img { max-width: 100%; height: auto;  }

#top { padding: 2.5% 5%; overflow: hidden; clear: both; }
.site-heading { font-size: 3em; color: #006400; margin: 0; }
.site-subheading { font-size: 1em; color: #A52A2A; margin: 0 1.5em 1em 1.5em; }

.nav { list-style: none; margin: 0; overflow: hidden; clear: both; }
.nav li { float: left; padding: 0 0.25% 0.5% 0.25%;  }
.nav a { display: block; font-weight: bold; color: #FFF; text-decoration: none; padding: 0.5em 1em; background: #228B22;  }


#content { width: 60%; padding: 0 35% 0% 5%; overflow: hidden; clear: both; }

.section-heading { font-size: 1.8em; margin: 0 0 20px 0; clear: both; }
.entries { margin: 0 0 25px 0; }
.entries-heading { font-size: 1.2em; margin: 0; }
.entries-date { font-size: 0.875em; margin: 0.5em 0 0 0;  }
.entries-category { font-size: 0.875em; font-style: italic; color: #555; margin: 0 0 0.25em 0; }
.entries-summary { font-size: 0.925em; margin: 0.5em 0 0 0; }
.entries-link { margin: 0.5em 0 0 0; }
.entries-a { float: left; width: 48%; clear: left; }
.entries-b { float: right; width: 48%; }

.entry-header { margin: 0 0 20px 0; overflow: hidden; clear: both; }
.entry-section { margin: 0 0 20px 0; overflow: hidden; clear: both; }
.entry-date { display: block; margin: 0 0 1.5em 0; }
.entry-image { float: right; max-width: 48%; margin: 0 0 2% 2%; }
.entry-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 0 20px 0;  }
.entry-video iframe, .entry-video object, .entry-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.entry-gallery { list-style: none; margin: 0 0 1.5em 0; overflow: hidden; clear: both; }
.entry-gallery li { float: left; width: 23%; padding: 0 2% 2% 0; }

.events { margin: 0 0 25px 0; overflow: hidden; clear: both; }
.events-thumb { float: left; margin-right: 20px;  }
.events-summary { margin: 0 0 0.5em 0; }

.cats { list-style: none; line-height: 1.5; margin: 0 0 1.5em 0; }
.cats li { display: inline-block; padding: 0 20px 0 0; }

#bottom { font-size: 0.85em; padding: 0 5%; overflow: hidden; clear: both; }


/* FORMS */
input { width: 270px; padding: 5px; }
textarea { width: 480px; height: 140px; padding: 5px; }

/* AUDIO PLAYER */
.audiojs { width: 100%; max-width: 400px; }
.audiojs .scrubberZ { width: 180px; }
.audiojs .error-messageZ { width: 100%; }


@media screen and (max-width: 960px) {

.site-heading { font-size: 2em; }
.site-subheading { font-size: 1em; }
.entries-a { float: none; width: 100%; }
.entries-b { float: none; width: 100%; }

}

@media screen and (max-width: 768px) {

body { background: #FFF; }
#content { width: 90%; padding: 20px 5% 20px 5%; }

}

@media screen and (max-width: 600px) {


.site-heading { font-size: 1.6em; }
.site-subheading { font-size: 0.85em; }
.nav { font-size: 0.925em; text-align: center; }
.nav li { width: 32.3%; }
.entries { margin: 0 0 2em 0; }

}

@media screen and (max-width: 480px) {
.entry-image { float: none; width: 100%; margin: 0; }
#content { width: auto; padding: 20px; }

textarea { width: 270px; padding: 5px; }

}