/* Theme Name: Wizkids Core Theme v4 Theme URI: http://wizkidsgames.com/ Description: Template Version: 4.0 Author: Michael Smotherman Author URI: http://codeinfused.com/ Tags: fixed 960 width */ /* css reset */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted#000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid#cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /* ========= */ body{background:url(http://wizkidsgames.com/v3/images/common_v4/bgstripe.png) repeat; font-family:Helvetica, Tahoma, Arial; font-size:14px;} /* GENERICS */ .clear{position:relative; clear:both; font-size:0; line-height:0;} .hidden{display:none;} .left{float:left;} .right{float:right;} .smallnotice{font-size:11px; font-style:italic; color:#934100;} .reqnotice{color:#934100; font-weight:bold; font-style:italic;} .firstletter{font-size:20px;} p{line-height:130%; font-family:"Trebuchet MS", Helvetica, Tahoma, Arial;} .topborder{border-top:1px solid #ccc;} a{color:#f50;} a:hover{text-decoration:none;} input{font-size:11px; color:#333;} .cornercirc{ -moz-border-radius: 30px; /* FF1+ */ -webkit-border-radius: 30px; /* Saf3-4 */ border-radius: 30px; /* Opera 10.5, IE 9, Saf5, Chrome */ } .corner-all-10{ -moz-border-radius: 10px; /* FF1+ */ -webkit-border-radius: 10px; /* Saf3-4 */ border-radius: 10px; /* Opera 10.5, IE 9, Saf5, Chrome */ } .corner-all-6{ -moz-border-radius: 6px; /* FF1+ */ -webkit-border-radius: 6px; /* Saf3-4 */ border-radius: 6px; /* Opera 10.5, IE 9, Saf5, Chrome */ } .orange{ background-color: #fefefe; background-image: -moz-linear-gradient(top, #fefefe, #ddddff); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fefefe),color-stop(1, #ddddff)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#ddddff'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#ddddff')"; /* IE8 */ } #headwrap{margin:0 auto; width:100%; overflow:hidden; background:url(http://wizkidsgames.com/v3/images/common_v4/header-bg-147.jpg) repeat-x bottom center; height:142px; position:relative; } #head{width:960px; height:142px; margin:0 auto; position:relative;} #pagewrap{width:960px; margin:0 auto; padding-bottom:20px;} a#logohatch{display:block; position:absolute; background:url(http://wizkidsgames.com/v3/images/common_v4/logo-wizkids.png) no-repeat center center; width:236px; height:80px; top:24px; left:0;} #pagenav{position:absolute; right:0px; bottom:14px; height:42px; width:680px;} #pagenav .sitesearch{float:right; position:relative; width:183px; height:42px; background:url(http://wizkidsgames.com/v3/images/common_v4/sitesearch-bg.png) no-repeat top center; margin-left:5px;} #pagenav .sitesearch .s{position:absolute; top:10px; left:13px; overflow:visible; border:none; margin:0; padding:3px; width:122px; height:15px; background:#fff; outline:none;} #pagenav .sitesearch .searchsubmit{position:absolute; top:11px; left:149px; display:block; background:none; width:22px; height:20px; margin:0; padding:0; outline:none; border:none;} #pagenav a.nav{background:no-repeat bottom center; display:block; float:right; width:94px; height:42px; margin-left:6px;} #pagenav a.support{background-image:url(http://wizkidsgames.com/v3/images/common_v4/nav-support.png);} #pagenav a.products{background-image:url(http://wizkidsgames.com/v3/images/common_v4/nav-products.png);} #pagenav a.locator{background-image:url(http://wizkidsgames.com/v3/images/common_v4/nav-locator.png);} #pagenav a.home{background-image:url(http://wizkidsgames.com/v3/images/common_v4/nav-home.png);} #pagenav a:hover{background-position: top center;} #pagenav a:active{background-position: top center;} #pagenav a.active{background-position: top center;} #playerquick-error{z-index:10; position:absolute; right:360px; top:24px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9;} #playerquick-error .whitearrow{height:36px; width:12px; background:url(http://wizkidsgames.com/v3/images/common/whitearrow-right.png) no-repeat right center; float:right;} #playerquick-error .errormsg{background:white; padding:10px; height:16px; font-size:12px; float:right; line-height:16px; position:relative; right:-2px;} #playerquickbg{z-index:10; position:absolute; top:10px; right:0; width:350px; height:66px; background:black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity:0.4; display:none;} #playerquick{z-index:12; position:absolute; top:11px; right:0; width:330px; padding:10px; color:white; font-size:12px; display:none;} #playerquick .top{width:270px; padding-bottom:3px; border-bottom:1px solid white; float:left; color:#bbb} #playerquick .top a{color:white; text-decoration:none;} #playerquick .top a:hover{color:#f50;} #playerquick .bottom{float:left; padding-top:5px;} #playerquick .bottom a{display:block; float:left; font-size:12px; padding:4px 7px; background:#f50; margin-right:5px; color:white; text-decoration:none;} #playerquick .bottom a:hover{color:#f50; background:white;} #playerquick .username{color:white;} #playerquick .gravatar{float:right;} #playerquick .bottom .user, #playerquick .bottom .password{outline:none; border:none; padding:3px 6px; margin:0 6px 0 0; width:115px; float:left;} #playerquick .bottom .submit{float:left; border:none; outline:none; height:20px; background:#f50; line-height:20px; color:white; padding:0px 5px;} #playerquick .bottom .submit:hover{background:white; color:#f50;} #leftblocks{float:left; width:279px;} .leftblock{float:left; width:279px; margin-top:20px; color:#282828; font-size:13px;} .leftblock p{border-top:1px solid #ccc; padding:12px 0px;} .leftblock dl{padding:0; margin:0;} .leftblock dd{padding:0 0 8px 12px;} .leftblock-top{width:279px; height:11px; background:url(http://wizkidsgames.com/v3/images/common_v4/block-small.png) no-repeat top center;} .leftblock-bottom{width:279px; height:11px; background:url(http://wizkidsgames.com/v3/images/common_v4/block-small.png) no-repeat bottom center;} .leftblock-content{width:257px; padding:2px 11px; background:white;} /*NEW PRDUCT PAGE SIDEBAR CLASSES*/ #leftblocksa{float:left; width:300px;} .leftblocka{float:left; width:300px; margin-top:20px; color:#fff; font-size:13px;} /*.leftblocka p{border-top:1px solid #ccc; padding:12px 0px;}*/ .leftblocka dl{padding:0; margin:0;} .leftblocka dd{padding:0 0 8px 12px;} .leftblocka-top{width:388px; height:16px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/side_top.png) no-repeat top center;} .leftblocka-bottom{width:388px; height:16px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/side_bottom.png) no-repeat bottom center;} .leftblocka-content{width:388px; min-height:1px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/side_body.png) repeat-y center;} /*.leftblocka-content h1,h2,h3,p,img {padding:0 15px;}*/ #leftblocksa .leftblocka-content h1, #leftblocksa .leftblocka-content h2, #leftblocksa .leftblocka-content p, #leftblocksa .leftblocka-content img {padding:4px 15px;} .leftblocka-content h1 {font-size:20px; text-transform:uppercase; margin-bottom:15px;} /*LOCATORCLASSES*/ .leftblocka .findastore{position:relative; left:20px; width:262px; height:45px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/locator.png) no-repeat center center;} .leftblocka .findastore .s{position:absolute; top:10px; left:11px; overflow:visible; border:none; margin:0; padding:3px; width:142px; height:15px; background:#fff; outline:none;} .leftblocka .findastore .searchsubmit{position:absolute; top:10px; left:167px; display:block; background:none; width:78px; height:20px; margin:0; padding:0; outline:none; border:none;} /*GAMEICONS*/ .leftblocka-content .icons {position:relative; left:20px; width:270px; height:80px;} .leftblocka-content .icons img {float:left; padding:0 10px 0 10px;} /*NEWSFEED*/ .leftblocka .news {padding:0 20px; width:280px;} .leftblocka .news li{list-style:none; border-top:1px solid #ccc; padding:8px 0;} .leftblocka .news li a{color:#fff; text-decoration:none; font-size:12px;} .leftblocka .news li a:hover{color:#ed4901;} .leftblocka .news li .date{color:#ed4901;} /*NEW RIGHT BlOCK FOR TABBED NAV*/ #rightblocksa{float:right; width:660px;} .rightblocka .mainad{height:229px;} .rightblocka{float:right; width:660px; margin-top:20px;} .rightblocka-top{width:660px; height:23px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/tab-topb.png) no-repeat top center; float: left;} .rightblocka-bottom{width:660px; height:23px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/tab-bottoma.png) no-repeat bottom center;float: left;margin-bottom:15px;margin-left:0px;} .rightblocka-content{width:620px; min-height:1px; background:url(http://wizkidsgames.com/wp-content/uploads/ste/tab-mida.png) repeat-y center;} .rightblock img {padding:0 0 0 0;} .rightblocka-content {padding:4px 20px;} .rightblocka-content h2 {font-size:22px; margin:10px 0 10px -15px;} .rightblocka-content ul {margin-left:20px;} /*JQUERY CSS FOR TABBED NAV*/ div.tabContainer div.tab { display: none; } div.tabContainer div.current { display: block; } ul.tabNav { float: left; list-style: none; width: 100%; margin-left:12px; top:4px; position:relative;} ul.tabNav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; } ul.tabNav li.current { padding-top: 0; top:6px; position:relative; } ul.tabNav a { background:url(http://wizkidsgames.com/wp-content/uploads/ste/btnDowna.png) no-repeat top center; width:125px; height:31px; display: block;text-decoration: none; } ul.tabNav li.current a { background:url(http://wizkidsgames.com/wp-content/uploads/ste/btnUpaa.png) no-repeat top center; width:125px; height:34px; border: none; } ul.tabNav h3 { text-transform:uppercase; color:black; font-size:14px; padding:8px 12px; text-shadow:1px 1px #fff; } ul.tabNav li.current h3 {padding-top:12px;} div.tabContainer { clear: both; float: left; width: 100%; margin:0px; } /*div.tabContainer div.tab { border: 1px solid #dedede; color: #000; display: none; padding: 10px; }*/ div.tabContainer div.current { display: block; } div.tab p:last-child { margin-bottom: 0; } div.tab h3 {margin:10px 0px 10px 0px;} /*SOCIAL ICONS*/ .socialize {margin: 10px 0 10px 70px; } .likeme {width:310px; float:left; margin-left:-60px; margin-right:70px; } /*FOOTER*/ #footerImage {width:100%; position:relative;} .ftcopy {margin: 20px auto 10px auto; color: #666; width: 800px; padding: 0px; text-align: center;} .ftcopy small {font-size: 12px;} /*FANCYBOX*/ .fancybox img {margin:10px;} /*EXPANSION STYLING*/ div.expthumb { width: 280px; float: left; text-align: center; margin: 20px 10px 20px 10px; padding:1px; } #rightblocks{float:right; width:660px;} .rightblock .mainad{height:229px;} .rightblock{float:right; width:660px; margin-top:20px;} .rightblock-top{width:660px; height:11px; background:url(http://wizkidsgames.com/v3/images/common_v4/block-large.png) no-repeat top center;} .rightblock-bottom{width:660px; height:11px; background:url(http://wizkidsgames.com/v3/images/common_v4/block-large.png) no-repeat bottom center;} .rightblock-content{width:638px; padding:2px 11px; background:white;} .rightblock img {padding:0 0 0 0;} .leftblock h2, .rightblock h2{font-size:20px; color:#3f3f3f; margin-bottom:6px; letter-spacing:-1px;} .leftblock .findastore{position:relative; width:257px; height:41px; background:url(http://wizkidsgames.com/v3/images/common_v4/findastore-bg.png) no-repeat center center;} .leftblock .findastore .s{position:absolute; top:9px; left:11px; overflow:visible; border:none; margin:0; padding:3px; width:142px; height:15px; background:#fff; outline:none;} .leftblock .findastore .searchsubmit{position:absolute; top:10px; left:167px; display:block; background:none; width:78px; height:20px; margin:0; padding:0; outline:none; border:none;} .leftblock .news li{list-style:none; border-top:1px solid #ccc; padding:8px 0;} .leftblock .news li a{color:#282828; text-decoration:none; font-size:12px;} .leftblock .news li a:hover{color:#ed4901;} .leftblock .news li .date{color:#ed4901;} .leftblock .usermenu{border-top:1px solid #ccc;} .leftblock .usermenu li{list-style:none; border-left:15px solid #f50; margin:9px 0 0; padding:0 6px;} .leftblock .usermenu li a{color:#f50; text-decoration:none; font-size:12px;} .leftblock .usermenu li a:hover{color:#555;} .logos-158{border-top:1px solid #ccc;} .logos-158 img{float:left; margin:0 4px;} .rightcontent p{padding:12px 0 4px; line-height:130%;} .rightcontent ul{margin:12px 0;} .rightcontent li{line-height:128%; margin-left:20px;} /* LEO ADDS H TAG Spacing */ .rightcontent h2, .rightcontent h3 { margin: 20px 0; } .rightcontent h3 { font-size: 22px; } .contentsubsection{padding:12px; background:#f0f0f0; margin:12px 0 0; border:1px solid black;} .contentsubsection h3{font-size:16px; font-weight:bold; font-style:italic;} .contentsubsection tr{margin-top:8px; display:block;} .normalul{margin:0px 0;} .normalul li{line-height:128%; margin-left:20px;} #redeemform table{margin-bottom:10px;} .rightblock .rightcontent{padding:2px 15px; width:630px;} .rightcontent ul.registerblock{padding-top:8px; margin:0;} .rightcontent .registerblock li{list-style:none; padding:6px 0 6px 0px; margin:0; line-height:100%;} .rightcontent .registerblock li .regnum{background:#f50; padding:4px 8px; color:white;} .rightcontent .registerblock li .regtitle{padding:4px 10px 4px 0; color:#444; width:130px; display:inline-block;} .rightcontent .registerblock li input{width:170px;} .rightcontent .registerblock li input.submit{width:auto; border:none; outline:none; background:#f50; color:white; padding:4px 8px;} .rightcontent .registerblock li input.submit:hover{background:#934100;} #registermodal{width:240px; height:200px; font-size:13px;} #registermodal img{margin:40px auto; display:block;} #registermodal p{margin-bottom:8px;} .supportbox{padding:10px; margin-top:16px;} .supportbox h3{font-size:18px; margin-bottom:14px; padding-bottom:2px; border-bottom:1px solid #bbb; color:#3F3F3F;} .supportbox h4{font-size:14px; font-weight:bold;} .supportbox-sub p{padding:6px 0 0 0; font-size:12px;} .supportbox-sub{width:290px;} .supportbox .sephead{margin-top:8px; padding-top:8px; border-top:1px solid #bbb;} #forgotpassbox{font-size:13px;} #forgotpassbox p, #forgotpassbox table{margin-bottom:15px;} #forgotpassbox table td{padding-right:10px;} #forgotpassbox table td input{width:200px;} #changepasstable td{padding:0 10px 10px 2px;} /* MAIN WRAP CONFIG */ #mainwrap{width:960px; margin:0 auto;} #storefinder-wrap{width:896px; padding:16px; margin:0 auto; background:white; border:10px solid #222; border-top:none; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;} #pages-wrap{width:896px; padding:16px; margin:20px auto 0; background:white; border:10px solid #222; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px 12px 12px 12px;} #gallery-wrap{position:relative; overflow:visible; width:920px; margin:0 auto; background:white; border:10px solid #222; border-top:none; -moz-border-radius: 0 0 12px 12px; -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;} #storefinder-wrap a, #gallery-wrap a{color:#fe6400;} #leftwrap{float:left; width:236px; padding-left:5px;} .featured-products{width:236px; height:414px; margin:25px 0;} #rightwrap{float:right; width:678px; padding-right:9px; margin:25px 0;} .main-recentnews{width:678px; height:51px; background:url(http://www.wizkidsgames.com/v3/images/common/main-newsall.png) no-repeat bottom center;} .home .main-recentnews{background-position:top center;} .single .main-recentnews{background-position:center center;} .main-content{width:678px; background:url(http://www.wizkidsgames.com/v3/images/common/main-contentrepeat.png) repeat-y center center;} .main-bottom{width:678px; height:48px;} .main-bottomleft{float:left; width:426px; height:36px; background:url(http://www.wizkidsgames.com/v3/images/common/main-contentbottomleft.png) no-repeat center center;} .main-content-viewmore{position:relative; float:left; width:252px; height:48px; background:url(http://www.wizkidsgames.com/v3/images/common/main-content-bottomnav.png) no-repeat center center;} .nav-newerolder{position:absolute; bottom:8px; right:56px; width:142px; height:16px;} .nav-newer{float:left;} .nav-older{float:right;} .nav-newerolder a{color:white; text-decoration:underline; font-weight:bold;} .nav-newerolder a:hover{text-decoration:none;} .article .article-postdate{border-top:1px solid #333; margin-bottom:10px; font-style:italic; text-align:left; display:block; padding:6px; color:white; background:#999;} .article img.alignright {float:right; margin:20px 0 20px 20px;} .article img.alignleft {float:left; margin:20px 20px 20px 0;} .article img.aligncenter {display: block; margin-left: auto; margin-right: auto;} .article a img.alignright {float:right; margin:20px 0 20px 20px;} .article a img.alignleft {float:left; margin:20px 20px 20px 0;} .article a img.aligncenter {display: block; margin-left: auto; margin-right: auto;} /* =================== VALIDITY STYLES */ label.error { color:#fff; margin-left:8px; height:14px; background-image:url('http://wizkidsgames.com/v3/images/common_v4/validarrow.gif'); background-position:left center; background-repeat:no-repeat; padding:3px 6px 3px 2px; padding-left:18px; -moz-border-radius:4px; -webkit-border-radius: 4px; font-size:12px; } /* * Styles used by the modal output mode. * '.validity-modal-msg' is applied to the modal boxes * and '.validity-modal-msg:hover' is applied to suggest * to the user that the boxes are clickable. */ .validity-modal-msg { position:absolute; z-index:2; background-color:#999; border:solid 1px #000; padding:4px; cursor:pointer; } .validity-modal-msg:hover { background-color:#aaa; } /* * Styles used by the summary output mode. * '.validity-summary-container' is a container on the page that should contain a UL * which is the actual summary. The container can hold * an extra bit of text (or anything really) that explains what the summary is. * '.validity-erroneous' is applied to every input that fails. */ .validity-summary-container { display:none; } .validity-summary-output ul { } .validity-erroneous { border:solid 2px #f56600 !important; } /* FOR NEW DND FULL PAGE */ #rightblocksaz{float:left; width:980px;} .rightblockaz .mainad{height:229px;} .rightblockaz{float:left; width:980px; margin-top:20px;} .rightblockaz-content{width:940px; min-height:1px; background:#ffffff;repeat-y center;} .rightblockz img {padding:0 0 0 0;} .rightblockaz-content {padding:4px 20px;} .rightblockaz-content h2 {font-size:22px; margin:10px 0 10px -15px;} .rightblockaz-content ul {margin-left:20px;} #main-container-dnd {position:relative;left:-325px;} #rightblocksazz{float:left; width:980px;} .rightblockazz .mainad{height:229px;} .rightblockazz{float:left; width:980px; margin-top:20px;} .rightblockazz-top{width:980px; height:23px; background:#ffffff; float: left;} .rightblockazz-bottom{width:980px; height:23px; background:#ffffff;float: left;margin-bottom:15px;margin-left:0px;} .rightblockazz-content{width:940px; min-height:1px; background:#ffffff;} .rightblockzz img {padding:0 0 0 0;} .rightblockazz-content {padding:4px 20px;} .rightblockazz-content h2 {font-size:22px; margin:10px 0 10px -15px;} .rightblockazz-content ul {margin-left:20px;} #main-container-dnd {position:relative;left:-325px;} #rightblocksazzz{float:left; width:980px;} .rightblockazzz .mainad{height:229px;} .rightblockazzz{float:left; width:980px; margin-top:20px;} .rightblockazzz-top{width:980px; height:23px; background:#ffffff; float: left;} .rightblockazzz-bottom{width:980px; height:23px; background:#ffffff;float: left;margin-bottom:15px;margin-left:0px;} .rightblockazzz-content{width:940px; min-height:1px; background:#fffff;} .rightblockzzz img {padding:0 0 0 0;} .rightblockazzz-content {padding:4px 20px;} .rightblockazzz-content h2 {font-size:22px; margin:10px 0 10px -15px;} .rightblockazzz-content ul {margin-left:20px;} #main-container-dnd {position:relative;left:-325px;} #rightblocksazzzz{float:left; width:980px;} .rightblockazzzz .mainad{height:229px;} .rightblockazzzz{float:left; width:980px; margin-top:20px;} .rightblockazzzz-top{width:980px; height:23px; background:#ffffff; float: left;} .rightblockazzzz-bottom{width:980px; height:23px; background:#ffffff;float: left;margin-bottom:15px;margin-left:0px;} .rightblockazzzz-content{width:940px; min-height:1px; background:#ffffff;} .rightblockzzzz img {padding:0 0 0 0;} .rightblockazzzz-content {padding:4px 20px;} .rightblockazzzz-content h2 {font-size:22px; margin:10px 0 10px -15px;} .rightblockazzzz-content ul {margin-left:20px;} #main-container-dnd {position:relative;left:-325px;} #social-icons { position:relative; top:10px; left:785px; z-index:1000; width:176px; }