/*
THEME NAME: Sarabande
DESCRIPTION: In progress...
VERSION: 1.0
AUTHOR: Julie Hathaway
AUTHOR URI: http://pilcrow.biz
*/

/* Color (dark blue): #392C99 */

/* ------- Global ------- */

a {
	color: #392C99;
	text-decoration:none;
	}
	
a:hover, a:focus {
	text-decoration:underline;
	}
	
div.clearer {
	clear:both;
	}
	
hr {
	border: 1px solid #392c99;
	margin: 1.5em 0;
	}
	
.hidden {
	position:absolute;
	top:0;
	left:-999px;
	}
	
/* Typography */

h1, h2, h3, h4, h5, h6 {
	margin:1em 0 0;
	padding:0;
	font-weight: normal;
	}

h1 {
	font-size: 1.6em;
	}
	
h2 {
	font-size: 1.4em;
	}
	
h3 {
	font-size: 1.2em;
	}
	
h4, h5, h6 {
	font-size: 1em;
	}
	
h5 {
	text-indent: 1em;
	}
	
h6 {
	text-indent: 2em;
	}
	
ul, ol {
	margin-top:0;
	margin-bottom:0;
	}
	
li {
	margin-top: 0.5em;
	margin-bottom:0.5em;
	}

/* ------- Layout ------- */

body {
	margin:0;
	padding:0;
	font: 100% Georgia, serif;
	color: #333;
	background: #F2F2F2;
	}

#wrapper {
	width: 960px;
	margin:0 auto;
	background:#fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
	
div.skip-link {
	position:absolute;
	top:0;
	left:-999px;
	}
	
div#menu {
	background: #392C99;
	}
	
div#menu ul {
	margin:0;
	padding:8px 0;
	list-style:none;
	text-align:right;
	}
	
div#menu ul li {
	display:inline;
	padding:0 16px;
	}
	
div#menu ul li a {
	color: #fff;
	}
	
h1#blog-title {
	margin: 16px 16px 64px;
	padding:0;
	font-size: 2.2em;
	font-weight:bold;
	}
	
h1#blog-title a {
	color: #333;
	}
	
div#page-subtitle {
	margin: -56px 16px 64px;
	padding:0;
	font-size: 1.2em;
	font-style:italic;
	color: #666;
	}
	
/* posts */
	
h1.entry-title {
	margin:0 16px 8px;
	padding: 0 0 8px 320px;
	border-bottom: 2px solid #392C99;
	line-height:normal;
	}
	
h1.entry-title a {
	color: #333;
	}
	
ul.entry-meta {
	width: 288px;
	list-style:none;
	float:left;
	margin: 0 0 0 16px;
	padding:0;
	font: 80% Verdana, sans-serif;
	}
	
ul.entry-meta li {
	margin-top:0;
	margin-bottom:4px;
	margin-left: 1em;
	text-indent: -1em;
	}

div.entry-content {
	margin: 0 16px 0 336px;
	line-height: 1.5em;
	}

div.entry-content p {
	margin:0;
	padding:0;
	}
	
div.entry-content p + p {
	text-indent: 1em;
	}
	
div.entry-content p + p img.alignnone {
	display:block;
	margin: 1.5em 0;
	}
	
div.entry-content p + p.break {
	text-indent: 0;
	margin-top: 1.5em;
	}
	
div.entry-content p + p.noindent {
	text-indent:0;
	}
	
div.post {
	margin-bottom: 64px;
	}
	
div#nav-below {
	margin:-8px 16px 64px;
	padding: 0 0 8px 320px;
	}
	
div#nav-below div.nav-previous {
	width: 300px;
	float:left;
	}
	
div#nav-below div.nav-next {
	width: 300px;
	float:right;
	text-align:right;
	}
	
	
/* comments & trackbacks */

div#comments {
	margin: 0 24px 64px 336px;
	}
	
div#comments-list ol,
div#trackbacks-list ol {
	list-style:none;
	margin:0;
	padding:0;
	font: 80%/1.6 Verdana, sans-serif;
	}
	
