I am trying to add css to a skin file of a custom CMS I am having alot of trouble with this. Is there any info on CSS and CMS out there ive already used google with no help. My skin is enclosed at the bottom
would I put my pages that are used ie... {%body%} inside a div
<div id="MyDiv">
{%body%}
</div>
would this be the right way to apply CSS to a page within my CMS?
<?
$_skin = '<html>
<head>
<title>{%title%}</title>
<meta type="description" content="{%description%}">
<meta type="keywords" content="{%keywords%}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="styles.php">
<style type="text/css">
.textButton{
border-style:none;
background-color:transparent;
font-weight:bold;
cursor

ointer;
}
.heading{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold;
}
</style>
</head>
<body {%background%}{%onload%}">
<script type="text/javascript" src="wz_dragdrop.js"></script>
<div align="center">
<table width="774" border="0" cellspacing="0" cellpadding="2" style="border:#000000 1px solid;"><tr><td>
<table width="774" border="0" cellspacing="0" cellpadding="0" style="border:#000000 1px solid;">
<tr>
<td colspan="2" class="header" id="header_bg">{%logo%}</td>
</tr>
<tr>
<td colspan="2" class="navbar" id="navbar">{%navbar%} </td>
</tr>
<tr valign="top">
<td id="pagebg"{%pagepref%}>
<div class="heading">{%pagetitle%}</div>
<div style="padding:6px;">{%body%}</div></td>
</div>
</tr>
</table>
</td></tr></table>
</div>
<div align="right" style="width:774px;">{%adminbox%}</div>
<div align="center" id="footer">{%footer%}</div>
</div>
</body>
</html>';
$_blockwrapper = '
<div align="center">{%block%}</div>
';
?>