@charset "utf-8";
/* CSS Document */

/* fonts 
font-family: "aktiv-grotesk-std",sans-serif;
font-family: "trajan-sans-pro",sans-serif;

font-family: "myriad-pro-condensed",sans-serif;
light = 300 -- reg = 400

*/



body {
font-family: "myriad-pro-condensed",sans-serif;
font-size: 20px;
line-height: 26px;	
font-weight: 300 !important;
color: #000;
}

a {outline:none !important;}

.site-branding .site-title a,
.site-branding .site-title a:visited {
color: #970505 !important;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:active{
opacity: 0.8 ;
}





/* coming soon page */

.page.page-id-5 { background: #fff; }
.page-id-5 #content {
width: 96%;
margin: 6% auto;
padding: 0;
text-align: center;
font-family: "trajan-sans-pro",sans-serif;
}

.page-id-5 h1 {text-align: center;}
.page-id-5 h1 img {
width: 70%;
margin: 0 auto;
max-width: 200px;
height: auto;
padding-bottom: 30px;
}

.page-id-5 h3 {
color: #000;
font-size: 40px;
margin: 0 auto 30px;
line-height: 42px;
padding: 15px 0;
border: double #ccc;
border-width: 4px 0;
max-width: 650px;
}

.page-id-5 p {
color: #000;
font-size: 25px;
line-height: 40px;
}

.page-id-5 p a,
.page-id-5 p a:visited {
color: #af0303;
text-decoration: none
}

.page-id-5 p a:hover,
.page-id-5 p a:active {
color: #666;
text-decoration: none
}




/* homepage */

.page-id-12 {
background: #000;
margin: 0;
padding: 0;
text-align: center;
position: relative;
}

.page-id-12 .site-branding .site-title a,
.page-id-12 .site-branding .site-title a:visited {
color: #fff !important; 
        }

.page-id-12 #welcome-bkgd {
position: absolute;
width: 100%;
height: 100%;
background-color: #970505 ;
background-position: center;
background-repeat: no-repeat;
}

.page-id-12 #primary {
position: relative;
width: 96%;
height: auto;
margin: 0 auto;
max-width: 1000px;
}

.page-id-12 #homepage-content {padding: 5% 3%;}
.page-id-12 article header {display: none;}







/* home page */
#welcome-bkgd {
position: absolute !important;
width: 100%;
height: 100%;
opacity: 0.4;
}

#welcome-bkgd > div {
background-repeat: no-repeat;
background-position: center 50%;
background-size: auto auto;
background-image: none !important
}

#color-bkgd {
position: absolute !important;
width: 100%;
height: 100%;
background-color: #e0e0e0;
opacity: 1;
}

#homepage-content {
color: #000;
font-weight: normal;
}

#homepage-content img {
opacity: 0.7;
height: auto;
}

#homepage-content img.elephant {
width: 137px;
}

#homepage-content h1 {
font-family: "trajan-sans-pro",sans-serif;
font-weight: normal;
font-size: 40px;
line-height: 45px;
  color: #970505;
}

#homepage-content h1 + p > a,
#homepage-content h1 + p > a:visited {
color: #970505;
    font-weight: normal;
    text-decoration: none;
}

#homepage-content h1 + p > a:hover,
#homepage-content h1 + p > a:active {
color: #970505;
}


.menu-menu1-container {
display: table;   /* Allow the centering to work */
margin: 0 auto;
width: 98%
}

ul#primary-menu {
min-width: 90% !important;
list-style: none;
width: 100%;
}

ul#primary-menu > li {
display: inline;
}




.main-navigation {
padding: 15px 5px;
text-align: center;
border: solid #333;
border-width: 1px 0;
margin: 10px 0 20px
}

.main-navigation li {
float: left;
clear: none;
width: auto;
position: relative;
padding: 0 2%;
}

.main-navigation li + li:before {
content: '||';
position: absolute;
left: 0;
font-size: 12px;
color: #000;
}

.main-navigation li a,
.main-navigation li a:visited {
color: #000;
font-size: 22px;
font-weight: normal;
text-transform: uppercase;
}

.page-template-work .main-navigation li a, 
.page-template-work .main-navigation li a:visited,
.single-work .main-navigation li a,
.single-work .main-navigation li a:visited {color: #000;}

.main-navigation li a:hover,
.main-navigation li a:active {
color: #970505 !important ;
}

#post-12 .entry-content {padding: 30px 0;}
#post-12 .entry-content table td {
vertical-align: top;
}

