/*
Theme Name: Super Hero Squad
Theme URI: http://
Description: A theme developed by the Ayzenberg Group for Marvel's Super Hero Squad
Version: 1.0
Authors: Shun Chu (shun.chu@gazillion.com), Rob Schuler (rob.schuler@gazillion.com)
Author URI: http://gazillion.com/
*/



/* Begin Typography & Colors */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* ================ @GENERIC HTML MARKUPS ================ */
html, body {
    height: 100%;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, san-serif;
	color: black;
	text-align: center;
    width: 100%;
    min-width: 1056px;
}

body ul, body ol {
    margin: 10px 0 10px 40px;
}

body ul {
    list-style: circle;
}


html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li,
.entry ol li {
	margin: 7px 0 8px 10px;
	}

body hr {
    color: #f1f1f1;
}

body a, a:active {
    color: #ba0807;
}

a:hover {
    color: #EB0606;
}

body acronym, body abbr, span.caps {
	cursor: help;
	}

body acronym, body abbr {
	border-bottom: 1px dashed #999;
	}

body blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #FFE100;
	}

body blockquote cite {
	margin: 5px 0 0;
	display: block;
	}



/* ================ @HEADER ================ */
#headerimg {
    position: relative;
    width: 100%;
    height: 490px;
    min-width: 1056px;
    margin: 0 auto;
    z-index: 2;
}

#header-meta-container {
    position: absolute;
    top: 97px;
    margin: 0 auto;
    min-width: 1056px;
    width: 100%;
}

#header-title {
    positions: relative;
    margin: 0 auto;
    background: transparent url( images/header-presplash-title.png ) no-repeat left top;
}




/* ================ @BUMPER ================ */
/* these styles apply to markups generated at runtime by javascript */
#bumper-content {
    display: none;
}

#bumper {
	width: 454px;
	height: 365px;
	text-align: left;
    background: transparent url("images/background-bumper.png") no-repeat left top;
    z-index: 2001;
}
#bumper div.content {
	position: relative;
	left: 135px;
	top: 133px;
	width: 265px;
	height: 115px;
}
#bumper p.text {
	margin: 0 0 25px 0;
	padding: 10px 15px 0 0;
	font-size: 110%;
}
#bumper p.bumper-buttons {
	text-align: center;
}
#bumper input.continue,
#bumper input.back,
#bumper input.close {
	cursor: pointer;
	text-indent: -999999px;
	margin: 0;
	padding: 0;
	border: 0 none;
	float: left;
	background: url("images/sprite-bumper-btns.png") no-repeat left top;
	width: 137px;
	height: 29px;
}
#bumper input.continue:hover {
	background-position: left -29px;
}
#bumper input.back {
	width: 121px;
	margin-left: 5px;
	background-position: -137px top;
}
#bumper input.back:hover {
	background-position: -137px -29px;
}
#bumper input.close {
	float: none;
	position: absolute;
	left: 373px;
	top: 44px;
	width: 17px;
	height: 17px;
	background: url("images/btn-x.png") no-repeat left top;
}




/* ================ @GLOBAL BODY ================ */
body.page-template-default h2.title {
    display: none;
}

#page {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -129px; /* bottom height must the same height as footer */
    width: 100%;
}

#page {
    background: transparent url( images/background.jpg ) no-repeat center top;
}

#background-container { /* TODO: testing */
    width: 100%;
    margin: 0 auto;
}

.post {
    position: relative;
    z-index: 1;
}

.post p {
    margin: 10px 0 0;
    overflow: auto;
}

.navigation {
    width: 400px;
    overflow: auto;
}

.navigation .alignleft {
    float: left;
}

.navigation .alignright {
    float: right;
}

.postmetadata {
    text-align: center;
}

.big-frame,
.small-frame {
    display: block;
    margin: 0 auto;
    background: transparent url( images/sprite-picture-frames.png ) no-repeat;
}

.big-frame {
    width: 221px;
    height: 163px;
    background-position: left bottom;
}

