Each mobile template, mobile_iphone and mobile_smartphone have a custom.css file in the css folder of each template. Place your mjiphone.css and mjsmartphone.css overrides in each of the corresponding custom.css files. You can do so by using firefox or chrome to inspect the elements of the mobile website by typing yourdomain.com?device=iphone or yourdomain.com?device=xhtml. Inspect each of the elements you want to change, copy that css over to your custom.css file and change to your heart's content. This works out very well for me. I've actually figured out a way to only use 1 template for both xhtml and iphones but is really only good for the later model android phones. I haven't tested on older platforms.