/*
Theme Name: Scherzo
Theme URI: http://leonpaternoster.com/scherzo
Description: A simple, readable serif theme with 16 pixel body copy
Version: 0.2
Author: Leon Paternoster
Author URI: http://leonpaternoster.com
Tags: basic, clean, serif, @font-face, 2 column, widget-ready
*/

@import "style/css/reset.css";

/*
This is a back to basics theme with a body copy set to 16px Georgia.
Most of the WP themes at wp.com have annoyingly small fonts and cramped typography
*/

/*
CONTENTS
==================================================================================

1. Universal settings
	1.1 HTML
	1.2 Body styles: base font size, font-family, line-height
	1.3 Font face
	
2. Layout
	2.1 Page wrapper
	2.2 Header
	2.3 Content area
		2.3.1 Post
		2.3.2 Pagination
	2.4 Asides/sidebar
	2.5 Footer
	

3. Typography
	3.1 Universal selectors
	3.2 Header styles
	3.3 Content area styles
		3.3.1 Comments
		3.3.2 Imagery
	3.4 Asides/sidebar
	3.5 Footer
	
*/


/*	
	
UNIVERSAL SETTINGS
===================================================================================

*/

html {
	color: #333;
}

body {
	font-size: 100%;
	line-height: 24px;
	font-family: georgia, 'liberation serif', serif;
	width: 785px;
	margin: 24px auto;
	background-color: #FFF;
}

/*

LAYOUT
===================================================================================

*/

#page {
}

#navigation {
	overflow: hidden;
	padding: 3px 0;
	background-color: #63849F;
	margin-bottom: 48px;
	width: 100%;
	-moz-box-shadow: 2px 2px 2px #DFDFDF;
	-webkit-box-shadow: 2px 2px 2px #DFDFDF;
	-o-box-shadow: 2px 2px 2px #DFDFDF;
	box-shadow: 2px 2px 2px #DFDFDF;
}

.menu {
	float: left;
	margin-right: 50px;
	width: 494px;
	padding-left: 6px;
	overflow: hidden;
}

#searchform {
	float: left;
	width: 229px;
	padding-right: 6px;
	overflow: hidden;
}

#header {
	clear: both;
	padding: 0 6px;
	overflow: hidden;
	margin-bottom: 24px;
}

#content {
	float: left;
	width: 494px;
	padding-left: 6px;
	margin-right: 50px;
}

#sidebar {
	float: left;
	width: 229px;
	padding-right: 6px;
}

#footer {
	clear: both;
	padding: 12px 6px;
}

.clear {
	clear: both;
}


/* 

3 TYPOGRAPHY 
====================================================================================

*/

/*
3.1 UNIVERSAL SELECTORS
*/

#header h1 {
	font-size: 16px;
	font-weight: normal;
	font-family: 'lucida grande', calibri, arial,'bitstream vera sans', 'deja vu sans', sans-serif;
	clear: both;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline;
	border-right: 1px solid #AAA;
	padding-right: 12px;
	margin-right: 12px;
	line-height: 24px;
	text-shadow: 1px 1px 1px #DFDFDF;
}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	color: #63849F;
	text-decoration: none;
	border-bottom: none;
}

h1, h2, h3, h4, h5, h6, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
	color: #63849F;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	color: #333;
}

h1 {
	font-size: 36px;
	line-height: 36px;
	text-shadow: 1px 1px 1px #DFDFDF;
}

h2 {
	font-size: 24px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
}

h3 {
	font-size: 21px;
}

h4, h5, h6, dt {
	font-size: 18px;
}

ol li {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 48px;
}

ul li {
	list-style-type: square;
	list-style-position: inside;
	margin-left: 48px;
}

blockquote {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	margin: 48px;
	font-size: 12px;
	line-height: 18px;
}

acronym, abbr, dfn {
	font-variant: small-caps;
	letter-spacing: 2px;
	cursor: help;
}

cite {
	font-style: italic;
}

code {
	font-size: 14px;
	font-family: 'lucida console', 'consolas', 'courier new', monospace;
}

pre {
	overflow: scroll;
	margin-bottom: 12px;
}

a:link {
	color: #63849F;
	border-bottom: 1px dotted #AAA;
	text-decoration: none;
}

a:visited {
	color: #888;
	border-bottom: 1px dotted #AAA;
	text-decoration: none;
}

a:hover {
	color: #63849F;
	border-bottom: 1px solid #63849F;
	text-decoration: none;
}

.instruction {
	color: #888;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
}


/*
3.2 HEADER AREA STYLES
*/

p.tag {
	font-size: 12px;
	color: #888;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	display: inline;
}

.menu ul  {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	clear: both;
}

.menu ul ul {
	display: none;
}

.menu ul li {
	display: inline;
	margin-right: 24px;
	margin-left: 0;
	text-shadow: 1px 1px 1px #888;
}

