Theme Navagation

I am trying to develop my own theme and need some help.
This is the html I have.

<div class="menu">
<ul>
<li class="active"><a href="">Home</a></li>
<li><a href="page.html">Page</a></li>
<div class="clearFloat"></div>
</ul>
</div>

This Is The CSS

.menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	position: fixed;
	top: 0;
	}

.menu ul{
	list-style:none;
	background:#2d2d2d;
	margin:0;
	padding:0;
	}

.menu li{
	display:inline-block;
	float:left;
	}

.menu a{
	display:block;
	padding:10px;
	text-decoration:none;
	color:#bbbbbb;
	border-top:2px solid transparent;
	}

.name {
	display:block;
	padding:10px;
	text-decoration:none;
	color:#bbbbbb;
	border-top:2px solid transparent;
	}

.menu a:hover,

.menu li.active a{
	background:#3d3d3d;
	color:#dddddd;
	border-top:2px solid #ff4800;
	}

.clearFloat{
	clear:both;
	}

.main {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 200px;
	}

.head {
	width: 970px;
	background-color: #a0a0a0;
	font-family: 'paprika';
	font-size: 5 em;
	text-align: center;
	margin-top: 100px;
	padding: 15px;
	border-radius: 15px;

I think I have the right css. I would like to know how to make this code php friendly for a theme.

Let me know if you need anything more.

Thanks.