/* STYLES FOR WWW.SQUATZ-WORLD.COM */
/* CREATED NOVEMBER 2009 BY T STONE  */

/* For convenience, here is a basic palette for the site:

	Backgrounds (the bg gradient)  -
		
		Light Blue: #00c1fc
		Dark Blue: #003dcf
		Color of Pattern: #00c4f7
		
	Other colors - 
	
		
/*import the sitewide footer structure */
 
/* @import url("http://www.wildplanet.com/sitewide/footerStructure.css"); */

/*    BASIC RESETS AND TAGS    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */

h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,tr,thead,td,tfoot,dl,dt,dd {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font: 1em/1.1em Verdana, Geneva, sans-serif;
	background: #003dcf url(../img/bgTile.png) repeat-x;
}
* {
	outline:none;
}
.clear {
	float:none;
	clear:both;
}
.hide {
	display:none;	
}
.flashPrompt h4 {
	font-size: 0.9em;
	font-weight: normal;
	background: #F00;
}

.flashPrompt h4 img {
	float:left;
	border-style: none;
	padding: 6px;
}




/*    BASIC LAYOUT    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */

#oc {
	margin:0;
	padding:0;
}
#ic {
	margin:0 auto;
	padding:0;
	width:980px;
}


#header {
	height:181px;
	width:980px;
	background: url(../img/header.gif) no-repeat 0px 0px;
	position:relative;
}

#header h1 a {
	width:420px;
	height:265px;
	display:block;
	text-indent:-3000px;
	background: url(../img/logo.png) no-repeat 0px 0px;
	float:left;
}

#topNav {
	width: 560px;
	position:absolute;
	top:0px;
	right: 0px;
	z-index:100;
}

#mainContent {
	width:980px;
	/* height:414px!important; */
	background: url(../img/mainContentBG.png) repeat-y 0px 0px;
	margin: 0px;
	padding: 0px;
	color: #039;
}
#homepage #mainContent { height:366px!important; 
}


#footer {
	width:980px;
	clear: both;
	height:167px;
	margin: 0px;
	padding: 0px;
	position:relative;	
	background: url(../img/footerSquatz.png) no-repeat 0px 0px;
}
#footerNav {
	margin: 0px auto;
	padding: 0px;
	/* position: relative;
	top: 20px; */
	width: 980px;
}

#footerNav ul {
	list-style: none;
	font-size: .7em;
}

#footerNav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#footerNav ul li a {
	float: left;
	width: 130px;
	color: #333;
	margin: 0px;
	padding: 6px 5px 4px;
	text-decoration: none;
	display: block;
	text-align: center;
}
#footerNav ul li a:hover {
	background-color:#FFC20E;
	color: #0048D4;
}




/*    HOMEPAGE LAYOUT    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */


#mainContent .homeCopy {
	width: 470px;
	float: left;
	clear:left;
	margin: 0px;
	padding: 0px 0px 0px 60px;
}

#mainContent .homeCopy h2 {
	text-indent: -3000px;
	background: url(../img/homepageH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;
	
}

#mainContent .homeCopy p {
	margin: 0px 0px 6px;
	padding: 0px;
	font-size:.8em;
	color: #003399;
}


#mainContent .homeFlash {
	float: left;
	width: 330px;
	height: 330px;
	background: url(../img/homeSQUATZ.png);
	margin-top: -48px;
}



/*    SECTION PAGE LAYOUT    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */



#mainContent .halfPageCopy {
	width: 470px;

	float: left;
	clear: left;
	margin: 0px;
	padding: 0px 0px 0px 60px;
}

#mainContent .mainImage {
	float: left;
	width: 330px;
	height: 330px;
}

#mainContent .sideBarRight {
	float: left;
	width: 294px;
	margin-top: 30px;
	padding-left: 36px;
	border-left: 1px dashed #039;
	margin-left: 24px;
}

#mainContent .fullPageCopy {
	width: 860px;
	
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px 60px 0px 60px;
}

#mainContent .swf {
	width: 860px;
	
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px 60px 0px 60px;
}


/*    PAGE SPECIFIC STYLES    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */


#squatify #mainContent h2 {
	text-indent: -3000px;
	background: url(../img/squatifyH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;	
}

#squatify .mainImage {
	background: url(../img/SQUATZ-bodies/blank.png) no-repeat 0px -20px;
	margin-top: -16px; 
}

#squatify .cta a {
	display: block;
	width: 400px;
	height: 26px;
	margin: 0px;
	padding: 16px 0px 4px;
	color: #039;
	background: #F26522;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

#squatify .cta a:hover {
	color: #F26522;
	background: #039;
}

#squatify .disclaimer {
	font-size: .6em;
	padding-top: 12px;
}

#squatify #mainContent .swf {
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	height: 330px;
	width: 905px;
}

#series .halfPageCopy { 
	width: 410px;

}

#series #mainContent h2 { 
	text-indent: -3000px;
	background: url(../img/seriesH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;	
}