.small-frame {
    width: 207px;
    height: 154px;
    margin: 9px 0 0;
    background-position: left top;
}

.in-big-frame {
    padding: 33px 0 0 30px;
}

.in-small-frame {
    padding: 30px 0 0 22px;
}


.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    text-align: center;
}

#leftHero,
#rightHero {
    position: absolute;
}

.category-name {
    color: #745F0D;
}




/* ================ @PRESPLASH ================ */
body.splash #page,
body.presplash #page {
    background: transparent url( images/background-presplash.jpg ) no-repeat center top;
}

body.presplash .post,
body.presplash #headerimg {
    position: static; /* to override the default setting */
}

body.presplash #background-container {
    width: 1056px;
}

body.presplash .entry {
    margin: -69px 0 0 10px;
}

#presplash-container {
    width: 712px;
    height: 273px;
    margin: 0 auto 305px;
    background: transparent url( images/container-presplash.png ) no-repeat left top;
}

#ironman-presplash {
    position: absolute;
    width: 322px;
    height: 261px;
    margin: -102px 0 0 -102px;
    background: transparent url( images/ironman-presplash.png ) no-repeat left top;
}

#spiderman-presplash {
    position: absolute;
    width: 299px;
    height: 417px;
    margin: 145px 0 0 100px;
    background: transparent url( images/spiderman-presplash.png ) no-repeat left top;
}

#hulk-presplash {
    position: absolute;
    width: 512px;
    height: 546px;
    margin: -5px 0 0 600px;
    background: transparent url( images/hulk-presplash.png ) no-repeat left top;
}



/* ================ @SPLASH ================ */
body.splash .post,
body.splash #headerimg {
    position: static; /* to override the default setting */
}

body.splash #background-container {
    width: 1056px;
}

body.splash #header-meta-container a {
    display: block;
    width: 121px;
    height: 121px;
    margin: 0 auto;
    background: transparent url( images/sprite-play-button.png ) no-repeat;
}

body.splash #header-meta-container a {
    visibility: hidden;
}

body.splash #header-meta-container a {
    background-position: center top;
}

body.splash #header-meta-container a:hover {
    background-position: center bottom;
}

body.splash .entry {
    margin: -72px 0 0 10px;
}

#spiderman-presplash { /* to override previous setting in presplash */
    margin: 145px 0 0 80px;
}

#splash-container {
    width: 675px;
    height: 441px;
    margin: 0 auto 305px 162px;
    background: transparent url( images/container-splash.png ) no-repeat left top;
}

#splash-download {
    display: block;
    position: absolute;
    width: 464px;
    height:311px;
    margin: -525px 0 0 450px;
    background: transparent url( images/splash-download.png ) no-repeat left top;
}






/* ================ @HOMEPAGE ================ */
body.home #headerimg {
    height: 480px;
    width: 1115px;
}

body.home #page {
    min-width: 1206px;
    background: transparent url( images/background-homepage.jpg ) no-repeat center top;
}

body.home #content {
    width: 1115px;
    height: auto !important;
    height: 650px;
    min-height: 650px;
    margin: -60px auto 0;
    background: transparent url( images/homepage-panel-background.png ) no-repeat left top;
}

body.home #background-container {
    width: 1115px;
    position: relative;
    background: transparent url( images/panel_tile.jpg ) repeat-y center top;
}


/* left-hand sign up btn column */
body.home #signup_btn {
    float: left;
    position: relative;
    top: 46px;
    width: 258px;
    height: 303px;
    background: transparent url( images/signup_btn.png ) no-repeat left top;
}

/* center content column */
body.home .post {
    float: left;
    font-size: 13px;
    width: 495px;
    height: auto;
    text-align: left;
    position:relative;
    padding: 47px 0 0;
    margin: 0 auto;
}

body.home .post p {
    color: white;
}

/* right hand flash video buttons column */
body.home #right_btns {
    float: right;
    width: 362px;
    height: 474px;
	position :relative;
	top: 46px;
    background: transparent url( images/right_btns.png ) no-repeat left top;
}