.menu ul li a:link, .menu ul li a:visited, .menu ul li a:hover {
	color: #FFF;
	border-bottom: none;
}

.menu ul li a:hover {
	border-bottom: 2px solid #FFF;
}

.menu ul li.current_page_item a:link, .menu ul li.current_page_item a:visited, .menu ul li.current_page_item a:hover {
	cursor: default;
	border-bottom: 2px solid #FFF;
}

#s {
	width: 160px;
	border: 1px solid #AAA;
	padding: 2px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
}

#searchsubmit {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #FFF;
}



/*
3.3 CONTENT AREA STYLES
*/

#content p, #content ul, #content ol, #content dd {
	margin-bottom: 12px;
}

#content p.published {
	font-size: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
	/* margin-top: -12px; */
}

.home #content p.published, .archive #content p.published {
	margin-bottom: 0;
}

#content p.wp-caption-text {
	font-size: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
}

#content p.taxonomy {
	font-size: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
	margin-bottom: 12px;
	clear: both;
	padding-top: 12px;
}

#content li.next {
	width: 45%;
	float: right;
	text-align: right;
	margin-bottom: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
	font-size: 12px;
	list-style-type: none;
	margin-left: 0;
}

#content li.previous {
	width: 45%;
	float: left;
	margin-bottom: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
	font-size: 12px;
	list-style-type: none;
	margin-left: 0;
}

.post {
	margin-bottom: 48px;
}

#content ol.archive_list, #content ul.archive_list {
	margin-bottom: 24px;
}

.page_title {
	margin-bottom: 48px;
}


.archive_list li {
	list-style-type: none;
	margin-left: 0;
}

ul.wp-tag-cloud li {
	display: inline;
	margin-right: 12px;
	font-style: italic;
	margin-left: 0;
}


/* 
3.3.1 COMMENT STYLES
*/

#comments {
	padding-top: 48px;
	clear: both;
}

#comments h2 {
	margin-bottom: 24px;
}

ol.commentlist li {
	margin-bottom: 24px;
	border: 1px dotted #CCC;
	padding: 11px 24px;
	margin-left: 0;
	list-style-type: none;
}

.avatar, .says {
	display: none;
}

.comment-meta {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	color: #888;
}

.comment-meta a:link, .comment-meta a:visited {
	color: #888;
	border-bottom: none;
}

cite.fn {
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-style: normal;
}

cite.fn a:link, cite.fn a:visited {
	color: #333;
}

cite.fn a:hover {
	color: #63849F;
}

#commentform label {
	display: block;
	font-size: 12px;
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
}

input#author, input#email, input#url {
	border: 1px solid #CCC;
	width: 490px;
	font-family:  Calluna-Regular, times, georgia, 'liberation serif', serif;
	font-size: 21px;
	padding: 4px;
	margin-bottom: 12px;
}

#commentform textarea {
	border: 1px solid #AAA;
	width: 490px;
	font-family:  georgia, 'liberation serif', serif;
	font-size: 16px;
	line-height: 24px;
	padding: 4px;
	margin-bottom: 4px;
	height: 230px;
}

input#submit {
	font-family: 'lucida grande', calibri, arial, 'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 1px #FFF;
}

#subscribe {
	float: left;
	margin-right: 3px;
}

.subscribe-to-comments label {
	display: inline;
}

/*
3.3.2 Imagery
*/

.wp-caption-text {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 18px;
	color: #888;
	text-align: center;
}

.wp-caption a {
	color: #fff;
	border-bottom: none;
}

.alignnone {
	margin-bottom: 12px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	margin-bottom: 12px;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}


/*
3.4 SIDEBAR STYLES 
*/

#sidebar {
	font-family: 'lucida grande', calibri, arial,'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	color: #888;
}

#sidebar p, #sidebar ul, #sidebar ol, #sidebar dd {
	margin-bottom: 24px;
}

#sidebar li {
	list-style-type: none;
	margin-left: 0;
}

#sidebar h3 {
	font-size: 16px;
	margin-bottom: 12px;
	font-family: 'lucida grande', calibri, arial,'bitstream vera sans', 'deja vu sans', sans-serif;
	color: #888;
}

#sidebar ul {
	margin-top: 11px;
	border-top: 1px dotted #CCC;
}

#sidebar ul li a {
	display: block;
	margin-bottom: -1px;
	color: #888;
	padding-left: 3px;
	border-bottom: 1px dotted #CCC;
	margin-left: 0;
}

#sidebar ul li a:hover {
	color: #63849F;
}


/*
3.5 FOOTER STYLES
*/

#footer {
	font-family: 'lucida grande', calibri, arial,'bitstream vera sans', 'deja vu sans', sans-serif;
	font-size: 12px;
	color: #888;
}