#series .mainImage {
	width: 470px;
	margin-top: -36px;
	margin-left: -16px;
}

#series .mainImage .seriesLink a {
	margin: 0px;
	padding: 0px;
	height: 165px;
	width: 230px;
	float: left;
	text-indent: -3000px;
}

#series .mainImage .seriesLink a.sLinkRobots { 
	background: url(../img/series.jpg) no-repeat 0px 0px; 	
}

#series .mainImage .seriesLink a.sLinkNinjas { 
	background: url(../img/series.jpg) no-repeat -230px 0px; 	
}

#series .mainImage .seriesLink a.sLinkPirates { 
	background: url(../img/series.jpg) no-repeat 0px -165px; 	
}

#series .mainImage .seriesLink a.sLinkAliens { 
	background: url(../img/series.jpg) no-repeat -230px -165px; 	
}


#series .pirates h2 { 
	background: url(../img/piratesH2.gif)!important;
}
#series .aliens h2 { 
	background: url(../img/aliensH2.gif)!important;
}
#series .ninjas h2 { 
	background: url(../img/ninjasH2.gif)!important;
}
#series .robots h2 { 
	background: url(../img/robotsH2.gif)!important;
}

#series .xSell a {
	margin: 0px;
	padding: 0px;
	height: 96px;
	width: 110px;
	display: block;
	float: left;
	text-indent: -3000px;
}

#series .pirates .xSell a.xSellRobots { 
background: url(../img/seriesXSell.jpg) no-repeat 0px 0px; 

}
#series .pirates .xSell a.xSellNinjas { 
background: url(../img/seriesXSell.jpg) no-repeat -110px 0px; 

}
#series .pirates .xSell a.xSellAliens { 
background: url(../img/seriesXSell.jpg) no-repeat -220px 0px; 

}


#series .aliens .xSell a.xSellRobots { 
background: url(../img/seriesXSell.jpg) no-repeat 0px 0px; 

}
#series .aliens .xSell a.xSellNinjas { 
background: url(../img/seriesXSell.jpg) no-repeat -110px 0px; 

}
#series .aliens .xSell a.xSellPirates { 
background: url(../img/seriesXSell.jpg) no-repeat -330px 0px; 

}


#series .ninjas .xSell a.xSellRobots { 
background: url(../img/seriesXSell.jpg) no-repeat 0px 0px; 

}
#series .ninjas  .xSell a.xSellAliens { 
background: url(../img/seriesXSell.jpg) no-repeat -220px 0px; 

}
#series .ninjas  .xSell a.xSellPirates { 
background: url(../img/seriesXSell.jpg) no-repeat -330px 0px; 

}


#series .robots .xSell a.xSellNinjas { 
background: url(../img/seriesXSell.jpg) no-repeat -110px 0px; 

}
#series .robots  .xSell a.xSellAliens { 
background: url(../img/seriesXSell.jpg) no-repeat -220px 0px; 

}
#series .robots  .xSell a.xSellPirates { 
background: url(../img/seriesXSell.jpg) no-repeat -330px 0px; 

}









#faqs #mainContent h2 { 
	text-indent: -3000px;
	background: url(../img/faqH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;	
}
#loads .halfPageCopy {
	width: 398px;
	padding-right: 24px;

}
#loads #mainContent h2 { 
	text-indent: -3000px;
	background: url(../img/downloadsH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;	
}
#loads #s1Poster {
	font-size: 0.8em;
	display: block;
	height: 200px;
	width: 153px;
	float: left;

}
#loads #s1Poster img{
	border-style: none;	
}
#loads .wallpapers {
	width: 426px;
	float:left;
}
#loads .wallpapers div a {
	width:121px;
	height: 110px;
	float: left;
	border: 2px solid #FFF;
	text-indent: -3000px;
	margin-bottom: 9px;
}
#loads .wallpapers div a:hover { border: 2px solid #FF0000; }

#loads .wallpapers div.newRow a {
	width:121px;
	height: 110px;
	float: left;
	clear: left;
}
#loads .wallpapers .leftSpace a { 
	margin-left: 21px; 
}
#loads .wallpapers a#wpPop { background: url(../img/wallpapersTN.jpg) no-repeat 0px 0px; }
#loads .wallpapers a#wpSwap { background: url(../img/wallpapersTN.jpg) no-repeat -142px 0px; }
#loads .wallpapers a#wpPirate { background: url(../img/wallpapersTN.jpg) no-repeat -283px 0px; }

#loads .wallpapers a#wpRobot { background: url(../img/wallpapersTN.jpg) no-repeat 0px -110px; }
#loads .wallpapers a#wpAliens { background: url(../img/wallpapersTN.jpg) no-repeat -142px -110px; }
#loads .wallpapers a#wpNinja { background: url(../img/wallpapersTN.jpg) no-repeat -283px -110px; }

#loads .wallpapers a#wpSide { background: url(../img/wallpapersTN.jpg) no-repeat 0px -220px; }
#loads .wallpapers a#wpPattern { background: url(../img/wallpapersTN.jpg) no-repeat -142px -220px; }
#loads .wallpapers a#wpArmy { background: url(../img/wallpapersTN.jpg) no-repeat -283px -220px; }