div#comments-list ol li,
div#trackbacks-list ol li {
	margin: 16px 0;
	padding: 8px;
	}
	
div#comments-list ol li.alt,
div#trackbacks-list ol li.alt {
	background: #F2F2F2;
	}
	
div#comments-list ol li.bypostauthor,
div#trackbacks-list ol li.bypostauthor {
	background: #E0E6F0;
	}
	
div#comments-list ol li p,
div#trackbacks-list ol li p {
	margin:0;
	padding:0;
	}
	
div#comments-list ol li p + p,
div#trackbacks-list ol li p + p {
	text-indent:1em;
	}
	
div.comment-meta {
	margin-top: 1em;
	}
	
div.comment-author {
	font-style:italic;
	margin-bottom: 1em;
	}
	
div#respond {
	margin-top: 64px;
	}
	
/* "sidebars" */

.sidebar {
	width: 288px;
	margin: 0 16px 0;
	float:left;
	font: 80% Verdana, sans-serif;
	}
	
.page .sidebar /* because of collapsing margins */ {
	margin-top: 64px;
	}
	
.sidebar h3 {
	font-size: 1em;
	border-bottom: 2px solid #392C99;
	margin:0 0 4px;
	padding:0 0 4px;
	font-weight:bold;
	}
	
.sidebar h3 a {
	color:#333;
	}
	
.sidebar h3 a:hover, .sidebar h3 a:focus {
	text-decoration:none;
	}
	
.sidebar p, .sidebar ul, .sidebar div.textwidget {
	margin:0 0 16px;
	padding:0;
	}
	
.sidebar p.followme {
	text-align:right;
	font-style:italic;
	}
	
.sidebar ul {
	list-style:none;
	}
	
.sidebar ul li {
	margin-left: 1em;
	text-indent: -1em;
	}
	
/* footer */
	
#footer {
	background:#392C99;
	float:left;
	color: #fff;
	padding: 8px 0;
	}
	
#footer div {
	width: 288px;
	margin: 0 16px;
	float:left;
	font: 80% Verdana, sans-serif;
	}
	
#footer div ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#footer div ul li {
	margin:0;
	padding:0;
	}
	
#footer div input {
	border:0;
	width: 288px;
	padding: 4px;
	margin:4px 0 0 -4px;
	font-weight:bold;
	font-size: 1em;
	color: #777;
	}
	
#footer div input:hover {
	color: #333;
	}
	
#footer div p {
	margin:4px 0 0 -4px;
	}
	
#footer a {
	color: #fff;
	}
	

	
/* Images */

a img {
	border:0;
	}

img.alignleft, div.alignleft {
	float:left;
	margin-right: 1em;
	margin-top: 4px;
	}
	
img.alignright, div.alignright {
	float:right;
	margin-left: 1em;
	margin-top: 4px;
	}

/* because wp automatically indents them when there's a caption */	
div.alignright {
	margin-right:-10px;
	}
	
img.aligncenter, div.aligncenter {
	display: block;
	margin:0 auto;
	padding: 1.5em 0;
	}

img.border {
	border: 1px solid #392C99;
	}

/* use this for wp's image caption function, which doesn't allow links */
p.wp-caption-text {
	font-size: 0.85em;
	text-align:center;
	font-style:italic;
	}

/* faux captions for photo credits with links */
div.entry-content p + p.caption {
	text-indent:0;
	margin-top:-1.8em;
	font-size: 0.8em;
	text-align:right;
	font-style:italic;
	margin-bottom: 1.2em;
	}
	
/* paragraphs that come after right-aligned floated images with captions */
p + div.wp-caption.alignright + p {
	text-indent: 1em;
	}
	
/* ------- Archives Page (archives.php, body.page-template-archives-php) ------- */

body.page-template-archives-php .page .sidebar,
body.page-template-links-php .page .sidebar {
	margin-top:0;
	}