#post-12 .entry-content h2 {
text-transform: uppercase;
font-weight: 500;
font-size: 21px;
margin: 35px 0 5px;
line-height: 22px;
}

#post-12 .entry-content h3 {
font-weight: 300;
font-size: 18px;
margin: 0px 0 5px;
line-height: 22px;
}

#post-12 .entry-content p {
font-weight: 300;
font-size: 17px;
margin: 0px 0 5px;
line-height: 22px; 
}

#post-12 .entry-content p a,
#post-12 .entry-content p a:visited,
#post-12 .entry-content a,
#post-12 .entry-content a:visited {
color: #970505 !important;
font-weight: 400 !important;
text-decoration: none !important;
}

#post-12 .entry-content p a:hover,
#post-12 .entry-content p a:active,
#post-12 .entry-content a:hover,
#post-12 .entry-content a:active {color: #970505 !important;}

#homepage-content #colophon {
border-top: solid 1px #888;
padding: 30px 0 0;
}

#homepage-content #colophon p {
font-size: 10px;
margin: 0;
padding: 0;
color: #000;
line-height: 14px;
}

#homepage-content #colophon p a,
#homepage-content #colophon p a:visited {
color: #970505;
text-decoration: none;
}

#homepage-content #colophon p a:hover,
#homepage-content #colophon p a:active {
color: #970505;
}




/* TEMPHOMEPAGE */

#post-5 .entry-content {padding: 30px 0;}
#post-5 .entry-content table td {
vertical-align: top;
}

#post-5 .entry-content h2 {
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
margin: 35px 0 5px;
line-height: 20px;
}

#post-5 .entry-content h3 {
font-weight: normal;
font-size: 16px;
margin: 0px 0 5px;
line-height: 20px;
}

#post-5 .entry-content p {
font-weight: normal;
font-size: 15px;
margin: 0px 0 5px;
line-height: 20px; 
}

#post-5 .entry-content p a,
#post-5 .entry-content p a:visited {
color: #970505;
font-weight: normal;
text-decoration: none;
}

#post-5 .entry-content p a:hover,
#post-5 .entry-content p a:active {color: #970505;}








/* default template */

.page, 
.archive,
.single-work  {background: #e0e0e0;}

.page #page,
.archive #page,
.single-work #page {
margin: 3% auto !important;
padding: 0;
position: relative;
width: 96%;
height: auto;
margin: 0 auto;
max-width: 1000px;
}


.page .site-branding h1,
.archive .site-branding h1,
.single-work .site-branding h1 {
margin: 0;
padding: 0
}

.page .site-branding h1 a,
.page .site-branding h1 a:visited,
.archive .site-branding h1 a,
.archive .site-branding h1 a:visited,
.single-work .site-branding h1 a,
.single-work .site-branding h1 a:visited {
text-decoration: none;
color: #fff;
font-weight: normal;
font-family: "trajan-sans-pro",sans-serif;
font-size: 50px;
line-height: 42px;
}

.page .site-branding h2,
.archive .site-branding h2,
.single-work .site-branding h2  {display: none;}

.page .site-branding,
.archive .site-branding,
.single-work .site-branding {
text-align: center;
}

.page .main-navigation,
.archive .main-navigation,
.single-work .main-navigation {
padding: 15px 0px 0;
text-align: center;
border: solid #ccc;
border-width: 0;
margin: 10px 0 
}

.page .entry-title,
.archive .entry-title,
.single-work .entry-title {
color: #000;
font-weight: bold;
text-align: center;
margin: 20px 0 10px;
text-transform: uppercase;
font-size: 23px;
line-height: 24px;
}

.page .entry-header-title,
.archive .entry-header-title,
.single-work .entry-header-title {
padding: 0 0 10px;
margin: 0 0 20px;
border-bottom: solid #888 1px;
}

.menu-toggle, 
.main-navigation.toggled .nav-menu {
margin: 0 auto;
border: solid 1px #888;
border-radius: 0px;
background-image: none !important;
background-color: transparent !important;
box-shadow: 0 0 0 ;
text-shadow: 0 0 0;
color: #000;
text-transform: uppercase;
padding: 10px 20px;
font-weight: normal;letter-spacing: 0.03em
}

.menu-toggle:hover, 
.main-navigation.toggled .nav-menu:hover {
background: none !important;
background-color: #970505 !important;
color: #fff;
 box-shadow: 0 0 0;
}

