body {
    text-align: left;
   font-family: ode, Times, serif;
font-style: normal;
line-height: 98%;
width: 100%
}

.wrap-element {
  position: relative;
  overflow: hidden;
  padding-top: 52.25%;
}

.wrapped-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0 dotted;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

li
{list-style-type: square;
}

.microbes {
background-color: rgba(255, 213, 0, 1); color: rgba(100,100,80,0.7);
border: 2px dotted rgba(200,200,150,0.7); }

.people {
background-color: rgb(10, 10, 50); color: rgba(250,250,255,0.8);
border: 2px dotted rgba(200,200,150,0.7); }

#dunstan {
background-color: rgb(19, 19, 50); color: rgba(250,250,255,0.8);
border: 2px dotted white; }

@media only screen and (orientation: landscape) {
.c-deskleft {width: 55%; padding: 0 5px;}
.c-deskright  {width: 35%; padding: 0 5px;}
caption {font-size: 14pt;}

}

@media only screen and (min-width: 400px) 
  /* For phones: */
{
.c-tabtop {line-height: 96%; font-size: 16pt;}

.c-tabbottom {line-height: 96%; font-size: 16pt;}

}

@media only screen and (min-width: 650px) 
  /* For tablets: */
{
.c-tabtop {line-height: 96%; font-size: 2.5vw;}

.c-tabbottom {line-height: 96%; font-size: 2.5vw;}

}

/* Large devices (laptops/desktops, 800px and up) */
@media only screen and (min-width: 800px)

{

.c-deskleft {line-height: 96%; font-size: 2vw; width: 58%;}
.c-deskright  {line-height: 96%;  font-size: 2vw; width: 32%;}
}

@media only screen and (min-width: 1200px) 
  /* For desktop: */ {
.c-deskleft {line-height: 96%; font-size: 2vw; width: 58%;}
.c-deskright  {line-height: 96%;  font-size: 1.5vw; width: 32%;}

}


.c-deskleft {
  float: left;
  
}

.c-deskright
 {
  float: right;
}

.c-tabtop {
  float: left;
}

.c-tabbottom
 {
  float: left;
}





strong {
font-style: bold;

}



div { 
  padding: 20px;
  margin: 5px;
border: 0.2vw solid white;
border-radius: 6px;
}

#image
padding: 1%;


}


#intro
{
}

#sept
{background-color: rgb(222, 99, 40); color: rgba(254,254,254,0.80);
border: 1px solid white;

}
.sept_update
{background-color: rgb(202, 79, 30); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

#oct {
background-color: rgb(242, 101, 34); color: rgba(254,254,254,0.80);
border: 1px solid white;
}

.oct_update {
background-color: rgb(232, 91, 24); color: rgba(254,254,254,0.80);
border: 1px dotted white;
}

#nov {
background-color: rgb(149, 92, 55); color: rgba(254,254,254,0.8);
border: 1px solid white;


}

.nov_update {
background-color: rgb(129, 72, 45); color: rgba(254,254,254,0.8);
border: 1px solid white;
}


.nov_transcript {
background-color: rgb(119, 62, 45); color: rgba(254,254,254,0.8);
border: 1px dotted white;
}


#dec {
background-color: rgb(186, 95, 10); color: rgba(254,254,254,0.80);
border: 1px solid white;


}
.dec_update {
background-color: rgb(166, 75, 10); color: rgba(254,254,254,0.80);
border: 1px dotted white;


}



#jan {
background-color: rgb(213, 98, 42); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

.jan_update {
background-color: rgb(193, 78, 32); color: rgba(254,254,254,0.80);
border: 1px dotted white;

}

#feb {
background-color: rgb(191, 120, 17); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

.feb_update {
background-color: rgb(191, 110, 17); color: rgba(254,254,254,0.80);
border: 1px dotted white;

}

#mar {
background-color: rgb(136, 114, 50); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

