Time for an example... Drop this file into the sky gold skin folder to see it transform the skin.
*/


/*
The font family
*/

.custom,
.custom h1,
.custom h2,
.custom h3,
.custom p,
.custom li,
.custom dt,
.custom dd,
.custom th,
.custom td,
.custom input,
.custom select,
.custom button,
.custom textarea
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}


/*
The font size
*/

.custom h1
{
	font-size: large;
}

.custom h2,
.custom #wp-calendar caption
{
	font-size: medium;
}

.custom body,
.custom h3,
.custom p,
.custom li,
.custom dt,
.custom dd,
.custom table,
.custom th,
.custom td,
.custom input,
.custom select,
.custom button,
.custom textarea,
.custom pre,
.custom code
{
	font-size: small;
}



/*
The color and background colors
*/

body,
#ext_wrapper,
#wrapper,
#header,
#footer,
#body,
#main,
#sidebar,
#ext_sidebar
{ color: #474e44; background-color: #f3f4ec; }


/*
The navbar and calendar header colors
*/

#navbar,
#wp-calendar thead th
{
	background-color: #CCCFBC;
}


/*
The link styles
*/

a,
h1 a
{
	color: steelblue;
}

a:hover,
h1 a:hover
{
	color: saddlebrown;
}


/*
The navbar link styles
*/

.navbar a
{
	color: #A37B45;
	text-decoration: none;
	font-weight: bold;
}

.navbar a:hover
{
	color: #A37B45;
	text-decoration: underline;
}


/*
Center the navbar
*/

#header_nav
{
	text-align: center;
	float: none;		/* NB: many areas are floating divs */
}

#search_form			/* this hides the search form in all cases */
{
	display: none;
}


/*
Header styles and colors
*/

#header div.pad
{
	margin: 0px;
	padding: .5em 8px;
	background-color: #CCCFBC;
}

#sitename
{
	text-align: center;
}

.header h1
{
	margin: 0px;
	padding: 2em 0px 1em 0px;
	text-transform: uppercase;
}

.header h2
{
	margin: 0px;
	padding: .5em;
	font-size: small;
	text-transform: uppercase;
}

.header h1 a
{
	color: #474E44;
}

.header h1 a:hover
{
	color: firebrick;
}

.header h2
{
	color: #A37B45;
}


/*
Body styles and colors
*/

.main h1
{
	text-transform: uppercase;
}

.main h1,
.main h1 a
{
	color: #5B7B57;
}

.main h1 a:hover
{
	color: firebrick;
}

.main h2
{
	text-transform: uppercase;
	color: #A37B45;
	border-bottom: none;
}


/*
Sidebar styles and colors
*/

.sidebar h2
{
	border-bottom: medium none;
	color: #f3f4ec;
}

.sidebar ul ul
{
	margin-left: .5em;
}