.menu-toggle[aria-expanded="true"] {
background-image: none !important;
background-color: #970505 !important;
color: #fff ;
  border-color: #970505
}

.menu-toggle[aria-expanded="true"] + div {
border-bottom: solid 1px #970505;
display: table !important;
width: 100%;
padding: 2% 0 5%;
margin: 0 auto;

}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu {
width: 80% !important;
height: auto;
border: 0px !important;
padding: 5%;
background: transparent;
}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu:hover {
background: transparent !important;
}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu li {
text-align: center;
width: 100%;
border: solid 1px #888;
padding: 3% 0;
margin: 0 0 10px;
}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu li:hover {
background: #970505 ;
}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu li:hover a {
color: #fff;  
}

.menu-toggle[aria-expanded="true"] + div 
ul.nav-menu li:before {content: '';}



.page #colophon,
.archive #colophon,
.single-work #colophon {
border-top: solid 1px #888;
padding: 30px 0;
text-align: center;
}

.page #colophon p,
.archive #colophon p,
.single-work #colophon p {
font-size: 10px;
margin: 0;
padding: 0;
color: #000;
line-height: 14px;
}

.page #colophon p a,
.page #colophon p a:visited,
.archive #colophon p a,
.archive #colophon p a:visited,
.single-work #colophon p a,
.single-work #colophon p a:visited  {
color: #000;
text-decoration: none;
}

.page #colophon p a:hover,
.page #colophon p a:active,
.archive #colophon p a:hover,
.archive #colophon p a:active,
.single-work #colophon p a:hover,
.single-work #colophon p a:active {
color: #000;
}

.main-navigation .current_page_item > a, 
.main-navigation .current-menu-item > a, 
.main-navigation .current_page_ancestor > a {
	color: #970505 !important;
	}









/* extra-text of work page */


#mosonry-container {
width: 98%;
display: block;
margin-left: 2%;
}

/*
.grid-item { width: 300px;}
.grid-item--width2 { width: 380px; }

.grid-item a {
display: block;
padding-bottom: 30px;
}
*/

.single-work #site-navigation {position: relative;}
a.showmenu {
height: 30px;
text-align: center;
width: 40px;
display: block;
width: 100%;
float: none;
clear: none;
margin: 0 1% 0 0;
cursor: pointer;
position: relative;
z-index: 5;
text-transform: uppercase;
color: #000;
font-weight: bold;
} 

a.showmenu:hover {color: #000;}

#site-navigation .menu-menu-1-container.show {opacity: 1;}

#site-navigation .coverage {
position: absolute;
width: 100%;
top: 0;
right: 0;
height: 100%;
background: #e0e0e0;
transition: width 1s;
z-index: 4;
}

#site-navigation .coverage.show {
  width: 0%;
}

.page-id-37 article {padding: 0 0 20px;}
.cat-title {
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 0.05em;
margin-top: 80px;
  color: #000
}

.cat-title.first {margin-top: 40px;}

.page .entry-title span {
text-transform: none;
font-weight: normal;
font-size: 75%;
color: #888;
display: block;
}


.single-work .entry-content .leftside {
width: 25%;
float: left;
clear: none;
display: table;
}

.single-work .posts-navigation .nav-previous, 
.single-work .post-navigation .nav-previous {
width: auto;
height: 40px;
float: left;
clear: none;
}

.single-work .nav-previous a {
width: 20px;
height: 20px;
position: relative;
display: table;
}

.single-work .nav-previous a:before {
content: '';
position: absolute;
border-top: 10px solid transparent;
border-right: 20px solid #000;
border-bottom: 10px solid transparent;
width: 0px;
height: 0px;
}

.single-work .nav-previous a:hover:before {border-right: 20px solid #333;}

.single-work .nav-links {
position: relative;
margin: 10% 0 0 30%
}

.single-work .nav-links:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
background: #333;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
left: 28px;
top: 8px;
}


.single-work .posts-navigation .nav-next, 
.single-work .post-navigation .nav-next {
width: auto;
height: 40px;

float: left;
clear: none;
}
	
.single-work .nav-next a {
width: 20px;
height: 20px;
position: relative;
display: table;
}

.single-work .nav-next a:before {
content: '';
position: absolute;
border-top: 10px solid transparent;
border-left: 20px solid #000;
border-bottom: 10px solid transparent;
width: 0px;
height: 0px;

}

