@media (max-width: 600px) {
.related{
    max-height: 0;
    overflow: hidden;
}
figure, img {
	max-width:35%;
        height:auto;
}
}
@media (min-width: 601px) {
nav {
    float:right;
    max-width:100%;
}
img {
	max-width:100%;
        height:auto;
}
figure {
     max-width:300px;
}
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
        font-family: "Inclusive Sans", sans-serif;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body, {
	max-width:100%;
        height:auto;
}
figure.fig_left {
    float:left;
}
figure.fig_right {
    float:right;
}
article, hr, figure.fig_left {
    clear:left;
}
figure {
     padding:10px;
     margin:2px; 
     font-size:0.8em;
}
article{
      max-width:1000px;
}
dt {
      font-weight:bold;
}
.invert {
      background:#000000;
      color:#ffffff;
      padding: 1px;
      font-family: "Inclusive Sans", sans-serif;
}
.container, .navbar {padding: 2%; }
ul.nav {
      list-style-type: none;
      margin-left: 1em;
      padding-left:0;
}
#head {background:#666666; color:#ffffff; padding:7px; margin:0; text-align:center; }
#search {float:right; padding:5px; text-align:left; }
#site-name a {
	border: none; color:#ffD200; text-decoration: none; 
}
h1, h2, h3, {
         font-family:Quattrocento, serif;
         font-weight: bold;
	 color:#000000; 
}
h4, {
         font-family:Quattrocento, serif;
         font-weight: normal;
	 color:#000000; 
}
.name {
         font-family:Quattrocento, serif;
         font-weight: bold;
	 color:#ffD200; 
	 background:#666666;
	 padding-left:0.5em;
	 padding-right:0.5em;
}
h1 a, h2 a, h3 a, h4 a, .news a {
	 border: none; color:#000000; text-decoration: none; 
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
    clear: left; 
}
h3 {
    font-size: 1em;
}
.thumbnail { float:left; padding: 0.5em; }
.intro_list { display: inline; list-style-type: none; }
.intro_list li { display:inline; }
.intro_list li:before {
 content: "\0BB \020";
 }
p  {
         text-indent:2em;
}
figure > p {
         text-indent:0;
}
p.imagepara { 
         text-indent:0;
         text-align:center;
         margin-left: auto;
         margin-right: auto;
}
a.active {
	border: none; color:#000; text-decoration: none; 
 }
.news a.active, .news a.hover {
	border: none; color:#0000ff; text-decoration: underline; 
}
a img { margin:5px; }