*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
strong{font-weight:bold;}
em{font-style:italic;}
a img{border:none;}
a{text-decoration:none;overflow:hidden;outline:none;}
a:hover{text-decoration:underline;}
div,li,ul,ol,span,p,h1,h2,h3,h4,h5,h6{position:relative;}
body{background:url(images/bg.jpg) #d6e2af no-repeat center bottom;margin:0 auto -158px auto;padding:0;}
html{min-height:100%;height:auto;}
.container{width:1000px;margin:83px auto 0 auto;z-index:1;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.logo,.main-nav,.share,.blog ul,.bottom-right ul,.bottom-right p,ul.archives li a,.howto h2,.extras h2,.artist h2,.new-intro h2,.new-intro h3,.new-intro h4,.new-cast h3,.new-cast div h4,.mh,.single-nav,.footer-nav{text-indent:-1000.0em;text-decoration:none;}
.logo,.main-nav ul li a{background-image:url(images/header0910.png);}
.logo{background-position:center top;width:100%;height:83px;margin-bottom:-73px;z-index:2;}
.logo h1{margin:0 auto 0 auto;width:1000px;text-align:left;}
.logo h1 a{display:block;width:240px;height:75px;margin-left:5px;z-index:3;}
.logo h2{display:none;}
.main-nav{position:absolute;right:0;top:0;width:100%;height:75px;overflow:hidden;z-index:10;}
.main-nav div{width:985px;margin:0 auto;text-align:left;height:75px;}
.main-nav p{width:240px;z-index:20;}
.main-nav p a{height:75px;display:block;}
.main-nav ul{width:529px;left:468px;height:30px;top:28px;z-index:10;position:absolute;}
.main-nav ul li a{position:absolute;display:block;height:30px;}
.main-nav ul li.n1 a {width:97px;height:24px;background-position: -975px -113px;}
.main-nav ul li.n1 a:hover {background-position: -975px -157px;}
.main-nav ul li.n2 a {left:128px;width:58px;height:24px;background-position:-1103px -113px;}
.main-nav ul li.n2 a:hover {background-position:-1103px -157px;}
.main-nav ul li.n3 a {left:216px;width:142px;height:24px;background-position: -1191px -113px;}
.main-nav ul li.n3 a:hover {background-position: -1191px -157px;}
.main-nav ul li.n4 a {left:386px;width:29px;background-position: -1361px -113px;}
.main-nav ul li.n4 a:hover {background-position: -1361px -157px;}
.main-nav ul li.n5 a {left:421px;width:30px;background-position: -1396px -113px;}
.main-nav ul li.n5 a:hover {background-position: -1396px -157px;}
.main-nav ul li.n6 a {left:456px;width:30px;background-position: -1431px -113px;}
.main-nav ul li.n6 a:hover {background-position: -1431px -157px;}
.main-nav ul li.n7 a {left:494px;width:30px;background-position: -1469px -113px;}
.main-nav ul li.n7 a:hover {background-position: -1469px -157px;}
.comic{margin:0;overflow:hidden;}
.comic img{margin:0 0 0 15px;}
.copy {width:15px;height:100%;position:absolute;background-image:url(images/comic_dates.png);background-repeat:no-repeat;background-position:0 bottom;}
.year10{background-position:0 bottom;}
.year11{background-position:-15px bottom;}
.year12{background-position:-30px bottom;}
.year13{background-position:-45px bottom;}
.year14{background-position:-60px bottom;}
.year15{background-position:-75px bottom;}
.year16{background-position:-90px bottom;}
.year17{background-position:-105px bottom;}
.year18{background-position:-120px bottom;}
.year19{background-position:-135px bottom;}
@font-face{font-family:festus-bold;src:url(fonts/festus-bold.ttf);}
@font-face{font-family:festus;src:url(fonts/festus.ttf);}
.mh{background-image:url(images/mh_rejected.png);width:253px;height:111px;margin:10px 16px 0;}
ul.archives,.dropdown:hover,ul.archives li a,ul.archives li{background-image:url(images/rightrail_sprite.png);background-repeat:no-repeat;}
ul.archives{margin:14px 0 0 0;width:472px;height:37px;z-index:9999;background-position:0 -111px;float:right;}
.dropdown select,.dropdown{width:290px;height:37px;}
.dropdown select{opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.dropdown{position:absolute;left:91px;background:transparent;top:0;}
.dropdown:hover{background-position:-91px -158px;}
ul.archives li{float:left;}
ul.archives li a{position:absolute;display:block;height:28px;width:29px;top:0;left:0;}
ul.archives li.first a{background-position:0 -201px;}
ul.archives li.first a:hover{background-position:0 -158px;}
ul.archives li.prev a{left:39px;width:51px;background-position:-39px -201px;}
ul.archives li.prev a:hover{background-position:-39px -158px;}
ul.archives li.next a{left:385px;width:51px;background-position:-385px -201px;}
ul.archives li.next a:hover{background-position:-385px -158px;}
ul.archives li.latest a{left:443px;background-position:-443px -201px;}
ul.archives li.latest a:hover{background-position:-443px -158px;}
.single-nav{position:relative;width:254px;height:33px;top:-40px;left:4px;}
.single-nav ul li a{background-image:url(images/single_sprite.png);display:block;height:33px;float:left;position:relative;}
.single-nav ul li a:hover{background-image:url(images/single_sprite.png);}
.single-nav ul li.first a{width:33px;}
.single-nav ul li.first a:hover{background-position:0 -33px;}
.single-nav ul li.second a{width:62px;background-position:-33px 0;}
.single-nav ul li.third a{width:28px;background-position:-96px 0;}
.single-nav ul li.third a:hover{background-position:-96px -33px;}
.single-nav ul li.fourth a{width:28px;background-position:-151px 0;}
.single-nav ul li.fourth a:hover{background-position:-151px -33px;}
.single-nav ul li.fifth a{width:28px;background-position:-123px 0;}
.single-nav ul li.fifth a:hover{background-position:-123px -33px;}
.single-nav ul li.sixth a{width:102px;background-position:-180px 0;}
.single-nav ul li.seventh a{width:57px;background-position:280px 0;}
.single-nav ul li.seventh a:hover{background-position:280px -33px;}
.single-nav ul li.eighth a{width:82px;background-position:-337px 0;}
.content,.howto{position:relative;width:1000px;margin:0 auto;text-align:left;}
.content{ z-index:2;}
.howto_nm{top:-25px;}
.howto,.extras,.artist,.new-intro,.new-cast,.new-support{font:.75em Arial,Helvetica,sans-serif;color:#555;text-align:justify;line-height:17px;}
.howto a,.extras a{color:#057aac;}
.howto{width:985px;}
.howto h2{height:29px;background:url(images/howto2.png) no-repeat;}
.howto h2,.howto ul,.howto img,.howto p,.extras h2,.extras p,.artist h2,.artist p{margin-bottom:12px;}
.howto p.first,.howto h2,.howto ul.first{margin-left:657px;width:328px;}
.howto p{width:642px;}
.howto h3{font-size:125%;font-weight:bold;color:#74790d;padding:15px 0;}
.extras{min-height:354px;width:642px;margin-right:343px;padding-top:0;}
.extras h2,.artist h2{background-image:url(images/extras_sprite.png);width:350px;height:29px;margin:54px 0 12px 0;}
.extras h2.creation{margin:0 0 12px 290px;background-position:0 -30px;}
.extras h2.wall{background-position:0 -61px;margin-top:54px;}
.extras h2.interview{background-position:0 -92px;margin-top:29px;}
.extras h2.mousehouse{background-position:0 -122px;margin:54px 0 12px 182px;}
img.left{padding-right:15px;margin-bottom:0;}
.extras img{margin:0;}
.extras ul{height:275px;}
.extras ul.second{margin:-275px 0 0 336px;}
.artist{float:right;width:283px;padding:0 15px 0 15px;background:url(images/extras3.png);margin-top:-54px;letter-spacing:.01em;}
.artist img{margin:6px 0 -1px 30px;}
.new-intro{text-align:left;}
.new-intro img{margin:-181px 0 -234px 94px;}
.new-intro h2,.new-intro p{margin:-10px 0 0 511px;width:379px;}
.new-intro h2{height:43px;padding-bottom:22px;background:url(images/new_sprite.png) 0 -235px no-repeat;}
.new-intro p{text-align:justify;}
.new-image {width:1000px; height:400px; background:url(images/new1.jpg);}
.new-cast{padding:48px 50px 0px 103px;overflow:hidden;}
.new-cast h3{margin-left:-72px;height:122px;width:605px;background:url(images/new_sprite.png) 0 -110px no-repeat;margin-bottom:-60px;z-index:0;}
.new-cast h3.second{top:-36px;height:100px;margin-bottom:-75px;background:url(images/new_sprite.png) 0 0 no-repeat;margin-left:-62px;clear:both;}
.new-cast div,.new-cast div h4{width:247px;z-index:1;}
.new-cast div{float:left;margin-right:27px;display:inline;}
.new-cast div.jacob{clear:both;}
.new-cast div h4{height:173px;background-image:url(images/new_cast.png);margin-bottom:5px;}
.new-cast div.kaigon h4{background-position:0 -3px;}
.new-cast div.shawn h4{background-position:-249px -3px;}
.new-cast div.ninjam h4{background-position:-497px -3px;}
.new-cast div.jacob h4{background-position:0 -349px;}
.new-cast div.karen h4{background-position:-249px -177px;}
.new-cast div.watterson h4{background-position:-497px -177px;}
.new-cast div.amber h4{background-position:0 -177px;}
.new-cast div.cloney h4{background-position:-249px -350px;}
.new-cast div.aliens h4{background-position:-497px -349px;}
.new-cast div.god h4{background-position:0 -523px;}
.new-cast div.bryce h4{background-position:-249px -523px;}
.new-cast div.drproctor h4{background-position:-497px -523px;}
.new-cast div p{width:233px;margin-left:7px;font-size:90%;line-height:15px;padding-bottom:32px;}
.blog{position:static;background:url(images/blog_bg.png) repeat-y;width:515px;text-align:left;padding-bottom:165px;z-index:1;margin:6px 6px -170px 7px;min-height:280px;}
.blog h2{position:relative;background:url(images/blog_topper.png) no-repeat 0 0;top:-50px;height:276px;margin-bottom:-286px;padding:26px 0 0 27px;font-family: festus-bold, Helvetica, Arial, Sans-Serif;font-size: 1.4em;text-shadow:1px 1px 0 white;}
.blog h2 a{color:#7c7f60;}
.cal{position:absolute;width:14px;height:53px;top:-26px;left:0;background:url(images/calendar.png)no-repeat 0 0;}
.cal div{background:url(images/calendar.png)no-repeat 0 -53px;position:absolute;width:14px;height:20px;top:0;left:0;}
.blog p{font:.8em Arial,Helvetica,sans-serif;color:#695756;z-index:10;position:relative;padding:0 30px 0 26px;text-align:left;line-height:1.4em;margin-bottom:16px;}
.blog h2 + p:first-letter {font-size:25px;float:left;margin-top:-4px;margin-right:0px;}
.blog p a{color:#008fd0;}
.blog p a:hover{color:#00b0ff;text-decoration:underline;}
.socials{width:100%;height:22px;padding:0 0 20px 23px;margin-top:25px;}
.socials div{float:left;width:auto;height:21px;}
.socials div.retweet{margin:0 0 0 10px;}
.socials h4,.socials li a{background:url(images/share.png)no-repeat 0 0;display:block;height:22px;top:0;}
.socials h4 {width:50px; text-indent:-1000em;float:left;}
.socials h4.share{background-position:-119px 0;}
.socials h4.vote{left:62px;background-position:-265px 0;width:39px;}
.socials ul{top:4px;text-indent:-1000em;float:left;}
.socials ul.share{}
.socials ul li a{position:absolute;width:16px;height:16px;}
.socials ul.share li.s2 a{left:7px;background-position:-194px -4px;}
.socials ul.share li.s2 a:hover{background-position:-194px -26px;}
.socials ul.share li.s3 a{left:28px;background-position:-215px -4px;}
.socials ul.share li.s3 a:hover{background-position:-215px -26px;}
.socials ul.share li.s4 a{left:62px;background-position:-236px -4px;}
.socials ul.share li.s4 a:hover{background-position:-236px -26px;}
.socials ul.vote{left:66px;}
.socials ul.vote li.s5 a{background-position:-310px -4px;left:1px;}
.socials ul.vote li.s5 a:hover{background-position:-310px -26px;}
.socials ul.vote li.s6 a{left:21px;background-position:-331px -4px;}
.socials ul.vote li.s6 a:hover{background-position:-331px -26px;}
.socials ul.vote li.s1 a{left:42px;background-position:-174px -4px;}
.socials ul.vote li.s1 a:hover{background-position:-174px -26px;}
.socials ul.vote li.s7 a{left:64px;background-position:-352px -4px;}
.socials ul.vote li.s7 a:hover{background-position:-352px -26px;}
.prev-blog,.prev-blog:hover{background-image:url(images/rightrail_sprite.png);background-repeat:no-repeat;padding:0 30px 0 0;}
.prev-blog{position:relative;left:19px;top:0;background-position:0 -40px;}
.prev-blog select,.prev-blog{width:320px;height:27px;margin-bottom:35px;top:8px;}
.prev-blog select{opacity:0;filter:alpha(opacity=0);cursor:pointer;}
option{margin:3px 2px 2px 2px;font-size:80%;}
.prev-blog:hover{background-position:0 -72px;}
.bottom-right{position:absolute;width:485px;top:27px;margin:35px 0 0 513px;text-align:left;}
.bottom-right h2{display:none;}
.bottom-right ul{background-image:url(images/balloons.png);background-repeat:no-repeat;width:300px;padding-top:80px;}
.bottom-right ul.first{background-position:-312px 0;}
.bottom-right ul.second{background-position:-4px 5px;}
.bottom-right ul li a{display:block;margin:0 0 4px 55px;height:23px;background-image:url(images/rightrail_sprite.png);}
.bottom-right ul.first li.first a{width:162px;background-position:-232px -243px;}
.bottom-right ul.first li.first a:hover{background-position:0 -243px;}
.bottom-right ul.first li.second a{width:175px;background-position:-232px -269px;}
.bottom-right ul.first li.second a:hover{background-position:0 -269px;}
.bottom-right ul.first li.third a{width:192px;background-position:-232px -297px;}
.bottom-right ul.first li.third a:hover{width:196px;background-position:0 -297px;}
.bottom-right ul.second li.first a{width:92px;background-position:-232px -325px;}
.bottom-right ul.second li.first a:hover{background-position:0 -325px;}
.bottom-right ul.second li.second a{width:123px;background-position:-232px -351px;}
.bottom-right ul.second li.second a:hover{background-position:0 -351px;}
.bottom-right ul.second li.third a{width:172px;background-position:-232px -376px;}
.bottom-right ul.second li.third a:hover{background-position:0 -376px;}
.bottom-right ul.second li.fourth a{width:142px;background-position:-232px -403px;}
.bottom-right ul.second li.fourth a:hover{background-position:0 -403px;}
.bottom-right ul.second li.fifth a{width:133px;background-position:-232px -432px;}
.bottom-right ul.second li.fifth a:hover{background-position:0 -432px;}
.bottom-right p{position:relative;width:17px;height:270px;background:url(images/rightrail_sprite.png) -769px 0 no-repeat;top:119px;margin-bottom:-270px;}
.bottom-right span a{position:relative;width:267px;height:180px;display:block;margin:11px 0 0 32px;background:url(images/rightrail_sprite.png) -491px 0 no-repeat;}
.bottom-right span a:hover{background:url(images/rightrail_sprite.png) -491px -180px no-repeat;}
.tower-ad{position:absolute;top:10px;right:0;width:160px;height:600px;z-index:5;}
.tower-ad object{z-index:10;}
.footer-nav{clear:both;position:relative;width:254px;height:17px;top:278px;left:12px;background:url(images/footer_sprite.png) 0 -19px no-repeat;overflow:hidden;}
.footer-nav ul li a{display:block;height:17px;float:left;position:relative;}
.footer-nav ul li a:hover{background-image:url(images/footer_sprite.png);}
.footer-nav ul li.first a{width:58px;}
.footer-nav ul li.first a:hover{background-position:0 -1px;}
.footer-nav ul li.second a{width:72px;}
.footer-nav ul li.second a:hover{background-position:-58px -1px;}
.footer-nav ul li.third a{width:118px;}
.footer-nav ul li.third a:hover{background-position:-130px -1px;}
.inner-foot{height:311px;background:url(images/footer.png) center bottom no-repeat;width:1000px;margin-bottom:-500px;}
.inner-peeps{height:480px;background:url(images/footer_peeps0910.png) 66% top no-repeat;width:510px;float:right;margin-bottom:-240px;top:-240px;}
.footer{position:static;background:url(images/footer.png) center no-repeat;width:100%;height:500px;z-index:2;}
.footer_info{background:url(images/footer_info0910.png) no-repeat 50% 0; width:100%;height:44px;margin:-44px 0 0 0;z-index:5;}
.footer_info div {position:relative;margin:0 auto;width:1000px;font-family:Helvetica,Arial,Sans-Serif;}
.footer_info div p.fcopy{color:#CEB863;left:120px;top:20px;position:absolute;font-size:70%;text-shadow:0 1px 1px black;}
.footer_info div p.fcopy a{color:#CEB863;}
.footer_info div p.fcopy a:hover{color:white;}
.footer_info div p.fstats{display:none;color:#81817c;font-size:80%;right:102px;position:absolute;top:19px;}
.footer_info div p.fstats span.fnumbers{color:#74922d;font-weight:bold;}
.footer_info div p.fstats span.fblack{color:black;padding:0 10px;}
.footer_info div ul {position:absolute;width:85px;right:0;top:15px;height:20px;}
.footer_info div ul li a{position:absolute;text-indent:-1000em;display:block;width:20px;height:20px;background-image:url(images/footer_info0910.png);}
.footer_info div ul li.f1 a {background-position:-1410px -44px;}
.footer_info div ul li.f1 a:hover{background-position:-1410px -68px;}
.footer_info div ul li.f2 a {background-position:-1432px -44px;left:21px;}
.footer_info div ul li.f2 a:hover{background-position:-1432px -68px;}
.footer_info div ul li.f3 a {background-position:-1453px -44px;left:42px;}
.footer_info div ul li.f3 a:hover{background-position:-1453px -68px;}
.footer_info div ul li.f4 a {background-position:-1474px -44px;left:65px;}
.footer_info div ul li.f4 a:hover{background-position:-1474px -68px;}
@font-face {
font-family: sundaycomicsbb;
src: url(fonts/sundaycomicsbb_reg.otf);
}
#sub-nav {
top:50px;
position:relative;
width:100%;
background: url(images/extras_bg.png) repeat-x scroll 0pt bottom transparent;
margin-bottom:-10px;
padding-bottom:30px;
margin-top:-400px;
display:none;
}
#sub-nav div.wrap {
width:994px;
margin:0 auto;
position:relative;
background: url(images/extra_bg.png) no-repeat right 35px;
padding-left:22px;
top:6px;
}
#sub-nav div div {
width:285px;
background:transparent;
}
#sub-nav div div h4{
color:#FFFFFF;
font-family:festus,Helvetica,Arial,Sans-Serif;
font-size:1.2em;
letter-spacing:0.07em;
padding:30px 0 4px 0;
}
#sub-nav div div a {
color:#dffc9f;
font-family:sundaycomicsbb, Helvetica, Arial, Sans-Serif;
font-size:0.75em;
letter-spacing:0.03em
position:relative;
top:-3px;
}
#sub-nav div div ul {
margin-left:6px;
width:285px;
}
#sub-nav div div ul li {
background-image:url(images/extras_icons.png);
height:21px;
padding-left:26px;
margin-bottom:5px;
background-repeat:no-repeat;
}
#sub-nav div div.sub_othercomics ul li.sub1 {
background-position:0 -2px;
}
#sub-nav div div.sub_othercomics ul li.sub2 {
background-position:0 -95px;
}
#sub-nav div div.sub_othercomics ul li.sub3 {
background-position:0 -71px;
}
#sub-nav div div.sub_syndicate ul li {
background-position:0 -46px;
}
#sub-nav div div.sub_projects ul li {
background-position:0 -22px;
}
#sub-nav div div.sub_audio ul li {
background-position:0 -117px;
}
#sub-nav div div div.sub_creation p {
font-family:festus,Helvetica,Arial,Sans-Serif;
font-size:1em;
letter-spacing:0.07em;
color:#7e7d7d;
width:266px;
line-height:1.3em;
margin-bottom: 7px;
}
#sub-nav div div.sub_wallpaper {
position:absolute;
top:0px;
left:288px;
padding-left:6px;
}
#sub-nav div div.sub_wallpaper p {
font-family:festus,Helvetica,Arial,Sans-Serif;
font-size:1em;
letter-spacing:0.07em;
color:#403f3e;
line-height:1.2em;
}
#sub-nav div div.sub_wallpaper h4 {
position:relative;
left:-6px;
}
#sub-nav div div.sub_wallpaper div img {
border:2px solid #282828;
margin-bottom:4px;
}
#sub-nav div div.sub_wallpaper a img {
border:1px solid transparent;
margin:6px 6px 0 0;
}
#sub-nav div div.sub_wallpaper a img:hover {
border:1px solid #DFFC9F;
}
.sub_wallpaper div {
display:none;
}
.sub_wallpaper span {
width:268px;
height:169px;
display:block;
background-position:center center;
background-color:#282828;
margin-bottom:4px;
background-repeat:no-repeat;
}
#wallpaper1 span {
background-image:url(wallpaper/wall1prev.jpg);
}
#wallpaper2 span {
background-image:url(wallpaper/wall2prev.jpg);
}
#wallpaper3 span {
background-image:url(wallpaper/wall3prev.jpg);
}
#wallpaper4 span {
background-image:url(wallpaper/wall4prev.jpg);
}
.sub_wallpaper .wall_thumbs a {
display:block; width:41px; height:31px; float:left; margin:6px 6px 0 0; background-position: center; background-repeat:no-repeat; border:1px solid transparent; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.sub_wallpaper .wall_thumbs a:hover { border:1px solid #DFFC9F;}
.sub_wallpaper .wall_thumbs a.wall1 {background-image:url(wallpaper/wall1prev.jpg); }
.sub_wallpaper .wall_thumbs a.wall2 {background-image:url(wallpaper/wall2prev.jpg); }
.sub_wallpaper .wall_thumbs a.wall3 {background-image:url(wallpaper/wall3prev.jpg); }
.sub_wallpaper .wall_thumbs a.wall4 {background-image:url(wallpaper/wall4prev.jpg); background-position:-150px -6px \9;}
#sub-nav div div.sub_audio h4, #sub-nav div div.sub_creation h4 {
position:relative;
left:-6px;
}
.sub_right {
position:absolute;
top:0;
left:606px;
width:250px;
padding-left:6px;
}
#sub-nav div div.sub_audio p {
width:95px;
height:19px;
display:block;
background:url(images/extra_text.jpg) no-repeat -74px 0;
left:36px;
top:-4px;
text-indent:-1000em;
}