.comingSoon {
	background: #FFF url(../img/comingSoon.gif) no-repeat;
	position: absolute;
	z-index: 100;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 240px;
	opacity:0.76;
	filter:alpha(opacity=76);
}

.socialBox {
	width:300px;
	margin: 12px 0px 12px;
	padding: 0px;
	float: left;
}
.socialBox2 {
	width:360px;
	margin-left: 150px;
	padding: 0px;
	float: left;
	margin-bottom: 30px;
	margin-top: 12px;
}


.socialBox img, .socialBox2 img {
	float: right;
	border-style: none;
}


#social h2.youtube {
	background: url(../img/tubeH2.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 420px;
	text-indent: -3000px;
}


#social h2.facebook {
	background: url(../img/bookH2.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 420px;
	text-indent: -3000px;
}

#social h2.twitter {
	background: url(../img/twitterH2.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 420px;
	text-indent: -3000px;
}


#social h2.flickr {
	background: url(../img/squickrH2.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 420px;
	text-indent: -3000px;
}



#slang #mainContent h2 { 
	text-indent: -3000px;
	background: url(../img/slangH2.gif);
	margin: 0px 0px 6px;
	padding: 0px;
	height: 32px;
	width: 420px;	
}



/*    NAVIGATION STYLES AND BEHAVIORS    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */


#topNav ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	font-size:.7em;
}

#topNav ul li {
	float:left;
	width:76px;
}

#topNav ul li a {
	display: block;
	width: 76px;
	height:32px;
	margin: 0px;
	padding: 0px;
	float: left;
}

body#squatify #topNav ul li#squatify a, 
body#series #topNav ul li#series a, 
body#social #topNav ul li#social a, 
body#loads #topNav ul li#loads a, 
body#slang #topNav ul li#slang a, 
body#faqs #topNav ul li#faqs a {

}


/*    TPYOGRAPHY    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */


#mainContent h2 {
	margin:0;
	padding:0;
	font-size: 1.5em;
	color: #039;
}

#mainContent h3 {
	margin:0px 0px 6px;
	padding:0px;
	font-size: 1.1em;
	line-height: 1.3em;	
	color: #039;

}

#mainContent h4 {
	margin:0px 0px 6px;
	padding:0px;
	font-size: 0.9em;
	line-height: 1.3em;	
	color: #039;
}

#mainContent p {
	margin:0px 0px 6px;
	padding:0px;
	font-size: 0.8em;
	line-height: 1.3em;	
}


#mainContent ul {
	font-size: 0.8em;
	line-height: 1.3em;
	margin: -6px 0px 6px;
	padding: 0px 0px 6px 12px;
	list-style:none;
}
#mainContent ul li {
	margin: 0px;
	padding: 6px 16px 0px;
	background: url(../img/SQUATZBullet.gif) no-repeat 0px 8px;
}
#mainContent dl {
	font-size: .9em;
	line-height: 1.3em;
	padding:12px 0px 0px;
}
#mainContent  dt {
	font-weight: bold;
	padding:0px;
	color: #039;
}
#mainContent dd {
	padding:0px;
	font-size: 0.8em;
	color: #096934;
	margin-left: 12px;
	width: 60%;
	margin-bottom: 12px;
}
#mainContent .pronounce {
	font-style: normal;
	font-weight: bold;
	font-size: 80%;
	display: block;
	padding:0px;
}
#mainContent .example {
	color: #666666;
	display: block;
	font-style: italic;
	padding:0px;
}





/*    FORMS    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */



/*    sitewide footer styles   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */

#wpFooter {
	font-size:0.7em;
	margin: 21px auto 0px;
	padding: 0px;
	width: 60%;
	text-align: center;
	color: #00BDFA;
}
.footerLogo {
	position: relative;
	top: 20px;
	margin-right: 6px;
}


 #wpFooter a { color:#00C5FB; 
}

/*
#wpFooter a:hover {
	color:#FF8402;
	font-weight: bold;
} 
#wpFooter ul {
	list-style-type:none;
}
#wpFooter h3 a {
	text-decoration:none;
}
#wpFooter h3 a:hover {
	text-decoration:underline;
}
#wpFooter #footerBrands {
	width:40%;
	float:left;
}
#wpFooter #footerBrands ul {
	width:40%;
	float:left;
}
#wpFooter #footerAboutWP {
	width:20%;
	float:left;
}/*
#wpFooter #footerSupport {
	width:20%;
	float:left;
}
#wpFooter #footerBuy {
	width:20%;
	float:left;

}
 
#wpFooter #footerLogo {
	background: transparent url(http://www.wildplanet.com/sitewide/wpLogoBlk.png) no-repeat 0 0;

}
#wpFooter address {


}

*/

/*    SADLY, YES, THERE ARE SOME HACK$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$    */

/* see the ie6screen.css file  */