/* gabbyswordspeller.com - gabbys.css
   Main CSS Stylesheet
   Jeremy Sarka - 2/21/2013 */


/* General Styles */
body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
}
h1 {
   margin: 0;
}
h2 {
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   text-align: center;
   color: #993300;
}
h3 {
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   text-align: center;
}
h4 {
   font-size: 11pt;
   font-weight: bold;
   text-align: center;
}
h5 {
   font-size: 11pt;
   font-weight: normal;
   text-align: center;
}
a:visited {
   color: #663333;
}


.red {
   color: #993300;
}
.uline {
   text-decoration: underline;
}
.ital {
   font-style: italic;
}
.left {
   text-align: left;
}
.right {
   text-align: right;
}
.center {
   text-align: center;
}
.clearfloat {
   clear: both;
}
.quote {
   padding-left: 40px;
   padding-right: 40px;
}
.error {
   color: #A20000;
   font-weight: bold;
}


/* Special Styles - Home Page */
div#blurb {
   width: 380px;
   float: left;
   text-align: center;
}
div#cover {
   width: 300px;
   float: left;
   text-align: center;
}
.redheading {
   color: #993300;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 18pt;
   font-weight: bold;
   font-style: italic;
}
.navyheading {
   color: #003333;
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   font-style: italic;
}
.navyheading2 {
   color: #003333;
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   font-style: italic;
}
.smallprint {
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

/* Special Styles - About Page */
div#aboutleft {
   width: 300px;
   float: left;
   text-align: center;
   padding: 5px 10px;
}
div#aboutright {
   width: 300px;
   margin-left: 10px;
   float: left;
   text-align: center;
   padding: 5px 10px;
}
.outerbox {
   background-color: #669999;
   padding: 10px;
}
.outerbox em {
   font-weight: bold;
}
.innerbox {
   background-color: #99FF66;
}
.innerbox td {
   vertical-align: top;
}
table#misspell {
   margin: 0 auto;
}
table#misspell td {
   padding: 0px 5px;
}
table#misspell th {
   padding: 0px 15px;
}

/* Special Styles - Purchase Page */
.greenheading {
   color: #006600;
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 21pt;
   font-weight: bold;
   text-align: center;
}
.blueheading {
   color: #000066;
   font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
   font-size: 21pt;
   font-weight: bold;
   text-align: center;
}
.info {
	font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
}
.big {
   font-size: 14pt;
}
.small {
   font-size: 9pt;
}
hr {
   width: 50px;
   background-color: #000033;
   border-style: none;
}

/* Special Styles - Links & News Pages */
.purple {
   color: #400080;
}
.green {
   color: #336633;
}
.attrib {
   text-align: right;
   font-weight: bold;
   font-style: italic;
   font-size: 9pt;
}

/* Layout Styles */
.container {
   width: 680px;
   margin: 0 auto;
}
.header {
   width: 100%;
   float: none;
   clear: both;
   margin-top: 5px;
}
.content {
   width: 100%;
   float: none;
   clear: both;
   margin-top: 10px;
}
.footer {
   width: 100%;
   float: none;
   clear: both;
   margin-top: 30px;
   font-size: 10pt;
   text-align: center;
}

/* Navigation Menu Styles */
.menu {
   font-size: 11pt;
   font-weight: bold;
   list-style: none;
   margin: 0; padding: 0;
   height: 32px;
   background-color: #663332;
}
.menu a {
   width: 112px;
   padding: 3px 0px;
   text-decoration: none;
   display: block;
   color: #ffffff;
}
.menu a:hover {
   text-decoration: none;
   color: #ffffff;
   background-color: #49a3ff;
}
.menu li {
   margin: 0; padding: 0;
   float: left;
   text-align: center;
}
.menu li ul {
   margin: 0; padding: 0;
   border-style: solid;
   border-width: 1px;
   border-color: #5970b2;
   background-color: #eaebd8;
   font-size: 8pt;
   font-weight: normal;
   color: #2875de;
   list-style: none;
   display: none;
   float: left;
}
.menu li:hover ul {
   display: block;
   position: absolute;
}
.menu li ul li {
   margin: 0; padding: 0;
   float: none;
   background-color: #eaebd8;
   text-align: left;
}
.menu li ul li a {
   width: 132px;
   padding: 6px 8px;
   text-decoration: none;
   color: #2875de;
   display: block;
}
.menu li ul li a:hover {
   text-decoration: none;
   color: #ffffff;
   background-color: #49a3ff;
}