@charset "UTF-8";

/* Global formatting */
a:link, a:visited { text-decoration: none; font-weight: bold; color: #FFFFFF; }
a:hover { font-weight: bold; color: #FF2300; }
h2 { font-size: medium; font-style: italic; font-weight: normal; font-variant: small-caps; }
h3 { font-size: medium; font-weight: normal;  }

/* Containers (with IE centering hacks) */
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #000000; margin: 0; padding: 0; text-align: center; color: #FFFFFF; }
#container { text-align: left; margin-right: auto; margin-left: auto; width: 750px; position: relative; top: 10px; } 
#centerColumn { width: 548px; margin:0; padding: 0; } /* We align the main content panes with the menu bar.  */

/* Header with Menu */
#header {background-image: url(images/SuperBlazer.com-logo2.png); background-repeat: no-repeat;  height: 132px; width: 689px; position: relative; left: -113px; margin: 0; padding: 0; }
#header h1 { visibility: hidden; position: absolute; } 
#header #menu { position: relative; left: 113px; top: 90px; height: 34px; width: 548px;  margin: 0; padding: 0; }
#header #menu ul { list-style-type: none; list-style-image: none; }
#header #menu li { display: inline; height: 0px; margin: 0px; padding: 0px; }
#header #menu li a { float: left; overflow: hidden; background-image: url(images/menubar2.png); background-repeat: no-repeat; height: 0px; padding-top: 34px; }
#header #menu li#menu-home a { background-position: 0px 0px; width: 118px; }
#header #menu li#menu-tshirts a { background-position: -118px 0px; width: 142px; }
#header #menu li#menu-donate a { background-position: -260px 0px; width: 128px; }
#header #menu li#menu-history a { background-position: -388px 0px; width: 160px; }
#header #menu li#menu-home a:hover { background-position: 0px -34px; width: 118px; }
#header #menu li#menu-tshirts a:hover { background-position: -118px -34px; width: 142px; }
#header #menu li#menu-donate a:hover { background-position: -260px -34px; width: 128px; }
#header #menu li#menu-history a:hover { background-position: -388px -34px; width: 160px; }

/* Sidebar Items */
#thermometer { height: 437px; width: 256px; position: absolute; left: 567px; top: 75px; z-index: -100; background-image: url(images/Thermometer.png); background-repeat: no-repeat; }
#finePrint { position: absolute; text-align: center; border: 1px solid #FFFFFF; padding: 5px; width: 230px; left: 565px; top: 90px; font-style: italic; font-size: 0.8em; }

/* Movie Viewer */
#movieViewer { width: 548px; position: relative; }
.rowOfThumbnails { text-align: center; line-height: 1.1; margin-top: 5px; position: relative; float: left; left: 50%; }
.thumbnail { width: 75px; position: relative; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; float: left; left: -50%; }
.thumbnail a { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: small; font-weight: normal; }
.thumbnail img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; width: 75px; }

/* history.html */
#history { font-size: smaller; text-align: justify; }

/* tshirt.html */
.item { text-align: center; border: 1px solid #FFFFFF; width: 255px; height: auto; position: relative; padding: 2px; margin: 5px; display: inline; float: left; }
.item img { border: 0; float: right; }
#koozie { margin-right: 135px; margin-left: 135px; } /* Centering is hacked to deal with browser inconsistencies (IE6, FF2) */

/* donate.php */
#packageRow { width: 600px; } /* We let the packages overflow centerColumn a bit if necessary */
.package { float: left; text-align: center; border: 1px solid #FFFFFF; width: 179px; height: auto; position: relative; margin: 3px 3px 3px 0px; }
.package li { font-weight: normal; text-align: left; font-size: smaller; position: relative; left: -15px; }

/* Utility */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }