Grid styling text

[Mike]

I have looked through examples and even looked at code from grids used on this site and cannot seem to get any clear information on how to style the text that is shown in a grid, the basic grid style is there but I cannot seem to get anything other than the default sans-serif text. Even on the grid walkthrough it covers quite a lot but not how to style the text... which in the walkthrough is also shown as sans-serif. I think it would be extreamly useful for some clear information on this on the site, not only for myself but for others that are not css 'save'.

Currently I have the following set before the '</head>' of my example page:

<link href="kendoui/source/styles/kendo.common.css" rel="stylesheet"/>
<link href="kendoui/source/styles/kendo.default.css" rel="stylesheet"/>
<script src="kendoui/source/js/jquery.min.js"></script>
<script src="kendoui/source/js/kendo.core.js"></script>
<script src="kendoui/source/js/kendo.fx.js"></script>
<script src="kendoui/source/js/kendo.model.js"></script>
<script src="kendoui/source/js/kendo.data.odata.js"></script>
<script src="kendoui/source/js/kendo.data.js"></script>
<script src="kendoui/source/js/kendo.pager.js"></script>
<script src="kendoui/source/js/kendo.sortable.js"></script>
<script src="kendoui/source/js/kendo.popup.js"></script>
<script src="kendoui/source/js/kendo.list.js"></script>
<script src="kendoui/source/js/kendo.dropdownlist.js"></script>
<script src="kendoui/source/js/kendo.calendar.js"></script>
<script src="kendoui/source/js/kendo.datepicker.js"></script>
<script src="kendoui/source/js/kendo.numerictextbox.js"></script>
<script src="kendoui/source/js/kendo.filtermenu.js"></script>
<script src="kendoui/source/js/kendo.grid.js"></script>

All the above files are there as per the path shown from the example document. The divs are set as follows (although I have used various options copied from other examples):

<div id="example" class="k-content">
            <div id="clientsDb">
                <div id="grid"></div>
</div>
    <script>

        $(document).ready(function() {
                
            var dataSource = new kendo.data.DataSource({
                transport: {
................................. etc. etc.

Any clear information on styling a grid would be helpful, thanks in advance.