/* !Generic */
html, body {
	background: #eee;
	
	color: #000;
	font: 14px/1.5em Palatino, Georgia, Times, serif;
}
html { border-top: 4px solid #C60; }

p { margin: 5px 0 10px 0; }

h1, h2, h3, h4, .title { font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; }
h3, h4 { font-style: italic; }

h1 { font-size: 24px; line-height: 1em; }
h2 { font-size: 20px; line-height: 1em; }
.notebook h2, .resume h2 { border-bottom: 1px solid #ccc; }
h3 { font-size: 18px; line-height: 1em; }
h4 { font-size: 16px; line-height: 1em; }
.title { font-weight: bold; }

/* !Wrapper */
#wrapper { width: 960px; }

header, #content, footer { width: 560px; margin: 0 200px; }

/* !Header */
header {
	height: 24px;
	
	color: #666;
	font: 14px/1.5em Helvetica, Arial, Verdana, sans-serif;
	text-transform: lowercase;
	
	padding: 10px 0 0;
}

header h1 {
	float: left;
	
	color: #c60;
	font: bold 14px/1.5em Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -1px;
	
	margin: 0;
	padding: 0 15px 0 0;
}
header h1 a { text-decoration: none; }

nav ul { list-style: none; margin: 0; padding: 0; }
nav ul a { text-decoration: none; }
nav ul li { display: inline; padding: 0 2px; }

/* !Content */
#content { padding: 10px 0; }

#content > h1 { display: none; }

/* !!Search Module */
#cse-search-box input {
	width: 160px;
	background: url('/img/search.png') 172px center no-repeat;
	
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	padding: 1px 24px 1px 8px;
}

header #cse-search-box { float: right; }
header #cse-search-box input { margin-top: -5px; }
header #cse-search-box input:hover { background-color: #fff; }
header #cse-search-box input:focus { background-color: #fff; color: #666; border-color: #999; outline: 0; }

/* !Listing */
.listing { list-style: none; margin: 0; padding: 0; }
.listing p { color: #666; font-size: 12px; line-height: 1.25em; margin: 0; }

.listing .entry { border: 0; margin: 0 -10px; padding: 10px; }
.listing .entry:hover { background: #eee8e0; }

.listing .entry .title { border: 0; margin: 0; }
.listing .entry .date { position: absolute; top: 5px; right: 10px; }

/* !Entry */
.entry { position: relative; padding: 10px 0; }

.entry .title { margin-top: 0; }
.entry .title a { text-decoration: none; }
.entry .title a:hover { text-decoration: underline; }

.entry .date {
	color: #999;
	font: 12px/32px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif !important;
	text-align: right;
}

/* !Footer */
footer {
	color: #666;
	font-size: 11px;
	text-align: center;
	
	border-top: 1px solid #999;
}
footer a { text-decoration: none; }
footer a:hover { color: #c60; }

/* !Page: Article */
aside,
article.entry .date,
article.entry .description {
	float: left;
	
	width: 170px;
	
	color: #666;
	font-size: 14px;
	line-height: 1.5em;
	
	margin: 0 0 10px -200px;
}
article.entry .date { position: absolute; top: 10px; left: 0; }

aside p:first-child,
article.entry .description p:first-child { margin-top: 0; }

aside p:first-child,
article.entry .description p:last-child { margin-bottom: 0; }

#elsewhere ul { font-size: 14px; text-align: center; list-style: none; margin: 0; padding: 0; }
#elsewhere li { display: inline; }
#elsewhere li a { text-decoration: none; padding-left: 16px; }