/* rounded corners on bottom of blue panel */
body.home #panel_btm {
	clear:all;
    position: relative;
	left: -2px;
    margin: 0 auto;
}

/* banner area */
body.home #headerimg_opt {
    position: relative;
    width: 100%;
    height: 490px;
    min-width: 1056px;
    margin: 0 auto;
    z-index: 2;
}

/* padding for main content area in blue panel */
body.home .entry {
	padding: 42px 10px 20px 10px;
}

body.home a {
    color: #FFDB79;
}

body.home a:hover {
    color: #f4bd2a;
}

/* style for non-flash version of sIFR content */
body.home h2 a {
	color: #f4bd2a;
	text-decoration: none;
	font-size:18px;
}

/* style for non-flash version of sIFR content */
body.home h2 a:hover {
	color: #ffffff;
	text-decoration: none;
	font-size:18px;
}

/* blurb text under the sIFR titles */
body.home .blurb {
    float: left;
	color:#FFF;
	margin:0 0 30px 0;
	padding:0;
	width: 455px;
}

/* iron man anchored to bottom of blue content panel */
body.home #bottomLeftHero {
	position: absolute;
	bottom: -80px;
	left: 30px;
}

/* reduced the width of this element to element some overflow scrollbars that appear in safari */
body.home .pages.top
{
    position: absolute;
    margin: 127px 0 0 52px;
    width: 400px;
}








/* ================ @FULL PAGE FLASH ================ */
body.page-template-full-flash-php #page {
    background: none;
}

body.page-template-full-flash-php #headerimg {
    width: 1415px;
    height: 1125px;
}







/* ================ @FOR PARENTS ================ */
body.for-parents #content {
    width: 910px;
    height: 553px;
    margin: -75px auto 0;
    background: transparent url( images/background-parents.png ) no-repeat left top;
}

body.for-parents .post {
    font-size: 12px;
    width: 580px;
    text-align: left;
    padding: 260px 0 0 125px;
}








/* ================ @BLOG BODY ================ */
body.terms-of-service #content,
body.privacy-policy #content,
body.single #content,
body.blog #content {
    margin: -65px 0 0;
}

body.terms-of-service #background-repeat,
body.privacy-policy #background-repeat,
body.single #background-repeat,
body.blog #background-repeat {
    width: 876px;
    height: auto;
    margin: 0 auto;
    background: transparent url( images/background-blogs-repeat.png ) repeat-y center top;
}

body.terms-of-service #background-top,
body.privacy-policy #background-top,
body.single #background-top,
body.blog #background-top {
    width: 876px;
    min-height: 538px;
    height: 787px; /* TODO */
    height: auto; !important; /* hack for IE6's lack of min-height support */
    margin: 0 auto;
    padding: 98px 0 0;
    background: transparent url( images/background-blogs-top.png ) no-repeat left top;
}

body.terms-of-service #background-bottom,
body.privacy-policy #background-bottom,
body.single #background-bottom,
body.blog #background-bottom {
    width: 876px;
    height: 78px;
    margin: 0 auto;
    background: transparent url( images/background-blogs-bottom.png ) no-repeat center top;
}

body.terms-of-service .page,
body.privacy-policy .page,
body.single .post,
body.blog .post {
    width: 540px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2em;
    line-height: 16px;
}

/* this is used to contain the hero character */
body.single #blog-container,
body.blog #blog-container {
    position: relative;
}

body.single .post .entry p,
body.blog .post .entry p {
    padding: 0 60px 0 0;
}

body.blog .title-wrapper {
    overflow: auto;
    height: 33px;
}

body.blog h2 {
    float: left;
    display: block;
    margin: 3px 0 0;
}

body.blog .more-link {
    float: left;
    display: block;
    height: 25px;
    width: 36px;
    margin: 0 0 0 8px;
    background: transparent url( images/sprite-blog-buttons.png ) no-repeat right top;
}

body.blog .more-link:hover {
    background: transparent url( images/sprite-blog-buttons.png ) no-repeat right bottom;
}

