body {
	font-size:87.5%; /*Base font size is 14px */
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
	text-align:left;
	color:#333333;
	background-image:url('../images/dark-page-background.jpg');
}
#wrapper {
   	margin: 0 auto;
	width:100%;
	max-width:980px;
}
.headerholder {
	width:100%;
	background:black;
}
.mainheader {
	width:100%;
}
.mainheader img {
    width:100%;
	height:auto;
}
/*Strip the ul of padding and list styling*/
nav ul {
	width:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	position: relative;
	top: 0px;
	left: 0px;
	background:#2f3036;
	float:right;
}
/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	float: left;
	width:8.1%;
}
/*Style for menu links*/
nav li a {
	display:block;
	text-align: center;
	height:60px;
	line-height: 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background: #2f3036;
	color: #fff;
	text-decoration: none;
	width:100%;
	float:left;
}
/*Hover state for top level links*/
nav li:hover a {
	background: #7F0000;
}
/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	min-width: 160px;
	padding: 0;
	float:right;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:14px;
	text-decoration: none;
	color: #fff;
	background:#19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
	text-transform:uppercase;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
#currentpage {
    background-color:#000000;
    text-shadow:none;
}
#contentholder {
	width:100%;
	float:left;
	background:black;
}
#content {
    margin-right:1%;
    width:60%;
	padding-left:2%;
	padding-right:2%;
	float:left;
	background-color:black;
}
header h1 {
	font-family: 'Oswald', sans-serif;
	font-size:2.8em;
	font-weight:800;
	color:#000066;
	text-transform:uppercase;
}
header h2 {
    font-family: 'Oswald', sans-serif;
	font-size:2.5em;
	font-weight:900;
	color:#000066;
	text-transform:uppercase;
}
#content h1 {
	font-family: 'Oswald', sans-serif;
	font-size:2.4em;
	font-weight:800;
	color:red;
}
#content h2,h3 {
    font-family: 'Oswald', sans-serif;
	font-size:1.8em;
	font-weight:900;
	color:red;
	line-height:1.4em;
	text-transform:uppercase;
}
#content p {
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
}
#content a {
	color:#66CCFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}
