/*
  About this file:

    This was developed previously from "main-style-1-s5.css."

*/

/* Beginning of CSS */

      @import url("shadows.css");
      
      * {
        border-width: 0;
        margin: 0;
        outline: 0;
        padding: 0;
        /*border:1px solid black;*/
        /*outline:1px solid blue;*/
        /* overflow:hidden; */
      }
      
      body {
        background-color: #3C8D91; /* blue #3C8D91 or green #5ea88f */
        color:#000000;
        text-align:center;
      }
      
      .shadowbox, .page {
        float: none;
        margin: 0.5em auto 0em auto;
        width: 930px;
      }

      .page {
        background-color: #ffffff;
        color:inherit;
        margin: auto;
        margin-top:7%;
        padding: 1.5em 3.5em;
        width:800px;
      }

      /*.page {background-color:#5ea88f;}*/
      .page {background-color:#fefefe;}

      #head {
        display:block;
        float: none;
        height: 5.5em;
        padding-top:2em;
        width:auto;
      }

      h1 {
        background-color:inherit;
        /* background-color: #000000; */
        /*background-image:url('../images/other/title.png');
        background-attachment:scroll;
        background-repeat:no-repeat;
        background-position:0% 0%;*/
        color: white /*black*/;
        float: left;
        font-family: Times, serif;
        font-size: 23pt; /* was 18pt */
        font-style: italic;
        font-weight: normal; /* was 800 */
        font-variant: normal;
        margin-top: auto;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: 1em;
        width:8em;
        text-align:left;
      }

      h1, h1 * {
        background-color:inherit;
        /*color:white;*/
        clear:none;
      }

      h1 a {
        background-color:inherit;
        /*color:black;*/
        color: black /*white, black, #343434*/;
        /*text-shadow:0.015em 0.015em 0.17em black;*/
        /*text-shadow:0.05em 0.05em 0.27em grey;*/

        /*text-shadow:0.02em 0.02em 0.15em black, -0.01em -0.01em 0.55em black;
        color: white;*/

        /*text-shadow:0.02em 0.02em 0.09em black, -0.01em -0.01em 0.09em black;
        color: white;*/

        /*text-shadow:1px 1px 0.75px black, -0.5px -0.5px 1px black, 0.5px -0.5px 1px black, -0.5px 0.5px 1px black;
        color: white;*/

        /*text-shadow:0.02em 0.02em 0.05em black, -0.01em -0.01em 0.05em black;
        color: white;*/

        /*text-shadow:0.02em 0.02em 0.05em #682023, -0.01em -0.01em 0.05em #682023;
        color: white;*/

        /*text-shadow:0.02em 0.02em 0.05em #555, -0.01em -0.01em 0.05em #555;
        color: #682023;*/

        font-style:italic;
        text-decoration:none;
        clear:none;
      }

      h2 {
        background-color:inherit;
        display:block;
        clear:left;
        float:left;
        margin-left: 1em;
        width:12em;
      }

      h2, h2 a {
        background-color:inherit;
        color: black;
        font-family: Times, serif;
        font-size: 14pt;
        font-style: italic;
        font-weight: 100; /* was 600 */
        font-variant: normal;
        text-align: right;
        text-decoration: none;
      }

      #head ul {
        background-color:inherit;
        color: black;

        float: right;
        font-family: Times, serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        word-spacing: 0.5em;/* Added 3/17/08 */

        list-style-type:none;

        margin-top: 1.5em;
        margin-right: 3em;
        margin-bottom: auto;
        margin-left: auto;
        /*
        width:5em;
        height:2em;
        */

        width:auto;
      }

      #head ul li {
        background-color:inherit;
        color:inherit;
        float:left;
        margin: auto 0.5em;
        width:auto;
      }

      #head ul li a {
        background-color:inherit;
        color: #C12D2D;/* black */
        font-family: Times, serif;
        font-size: 12pt;
        font-style: normal;
        font-weight: normal;/* normal */
        font-variant: small-caps;/* normal */
        text-decoration: none;
      }

      #head ul li a:hover {
        text-decoration: underline;
      }

/*
      #head ul li a:visited {
        text-decoration: none;
      }
*/

      #content {
        background-color:inherit;
        /* background-color: #C0C0C0; */
        /* background-color:green; */
        /* border:12px solid black; */
        color:inherit;

        float: none;
        margin: 0.25em 1em 0em 1em;
        min-height: 16em; /* was 12em */

        /* This keeps the content area tall enough,
        even if there isn't anything in it. */

        text-align: left;
        vertical-align: top;
        width:auto;
      }

/* Link Effects */
      #content a {
        background-color:inherit;
        color: #303030; /* was black */
        font-family: Times, serif;
        font-style: italic;
        font-weight: 100;
        font-variant: normal;
        text-decoration: none;
      }

      #content a {
        /* background-color: #C0C0C0; */
        font-size: 18pt;
      }

      #content a:hover {
        text-decoration: underline;
      }

      #content p {
        display:block;
        line-height:2.5em;
        margin:2em;
      }

/* Menus */

      #content ul {margin:0; padding:0;}

      #content ul.list {
        list-style-type:none;
        /* line-height:2.75em; */
        margin-top:2em;
        margin-left:0;
        margin-right:0;
        width:10em;
      }

      #content ul.list-left {
        float:left;
        list-style-type:none;
        margin-top:2em;
        margin-left:2em;
        text-align:right;
        width:12em;
      }

      #content ul.list-left li.space {
        margin-top:1em;
      }

      #content ul.list-left li, #content ul.list-left li * {
        font-size:13pt;
        line-height:2.75em;
      }

      #content #artists {
        list-style-type:none;
        display:inline-block;
        /*position:relative; top:-11.6em;*/
        position:relative;
        /*top:-7.6em;*/
        top:-9em;
        margin:0;
        padding:0;
      }

      #content #artists li a {
        color:#555555;
        /*line-height:2em;*/
      }

/* Extras */

      span.twitter {
        background-image:url('../images/other/twitter-logo.jpg');
        border:0;
        display:inline-block;
        outline:0;
        margin:0;
        padding:0;

        position:relative;
        top:0.5em;

        width:30px;
        height:30px;

        z-index:2;
      }

      span.wordpress {
        background-image:url('../images/other/wordpress-logo.jpg');
        border:0;
        display:inline-block;
        outline:0;
        margin:0;
        padding:0;

        position:relative;
        top:0.1em;

        width:15px;
        height:15px;

        z-index:2;
      }

      #focus {
        margin:0em 12em;
      }

      #hero {
        display:inline-block;        
      }

      #footer {
        background-color: #f5f5f0;/* This is for the colored footer. */
        margin-top: 2em;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
        padding:0.2em;
        float: none;

        /* Fonts */
        color:#777777; /*color: black;*/
        font-family: Times, serif;
        font-size: 9pt;/* 10pt */
        font-style: italic;
        font-weight: 100;
        font-variant: normal;
        text-align: center;

        width:auto;
      }

/* End of CSS */