body.single .post-time,
body.blog .post-time {
    color: #654901;
    font-weight: bold;
}

body.single .navigation,
body.blog .navigation {
    position: relative;
    margin: 0 auto;
    padding-top: 15px;
    overflow: visible;
    z-index: 2;
}

body.single .previous-post a,
body.single .next-post a,
body.blog .previous-post a,
body.blog .next-post a  {
    display: block;
    height: 25px;
    background: transparent url( images/sprite-blog-buttons.png ) no-repeat;
}

body.single .previous-post a,
body.blog .previous-post a {
    width: 91px;
    background-position: -74px top;
}

body.single .previous-post a:hover,
body.blog .previous-post a:hover {
    background-position: -74px bottom;
}

body.single .next-post a,
body.blog .next-post a {
    width: 71px;
    background-position: left top;
}

body.single .next-post a:hover,
body.blog .next-post a:hover {
    background-position: left bottom;
}

body.single .social-networks,
body.blog .social-networks{
    position: absolute;
    display: block;
    background: transparent url( images/sprite-social-networks.png ) no-repeat;
}

body.single #social-facebook,
body.blog #social-facebook {
    width: 255px;
    height: 205px;
    margin: -56px 0 0 634px;
    background-position: left top;
    z-index: 2;
}

body.single #social-twitter,
body.blog #social-twitter {
    width: 273px;
    height: 203px;
    margin: 98px 0 0 635px;
    background-position: left bottom;
    z-index: 3;
}

body.blog #leftHero{
    position: absolute;
	width: 525px;
	height: 675px;
}

body.blog #leftHero {
    top: -125px;
    left: -226px;
}










/* ================ @MEDIA PAGE ================ */
body.media #content {
    width: 910px;
    height: 417px;
    margin: -63px auto 0;
    background: transparent url( images/background-media.png ) no-repeat left top;
}

body.media .post {
    float: left;
    font-size: 12px;
    width: 750px;
    text-align: left;
    margin: 65px 0 0 -36px;
}

body.media .entry {
    width: 655px;
    overflow: auto;
    margin: 0 0 0 60px;
}

body.media #rightHero {
    top: 423px;
    margin: 0 0 0 -165px;
	width: 325px;
	height: 555px;
}

body.media .pages {
    position: absolute;
    top: 94px;
    left: 4px;
    width: 728px;
}

body.media .pages .newer a,
body.media .pages .older a {
    display: block;
    width: 59px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent url( images/sprite-media-paginate.png ) no-repeat;
}

body.media .pages .newer a {
    float: left;
    height: 60px;
    margin: 0;
    background-position: left bottom;
}

body.media .pages .newer a:hover {
    background-position: right bottom;
}

body.media .pages .older a {
    float: right;
    height: 57px;
    margin: 0;
    background-position: left top;
}

body.media .pages .older a:hover {
    background-position: right top;
}





/* ================ @MEDIA SCREENSHOTS PAGE ================ */
body.media.artwork .media-thumb,
body.media.screenshots .media-thumb {
    float: left;
    width: 207px;
    overflow: visible;
}







/* ================ @MEDIA MOVIES PAGE ================ */
body.media.movies .entry p {
    margin: 10px auto;
}

body.media.movies .entry .movie-thumb {
    width: 207px;
}

body.media.movies .entry .movie-meta-container {
    text-align: center;
}

body.media.movies .entry p h1.movie-title,
body.media.movies .entry p div.download-movies,
body.media.movies .entry p div.movie-meta {
    text-align: center;
}

body.media.movies .entry p h1.movie-title {
    color: white;
    margin: 0 0 10px;
    font-size: 24px;
}

body.media.movies .entry .movie-meta {
    font-size: 20px;
}

body.media.movies .entry #get-quicktime {
    position: absolute;
    top: 280px;
    left: 10px;
}

body.media.movies #rightHero {
    margin: 0;
    top: -70px;
    left: 625px;
}