.single-work .nav-next a:hover:before {border-left: 20px solid #333;}

.single-work .entry-content .rightside {
width: 75%;
float: left;
clear: none;
}

.single-work .entry-content .rightside img {
width: auto;
height: auto;
max-width: 100%;
}



.single-work .entry-content .leftside h2 {
font-weight: normal;
font-size: 20px;
color: #000
}

.single-work .entry-content .leftside h3 ul {
padding: 0;
margin: 0;
list-style: none;
font-weight: bold;
}

.single-work .entry-content .leftside h3 a,
.single-work .entry-content .leftside h3 a:visited,
.single-work .entry-content .leftside h3 a:hover,
.single-work .entry-content .leftside h3 a:active {
color: #ddd;
text-transform: uppercase;
font-weight: bol;
font-size: 12px;
text-decoration: none;
pointer-events: none;
cursor: default;
  display: none;
}









/* chronology */

.post-31 .entry-content {
width: 20%;
margin: 0 2% 2% 0;
    padding: 0 3% 2% 0;
text-align: right;
border-right: solid 1px #888;
float: left;
clear: none;
}

#chrono-rightcol {
width: 78%;
float: right;
claer: none;
}

.chrono-pic {
position: relative;
width: 48%;
height: 215px;
margin: 0 1% 15px;
overflow: hidden;
float: left;
clear: none;
}

.chrono-pic img {
width: auto;
height: auto;
position: absolute;
}

.chrono-pic .title {
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 1;
transition: opacity 1s;
transition: background 1s;
background: transparent;
  border: solid 2px #000
}

.chrono-pic:hover .title {
  opacity: 0.7;
background: #670606;
    }
    
.chrono-pic .title a,
.chrono-pic .title a:visited {
padding: 25% 0 0;
display: block;
font-size: 30px;
color: #ddd;
text-decoration: none;
position: absolute;
width: 100%;
height: 100%;
}

.chrono-table {
width: 100%;
margin: 0 auto;
}

.chrono-table .chrono-list {
  width: 96%;
margin: 0  0 0 4%;    
        }

.chrono-table tr td {vertical-align: top;}
.chrono-table tr td:first-child {width: 20%;}
.chrono-table tr td:first-child img {
width: 100%;
height: auto;
margin: 0 0 15px;
}

.chrono-table tr td img {
border: 2px solid #000;
}

.chrono-table tr td:last-child {width: 60%;}
.chrono-table tr td:last-child ul {
padding: 0 0 0 20px;
margin: 0 0 0 20px;
list-style: none;
}

.chrono-table tr td:last-child ul li {
margin: 0 0 20px;
width: 100%;
float: none;
clear: both;
}

.chrono-table tr td:last-child ul li + li {
border-top: dotted 1px #333;
padding-top: 25px;
}
   
.chrono-table .chrono-list tr:first-child td {
  padding: 0px 0 15px;
}
          
.chrono-table .chrono-list tr + tr td {
border-top: dotted 1px #333;
padding: 25px 0 15px;
        }

.chrono-table tr td:last-child ul li b {
font-size: 16px;
color: #000;
}

.chrono-table .chrono-list tr + tr td img {
height: auto;
    margin: 0 15px 15px 0;
    width: auto;	
	float: left;
	clear: none;
}



.chronology-child .chronology-child-menu {
width: 20%;
float: left;
clear: none;
padding: 20px;
border-right: 1px solid #555
}

.chronology-child .chronology-child-menu li {
list-style: none;
margin: 0 0 20px;
}

.chronology-child .chronology-child-menu li a,
.chronology-child .chronology-child-menu li a:visited {
text-decoration: none;
color: #000;
font-size: 16px;
}

.chronology-child .chronology-child-menu li a:hover,
.chronology-child .chronology-child-menu li a:active {
text-decoration: none;
color: #970505 ;
}


.chronology-child .chronology-child-menu li.current_page_item a {
font-weight: bold;
color: #970505 ;
}

.chronology-child .entry-content {
width: 75%;
float: left;
clear: none;
margin-left: 3%;
}



.menu-menu1-container .current-page-ancestor a {
color: #970505 !important;
}

















/* publications page */

.entry-content .book {
display: table;
width: 96%;
padding: 30px 2% 30px;
}

.entry-content .book + .book {
border-top: dotted 1px #333;
margin: 0px 0 0;
}

