/* Styles last updated 20 Jul 2015 */

/* Body styles
----------------------------------------------- */
body {
  background-color:#24320d; /* Final_19Dec2010 */
/*  background-color:#2b370a; /* Original color */
  margin:0;
  padding:40px 20px;
  font:small Georgia,Serif;
  font-weight: bold;
  text-align:center;
  color:#e1c865; /* Final_19Dec2010 */
/*  color:#d8b40f; /* Palette 1 */
/*  color:#caa123; /* Original color */
  }
hr {
  color:#d8b40f; /* Final_19Dec2010 */
  background-color:#d8b40f; /* Final_19Dec2010 */
}

/* Basic link styles
----------------------------------------------- */
a:link {
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#c5ad66; /* Palette 1c */
/*  color:#a07d1f; /* Palette 1b */
/*  color:#ae9868; /* Palette 1a */
/*  color:#bbbbaa; /* Palette 1 */
/*  color:#ff8000; /* Original color */
  text-decoration:none;
  }
a:visited {
  color:#bbbbaa; /* Final_19Dec2010 */
/*  color:#888811; /* Palette 1 */
/*  color:#FF0000; /* Original color */
  text-decoration:none;
  }
a:hover {
  color:#99bbdd; /* Final_19Dec2010 */
/*  color:#6da1da; /* Palette 1g */
/*  color:#00ffff; /* Original color */
  font-weight:bold;
  }
a img {
  border-width:0;
  }
a.info{
  position:relative; /*this is the key*/
  z-index:24;
  background-color:#24320d; /* Final_19Dec2010 */
/*  background-color:#2b370a; /* Original color */
/*  color:#caa123; */
  text-decoration:none;
  }
a.info:hover {
  z-index:25; 
  background-color:#24320d; /* Final_19Dec2010 */
/*  background-color:#2b370a; /* Original color */
  }
a.info span {
  display: none;
  }
a.info:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top:2em;
  left:2em;
  width:25em;
  padding: 5px 5px 5px 5px;
  border:1px solid #443300; /* Final_19Dec2010 */
/*  border:1px solid #412c17; /* Original color */
  background-color:#e1c865; /* Final_19Dec2010 */
/*  background-color:#caa123; /* Original color */
  color:#24320d; /* Final_19Dec2010 */
/*  color:#2b370a; /* Original color */
  text-align: left;
  }

/* Header styles
----------------------------------------------- */
#header {
  background: url("images/main_bg.jpg") no-repeat center 0px;
  height: auto;
  width: 100%;
  max-width:760px;
  margin:0 auto 10px;
  }
  @media only screen and (max-width : 759px) {
    #page-title {
	  text-align:center;
      text-shadow: 1px 1px white;
      font-weight: strong;
	  color: #24320d;
	}
  }
  @media only screen and (min-width : 760px) {
    #page-title {
    padding-top:305px;
    padding-bottom:.25em;
    text-align: right;
    color:#e1c865; /* Final_19Dec2010 */
  /*  color:#d8b40f; /* Palette 1 */
  /*  color:#caa123; /* Original color */
	}
  }
#page-title {
  margin:5px 5px 0;
  padding-right:10px;
  padding-left:10px;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  letter-spacing:.2em;
  max-width: 100%;
  }
#page-title a {
  color:#e1c865; /* Final_19Dec2010 */
/*  color:#d8b40f; /* Palette 1 */
/*  color:#caa123; /* Original color */
  text-decoration:none;
  }
#page-title a:hover {
  color:#99bbdd; /* Final_19Dec2010 */
/*  color:#6da1da; /* Palette 1g */
/*  color:#ff8000; /* Original color */
  }
@media only screen and (max-width : 759px) {
  #description {
    text-align:center;
	text-shadow: 1px 1px white;
	font-weight: strong;
    color: #24320d;
  }
}
@media only screen and (min-width : 760px) {
  #description {
    padding:0 10px 10px;
    text-align:right;
    color:#e1c865; /* Final_19Dec2010 */
  /*  color:#d8b40f; /* Palette 1 */
  /*  color:#caa123; /* Original color */
  }
}
#description {
  margin:0 5px 5px;
  padding:0 10px 10px;
  max-width:100%;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  }

/* Horizontal menu styles
----------------------------------------------- */
@media only screen and (min-width: 760px) {
#topmenu {
  margin: 10 px 0px 10px 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: none;
  font-weight:normal;
  }
#topmenu li {
  display: inline;
  width: 106px;
  padding: 10px;
  }
#homebox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:0px;
  margin-top:15px;
  text-align:center;
  }
#wordsbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:109px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
#soundsbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:217px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
#staticimagesbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:325px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
#movingimagesbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:433px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
#flashimationbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:541px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
#usualsuspectbox {
  position:relative;
  width:108px;
  height:20px;
  margin-left:649px;
  margin-top:-20px; /* Changed on 20 Jul 2015 to accommodate responsive theme */
/*  margin-top:-33px; */ 
  text-align:center;
  }
}

