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

header	{
  width: 1000px;
  margin: 0 auto;
}
header h1 {
  width: 100%;
  margin-left: 0%;
}
header h1 img {
  width: 300px;
}

div#outer-content-area	{
  width: 1000px;
  margin: 0 auto;
  overflow: auto;			/* Needed because the contents of it float at tablet & desktop */
}

body.level3.onecol div#outer-content-area	{
  overflow-x: hidden;		/* To get rid of horizontal scrollbar */
}


#maincontent {
  width: 620px;
  float: left;
}
body.onecol #maincontent { 
  width: 1000px;
}
body.onecol div#sidebar { 
  display: none;			/* There will be an empty DIV or ASIDE if using latest template */
}

#breadcrumbs { /*width: 650px;*/ }		/* Some breadcrumbs longer.  Cannot see reason for limit so removed 7 Oct 2018 */
section#maincontent > a:first-child img, 
section#maincontent > img:first-child {
  margin-left: 0%;				/* Remove the left margin used in tablet */
  display: block;				/* it centres itself without this */
}




#maincontent h2,
#maincontent h3 {
  /*width: 620px;*/				/* Pointless? Looks like it, so removed 20 Mar 2019 */
}

/******************************	*/
/*		Paragraph				*/
/******************************	*/

h2, h3, h4, p, ul, dl, 
form.dossier, 
form.content, 
div#breadcrumbs {
  padding-left: 0px;
  padding-right: 0px;
}
table {
  width: 100% !important;
  margin-left: 0% !important;
  margin-right: 0%;
  box-sizing: border-box;	/* Needed as table may have leftr and right borders */
}

#sidebar .section h3,
#sidebar .section p,
#sidebar .section ul {
  padding-left: 10px;
  padding-right: 10px;
}


div#sidebar, aside#sidebar {
  float: left;
  margin-left: 28px;
  width: 340px;
}
  
#sidebar .section {
  padding: 10px;
  background-color: #efefef;
  border: 1px solid #ccc;  
  border-radius: 8px;
  box-shadow: 3px 3px 9px rgba(0,0,0,0.3);
}

#sidebar .section.ags h4 {
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 1px;
  margin-top: 0;
  margin-bottom: 10px;
}


div.image { 		/* Separate declaration to cover main title image */
  float: right;
  width: auto;
  margin-left: 2%;
}

div.image {
  border-width: 1px 1px;
}

/* additional class 'block' used for images plonked into interviews */
div.image.block {
  float: none;
}
div.image.block {
  border-width: 0px;
}
div.image.block p.caption {
  border-bottom: 1px solid #ccc;
}
div.image p.caption {
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
}

div.typeimage {		/* Stop forcing the title image to reach across the page */
  max-width: none;
  width: auto;
}


/**************************************	*/
/*		SOCIAL MEDIA BUTTONS			*/
/**************************************	*/

.social-media-buttons {
  padding-left: 0%;
  padding-right: 0%;
  width: 100%;
  height: 40px !important;
}


/**************************************	*/
/*		PROGRAMMES						*/
/**************************************	*/

table.standard.programme {
  width: 700px !important;
}


/**************************************	*/
/*		RICHIE GINTHER ADVERT			*/
/**************************************	*/

header { position: relative; }

.advert {
  background: white url("../Images/orc/Ginther-advert-003.jpg") no-repeat 0 0;
  height: 80px;
  width: 468px;
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
}

/**************************************	*/
/*		WATN LISTING TABLE				*/
/**************************************	*/

div.watn.listing.table {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

div.watn.listing.table .cell.name 			{ width: 28.5%; }
div.watn.listing.table .cell.born 			{ width: 29.5%; }
div.watn.listing.table .cell.died 			{ width: 29.5%; }
div.watn.listing.table .cell.nationality	{ width: 7.5%; }