.entry-content .book img {
margin: 0px 30px 30px 0px;
width: auto;
height: auto;
max-width: 45%;
float: left;
clear: none;
}

.entry-content .book h2 {
font-size: 20px;
margin: 0 ;
padding: 00px 0 0;
font-weight: normal;
}

.entry-content .book + .book h2{
padding-top: 20px;
}

.entry-content .book + .book p + h2{
padding-top: 0px;
}

.entry-content .book h3 {
font-size: 15px;
margin: 0 ;
padding: 5px 0 0;
font-weight: bold;
}




.page-template-default,
.page-template-default article {
background: #e0e0e0;
color: #000;
}

.page-template-default .entry-header-title,
.archive .entry-header-title,
.single .entry-header-title {
border-color: #888;
}

.page-template-default #colophon,
.archive #colophon,
.single #colophon {
border-color: #888
}

.page-template-default #colophon p,
.archive #colophon p,
.single #colophon p {
color: #000;
}

#colophon p span {
 font-family: "trajan-sans-pro",sans-serif !important;
}

.page-template-default #colophon p a,
.page-template-default #colophon p a:visited,
.archive #colophon p a,
.archive #colophon p a:visited,
.single #colophon p a,
.single #colophon p a:visited {
color: #970505;
}

.page-template-default #colophon p a:hover,
.page-template-default #colophon p a:active,
.archive #colophon p a:hover,
.archive #colophon p a:active,
.single #colophon p a:hover,
.single #colophon p a:active {
color: #970505;
}

.page-template-default .main-navigation li a, 
.page-template-default .main-navigation li a:visited,
.archive .main-navigation li a, 
.archive .main-navigation li a:visited,
.single .main-navigation li a, 
.single .main-navigation li a:visited {
color: #000;
}

.page-template-default .main-navigation li a:hover, 
.page-template-default .main-navigation li a:active,
.archive .main-navigation li a:hover, 
.archive .main-navigation li a:active,
.single .main-navigation li a:hover, 
.single .main-navigation li a:active {
color: #970505 ;
}

.page-template-default .main-navigation .current_page_item > a, 
.page-template-default .main-navigation .current-menu-item > a, 
.page-template-default .main-navigation .current_page_ancestor > a,
.archive .main-navigation .current_page_item > a, 
.archive .main-navigation .current-menu-item > a,
.single .main-navigation .current_page_item > a, 
.single .main-navigation .current-menu-item > a {
color: #970505  !important;
}

.page-template-default .main-navigation li ul.sub-menu, 
.archive .main-navigation li ul.sub-menu, 
.single .main-navigation li ul.sub-menu {
  padding: 10px 0;
      margin: 0;
      list-style: none;
display: none !important
      }



.page.page-template-home {
background: #541011;
}

.page.page-template-home #page {
width: 100%;
max-width: 100%;
margin: 0 auto !important
}


.page.page-template-home #page article {
background: transparent;
}

.page.page-template-home .main-navigation  {
border-top: 1px solid #888;
border-bottom: 1px solid #888;
padding-bottom: 15px;
}



/* ----- archives and singles ------- */

.archive, .single {
background: #e0e0e0;
color: #000;
height: auto;
    margin: 3% auto !important;
    max-width: 1000px;
    padding: 0;
    position: relative;
    width: 96%;
}

.archive .page-title ul,
.single .page-title ul  {
padding: 0 0 20px;
margin: 0 0 10px;
width: 100%;
border-bottom: solid 1px #888;
}

.archive .page-title li {
list-style: none;
width: 100%;
text-align: center;
}

.archive .page-title,
.single .page-title  {
padding: 0 0 20px;
margin: 0 0 10px;
width: 100%;
border-bottom: solid 1px #888;
text-align: center;
color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin: 20px 0 10px;
    text-align: center;
    text-transform: uppercase;
text-decoration: none;
}

.archive .page-title li a {
color: #970505;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    margin: 20px 0 10px;
    text-align: center;
    text-transform: uppercase;
text-decoration: none;
 pointer-events: none;
   cursor: default;
}

.archive .page-title span,
.single .page-title span {
	 color: #000;
    display: block;
    font-size: 75%;
    font-weight: normal;
    text-transform: none;
}


.category-events article,
.category-creative-play-period article {
width: 100%;
display: table;
padding: 10px 10px;
margin: 0px auto 0px;
}

.category-events article + article,
.category-creative-play-period article + article {
border-top: dotted 1px #ccc;
}