body.media.movies .pages {
    position: relative;
    top: 0;
    margin: -182px 0 0;
    z-index: 1;
}



/* ================ @MEDIA WALLPAPERS PAGE ================ */
body.media.wallpapers .entry {
    overflow: visible;
    margin-left: 54px;
}

body.media.wallpapers .entry div.blocks {
    float: left;
    width: 207px;
}

body.media.wallpapers .entry div.blocks .small-frame {
    margin-top: 8px;
}

body.media.wallpapers .entry h1 {
    color: white;
    margin: 0 0 5px;
    font-size: 24px;
    text-align: center;
}

body.media.wallpapers .entry div.wallpapers-download {
    font-size: 16px;
    text-align: center;
    margin: 0 auto -4px;
}

body.media.wallpapers .entry a{
    text-decoration: none;
}

.best-quality {
    position: absolute;
    color: white;
    font-weight: bold;
    font-size: 12px;
    margin: -26px 0 0 150px;
}







/* ================ @MEDIA MENU ================ */
#media-menu {
    float: left;
    width: 178px;
    margin: 88px 0 0 -55px;
}

#media-menu li {
    list-style: none;
}

#media-menu li a {
    display: block;
}

#media-menu li#media-screenshots a {
    width: 176px;
    height: 73px;
    background: transparent url( images/sprite-media-menu.png ) no-repeat left top;
}

#media-menu li#media-screenshots a:hover,
#media-menu li#media-screenshots.current_page_item a {
    background-position: right top;
}

#media-menu li#media-movies a {
    width: 120px;
    height: 69px;
    margin: -12px auto 0;
    background: transparent url( images/sprite-media-menu.png ) no-repeat left -73px;
}

#media-menu li#media-movies a:hover,
#media-menu li#media-movies.current_page_item a {
    background-position: right -73px;
}

#media-menu li#media-artwork a {
    width: 170px;
    height: 66px;
    margin: -5px auto 0;
    background: transparent url( images/sprite-media-menu.png ) no-repeat left -142px;
}

#media-menu li#media-artwork a:hover,
#media-menu li#media-artwork.current_page_item a {
    background-position: right -142px;
}

#media-menu li#media-wallpapers a {
    width: 168px;
    height: 65px;
    margin: -6px auto 0;
    background: transparent url( images/sprite-media-menu.png ) no-repeat left bottom;
}

#media-menu li#media-wallpapers a:hover,
#media-menu li#media-wallpapers.current_page_item a {
    background-position: right bottom;
}








/* ================ @THE SQUAD PAGE ================ */
body.the-squad #content {
    width: 876px;
    height: 1334px;
    margin: -68px auto 0;
    background: transparent url( images/background-squad.png ) no-repeat left top;
}

body.the-squad .entry p {
    width: 490px;
}

body.the-squad .post {
    font-size: 13px;
    width: 730px;
    height: auto;
    text-align: left;
    padding: 47px 0 0;
    margin: 0 auto;
    overflow: auto;
}

body.the-squad .post #spiderman {
    float: left;
    position: relative;
    width: 173px;
    height: 161px;
    margin: 39px 0 0;
    background: transparent url( images/spiderman-the-squad.png ) no-repeat left top;
}

body.the-squad .post h2.title {
    display: block;
    width: 303px;
    height: 34px;
    margin: 44px 0 0 195px;
    background: transparent url( images/sprite-squad-text.png ) no-repeat center top;
}

body.the-squad .post h2.title span {
    display: none;
}

body.the-squad .post #stay-tuned {
    width: 435px;
    height: 25px;
    margin: 22px 0 0 188px;
    background: transparent url( images/sprite-squad-text.png ) no-repeat center bottom;
}

body.the-squad .post p {
    color: white;
    margin: 10px 0 0 193px;
}

body.the-squad #badges {
    width: 652px;
    height: auto;
    margin: 105px 0 0 40px;
}

body.the-squad #badges a,
body.the-squad #badges img,
body.the-squad #badges span {
    display: block;
}