@media only screen and (max-width: 759px) {
  #topmenu.hideme { display: none; }
  #homebox.hideme { display: none; }
  #wordsbox.hideme { display: none; }
  #soundsbox.hideme { display: none; }
  #staticimagesbox.hideme { display: none; }
  #movingimagesbox.hideme { display: none; }
  #flashimationbox.hideme { display: none; }
  #usualsuspectbox.hideme { display: none; }
}
  
/* Content styles
----------------------------------------------- */
#content {
  width:760px;
  margin:20px auto;
  padding:0;
  text-align:left;
  }
#main {
  width:500px;
  float:left;
  }
#sidebar {
  width:220px;
  float:right;
  }

/* Heading styles
----------------------------------------------- */
h1 { 
  font-weight: bold;
  font-size: 24pt;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }
h2 {
  font-weight: bold;
  font-size: 21pt;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }
h3 {
  font-weight: bold;
  font-size: 18pt;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }
h4 {
  font-weight: bold;
  font-size: 15pt;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }
h5 {
  font-weight: bold;
  font-size: 12pt;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }
h6 {
  margin:1.5em 0 .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ceb858; */
/*  color:#ff8000; /* Original color */
/*  text-align:center; */
  }

/* Entry styles
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.entry {
  display:block;
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #d8b40f; /* Final_19Dec2010 */
/*  border-bottom:1px dotted #f5b428; */
  padding-bottom:1.5em;
  min-width:500px;
  }
.entry-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ff8000; /* Original color */
  }
.entry-title a, .entry-title a:visited, .entry-title strong {
  display:block;
  text-decoration:none;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ff8000; /* Original color */
  font-weight:normal;
  }
.entry-title strong, .entry-title a:hover {
/*  color:#6da1da; /* Palette 1g */
  color:#99bbdd; /* Final_19Dec2010 */
/*  color:#ff8000; /* Original color */
  }
.entry div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
.entry-footer {
  margin:-.25em 0 0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#d8b40f; /* Final_19Dec2010 */
/*  color:#ff8000; /* Original color */
  }
.entry-link {
  margin-left:.6em;
  }
.entry img {
  padding:4px;
/*  border:1px solid #ddd; */
  border:0px;
  }
.entry blockquote {
  margin:1em 20px;
  }
.entry blockquote p {
  margin:.75em 0;
  }

/* Sidebar styles
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #f5b428;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  font-weight:normal;
  }
#sidebar p {
  color:#666;
  line-height:1.5em;
  }
#sidebar a:link {
  font-weight:normal;
  }
#sidebar a:visited {
  font-weight:normal;
  }
#sidebar a:hover {
  font-weight:bold;
  }

/* Footer styles
----------------------------------------------- */
#footer {
  width: 760px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.hbar {
  height:5px;
  width:760px;
  background-color:#e1c865; /* Final_19Dec2010 */
/*  background-color:#caa123; /* Original color */
  }

/* Spam FAQ box styles
----------------------------------------------- */
.SpamFAQBox {
  text-align: center;
}

/* Copyright & Authors Guild box styles
----------------------------------------------- */
.CAGBox {
  position: relative;
  width: 760px;
  overflow: hidden;
  height: 45px;
  }
.copyright {
  font-style: italic;
  text-align: left;
  }
.copyrightbox {
  position: absolute;
  valign: bottom;
  float: left;
  width: 360px;
  height: 40px;
  left: 0px;
  margin: 5px 0 0 0;
  }
.aguild {
  text-align: right;
  }
.aguildbox {
  position: absolute;
  text-align: right;
  valign: bottom;
  width: 180px;
  height: 40px;
  left: 457px;
  margin: 5px 5px 0 0;
  }
.aguildgraphicbox {
  position: absolute;
  float: right;
  width: 120px;
  left: 637px;
  height: 40px;
  margin: 5px 0 0 0;
 }
.banner { text-align: center }

/* World Wide Web Consortium box styles
----------------------------------------------- */
.W3CBox {
  position: relative;
  width: 760px;
  overflow: hidden;
  height: 40px;
  }
.W3CLBox { 
  position: absolute;
  float: left;
  width: 88px;
  left: 0px; 
  margin: 5px 5px 0 0;
  }
.W3CRBox { 
  position: absolute;
  float: right;
  left: 669px;
  margin: 5px 0 0 5px;
  }
.W3CTextBox {
  position: absolute;
  align: center;
  width: 500px;
  left: 110px;
  padding-top: 3px;
  margin: 0 0 0 0;
  }

/* Miscellaneous styles
----------------------------------------------- */
.centerimg { margin-left:auto; margin-right:auto; display:block; text-align:center }
.italme { font-style: italic }
.lightwt { font-weight: normal }
.question { color: #ff8000 }
.lcolumn { margin-top: 5px; margin-right: 300px; margin-left: 0px; width: 300px; height: 305px }
.rcolumn { margin-top: -325px; margin-right: 640px; margin-left: 305px; width: 335px; height: 305px }
.alignheds { text-align: center }
.bighed { font-weight: bold; font-size: 30pt; line-height: 150% }
.midhed { font-weight: bold; font-size: 18pt; line-height: 150% }
.smallhed { font-weight: bold; font-size: 15pt; line-height: 150% }
.tablehed { font-weight: bold; font-size: 18pt }