body {
background: #663;
font: 14px Verdana;
margin:0;
}

#header {
width: 960px;
padding-top:15px;
margin: 0 auto;
}
#header h1{
letter-spacing: -1px;
font-weight: normal;
text-transform: uppercase;
}
#header h1, #header p {
	margin: 0;
}
#header p {
font-variant: small-caps;
}

#bar {
background: #ffc;
margin:10px 0;
}

#navbar {
background: #cc9;
width:200px;
margin-left:55px;
font-weight:bold;
}
#navbarwrap {
margin: 0 auto;
width: 960px;
}

#navbar a {
	text-decoration:none;
}

#navbar a:hover {
	color:#ffc;
}

#navbar ul, #sidebar ul {
list-style: none;
}
#navbar li, #sidebar li{
line-height: 2em;
border-bottom: 1px dotted;
margin:0 10px 0 -30px;
}

#wrapper {
width:960px;
margin:0 auto;
}

#sidebar {
width:200px;
margin-left:28px;
font-size:.8em;
float:left;
}
#content {
float:right;
font-size: .9em;
line-height:1.8em;
margin: 10px;
width: 692px;
}

#content h1{
padding-bottom:5px;
border-bottom:dotted 2px gray;
}

#footerbar{
border-top: 5px solid #000;
background: #ffc;
clear:both;
margin-top:10px;
padding-bottom:10px;
}

#footer {
margin: 10px auto 10px auto;
width:930px;
color:#ff9;
font-size:.8em;
padding-left:30px;
line-height:1.5em;
}

/*hcard styles*/
.vcard{
 border: 3px dashed black;
 text-align: center; 
 line-height: 3em;
 font-size: large;
 
}

.fn{
font-size: x-large;
font-weight: bold;
}

.vcard, ul li{
list-style-type: none;
}
/*end hcard styles*/