body.the-squad #badges .badge {
    float: left;
    color: black;
    width: 135px;
    height: 150px;
    margin: 8px 14px 0;
    text-align: center;
    text-decoration: none;
}

body.the-squad #badges .coming-soon {
    color: white;
}

/* dynamic height for 2 lines is set in javascript in "SHS.adjustSquadBadgeNames()" method */
body.the-squad #badges span {
    margin: -25px 0 0;
    line-height: 1em;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
}


body.the-squad .pages
{
    position: absolute;
    margin: 30px 0 0 130px;
    width: 620px;
}

body.the-squad .pages.top
{
    position: absolute;
    margin: 127px 0 0 52px;
    width: 620px;
}

body.the-squad .pages a,
body.the-squad .pages.top a {
    display: block;
    width: 98px;
    height: 30px;
    border: none;
    background: transparent url( images/sprite-squad-bio-pagination.png ) no-repeat;
}

body.the-squad .pages .older a,
body.the-squad .pages.top .older a {
    float: left;
    background-position: left top;
}

body.the-squad .pages .newer a,
body.the-squad .pages.top .newer a {
    float: right;
    background-position: left bottom;
}





/* ================ @SQUAD BIO PAGE ================ */
body.parent-pageid-33 #content {
    color: white;
    width: 876px;
    height: 489px;
    margin: -62px auto 0;
    font: 1.5em arial;
    background: transparent url( images/background-squad-bio.png ) no-repeat left top;
}

body.parent-pageid-33 .post {
    padding: 44px 0 0;
}

body.parent-pageid-33 .panels {
    float: left;
    text-align: left;
    width: 40%;
}

body.parent-pageid-33 #left-panel {
    padding: 0 0 0 55px;
}

body.parent-pageid-33 #header-container {
    overflow: auto;
}

body.parent-pageid-33 img,
body.parent-pageid-33 .title {
    float: left;
}

body.parent-pageid-33 .title {
    position: absolute;
    font-size: 42px;
    margin: 27px 0 0 87px;
}

body.parent-pageid-33 #hero-character {
    margin: -17px 0 0 27px;
}


body.parent-pageid-33 #right-panel {
    margin: 62px 0 0 48px;
}

body.parent-pageid-33 .small-titles {
    font-size: 30px;
}

body.parent-pageid-33 #powers-title {
    text-align: left;
    margin: 0 0 0 -6px;
}

body.parent-pageid-33 #powers {
    margin: -6px 0 0;
}

body.parent-pageid-33 #gallery {
    width: 376px;
    height: 140px;
    margin: 0 0 0 -3px;
    background: transparent url( images/squad-bio-frames.jpg ) no-repeat left top;
}

body.parent-pageid-33 #gallery a {
    float: left;
    display: block;
}

body.parent-pageid-33 #gallery .left {
    margin: 31px 0 0 31px;
}

body.parent-pageid-33 #gallery .center {
    margin: 53px 0 0 19px;
}

body.parent-pageid-33 #gallery .right {
    margin: 28px 0 0 16px;
}

body.parent-pageid-33 #bio-content {
    margin: -12px 0 0;
    line-height: 1.1em;

}

body.parent-pageid-33 #bio-content p {
    overflow: visible;
}

body.parent-pageid-33 a#back-button {
    display: block;
    position: absolute;
    width: 98px;
    height: 30px;
    left: 734px;
    top: 56px;
    background: transparent url( images/sprite-squad-bio-back.png ) no-repeat left top;
}

body.parent-pageid-33 a#back-button:hover {
    background: transparent url( images/sprite-squad-bio-back.png ) no-repeat left bottom;
}









/* ================ @GAME INFO PAGE ================ */
body.game-info #content {
    margin: -63px 0 0 -160px;
}

body.game-info #post-111 {
    min-width:1024px;
    width: 100%;
    margin:0 auto;
}







/* ================ @NEWSLETTER PAGE ================ */
body.ask-your-parents #content,
body.newsletter #content,
body.newsletter-registration-success #content {
    width: 910px;
    height: 409px;
    margin: -70px auto 133px auto;
    background: transparent url( images/background-newsletter.png ) no-repeat left top;
}