.mar_update {
background-color: rgb(136, 101, 40); color: rgba(254,254,254,0.80);
border: 1px dashed white;

}

#april {
background-color: rgb(200, 96, 47);
color: rgba(254,254,254,0.80);
border: 1px solid white;

}

.april_update {
background-color: rgb(200, 76, 47);
color: rgba(254,254,254,0.80);
border: 1px dashed white;

}


#may {
background-color: rgb(231, 100, 37); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

.may_update {
background-color: rgb(231, 120, 37); color: rgba(254,254,254,0.80);
border: 1px dashed white;

}

#june {
background-color: rgba(185, 185, 10, 1); color: rgba(254,254,254,0.80);
border: 1px solid white;
}

.june_update  {
background-color: rgba(185, 195, 10, 1); color: rgba(254,254,254,0.80);
border: 1px dotted white;
}

#cider_biblio01 {
background-color: rgb(91, 87, 61); color: rgba(254,254,254,0.60);
border: 1px dotted white;
}

#microbial_socialites {
background-color: rgb(101, 96, 71); color: rgba(254,254,254,0.80);
border: 0.1vw dotted white;

}

#july {
background-color: rgba(185, 205, 10, 1); color: rgba(254,254,254,0.80);
border: 1px solid white;

}

#and_more {
background-color: rgba(165, 175, 0, 1); color: rgba(254,254,254,0.80);
border: 1px solid white;
}

#panel {
background-color: rgba(155, 165, 0, 1); color: rgba(254,254,254,0.80);
border: 1px dashed white;
}

#aug {
background-color: rgb(140, 91, 56); color: rgba(254,254,254,0.80);
border: 1px solid olive;

}



.poster
{
border: 0.1vw dashed white;
}

#video_diary#1
{
}

#cider_making_terms
{
background-color: hsl(349.64, 100%, 40%); color: rgba(254,254,254,1.0);
}

#seedbox_letter_inset {
border: 1px solid white;
hsl(230, 100%, 40%); color: rgba(254,254,254,0.80);
}

#microbiopolitics {

border: 1px dotted white;
background-color: hsl(20, 100%, 40%);
}

#song-lyrics {
border: 1px dotted white; font-size: 16pt;
}

.references {
border: 1px dashed white; font-size: 13pt; 

}

#moorlander
{
}

#and_more {
}

#seedbox_letter {
}

#halstow_wassail_2020
{

}

#seminars
{
}

#video_diaries
{

}

#printed_matter
{

}

#live_events
{
}


#video_diary5
{
}

#newverse
{
}


#collaborating_artists
{
}

#ceramic_vessels

{

}

#title {
    color: rgba(254, 254, 254, 0.75); font-size: 5vw; line-height: 100%;
background-color: rgb(49, 47, 27); width: 90%;
}

#footer
{
background-color: rgb(100, 85, 63); color: rgba(254,254,254,0.80);
border: 1px solid olive;

}

#simon_pope_info
{
}

#cc_licence
{
hsl(130, 100%, 30%)
}

em {
font-family: Times, serif;
font-style: normal;
letter-spacing: 1px;
}


#caption { 
font-size: 14pt; text-align: right;
border: 0.1vw dotted white; padding: 2px; line-height: 87%;

}




h1 {
  background-color: black;
  color: grey;
    text-align: left;
   font-family: ode, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 55pt;
}


/* unvisited link */

a:link {
  color: rgba(250,250,250,0.95);
text-decoration: none;
font-weight: 400;
}

/* visited link */
a:visited {
  color: rgba(250,250,250, 0.95);
text-decoration: none;
font-weight: 400;
}

/* mouse over link */
a:hover {
  color: rgba(250,250,250,0.7);
text-decoration: none;
font-weight: 400;
}

/* selected link */
a:active {
  color: rgba(250,250,250,0.6);
text-decoration: none;
font-weight: 400;
}