body {
  margin: 0;
  padding: 0;
  color: #eee;
  background-color: #033;
  font-family: sans-serif;
  font-size: 82%;
}

div#page {
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  background-color: #366;
}


div#content {
  margin: auto;
  padding: 0.4em 1em;
  width: 90%;
  background-color: #366;
  color: #eee;
  font-family: sans-serif;
  font-size: 1.2em;
}

div#content p { line-height: 130%; }

div#social {/* float: right; */ margin-left: 1em; }
div#social img { padding: 0.5em; }

div#gallery img { float: left; width: 40%; height: auto; padding: 0; border-width: 5px; border-color: #ddd; border-style: solid; margin: 4px;}

div#left { float: left; width: 48%; font-size: 1.3em; font-weight: bold; }
div#left img { width: 80%; height: auto; }

div#right { float: right; width: 48%; text-align: right; font-size: 0.8em; }
div#right img { float: right; width: 90%; height: auto; border: 1px solid #222; }

img.poster {width: 90%; height: auto; margin: 2px 0; }
	
h1 {
	width: 100%;
        position: relative;
        margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 6em;
        text-align: center;
        line-height: 90%;
        color: #ffffff;
  }
h2 {
	width: 100%;
        position: relative;
        margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2.5em;
        text-align: center;
        line-height: 90%;
        color: #fdf202;
  }

h3 {
	width: 100%;
        position: relative;
        margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 4em;
        text-align: center;
        line-height: 90%;
        color: #ffffff;
  }

h4 {
	width: 100%;
        margin: 0;
	font-weight: bold;
	font-size: 1.8em;
        color: #9cf;
        font-family: sans-serif;
        text-transform: uppercase;
        line-height: 1em;
  }

h5 {
	width: 100%;
        margin: 0;
	font-weight: normal;
	font-size: 1.6em;
        color: #333;
        font-family: sans-serif;
        text-transform: uppercase;
        line-height: 90%;
  }

img#header {
  width: 50%;
  height: auto;
  float: left;
  padding-right: 3%;
}

img#sblogo {
  width: 15%;
  height: auto;
  float: left;
  padding-right: 1%;
}

img#proplogo {
  width: 20%;
  height: auto;
  float: left;
  padding-right: 1%;
  padding-top: 1%;
}

ul#nav {
   list-style: none;
   float: right;
   margin: 0;
   padding: 0;
   width: 96%;
}

ul#nav li {
   display: inline;
   float: left;
   margin: 0 10px 6px 0;
   padding: 4px 2px;				
   background-color: #399;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   border-radius: 8px;
   font-size: 1.2em;
   font-weight: bold;
}

ul#nav li#fbig {
   background-color: #366;
   margin: 0 4px 6px 0;
   padding: 2px 1px;
}

ul#nav li#fbig:hover {
   background-color: #366;
}

ul#nav li:hover {
   background-color: #5bf;
}

ul#nav li a:hover {
   color: #336;
}

ul#nav li a {
   color: #fff;
   text-decoration: none;
   outline: none;
   padding: 4px 10px;
   text-shadow: 1px 1px #333;
}

ul#nav li.active a {
   color: #ff0;
}

div.clear {
  display: block;
  width: 100%;
  clear: both;
  }



table#giglist {width: 95%;  border: none;  padding: 3px; }
table#giglist td {vertical-align: top; padding-right: 5px;}



ul#posteryear {
   list-style: none;
   float: left;
   margin: 0;
   padding: 0;
   width: 96%;
}

ul#posteryear li {
   display: inline;
   float: left;
   margin: 0;
   padding: 0;				
   background-color: none;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   border-radius: 8px;
   font-size: 1.2em;
   font-weight: bold;
}

ul#posteryear li:hover {
   background-color: #5bf;
}

ul#posteryear li a:hover {
   color: #336;
}

ul#posteryear li a {
   color: #fff;
   text-decoration: none;
   outline: none;
   padding: 4px 10px;
   text-shadow: 1px 1px #333;
}

ul#posteryear li a.active {
   color: #f90;
}

a{ color: #fff;
   text-style: underline;
}