/*   THIS IS USED SOLELY FOR MOBILE GIG (i.e. final) PAGES */
/*   It is the same as stylesmob except 'h2' and 'h3' use popup colours for yellow background */


BODY {
  BACKGROUND-COLOR: #000000; COLOR: #FFFFFF
}
@font-face {
    font-family: 'textsquirrel';
    src: url('Amaranth-webfont.eot');
    src: url('Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('Amaranth-webfont.woff') format('woff'),
         url('Amaranth-webfont.ttf') format('truetype'),
         url('Amaranth-webfont.svg#textsquirrel') format('svg');
    font-weight: normal;
    font-style: normal;
}

p
{
  font-family:TextSquirrel,"Amaranth",sans-serif;
  font-size:1em;
  font-weight:normal;
  color:#DE6F00;  /* orangy-brown */
  margin-top:0;
  margin-bottom:10;
}

/* NOTE: This bit produces a box for the links instead of text */

A:link,a:visited
{
  display:block;
  font-weight:bold;
  color:#FFFF88;                    /* pale yellow */
  background-color:#662B00;         /* dark brown */
  width:300px;
  height:20px;
  font-family:TextSquirrel,"Amaranth",sans-serif;
  font-size:1em;
  vertical-align:middle;
  text-align:center;
  padding:0px;
  text-decoration:none;
  margin-top:5;
  margin-bottom:5;
}
A:hover,A:active
{
  background-color:#DE6F00;         /* orangy-brown */
}

@font-face {
    font-family: 'headsquirrel';
    src: url('bnkgothm-webfont.eot');
    src: url('bnkgothm-webfont.eot?#iefix') format('embedded-opentype'),
         url('bnkgothm-webfont.woff') format('woff'),
         url('bnkgothm-webfont.ttf') format('truetype'),
         url('bnkgothm-webfont.svg#headsquirrel') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1  /*  Title  */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#DE6F00;  /* orangy-brown */
    font-size:1.25em; /* 16px = 1em. fixed size for main heading */
	 margin-top:0;
	 margin-bottom:5;
}

h2  /*  Heading for brown background */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#904000;    /* med brown */
    font-size:1.25em; /* 16px = 1em. */
    font-weight:bold;
	 margin-top:5;
	 margin-bottom:5;
}

h3 /* Sub-heading for brown background */
{
    font-family:"textsquirrel","Amaranth",sans-serif;
    color:#904000;  /* med brown */
    font-size:1em;  /* 16px = 1em. Using em allows resizing */
    font-weight:normal;
	 margin-top:0;
	 margin-bottom:5;
}

h4  /* same as 'p' for mobile. Means we can use same code */
{
  font-family:TextSquirrel,"Amaranth",sans-serif;
  font-size:1em;
  font-weight:normal;
  color:#DE6F00;  /* orangy-brown */
  margin-top:0;
  margin-bottom:10;
}

h6  /* spacer */
{
    font-family:"HeadSquirrel","BankGothic Md BT",sans-serif;
    color:#FFFF88;       /* pale yellow */
    font-size:32px;
    font-weight:bold;
	 margin-top:30;        /* changed from the main styles */
	 margin-bottom:00;
}