body.ask-your-parents .post,
body.newsletter .post,
body.newsletter-registration-success .post {
    margin: 0 auto;
    font-size: 1.25em;
    text-align: left;
	width: 530px;
	left: -27px;
    padding: 76px 0 0 0;
}

body.ask-your-parents .entry {
    text-align: center;
    margin-top: 75px;
}

body.newsletter h2 {
	margin-bottom: -10px;
	vertical-algin: bottom;
}

body.newsletter p,
body.newsletter-registration-success p {
	margin: 15px 0;
}

body.newsletter p.error {
	font-weight: bold;
	color: #900;
}

body.newsletter-registration-success div {
    text-align: center;
}

body.newsletter-registration-success div h3 {
	margin: 30px 0;
}

body.newsletter p.content,
body.newsletter p.buttons {
    text-align: center;
}

body.newsletter p.buttons {
    margin: 20px 0;
	padding-right: 100px;
}

body.newsletter label.name,
body.newsletter label.email {
	color: #ffcc00;
	font-size: 27px;
	vertical-align: bottom;
	margin: 0 15px 0 0;
}

body.newsletter label.email {
	margin: 0 3px 0 13px;
}

body.newsletter input {
    cursor: pointer;
}

body.newsletter input.name {
    border: 0 none;
    padding: 11px 15px 9px 15px;
    margin: 0;
	width: 144px;
	height: 25px;
    background: url('images/sprite-newsletter-fields.jpg') no-repeat -2px -3px;
}

body.newsletter input.email {
	border: 0 none;
    padding: 11px 18px 9px 18px;
    margin: 0;
	width: 150px;
	height: 25px;
    background: url('images/sprite-newsletter-fields.jpg') no-repeat -2px -61px;
}

body.newsletter input.done {
	border: 0 none;
    padding: 0;
    margin: 0;
	width: 100px;
	height: 31px;
    background: url('images/sprite-newsletter-btns.jpg') no-repeat left top;
}

body.newsletter input.done:hover {
	background-position: left -31px;
}

body.newsletter input.cancel {
	border: 0 none;
    padding: 0;
    margin: 0;
	width: 100px;
	height: 31px;
    background: url('images/sprite-newsletter-btns.jpg') no-repeat -103px top;
}

body.newsletter input.cancel:hover {
	background-position: -103px -31px;
}

body.newsletter p {
    overflow: inherit;
}

body.newsletter #leftHero {
    top: 0;
    width: 400px;
    height: 575px;
    margin: -63px 0 0 -326px;
}

body.newsletter #rightHero {
    top: 0;
    left: 495px;
    width: 335px;
    height: 500px;
    margin: -32px 0 0;
}










/* ================ @FOOTER ================ */
#push {
    height: 129px; /* must be the same height as footer height */
}

#footer {
    position: relative;
    margin: 58px 0 0;
}

body.age-gate #footer {
    margin-top: 120px;
}

#footer-container {
    width: 1145px;
    padding-left: 60px;
    overflow: auto;
    margin: 0 auto;
}

#footer-container div {
    float: left;
}

#footer-container div span {
    display: block;
    padding: 56px 0 0;
}

#footer-box {
    width: 567px;
    height: 129px;
    margin: 0 auto;
    background: transparent url( images/footer-shape.png ) no-repeat left top;
}

#footer-items {
    margin: 0 auto;
    width: 100%;
}

#footer-items a,
#footer-items div {
    float: left;
}

#footer-items #preview-padding {
    width: 100%;
    height: 35px;
}

#footer-items a.footer-menu {
    display: block;
    height: 20px;
    margin: 25px 0 0;
    background: transparent url( images/sprite-footer-links.png ) no-repeat;
}

#footer-items a#for-parents {
    width: 94px;
    margin-left: 88px;
    background-position: left top;
}

#footer-items a#privacy-policy {
    width: 115px;
    margin-left: 26px;
    background-position: -118px top;
}

