body {
	background: #FFF url('');
	margin:0;
	padding:0;
	font-family: 'Helvectica', 'Arial', 'Verdana', 'Tahoma';
	color: #333;
	font-size: 11px;
	line-height: 160%;
}

a, a:active {
	color: #999;
	text-decoration:none;
}

a:hover {
	color: #9fb9ff;
	text-decoration:none;
}

a.selected {
	color: #9fb9ff;
}


#sidebar {
	width:220px;
	position: fixed;
	top:0;
	left:0;
	z-index:1000;
	background: #444;
	height:100%;
	color: #FFF;
}

#mainarea {
	margin: 10px 10px 10px 230px;
	z-index:999;
}

.box {
width:250px;
margin: 0 10px 10px 0;
background: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
padding: 0;
}

.box2 {
width:350px;
margin: 0 10px 10px 0;
background: #EEE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
padding: 0;
}

/*titles */

h1 {
font-size: 13px;
text-transform:uppercase;
color: #CCC;
}
h2 {
font-size: 12px;
text-transform:lowercase;
color:#CCC;
}
h4 {
font-size: 11px;
text-transform:uppercase;
}
h5 {
font-size: 11px;
text-transform:lowercase;
color: #555;
}

h1, h2, h3, h4, h5 {
font-weight:bold;
margin:0;
padding:0;
}

/* navi */
.title-box {
padding: 10px;
}


ul.nav-list {
margin: 0;
border-top: solid 1px #666;
padding:0;
list-style:none;
}

ul.nav-list li {
padding: 7px 15px;
border-bottom: solid 1px #666;

}

/*content */
.box-box {
padding: 5px;
}

q {
font-style:italic;
color: #666;
}

.stats {
border-top: dotted #AAA 1px;
border-bottom: dotted #AAA 1px;
margin: 2px 0;
padding:2px 0;
text-transform:lowercase;
}

.updates {
border-top: dotted #AAA 1px;
margin: 2px 0;
padding:2px 0;
text-transform:lowercase;
}