Separate mobile CSS sheet vs. separate mobile page?

css, mobile

Solution

you can use media queries.

<link rel="stylesheet" media="screen" href="style.css" type="text/css" />
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" />

Or in css3

http://www.w3.org/TR/css3-mediaqueries/

Problem

I'm trying to find out if it will be a better use of my time (now and in the long-run) to make a separate style sheet for my mobile site (which will look drastically different, but use the same database information and elements), or , make a whole new mobile page and steal what I need from my desktop site. Does anyone have an advise or know what most developers practice when it comes to mobile sites?

Original source