@charset "utf-8"; 

/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,menu,ul,table,tr,td,th,p,img
{margin:0; padding:0; }

/* GLOBAL SITE STYLES */
body { font-family:Arial,Helvetica,sans-serif; }
p { margin-bottom: 1em }
#page { width: 995px; margin: 0px auto; }
#content { margin-top: 15px; }
.clearer { clear: both; }

body { background: url('../images/page-bg-default.jpg') top left repeat-x #1e2819 }

/* LAYOUT STYLES */

/* Layout Naming convetion
 * <pagewidth>_<columns>col(s)_c<column number> 
 * 
 * pagewidth = pw or fw
 * pw = page width (default width of page with menu in place)   
 * fw = full width (full width of page without menu in place)
 * 
 * Styles with mutliple colum entries are boxes that mention two or more colum 
 * numbers will span those columns.
 *  
 * EG: With a three colum layout where columns two and three are one big box 
 * (tehnically a two column layout, but the second column will not be 50% width)
 * then you would use the 3col_c1 and 3col_c2_c3 styles to draw the boxes.
 */
.pw_1col_c1 {}
.pw_2cols_c1 { width: 330px; float: left; }
.pw_2cols_c2 { width: 330px; float: right; }
.pw_3cols_c1 { width: 215px; float: left }
.pw_3cols_c2 { width: 215px; float: left; margin-left: 17px;  }
.pw_3cols_c3 { width: 215px; float: right }
.pw_3cols_c1_c2 { width: 447px; float: left }
.pw_3cols_c2_c3 { width: 447px; float: right }

.fw_1col_c1 {}
.fw_2cols_c1 { width: 490px; float: left; }
.fw_2cols_c2 { width: 490px; float: right; }
.fw_3cols_c1 { width: 321px; float: left }
.fw_3cols_c2 { width: 321px; float: left; margin-left: 17px;  }
.fw_3cols_c3 { width: 321px; float: right }
.fw_3cols_c1_c2 { width: 659px; float: left }
.fw_3cols_c2_c3 { width: 659px; float: right }

.fw_4cols_c1 { width: 236px; float: left }
.fw_4cols_c2 { width: 236px; float: left; margin-left: 17px }
.fw_4cols_c3 { width: 236px; float: left; margin-left: 17px }
.fw_4cols_c4 { width: 236px; float: right; }
.fw_4cols_c2_c3 { width: 490px; float: left; margin-left: 17px; }
.fw_4cols_c1_c2_c3 { width: 743px; float: left }
.fw_4cols_c2_c3_c4 { width: 743px; float: right }
/* END LAYOUT STYLES */

/* SECTION STYLES */
#section-default    { }
#section-slamattax  { }

/* TITLE STYLES */
h1.title_slamattax { color:#FFFFFF; text-transform:uppercase; background:url(../images/titles/slamattax.gif) top left repeat-x #928f86; font-size:18px; font-weight:normal; height:45px; margin:0px; padding:0px 0px 0px 0px; position:relative }
h1.title_slamattax span { font-size: 19px; padding-top:10px; padding-left:10px; display:block;  font-family:Impact, Verdana; }
h1.title_wwestickers { color:#FFFFFF; text-transform:uppercase; background:url(../images/titles/wwestickers.gif) top left repeat-x #928f86; font-size:18px; font-weight:normal; height:45px; margin:0px; padding:0px 0px 0px 0px; position:relative }
h1.title_wwestickers span { font-size: 19px; padding-top:10px; padding-left:10px; display:block;  font-family:Impact, Verdana; }
/* END TITLE STYLES */

/* PANEL STYLES */
.info_slamattax { background:#000000; padding:1px 10px; color:#ffffff }
.info_default { background:#000000; padding:1px 10px; color:#ffffff }
.info_metal { background: url(../images/metal-bg.jpg) top left #000000; padding:1px 10px; color:#ffffff }
/* END PANEL STYLES */

/* HEADER STYLES */
#header { height: 150px; position: relative }
#header .siteLogo { height: 150px; overflow: hidden; }

#countrySelect { position: absolute; top: 5px; right: 5px; }
#countrySelect select { float: left; color: #ffffff; background: #000000 }
#countrySelect img { float: left; margin-right: 3px; }

#siteSelect { position: absolute; bottom: 0px; right: 10px; }
#siteSelect .site { float: left }

#mainMenu { margin-top: 6px }
#mainMenu ul { margin: 0px auto; text-align:center; width:995px;  }
#mainMenu li { display:inline; margin:0; padding:0; font-size:25px; }
#mainMenu li a { background: #000000; color:#FFFFFF; font-size:25px; padding: 0px 5px; margin: 0px 10px; text-decoration:none; text-transform: uppercase; font-family:Impact, Verdana; }
#mainMenu li a:hover, 
#mainMenu li a.on { background: #cc0000; }

#subMenu ul { margin:0px auto; text-align:center; width:995px;  margin-top: 5px;}
#subMenu li { display:inline; margin:0; padding:0; }
#subMenu li a { background: #000000; color:#FFFFFF; font-size:21px; padding: 0px 5px; margin: 0px 5px; text-decoration:none; text-transform: uppercase; font-family:Impact, Verdana;}
#subMenu li a:hover, 
#subMenu li a.on { background: #cc0000; }
/* END HEADER STYLES */

/* FOOTER STYLES */
#footer { margin-top: 20px }
#footer .footerPanel { height: 65px; background: url('../images/footer-panel-bg.jpg') no-repeat top left;  }
#footer .footerLogo { float: left; margin-left: 25px; margin-top: 7px;  }
#footer .footerStrapline { float: left; margin-top: 10px; margin-left: 130px; font-size: 33px; color: #fcee0a;  font-family:Impact, Verdana; text-transform: uppercase }
#footer .footerLinks { text-align: center; margin-top: 20px; font-size: 13px; color: #e1e7bd }
#footer .footerLinks a { margin-left: 25px; color: #e1e7bd; font-weight: bold;}
#footer .footerCopyright { text-align: center; margin-top: 13px; font-size: 13px; color: #e1e7bd }
#footer .footerCopyright a { color: #e1e7bd;}
/* END FOOTER STYLES */

/* MISC SITE STYLES */
.copy { padding-top: 10px; }
.copy p { font-size: 12px; }
.copy a { color: #ffffff; }

/* SLAMATTAX SECTION */
.slamattax-index-panel { position: relative; width: 995px; height: 200px; background: url('../images/slamattax/index-panel-bg.jpg') no-repeat bottom left; }
.slamattax-index-panel1a { width: 235px; height: 200px; overflow: hidden; float: left; }
.slamattax-index-panel1a p { color: #ffffff; padding: 5px 5px 0px 10px; font-size: 13px; text-transform: uppercase; font-weight: bold; }
.slamattax-index-panel1b { position: absolute; right: 0px; bottom: 0px; float: left; width: 760px;}
.slamattax-album-holding { height: 715px; background-color: #000000 }
.slamattax-signedcards-holding { height: 700px; background-color: #000000 }
.slamattax-tvspot-holding { height: 520px; background: url('../images/slamattax/tvspot-video-bg.jpg') top left no-repeat; }
.slamattax-howtoplay-holding { min-height: 500px; background: url(../images/metal-bg.jpg) top left; padding-top: 10px; padding-bottom: 10px;  text-align: center  }
.slamattax-missingcards-copy { padding: 20px; min-height: 500px; color: #ffffff; background: #000000 }
.slamattax-missingcards-copy h2 { color: #db2a28; font-size:  21px; font-family:Impact, Verdana; text-transform: uppercase; font-weight: normal }

/* WWESTICKERS SECTION */
.wwestickers-index-panel { height: 519px; background-color: #000000; background-repeat: no-repeat; background-position: top right }
.wwestickers-index-copy { padding: 10px 10px; width: 235px; float: left; }
.wwestickers-index-copy p { color: #ffffff; padding: 5px 5px 0px 10px; font-size: 13px; text-transform: uppercase; font-weight: bold; }

/* FUNZONE SECTION */
.funzone-homepage { padding: 10px 20px; }
.funzone-homepage h2 { margin-bottom: 10px; background: #000000; color: #ffffff; padding: 5px; padding-left: 15px; font-size:  23px; font-family:Impact, Verdana; text-transform: uppercase; font-weight: normal }
.funzone-homepage p { color: #fcee0a; font-size:  23px; font-family:Impact, Verdana; text-transform: uppercase; font-weight: normal }
.funzone-wallpaper { border: 20px solid black; margin-left: 20px  }

/* SITEMAP */
.sitemap { margin-top: 6px }
.sitemap ul { list-style-type: none }
.sitemap li { margin:0; padding:0; font-size:25px; }
.sitemap li a { background: #000000; color:#FFFFFF; font-size:25px; padding: 0px 5px; margin: 0px 10px; text-decoration:none; text-transform: uppercase; font-family:Impact, Verdana; }
.sitemap li a:hover, 
.sitemap li a.on { background: #cc0000; }