.category-events article:nth-child(odd),
.category-creative-play-period article:nth-child(odd) {
background: #e6e6e6 ;
}


.category-events article .events-date {
float: left;
margin: 20px 2% 0 0;
padding: 20px 2% 20px 15px;
border-right: dotted 1px #ccc;
width: 15%;
font-size: 16px;
line-height: 22px;
color: #970505 ;
}


.category-events article .events-excerpt img,
.category-creative-play-period article .events-excerpt img {
float: left;
clear: none;
margin: 0 2% 5% 0;
position: relative;
}

.category-creative-play-period article .events-excerpt img {
	max-width: 700px;
width: 100%;
}

.category-events article .events-excerpt img:before,
.category-creative-play-period article .events-excerpt img:before { 
content: '';
width: 100%;
height: 100%;
background: red;
position: absolute;
z-index: 3;
top: 0;
left: 0;
}

.category-events article .events-excerpt
h1.event-excerpt-title a, 
.category-events article .events-excerpt
h1.event-excerpt-title a:visited,
.category-creative-play-period article .events-excerpt
h1.event-excerpt-title a, 
.category-creative-play-period article .events-excerpt
h1.event-excerpt-title a:visited {
text-decoration: none;
font-size: 20px;
font-weight: normal;
color: #970505;
}

.category-events article .events-excerpt
h1.event-excerpt-title a:hover, 
.category-events article .events-excerpt
h1.event-excerpt-title a:active,
.category-creative-play-period article .events-excerpt
h1.event-excerpt-title a:hover, 
.category-creative-play-period article .events-excerpt
h1.event-excerpt-title a:active {
color: #970505;
}


.single .site-branding {
text-align: center;
}
.single .site-branding h1 {
    margin: 0;
    padding: 0;
}

.single .site-branding h1 a, 
.single .site-branding h1 a:visited {
 color: #fff;
    font-family: "trajan-sans-pro",sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 42px;
    text-decoration: none;
}

.single .main-navigation {border: 0;}
.single #colophon {
    border-top: 1px solid #888;
    padding: 30px 0;
    text-align: center;
margin-top: 20px;
}

.single #colophon p {
    color: #000;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}

.single #colophon p a, 
.single #colophon p a:visited {
color: #970505;
text-decoration: none;
}

.single #colophon p a:hover, 
.single #colophon p a:active {
color: #970505;
}

.single article h1 {
font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.single article .entry-content {margin-top: 0;}
.single .entry-header-title {
    border-bottom: 1px solid #888;
    margin: 0 0 20px;
    padding: 0 0 10px;
}


.single .entry-header-title {
margin-top: -35px !important;
}

.single .entry-header-title .entry-title {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    margin: 20px 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.single main a,
.single main a:visited,
.page-template-default .entry-content a,
.page-template-default .entry-content a:visited,
.archive main p a,
.archive main p a:visited {
text-decoration: none;
color: #970505;
}

.single main a:hover,
.single main a:active,
.page-template-default .entry-content a:hover,
.page-template-default .entry-content a:active,
.archive main p a:hover,
.archive main p a:active {
color: #970505 ;
}

.return-link {
display: block;
text-align: right;
padding-top: 20px;
margin-top: 30px;
border-top: dotted 1px #888;
}





.return-link a {position: relative;}
.return-link a:before {
content: '';
position: absolute;
width: 0px;

height: 0px;
border-top: 5px solid transparent;
border-right: 10px solid #970505;
border-bottom: 5px solid transparent;
top: 30%;
left: -20%;
}

.return-link a:hover:before {
border-right: 10px solid #333;
}

.alignleft  {
float: left;
clear: none;
margin: 0% 2% 5% 0;
}

.alignright {
float: right;
clear: none;
margin: 0% 0% 5% 2%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.page-template-default .entry-content figure {
max-width: 60%;
margin: 0 3% 5% 0;
padding: 0 2% 0 0
}

.wp-caption-text {
font-size: 11px;
color: #000;
padding: 5px 15px;
}

.single .entry-content {padding-top: 25px;}
.single .entry-content > h1 {
margin: 10px 0 15px;
line-height: 29px;
font-size: 24px;
color: #000;
font-weight: 500;
}




/* editions page */

.editions-box {
display: table;
width: 100%;
}

.editions-box + .editions-box {
border-top: dotted 1px #ccc;
padding-top: 10px;
}

.editions-box img {
float: left;
clear: none;
width: 48%;
}

.editions-box.posters img {
margin-top: -10px;
}

.editions-box h3 {
padding-top: 30px;
}




#linkpage-container {padding: 15px;}
#linkpage-container h2 {
padding: 30px 0 0;
}


#linkpage-container a,
#linkpage-container a:visited, 
article a,
article a:visited
{
    color: #970505;
    text-decoration: none;
}

#linkpage-container a:hover,
#linkpage-container a:active, 
article a:hover,
article a:active {
    color: #970505 ;
}



#post-39 .publink {
pointer-events: none;
cursor: default;
color: #000 !important;
}

#post-334 .catlink {
pointer-events: none;
cursor: default;
color: #000 !important;
}