#content a:hover  {
	color:#FF3300;
	text-decoration:none;
}
#content li {
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	margin-bottom:2%;
}
.fullimage {
	width:100%;
	height:auto;
}
img {
	border-width: 0px;
	width:100%;
	height:auto;
}
.topimage {
	width:42%;
	height:auto;
	float:right;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	padding-left:16px;
}
.leftimage {
	width:42%;
	height:auto;
	float:left;
	margin-top:0;
	margin-right:20px;
	margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit	border-radius:5px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 100%);
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);
}
.rightimage {
	width:45%;
	height:auto;
	float:right;
	margin-left:15px;
	margin-right:10px;
	margin-bottom:15px;
	-moz-border-radius:5px;
}
.caption {
	font-style:italic;
	font-size:1.4em;
	text-align:center;
	margin-top:-1%;
}
.videoskin {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:6%;
}
.videoskin iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vimeoskin iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vimeoskin {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.boxheader {
	width:100%;
	float:left;
	margin-bottom:1px;

}
.infobox {
	width:90%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	border:1px;
	border-style:dotted;
	border-color:#CCCCCC;
	padding-left:4%;
	padding-right:2%;
	margin-bottom:8%;
}
.infoimage {
	width:25%;
	float:right;
	margin-left:20px;
	margin-right:5px;
	background:white;
	padding:8px;
}
.bookbox {
	width:90%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
	border:1px;
	border-style:dotted;
	border-color:#CCCCCC;
	padding-left:4%;
}
.bookimage {
	width:45%;
	float:right;
	margin-right:5px;
	margin-left:30px;
	margin-top:4%;
	background:black;
}
.booktext {
	width:90%;
	float:left;
	margin-right:5px;
	margin-left:10px;
	background:black;
}
.bookimagelink {
    text-align:center;
    font-size:1.2em;
    font-family:Arial, Helvetica, sans-serif;
}
.amazonbuybox {
	width:40%;
	text-align:center;
}
.newspaper-clipping {
	width: 98%;
	border:1px;
	border-style:dotted;
	border-color:#FFFFFF;
	margin-bottom:3%;
}
#sidebar {
	margin-left:1%;
	margin-top:2%;
	float:left;
	width:33%;
}
.socialbuttonsholder {
	width:99%;
	height:auto;
	margin-left:1%;
	margin-bottom:2%;
	margin-right:1%;
	float:left;
	text-align:center;
	padding-top:2%;
}
.socialbutton {
	width:17%;
	height:auto;
	margin-left:1%;
	margin-right:2%;
	float:left;
}
.sidebarsection {
	width:100%;
	float:left;
	background-color:black;
	line-height:1.4em;
	color:#666666;
	text-align:left;
	margin-top:2%;
	border:1px;
	border-style:solid;
	border-color:#808080;
}
.sidebarsection1 {
	width:100%;
	float:left;
	background-color:black;
	line-height:1.4em;
	color:#666666;
	text-align:left;
	margin-top:1%;
	border:1px;
	border-style:solid;
	border-color:#808080;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit	border-radius:8px;
}
.sidebarsection li a {
    text-decoration:none;
}
.sidebarsection1 a {
    text-decoration:none;
}
.sidebarsection li:hover a {
    color:#FFFFCC;
}
.sidebarsection li {
	list-style:none;
	margin-bottom:2%;
}
.infoheader {
	width:94%;
	text-align:center;
	background-color:#7F0000;
	border-radius:8px;
	margin-left:auto;
	margin-right:auto;
}
.infoheader h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    line-height:1.8em;
    text-align:center;
    color:white;
    letter-spacing:1px;
    word-spacing:1px;
    padding:2%;
}
.centretext {
	text-align: center;
}
.question {
	color:#FFFF99;
}
.innersidesection {
	width:90%;
	margin-left:3px;
	margin-right:3px;
	padding-left:4%;
}
.innersidesection h3 {
      font-family: 'Oswald', sans-serif;
      font-size: 1.3em;
      font-weight:bolder;
      text-align:left;
      color:#302B54;
}
.innersidesection p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:white;
	line-height:1.4em;
}
.innersidesection a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;
	color:#66CCFF;
	line-height:1.4em;
}
.searchbox {
	width:96%;
	margin-bottom:3%
}
.sidebarsection li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	color:white;
	line-height:1.4em;
	padding-left:-3%;
}
.leftsidebarimage{
	width:29%;
	float:left;
	height:auto;
	padding-right:8%;
	padding-top:2%;
}
.rightsidebarimage {
	width:34%;
	float:right;
	padding-left:8%;
    padding-top:2%;
}
.socialbuttonsholderwalkpage {
	width:92%;
	height:auto;
	margin-left:1%;
	margin-top:6%;
	float:left;
	text-align:center;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit	border-radius:8px;
	padding:2% 3%;
	background:linear-gradient (90deg,#b01c20 0%, #f15c60 96%);
	-moz-box-shadow: -5px -5px 5px #888;
   -webkit-box-shadow: -5px -5px 5px #888;
    box-shadow: -5px -5px 5px #888;
}
.timeline {
	color:#FF0000;
}
#footer {
   	width:100%;
   	clear:both;
	float:left;
	background-color:#7F0000;
	padding-top:40px;
	padding-bottom:40px;
}
#footer p {
    width:100%;
    color:#FFF;
    text-align:center;
    font-size:.8em;
    word-spacing:1px;
}
#footer a {
	color:#FFFFFF;
}
.footernavigation {
    width:100%;
    height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
	margin-left:20%;
}
.footernavigation ul {
    list-style:none;
    overflow:hidden;
}
.footernavigation li {
      float:left;
      display:block;
}
.footernavigation a {
	color:#FFF;
	display:inline-block;
	height:auto;
	padding-left:.8em;
	padding-right:.8em;
	font-size:.9em;
	text-decoration:none;
}
.footernavigation a:hover {
    background-color:#b01c20;
    text-shadow:none;	
}
.essayheader {
	width:88%;
	padding-left:6%;
    padding-right:6%;
}
.statcounter {
	width:4%;
	margin-left:auto;
	margin-right:auto;
}
.licence {
	width:20%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#FFFFCC
}
.lightboxwrapper {
	padding-left:5%;
}
@media only screen and (max-width: 860px) {
#wrapper {
  width:98%;
  font-size:87.5%;
}
#contentholder {
	width:100%;
}
#content {
    width:60%;
	background-color:black;
}
#content p {
	font-size:1.2em;
}
#sidebar {
	width:33%;
}
.sidebarsection p {
    font-size:1.1em;
}
}
@media only screen and (min-width:150px) and (max-width: 720px) {
#wrapper {
  width:96%;
}
.mainheader {
	background:black;
}
nav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
nav	li {
	}
	/*Make all menu links full width*/
nav	ul li, li a {
		width: 100%;
		font-size:18px;
		border-bottom:1px;
		border-bottom-style:solid;
	}
	/*Display 'show menu' link*/
nav	.show-menu {
		display:block;
		width:100%;
	}
#contentholder {
	width:100%;
}
#content {
    width:96%;
	background-color:black;
}
#content p {
	font-size:1.5em;
}
#content li {
	color:white;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:2%;
}
#sidebar {
	width:96%;
	background-color:black;
	margin-top:4%;
}
.socialbuttonsholder {
    margin-top:2%;
}
#footer {
   	display:none;
}
.photoboxtext {
	width:96%;
	margin-bottom:4%;
	margin-top:2%;
	padding-left:3%;
}
.photoboximage {
	width:90%;
	height:auto;
	margin-bottom:4%;
	padding-left:3%;
}
.video {
    width:96%;
    height:300px;
    float:left;
	background-color:#f2f2f2;
	margin:2%;
}
.video iframe {
	width:100%;
	height:300px;
}
.sidebarsection p {
    font-size:1.4em;
    line-height:1.6em;
}
}