body {font-family: Arial; font-size: 12px; background-color: #FFF;}
body, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, form {margin:0; padding: 0;}
a {color: #000; cursor: hand; cursor: pointer;}
h1, h2, h3, h4, h5, h6 {font-size: 12px; }
h1, input, textarea {font-family: Helvetica, Arial; font-size: 12px;}
ul, dl{list-style-type: none;}
ol {list-style-position: inside; }
img {border: none;}
.clearer, .clear {clear: both;}
.inner {display:none;}
#main {width:100%}
#content {width:840px; height:600px; margin: 0 auto;}
#guts {width:760px; height:560px; float:left; margin:20px;}
#top {height:476px;}
#strokeL {background: url(images/stroke_lft.gif) no-repeat; height: 600px; width: 20px; float:left;}
#strokeR {background: url(images/stroke_rt.gif) no-repeat; height: 600px; width: 20px; float:left;}
#strokeB {background: url(images/stroke_lwr.gif) no-repeat; height: 10px; width: 730px; margin: 15px auto 15px auto; clear:both;}
#nav {width:730px; height:60px;}
#navHome {width:381px; margin-left: -12px;}
.navpc {float:left; height:60px;}
.navpc a {display:block; }

.hdr {margin-bottom:25px;}

a#book {background: url(images/navBook.gif) no-repeat; width: 47px;}
a#book:hover {background-position: 0 -63px;}
a#music {background: url(images/navMusic.gif) no-repeat; width: 53px;}
a#music:hover {background-position: 0 -63px;}
a#work {background: url(images/navWork.gif) no-repeat; width: 49px;}
a#work:hover {background-position: 0 -63px;}
a#blog {background: url(images/navBlog.gif) no-repeat; width: 51px;}
a#blog:hover {background-position: 0 -63px;}
a#links {background: url(images/navLinks.gif) no-repeat; width: 44px;}
a#links:hover {background-position: 0 -63px;}
a#bio {background: url(images/navBio.gif) no-repeat; width: 34px;}
a#bio:hover {background-position: 0 -63px;}
a#store {background: url(images/navStore.gif) no-repeat; width: 43px;}
a#store:hover {background-position: 0 -63px;}
a#contact {background: url(images/navContact.gif) no-repeat; width: 60px;}
a#contact:hover {background-position: 0 -63px;}
a#sig  {background: url(images/signature_g.gif) no-repeat; width: 200px; float:right; height:60px;}

/*home*/
#contentH {width:833px; height:600px; margin: 0 auto;}
#gutsH {width:753px; height:560px; float:left; margin:20px;}
#headone {float:left; width:369px; margin-left:12px; display:inline;}
#headtwo {float:left; width:372px;}
#holder {width:753px;}

/*bio*/
.bioHdr {background: url(images/hdr_bio.gif) no-repeat; width: 54px; height: 43px;}
.bioA {float:left; width:398px; height:383px;}
.bioB {float:left; width:309px; height:383px; margin-left:20px;}

/*book*/
.bookA {float:left; width:428px; height:416px;}
.bookB {float:left; width:302px; height:431px;}
.bookC {float:left; width:513px; height:32px;}
.bookD {float:left; width:217px; height:45px;}

/*store*/
.storeHdr {background: url(images/hdr_store.gif) no-repeat; width: 105px; height: 42px;}
#storeA {float:left; width:213px; height:322px;}
#storeB {float:left; width:236px; height:322px;}
#storeC {float:left; width:282px; height:322px; margin-bottom:46px;}
.Sonline {margin-top:56px;}
a#storeCom {background: url(images/store_comission.gif) no-repeat; width: 694px; height: 30px;}
a#storeCom:hover {background-position: 0 -30px;}
#storeA a, #storeB a, a#storeCom {display:block;}
a#Spow {background: url(images/store_powell.gif) no-repeat; width: 71px; height: 28px;}
a#Spow:hover {background-position: 0 -28px;}
a#Squi {background: url(images/store_quimby.gif) no-repeat; width: 71px; height: 33px;}
a#Squi:hover {background-position: 0 -33px;}
a#Sdes {background: url(images/store_desert.gif) no-repeat; width: 113px; height: 31px;}
a#Sdes:hover {background-position: 0 -31px;}
a#Sfam {background: url(images/store_family.gif) no-repeat; width: 62px; height: 26px;}
a#Sfam:hover {background-position: 0 -26px;}
a#Smel {background: url(images/store_meltdown.gif) no-repeat; width: 127px; height: 30px;}
a#Smel:hover {background-position: 0 -30px;}
a#Sboo {background: url(images/store_books.gif) no-repeat; width: 91px; height: 31px;}
a#Sboo:hover {background-position: 0 -31px;}
a#SbooSC {background: url(images/store_bookshop.gif) no-repeat; width: 157px; height: 42px;}
a#SbooSC:hover {background-position: 0 -42px;}
a#Sstra {background: url(images/store_strand.gif) no-repeat; width: 91px; height: 31px;}
a#Sstra:hover {background-position: 0 -31px;}
a#Scom {background: url(images/store_comic.gif) no-repeat; width: 182px; height: 26px;}
a#Scom:hover {background-position: 0 -26px;}
a#Sbeg {background: url(images/store_beguiling.gif) no-repeat; width: 119px; height: 33px;}
a#Sbeg:hover {background-position: 0 -33px;}
a#Snew {background: url(images/store_newyorker.gif) no-repeat; width: 130px; height: 31px;}
a#Snew:hover {background-position: 0 -31px;}
a#Sama {background: url(images/store_amazon.gif) no-repeat; width: 162px; height: 33px;}
a#Sama:hover {background-position: 0 -33px;}
a#Sfan {background: url(images/store_fantagraphics.gif) no-repeat; width: 130px; height: 31px;}
a#Sfan:hover {background-position: 0 -31px;}

/*links*/
.linksHdr {background: url(images/hdr_links.gif) no-repeat; width: 99px; height: 44px;}
#linksA {float:left; width:243px;}
#linksB {float:left; width:488px; padding-top:124px;}
.linksD {float:left; width:292px;}
.linksE {float:left; width:100px;}
.linksF {float:left; width:96px;}
#linksA a, .linksF a {display:block;}
a#pan {background: url(images/links_pantheon.gif) no-repeat; width: 142px; height: 32px;}
a#pan:hover {background-position: 0 -32px;}
a#jon {background: url(images/links_jonathan.gif) no-repeat; width: 142px; height: 37px;}
a#jon:hover {background-position: 0 -37px;}
a#oog {background: url(images/links_oog.gif) no-repeat; width: 141px; height: 37px;}
a#oog:hover {background-position: 0 -37px;}
a#nor {background: url(images/links_norma.gif) no-repeat; width: 170px; height: 42px;}
a#nor:hover {background-position: 0 -42px;}
a#del {background: url(images/links_delcourt.gif) no-repeat; width: 110px; height: 42px;}
a#del:hover {background-position: 0 -42px;}
a#gra {background: url(images/links_granta.gif) no-repeat; width: 82px; height: 35px;}
a#gra:hover {background-position: 0 -35px;}
a#fan {background: url(images/links_fantagraphics.gif) no-repeat; width: 142px; height: 43px;}
a#fan:hover {background-position: 0 -43px;}
a#dra {background: url(images/links_drawn.gif) no-repeat; width: 181px; height: 46px;}
a#dra:hover {background-position: 0 -46px;}
a#bue {background: url(images/links_buenaventura.gif) no-repeat; width: 198px; height: 48px;}
a#bue:hover {background-position: 0 -48px;}
a#nyf {background: url(images/links_nyfa.gif) no-repeat; width: 59px; height: 39px;}
a#nyf:hover {background-position: 0 -39px;}

a#willmon {background: url(images/links_jesse.gif) no-repeat; width: 96px; height: 22px;}
a#willmon:hover {background-position: 0 -22px;}
a#laska {background: url(images/links_sonya.gif) no-repeat; width: 96px; height: 18px;}
a#laska:hover {background-position: 0 -18px;}

/*music*/
.musicHdr {background: url(images/hdr_music.gif) no-repeat; width: 108px; height: 43px;}

/* 11.2010 not used*/
.gL {float:left; width:429px;}
.gR {float:right; width:331px;}
.textblock a {display:block;}
#wade {width: 382px; height: 75px; background: url(images/music_wade_comp.gif) no-repeat; background-position: 0 -75px;}
#wizap {width: 382px; height: 48px; background: url(images/music_wiz_comp.gif) no-repeat;}					
.mini {float:left; width:122px; height:62px;}
.buyit {float:left; width:133px; height:62px;}
.amazon {float:left; width:92; height:51px;}
.itunes {float:left; width:94; height:51px; margin-left:20px;}
.myspace {margin-bottom:15px; background: url(images/music_2.gif) no-repeat; width: 331px; height: 38px;}
.myspace a {display:block; width:130px; height: 38px; margin-left:200px;}
.cover {padding-left:10px;}
.swf {margin-left:10px;}
/* end stop using*/

.musicgL {float:left; width:401px;}
.musicgR {float:right; width:305px;}
.musicgR a {display:block; width: 305px;}
.musicHdr {background: url(images/hdr_music.gif) no-repeat; width: 108px; height: 43px;}
#ninjaChopTxt {margin-top:35px;}

a#PlaySong {background: url(images/music_b_play.gif) no-repeat; height: 77px;}
a#PlaySong:hover {background-position: 0 -77px;}

a#DownloadSong {background: url(images/music_b_download.gif) no-repeat; height: 68px;}
a#DownloadSong:hover {background-position: 0 -68px;}

a#SendPayment {background: url(images/music_b_send.gif) no-repeat; height: 81px;}
a#SendPayment:hover {background-position: 0 -81px;}

/*contact*/
.contactHdr {background: url(images/hdr_contact.gif) no-repeat; width: 152px; height: 43px;}
.contDir {margin-bottom: 20px;}
.Cl {float:left; width:375px;}
.Cr {float:right; width:355px;}
.Cl a {display:block;}
a#uspub {background: url(images/contact_uspub.gif) no-repeat; width: 321px; height: 73px;}
a#uspub:hover {background-position: 0 -73px;}
a#ukpub {background: url(images/contact_ukpub.gif) no-repeat; width: 355px; height: 80px; margin:75px 0 10px 0;}
a#ukpub:hover {background-position: 0 -80px;}
a#lit {background: url(images/contact_lit.gif) no-repeat; width: 372px; height: 118px;}
a#lit:hover {background-position: 0 -118px;}

/*blog*/
.blogHdr {background: url(images/hdr_blog.gif) no-repeat; width: 79px; height: 39px;}
.blogL {float:left; width:400px;}
.blogR {float:right; width:329px;}
#heatleyBlog {width:400px; height:400px; overflow-x:hidden; overflow-y:auto;}
					
/*work*/
.workHdr {background: url(images/hdr_work.gif) no-repeat; width: 98px; height: 43px;}
#Wl {width:267px; height:371px; float:left;}
#workTypeHolder {width: 160px; height: 35px; margin-top:8px;}
#workDetailHolder {width:426px; height:470px; float:right;}
#workthumbnails a {position: absolute; text-decoration: none; display:block; overflow:hidden;}
#workthumbnails a img {width:50px; height:50px;}
#workthumbnails {position: relative;}
a#works_1 {height: 57px; width: 53px; top: 0px; left: 0;}
a#works_2 {height: 57px; width: 60px; top: 0px; left: 53px;}
a#works_3 {height: 57px; width: 45px; top: 0px; left: 113px;}
a#works_4 {height: 57px; width: 59px; top: 0px; left: 158px;}
a#works_5 {height: 57px; width: 51px; top: 0px; left: 217px;}

a#works_6 {height: 53px; width: 50px; top: 57px; left: 0px;}
a#works_7 {height: 53px; width: 59px; top: 57px; left: 50px;}
a#works_8 {height: 50px; width: 46px; top: 57px; left: 111px;}
a#works_9 {height: 50px; width: 59px; top: 57px; left: 157px;}
a#works_10 {height: 50px; width: 51px; top: 57px; left: 216px;}

a#works_11 {height: 53px; width: 53px; top: 107px; left: 0px;}
a#works_12 {height: 50px; width: 56px; top: 107px; left: 53px;}
a#works_13 {height: 50px; width: 49px; top: 107px; left: 109px;}
a#works_14 {height: 50px; width: 56px; top: 107px; left: 158px;}
a#works_15 {height: 50px; width: 51px; top: 107px; left: 217px;}

a#works_16 {height: 52px; width: 53px; top: 160px; left: 0px;}
a#works_17 {height: 55px; width: 51px; top: 157px; left: 53px;}
a#works_18 {height: 52px; width: 49px; top: 158px; left: 106px;}
a#works_19 {height: 49px; width: 54px; top: 158px; left: 155px;}
a#works_20 {height: 49px; width: 59px; top: 158px; left: 209px;}

a#works_21 {height: 49px; width: 53px; top: 212px; left: 0px;}
a#works_22 {height: 46px; width: 51px; top: 212px; left: 53px;}
a#works_23 {height: 49px; width: 47px; top: 210px; left: 106px;}
a#works_24 {height: 48px; width: 54px; top: 210px; left: 155px;}
a#works_25 {height: 48px; width: 56px; top: 210px; left: 212px;}

a#works_26 {height: 50px; width: 51px; top: 263px; left: 0px;}
a#works_27 {height: 49px; width: 48px; top: 261px; left: 53px;}
a#works_28 {height: 49px; width: 49px; top: 261px; left: 104px;}
a#works_29 {height: 51px; width: 57px; top: 259px; left: 155px;}
a#works_30 {height: 52px; width: 56px; top: 258px; left: 212px;}

a#works_31 {height: 51px; width: 51px; top: 313px; left: 0px;}
a#works_32 {height: 51px; width: 53px; top: 313px; left: 51px;}
a#works_33 {height: 51px; width: 54px; top: 313px; left: 104px;}
a#works_34 {height: 51px; width: 56px; top: 313px; left: 158px;}
a#works_35 {height: 51px; width: 54px; top: 313px; left: 214px;}