.main-navigation ul ul {display: none !important;}

blockquote, q {font-style: normal;}
blockquote:before, q:before {content: open-quote;}
blockquote:after, q:after {content: close-quote;}


.category-creative-play-period 
.entry-content p {
width: 100%;
display: table;
clear: both;
float: none;
}

.category-creative-play-period 
.entry-content img {
margin: 0;
}



.category-creative-play-period + div + 
.category-creative-play-period {
border-top: dotted 1px #888;
padding-top: 15px;
}

#post-449.category-creative-play-period 
.events-excerpt p {
font-size: 110%;
line-height: 120%;
}

#page #post-449 .entry-content p img {
width: 31%;
margin: 0 2% 2% 0;
border: solid 2px #000;
}




/* splash page */

.page-id-468 {background: #e0e0e0;}
.page-id-468  #page {
width: 100%;
margin: 0 !important;
padding: 0 !important;
max-width: 100%;
position: absolute;
height: 100%;
min-height: 800px;
}

.page-id-468  #page #main {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}


.page-id-468  #page .entry-content {
position: relative;
margin: 30% auto 0;
text-align: center;
width: 50%;
left: 5%;
padding: 10px 50px 0;
background: transparent;
 /*text-shadow: 1px 1px 3px rgba(255,255,255,0.1);*/
}


.page-id-468  #page .entry-content h1 {
display: inline-block;
margin: 0 auto;
background: /*#610909*/ none;

}

.page-id-468  #page .entry-content h1 a,
.page-id-468  #page .entry-content a:visited {
color: #970505;
font-family: "trajan-sans-pro",sans-serif;
font-size: 40px;
font-weight: 500;
display: block;
border: solid 0px #dbb35d;
line-height: 40px;
}

.page-id-468  #page .entry-content h1 a:hover,
.page-id-468  #page .entry-content a:active {}

.page-id-468  #page .entry-content p a,
.page-id-468  #page .entry-content p a:visited {
  color: #ccc !important;
    text-transform: uppercase;
      display: block;
    margin-top: -8px;
  }

.page-id-468  #page .entry-content p a:hover,
.page-id-468  #page .entry-content p a:active {
        color: #fff !important;
        }


/*

#site-navigation {
display: table;
height: 55px !important;
}

.menu-menu1-container {
display: block;   /* Allow the centering to work 
margin: 0 auto;
position: relative;
height: auto;
width: 100%;
}

ul.menu {
list-style: none;
text-align: center;
width: 100%;
display: table;
position:absolute;
left:50%;
top:0;
margin-left: -48%; /* negative margin equal to half the width 
}

ul.menu li {
float: left;
display: inline-block; /* the key bit 
    *display: inline; /* IE7 hack 
    *zoom: 1; /* IE7 hack 
	}



#nav li {
float:left;
}

*/




.red {color: #970505 !important;}
.wp-caption-text {
font-size: 16px;
line-height: 20px;
padding: 5px 0px;
}

.entry-content h4 {
font-family: "trajan-sans-pro",sans-serif;
font-size: 20px;
line-height: 24px;
font-weight: normal;
}

.entry-content h5 {
font-family: "trajan-sans-pro",sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: normal;
}

.entry-content h6 {
font-family: "trajan-sans-pro",sans-serif;
font-size: 13px;
line-height: 17px;
font-weight: normal;
}














/* --------------------------- responsive ------------------------------ 
*/

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

#page {/*background: #333;*/}
.main-navigation li {
width: 32%;
border: solid 1px #888;
margin: 0.5%;
padding: 5px 0
}

.main-navigation li + li:before {content: '';}

.single-work .entry-content .leftside h2,
.single-work .entry-content .leftside h3,
.single-work .entry-content .leftside p,
.single-work .entry-content .leftside footer {
width: 90%;
}


.chronology-child .chronology-child-menu ul { 
margin: 0;
padding: 0 0 0 10px;
}

.chrono-table tr td {
width: 100% !important;
float: left;
clear: both;
}

.chrono-table tr td .chrono-list {
margin: 0 !important;
padding: 0 !important
}

.chrono-table tr td .chrono-list li {
width: 98% !important;
}

.page-id-468  #page #main {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
background-color: #e0e0e0
}

