body {
  font-family: sans-serif;
}

article, nav, aside, section, header, footer, figure, figcaption {display:block}

h1, h2, h3, p#pa {
  color:#235EA4;
}

h1 {clear:both}

nav ul {list-style-type:none; padding-left:0}
nav ul li {
/*  font-size:80%; */
  border: 1px solid black;
  width: 8em;
  margin-right: 0.4em;
  padding:0.2em;
  background: #235EA4 url(/images/bluegrad.svg) no-repeat 0 0;
  border-bottom-right-radius: 1em;
}

nav ul li a, footer#sitewideFooter a {
  color: white;
  text-decoration:none;
}

nav ul li {
  width: 4em;
  float:left;
  margin-top:0;
  margin-bottom: 1em;
}

nav#secondary ul li {
  width: 6em;
}

header#templateHead {
  background: #235EA4 url(/images/headgrad.svg) no-repeat 0 0;
  color: white;
  height: 2.5em;
}

header#templateHead p#pa a {
  color: white;
  text-decoration: none;
}

header#templateHead nav#switch {
  position:relative;
  text-align: right;
  top:-1.5em;
  width:100%
}

header#templateHead nav#switch span {
  font-size: smaller;
  padding-right: 1em;
}

header#templateHead nav#switch span a {
  color:white;
}


header#templateHead p#pa {
  padding: 0.2em 0 0 0.2em;
  margin:0;
  color:white;
  border-width:0;
}

article[role=main] article header h1 {
  font-size: 1.4em;
}

img {border-width:0}

figure.right, img.right {
  float:right;
  margin: 0 0 0 0.5em;
}

figure.left, img.left {
  float:left;
  margin: 0em 0.5em 0 0;
}

figure.centre {
  margin: 0 auto;
  text-align:center;
}

figcaption, p.caption {
  font-size: 0.8em;
  font-style: italic;
  text-align:center;
}

figure.full {
  width:100%;
}

figure.side {
  width:40%;
}

figure img {
  width:100%;
}

footer {
  clear:both;
  text-align:right;
}

footer#sitewideFooter {
  margin: 2em 0 1em 0;
  padding: 0.5em;
  background: #235EA4 url(/images/footgrad.svg) no-repeat 0 0;
  color: white;
}

footer#sitewideFooter span {
  font-size:smaller;
}
.topper {
  text-align: right;
  font-style:italic;
}


#twitter_update_list li {
    position:relative;
    left: -1.3em;
    font-style:italic;
    font-size:smaller;
}

aside header h1 {
  font-size: 1.3em;
}

/*Diary page */

div#diaryList article header time {font-weight:bold; font-style:italic}
div#diaryList article header h1 {font-size:1.3em}
div#diaryList article header time {font-weight:bold; font-style:italic}
div#diaryList article h2 {font-size:1.1em}
div#diaryList article h3 {font-size:1em}
div#diaryList article, #intro {padding-bottom:2em}
div#diaryList article img {float:right; margin-left:0.2em}
div#diaryList article figure.centre img {float:none}
div#diaryList article figure.centre {text-align:center; margin-bottom:0.5em}

.update {
  border:solid black 1px; 
  background-color:#eee; 
  padding: 0.2em;
  margin-bottom: 1em;
}

article[role=main] aside {
  width: 15em;
  float:right;
  margin-left:0.3em;
  margin-bottom: 0.5em;
  border: solid 1px black;
  border-radius: 0.5em;
  text-align:left;
  padding: 0.3em;
  display:block;
  background: #ddd url(/images/greygrad.svg) no-repeat 0 0;
  font-size:smaller;
}

article[role=main] aside#socMedia {
  width: 7em;
  float:right;
  margin-left:0.3em;
  margin-bottom: 0.5em;
  border: solid 2px black;
  box-shadow: rgba(0,0,0,0.2) 0.5em 0.5em 0.3em;
  text-align:left;
  padding: 0.3em;
  display:block;
  background-image: none;
  background-color: #fff;
}

table {border-collapse:collapse}
td {padding:0.5em}
td.field {
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-left:1px solid black;
}
td.value {
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
}
td.ed {padding: 0.2em; border: 1px solid black}

table.borders th, table.borders td {border:1px solid black}
caption {caption-side:bottom;}

blockquote {
  font-style:italic;
}

blockquote em {
  font-style: normal;
}

blockquote p {
  text-align:right;
  font-size:smaller;
}

blockquote.justAquote p {
  text-align:left;
  font-size:normal;
}



pre {
  overflow:auto;
}

.footnote {
  font-size:smaller;  
}

article.comment {
  border-left:thin solid #235EA4;
  padding-left:1em;
}
/* for Euromap */

div#switch input {margin-right:1em; margin-left:0.5em;}
label {white-space:nowrap; display:block}
label.flexi {white-space: normal}

/* Gallery */
.galleryThumb {
  float:left;
  margin:0.5em;
}