#wrapper #main #content { background: url(/images/character-container-bg.jpg) left bottom repeat-x #FFF; padding-bottom: 100px; }
.character-container { width: 776px; height: auto; clear: both; position: relative; background-color: #FFF; text-align: left; padding-bottom:15px; }

.cc-text { margin-left: 300px; position: relative; min-height: 300px;}

#woogly { background: url(/images/characters-woogly-bg.jpg) left top no-repeat; padding-top: 100px; }
#woogly .cc-image { width: 584px; height: 223px; margin-left: 90px; background: url(/images/characters-woogly.png) left top no-repeat; }
#woogly .cc-name { width: 138px; margin-bottom: 15px; }
#woogly .cc-text { margin-top: 20px; }

#weegly { background: url(/images/characters-weegly-bg.jpg) left 50px no-repeat; }
#weegly .cc-image { width: 438px; height: 228px; margin-top: 0px; margin-left: 90px; background: url(/images/characters-weegly.png) left top no-repeat; }
#weegly .cc-name { width: 131px; margin-bottom: 15px; }

#whaagly { background: url(/images/characters-whaagly-bg.jpg) left top no-repeat; padding-top: 95px; }
#whaagly .cc-image { width: 588px; height: 201px; margin-left: 90px; background: url(/images/characters-whaagly.png) left top no-repeat; }
#whaagly .cc-name { width: 158px; margin-bottom: 15px;; }
#whaagly .cc-text { margin-top: 30px; }

#grimmar { background: url(/images/characters-grimmar-bg.jpg) left top no-repeat; padding-top: 75px; }
#grimmar .cc-image { width: 156px; height: 233px; margin-left: 380px; background: url(/images/characters-grimmar.png) left top no-repeat; }
#grimmar .cc-name { width: 161px; margin-bottom: 15px; }
#grimmar .cc-text { margin-top: 50px; }

#def { background: url(/images/characters-def-bg.jpg) left 50px no-repeat; }
#def .cc-image { width: 239px; height: 239px; margin-top: 0px; margin-left: 50px; background: url(/images/characters-def.png) left top no-repeat; }
#def .cc-name { width: 70px; margin-bottom: 15px; }
#def .cc-text { margin-top: 60px; }

#letterbugs { background: url(/images/characters-letterbugs-bg.jpg) left top no-repeat; padding-top: 30px; }
#letterbugs .cc-image { width: 679px; height: 258px; margin-left: 50px; background: url(/images/characters-letterbugs.png) left top no-repeat; }
#letterbugs .cc-name { width: 188px; margin-bottom: 15px; }
#letterbugs .cc-text { margin-top: 50px; }

#vocabugs { background: url(/images/characters-vocabugs-bg.jpg) left top no-repeat; padding-top: 65px; }
#vocabugs .cc-image { width: 586px; height: 194px; margin-left: 130px; background: url(/images/characters-vocabugs.png) left top no-repeat; }
#vocabugs .cc-name { width: 163px; margin-bottom: 15px; }
#vocabugs .cc-text { margin-top: 50px; }

#buggers { background: url(/images/characters-buggers-bg.jpg) left top no-repeat; padding-top: 20px; }
#buggers .cc-image { width: 776px; height: 261px; margin-left: 0px; background: url(/images/characters-buggers.png) left top no-repeat; }
#buggers .cc-name { width: 150px; margin-bottom: 15px; }
#buggers .cc-text { margin-top: 50px; }

.cc-name { height: 30px; }
.cc-desc { color: #000; font-size: 10pt; font-weight: bold; }
.cc-image, .cc-name { behavior: url(/css/iepngfix.htc); }

#other-characters { text-align: center; clear: both; /*margin-top: 50px;*/}
#other-characters ul { margin: 0px; padding: 0px; list-style-type: none; }
#other-characters ul li { text-align: center; margin: 25px; display: inline-block;  }
#other-characters ul li img.icon { width: 81px; height: 81px; behavior: url(/css/iepngfix.htc); }
#other-characters ul li img.icon-name { height: 23px; margin-top: 10px; behavior: url(/css/iepngfix.htc); }
#other-characters ul li#icon-letterbugs img.icon,
#other-characters ul li#icon-vocabugs img.icon,
#other-characters ul li#icon-buggers img.icon { width: 122px; }
#other-characters ul li#icon-woogly img.icon-name { width: 106px; }
#other-characters ul li#icon-weegly img.icon-name { width: 100px; }
#other-characters ul li#icon-whaagly img.icon-name { width: 121px; }
#other-characters ul li#icon-grimmar img.icon-name { width: 123px; }
#other-characters ul li#icon-def img.icon-name { width: 54px; }
#other-characters ul li#icon-letterbugs img.icon-name { width: 144px; }
#other-characters ul li#icon-vocabugs img.icon-name { width: 125px; }
#other-characters ul li#icon-buggers img.icon-name { width: 113px; }


#all { background: url(/images/characters-bg.jpg) left top no-repeat; }

#all .cc-image { margin-top: 170px; margin-left: 35px;  }
#all .cc-name { margin-top: 20px;}
#all .cc-text { margin-top: 20px;}
#all #cc-title { position: absolute; top: 0; right: 0; width: 284px; height: 30px;}

#all #cc-image-1 { display: inline-block; float: left; width: 215px; height: 215px; background: url(/images/character-weegly.png) no-repeat left top; }
#all #cc-image-1 a { width: 215px; height: 215px; display: inline-block;}
#all #cc-name-1 { margin-left: 85px; display: inline-block;float: left; width: 131px; height: 30px; background: url(/images/weegly-name.png) no-repeat left top; }
#all #cc-name-1 a { width: 131px; height: 30px; display: inline-block;}

#all #cc-image-2 { margin-top: 160px; display: inline-block; float: left; width: 215px; height: 215px; background: url(/images/character-woogly.png) no-repeat left top; }
#all #cc-image-2 a { width: 215px; height: 215px; display: inline-block;}
#all #cc-name-2 { margin-left: 110px; display: inline-block; float: left; width: 138px; height: 30px; background: url(/images/woogly-name.png) no-repeat left top; }
#all #cc-name-2 a { width: 138px; height: 30px; display: inline-block;}

#all #cc-image-3 { display: inline-block; float: left; width: 215px; height: 215px; background: url(/images/character-whaagly.png) no-repeat left top; }
#all #cc-image-3 a { width: 215px; height: 215px; display: inline-block;}
#all #cc-name-3 { margin-left: 95px; display: inline-block; float: left; width: 158px; height: 30px; background: url(/images/whaagly-name.png) no-repeat left top; }
#all #cc-name-3 a { width: 158px; height: 30px; display: inline-block;}

.ad { text-align: center; margin: 20px 0;  }
.ad-left { position: absolute; top: 0px; left: 0px; z-index: 150; margin-left: -275px; margin-top: 30px; }
.ad-left2 { position: absolute; top: 0px; left: 0px; z-index: 150; margin-left: -275px; margin-top: 30px; }
.ad-bottom { clear: both; margin: 10px auto; }

#comic-strip a { display: block; clear: both; }
#cslink1 { width: 115px; height: 63px; margin-top: 375px; margin-left: 85px; }
#cslink2 { width: 72px; height: 40px; margin-top: 59px; margin-left: 0px; }
#cslink3 { width: 59px; height: 32px; margin-top: 114px; margin-left: 0px; }
#cslink4 { width: 118px; height: 95px; margin-top: 124px; margin-left: 44px; }
		
/* movement to left comment if not */
#wrapper #comic-strip a#cslink1 { margin-left: 0px; }
#wrapper #comic-strip a#cslink2 { margin-left: 126px; }
#wrapper #comic-strip a#cslink3 { margin-left: 140px; }
#wrapper #comic-strip a#cslink4 { margin-left: 39px; }


/* --- IE6 fixes only --- */
#other-characters ul li { display: expression('inline', 'inline');}
#all .cc-image { margin-left: expression('25px', '25px'); }
#all #cc-name-1 { margin-left: expression('45px', '45px'); }
#all #cc-name-2 { margin-left: expression('110px', '110px'); }
#all #cc-name-3 { margin-left: expression('100px', '100px'); }