.single-work .menu-menu1-container {
height: 0px !important;
display: block !important;
overflow: hidden;
transition: height 2s !important;
}

.single-work .menu-menu1-container.show {
height: auto !important;
}


}



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

#page {/* background: #555;*/}
body {min-width: 300px;}
main {padding: 0 10px;}
.chrono-pic {
width: 98%;
height: auto;
float: none;
clear: both;
}

.chrono-pic img {
position: static;
padding: 0;
margin: 0;
width: 100%;
}

.chrono-pic .title a, 
.chrono-pic .title a:visited {padding-top: 30%}

.entry-content .book img {
float: left;
margin: 0 0 30px;
width: 100% !important;
height: auto !important;
max-width: none !important;
}

.single-work .entry-content .rightside,
.single-work .entry-content .leftside {
float: left;
width: 96%;
clear: both;
margin: 0 2%;
text-align: center
}

.main-navigation li {
width: 100%;
border: solid 1px #ddd;
margin: 0.5%;
padding: 5px 0
}

.single-work a.showmenu,
.single-work #site-navigation .coverage {display: none;}
.single-work .main-navigation ul {display: block;}
.single-work ul#primary-menu:before {
content: 'MENU';
margin: 0 auto 10px;
padding: 0 0 5px;
display: block;
}

.entry-content table td {
float: left;
width: 100%;
clear: both;
}

.chronology-child .chronology-child-menu {padding: 0;}

.category-events article .events-date {
width: 100%;
padding: 0;
border: 0;
margin: 0 0 20px;
}

.category-events article .events-excerpt img {
width: auto;
max-width: 100%;
float: none;
clear: both;
margin: 0
}

.category-events article {
padding: 15px !important;
margin: 0 !important;
}



.editions-box img {
float: left;
clear: none;
width: 95%;
margin: 0 2% 3% 0%;
}


.page-template-default .entry-content figure, 
.page-template-default .entry-content blockquote, 
.page-template-default .entry-content q {
padding-left: 0;
padding-right: 0;	
margin-left: 0;
margin-right: 0;
}



/* chronology */
.post-31 .entry-content {
border-bottom: 1px solid #888;
border-right: 0px;
clear: both;
float: left;
margin: 0 2% 25px 0;
padding: 0 3% 15px 0;
    text-align: left;
    width: 100%;
}

#chrono-rightcol {
float: left;
width: 100%;
}



/* works single */
.single-work .nav-links {
position: relative;
margin: 5% auto 10%;
  width: 33%;
  display: table;
      text-align: center;
      float: none;
      clear: both;
}

.single-work .posts-navigation .nav-previous, 
.single-work .post-navigation .nav-previous {
    clear: none;
    float: left;
    height: 20px;
    width: 30px;
        margin-right: 15px;
}

.single-work .posts-navigation .nav-next, 
.single-work .post-navigation .nav-next {
  height: 20px;
    width: 40px;
            }

.single-work .nav-links:after { 
  display: none;
      }


#page #post-449 .entry-content p img {
width: 100%;
margin: 0 0% 4% 0;
}

.page-id-468  #page #main {
background-image: url('http://peterbeard.com/wp-content/uploads/2015/07/PB-Leaning.jpg') !important; 
background-size: cover /*auto 80%*/ ;
background-position: center right !important;
}



 }




@media only screen and (orientation: portrait) { 


.page-id-468  #page #main {
background-image: url('http://peterbeard.com/wp-content/uploads/2015/07/PB-Leaning.jpg') !important; 
background-size: cover /*auto 80%*/ ;
background-position: center right !important;
}
    
.page-id-468  #page .entry-content {
position: relative;
margin: 30% auto 0;
text-align: center;
width: 90%;
        left: 0
    }


}



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

.page-id-468  #page #main {
background-image: url('http://peterbeard.com/wp-content/uploads/2015/07/PB-Leaning.jpg') !important; 
background-size: cover /*auto 80%*/ ;
}

}