#footer-items a#terms-conditions {
    width: 134px;
    margin-left: 26px;
    background-position: right top;
}

#footer-items #copyright-notice {
    width: 184px;
    height: 67px;
    margin: 13px 0 0 8px;
    background: transparent url( images/footer-copyright-notice.png ) no-repeat left top;
}

#footer-items #esrb-rating {
    width: 150px;
    height: 62px;
    margin: 14px 0 0 32px;
    background: transparent url( images/sprite-logos.png ) no-repeat left -98px;
}

#footer-items #esrb-certified {
    width: 144px;
    height: 53px;
    margin: 16px 0 0 12px;
    background: transparent url( images/sprite-logos.png ) no-repeat left -162px;
}

#footer .logo {
    float: left;
    display: block;
    cursor: pointer;
}

#amazingsociety-logo div {
    background: transparent url( images/sprite-logos.png ) no-repeat scroll left top;
    height: 58px;
    margin: 30px 0 0;
    width: 128px;
}

#gazillion-logo div {
    background: transparent url( images/sprite-logos.png ) no-repeat scroll left -56px;
    height: 39px;
    margin: 42px 15px 0;
    width: 102px;
}

#marvelkids-logo div {
    background: transparent url( images/sprite-logos.png ) no-repeat scroll left -218px;
    height: 68px;
    margin: 27px 10px 0;
    width: 85px;
}

#superherosquad-logo div {
    background:transparent url( images/sprite-logos.png ) no-repeat scroll left bottom;
    height: 65px;
    margin: 22px 15px 0;
    width: 95px;
}

#build-number {
    display: none;
}




/* ================ @LEGAL PAGES ================ */
body.privacy-policy p,
body.terms-of-service p {
    padding: 10px 0;
}




/* ================ @AGE GATE ================ */
body.age-gate #content {
    background: url("images/background-age-gate.png") no-repeat left top;
    height: 286px;
    margin: -80px auto 0;
	padding-right: 40px;
    width: 455px;
}
body.age-gate .post {
    margin: 0 auto;
    padding: 80px 0 0;
    width: 400px;
}

body.age-gate form p {
    margin-top: 8px;
}

body.age-gate input {
    cursor: pointer;
}

body.age-gate input.ok {
	border: 0 none;
    padding: 0;
    margin: 0;
	width: 100px;
	height: 31px;
    background: url('images/sprite-newsletter-btns.jpg') no-repeat -207px top;
}

body.age-gate input.ok:hover {
	background-position: -207px -31px;
}

body.age-gate input.cancel {
	border: 0 none;
    padding: 0;
    margin: 0;
	width: 100px;
	height: 31px;
    background: url('images/sprite-newsletter-btns.jpg') no-repeat -103px top;
}

body.age-gate input.cancel:hover {
	background-position: -103px -31px;
}

body.age-gate #dob_invalid_date {
    color: #900;
    font-size: 1.2em;
    font-weight: bold;
}





/* ================ @REDIRECT ================ */
body.page-template-page-redirect-php #header {
    height: 100px;
}

body.page-template-page-redirect-php #bumper {
    text-align: center;
    margin: 0 auto;
}

body.page-template-page-redirect-php #Blocker {
    position: relative;
    top: 98px;
    width: 262px;
    height: 34px;
    margin: 0 0 0 136px;
    background: white;
}

body.page-template-page-redirect-php .post {
    font-size: 1.2em;
    width: 245px;
    margin: 75px 0 0 138px;
}



/* ================ @404 ERROR ================ */
body.error404 .post {
	margin: 0 auto;
	width: 500px;
	left: -17px;
}
body.error404 p.error404 {
	font-size: 9px;
	color: #999;
}





/* ================ @UTILITIES ================ */
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


/* ================ @WORDPRESS DEFAULTS ================ */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */










/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 � 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

  .sIFR-active .sifr {
    visibility: hidden;
    font-family: Verdana;
    line-height: 1em;
    font-size: 24px;
  }

}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}