/* Stylesheet for SHADDO.uk   Jan2020 */

/* Base styles */

* 		{box-sizing: border-box;}
body    {font-family:verdana;color:#334252;font-style:normal;font-weight:normal;font-size:14px; text-decoration:none;background-color:#aaa;}

a:	{color:#91895C;text-decoration:none;}
a:hover,a:active	{color:#8CB3DE;text-decoration:none;}

.rounded	{border-radius:8px;box-shadow:3px 3px 3px #888;}
.left   {float:left;margin-left:-10px;}
.right  {float:right;margin-right:-10px;}
.clear  {clear:both;width:100%;}

/*  Container styles */
#container	{max-width:980px;margin:auto;padding:10px;background-color:#5b7591;}
#content_outer	{margin-top:0px;background-color:#ffffff;overflow-y: auto}
#content_inner	{width:90%;margin:0 auto;}  /* may not be required? */
#content_left, #content_right	{padding:5px 15px;float:left;}  /* may not be required? */

/*  Header Styles  */
#header		{width: 100%;}
#header-logo		{float:left;padding:0 30px 0 20px;}
#header-logo img	{width:200px;}
#header-title		{float:left;}
#header-shaddo		{width:100%;padding: 0 0 0 20px;color:white;font-size:1.6em; font-style:italic; font-weight:bold;}
#header-fb         {float:right;padding:10px;}
@media only screen and (min-width: 768px) {
	#header-title {padding-top:20px;}
	#content_outer	{padding:15px;}
	}
	
/* Menu styles  -  see menu.css   */

/*Content styles - 12 column model  - mobile phones  ( reference: https://www.w3schools.com/css/css_rwd_grid.asp) */
[class*="col-"] {
  float:left;width: 100%;
}
 /*Content styles - 12 column model  - desktop */
@media only screen and (min-width: 768px) {
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
/*  Footer style */
#footer		{position:relative;clear:both;margin-top:5px;padding:8px ;background-color:#6E6E6E;}


/* Page styles */
p	{margin:1em 0;}
h1  {font-style: normal;font-weight: bold;font-size: 1.8em;text-decoration:none;margin:0.67em 0;}
h2 	{font-style:italic;font-weight:bold;font-size:1.5em;text-decoration:none;margin:0.83em 0; }
h3 	{font-style:normal;font-weight:bold;font-size:1.17em;margin:1em 0;}
h4 	{font-style:italic;font-weight:normal;font-size:1em;margin:1.33em 0;}
h5	{font-style:normal;font-weight:normal;font-size:.83em;margin:1.67em 0;}

/* table	{border:0;width:100%;} */
img 	{border:0;}

/* from mainstyle.css - used in most cast/crew pages, plus homeframe, joinus, pastprod, comedy 10, mandm12, metamorphosis, mystery, rumpel, treasure island, events. */

#cast {max-width:1000px;}
#crew {max-width:1000px;}
#crew .colb	{width:300px;}
.cola  {font-weight:bold;font-style:italic;padding-right:20px;vertical-align:middle;}
.colb  {vertical-align:middle;}
.tablehead {padding-top:10px;padding-bottom:20px;text-align:center;}
.tablenav	{padding-top:10px;padding-bottom:20px;text-align:right;}


/* styles specific to production cast and crew pages */
.role	{width:20%;min-width:200px;text-align:right;vertical-align:top;font-style:italic;font-family:Arial;padding-right: 10px;}
.spacer	{}
.person	{width:28%;text-align:left;vertical-align:top;font-style:normal;font-family:Arial;}
.team	{text-align:left;vertical-align:top;font-style:normal;font-family:Arial;}
.roleteam	{margin:16px;width:50px;text-align:left;vertical-align:top;font-style:normal;font-family:Arial;padding-right: 10px;}