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

blockquote {
	font-size: 14px;
	font-style: italic;
	
	border-left: 3px solid #ccc;
	
	margin: 1em 20px;
	padding: 5px 20px;
}
blockquote cite { display: block; font-size: 12px; margin-left: 20px; }

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

pre { font-size: 14px; }

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; text-align: left; margin: 0 auto; }

#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 .site-title {
	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 .site-title a { text-decoration: none; }

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

/* !Content */
#content { position: relative; clear: both; padding: 10px 0; }

#content .primary { }

#content .secondary {
	float: left;
	
	width: 170px;
	
	font-size: 14px;
	line-height: 1.5em;
}
#content .secondary .module { margin: 20px 0; }

/* !!Resume Module */
#content .secondary #resume.module ul { text-align: center; list-style: none; margin: 0; padding: 0; }
#content .secondary #resume.module li { display: inline; padding: 0 5px; }
#content .secondary #resume.module li a {
	background: #eee;
	
	font: 10px Verdana, sans-serif;
	text-decoration: none;
	
	border: 1px solid #999;
	-moz-border-radius: 8px;
	
	padding: 2px 8px;
}
#content .secondary #resume.module a:hover { background: #999; color: #fff; }

/* !!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;
	
	margin-bottom: 21px;
}

/* !Footer */
#footer {
	clear: both;
	
	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 */
.pullquote,
.entry .date,
.entry .description,
.entry .permalink,
.resume .section .description {
	float: left;
	
	width: 170px;
	
	color: #666;
	font-size: 14px;
	line-height: 1.5em;
	
	margin: 0 0 10px -200px;
}
.entry .permalink {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-align: right;
	
	margin-bottom: 21px;
}

.entry .permalink a { text-decoration: none; }

/* !Page: Resume */

/* !Page: Blog */
.blog #content { padding-top: 20px; }

.blog .entry { text-align: center; }
.blog .entry .title { text-align: left; }
.blog .link,
.blog .post { text-align: left; }
.blog .photo img { border: 1px solid #ccc; padding: 4px; }
.blog .photo p,
.blog .photo blockquote { text-align: left; }
.blog .divider {
	font-size: 11px;
	font-style: italic;
	text-align: center;
	
	border-top: 1px solid #ccc;
	
	margin-top: 15px;
}
.blog .divider span {
	position: relative;
	top: -12px;
	
	background: #eee;
	
	padding: 10px;
}
.blog .quote blockquote { width: 500px; text-align: left; margin-left: auto; margin-right: auto; }
.blog .video p { text-align: left; }

.blog .pagination { font-size: 14px; text-align: center; }
.blog .pagination a { text-decoration: none; }
.blog .pagination .newer { float: left; }
.blog .pagination .older { float: right; }

.blog .chat ol {
	width: 500px;
	
	text-align: left;
	
	list-style: none;
	
	margin: 0 auto;
	padding: 0;
}
.blog .chat li { padding: 2px 5px; }
.blog .chat li:nth-child(even) { background: #eee; }
.blog .chat cite {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	
	padding: 0 10px 0 0;
}

/*#tumblr_controls { margin-right: 54px; }*/

#blog_controls {
	display: none;
    position: absolute;
    top: 3px;
    right: 3px;
    
    font-size: 10px;
    font-family: Verdana, sans-serif;
    text-align: right;
}

#blog_controls div {
	display: none;
	
	width: 160px;
	background: #777;
	
	color: #fff;
	text-align: left;
	
	border: 1px solid #666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	padding: 5px;
}
#blog_controls div a { text-decoration: none; }
#blog_controls ul { list-style: none; margin: 0; padding: 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; }

.blog #header { position: relative; }
.blog #blog_controls_new { position: absolute; top: -30px; left: 0; }
.blog #blog_controls_new ul { list-style: none; margin: 0; padding: 0; }
.blog #blog_controls_new li { float: left; }
.blog #blog_controls_new a {
	display: block;
	height: 20px;
	background: #653200;
	
	color: #fff;
	font: 10px/23px Verdana, sans-serif;
	text-decoration: none;
	text-transform: none;
	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	padding: 0 8px;
}