/*
Theme Name: Sweet Sassafras
Description: Custom theme for Sweet Sassafras
Version: 2.1
Author: Sarai Mitnick
*/

/** colors:
background: #ffffff
cream header background: #fdf8db
text: 515151
*/


/** Body
-------------------------------------------------------- */

html {
	font-size: 76%;
	margin: 0px;
	padding: 0px;
}

body {
	color: #515151;
	background-color: #ffffff;
	/*background: #fdf8db url(images/background.png);*/
	font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	margin: 0px;
	padding: 0px;
}
	
a {
	color: #4da7ba;
	text-decoration: none;
}

h1 {
	
}

h2 {
	color: #c22f51;
	font-size: 1em;
	font-family: "Palatino", "Georgia", "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	/*font-variant: small-caps;*/
	letter-spacing: 0.2em;
	padding: 3px;
}

h3 {
	font-size: 1.2em;
	font-family: "Palatino", "Georgia", "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	font-variant: small-caps;
	letter-spacing: 0.5em;
	text-align: center;
}

td {
	padding: 0px;
	border: none;
}


/** Main structural classes
-------------------------------------------------------- */

/* div#wrapper1 wraps entire page, including header, footer, and sidebars */
#wrapper1 {
	width: 960px;
	margin: 0px auto;
	padding: 20px 0px;
}

/* div#wrapper2 wraps center content area */
#wrapper2 {
	clear: both;
	overflow: hidden;
}

/* div#content is the center column, containing primary content */

#content {
	width: 100%;
	margin: 0px;
	float: right;
}

body.two_column #content { 
	width: 640px;
	padding: 0px 70px;
}

body.three_column #content { 
	width: 580px;
	margin-right: 190px;
}

/* Basic sidebar structure; styling of sidebar content appears further down */

div.sidebar {
	width: 150px;
}

#sidebar_left {
	float: left;
}


/** Page header
-------------------------------------------------------- */

div#header {
	border: none;
	text-align: right;
}

div#header img {
	float: left;
	margin-right: 100px;
}

/** Link navigation
-------------------------------------------------------- */

div#linknav {
	margin-top: 40px;
	margin-right: 200px
}

div#linknav a {
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 10px;
}



/** Page footer
-------------------------------------------------------- */

div#footer {
	padding: 20px;
	font-size: 1em;
	font-variant: small-caps;
	text-align: center;
}

div.print_footer {
	display: none;
}


/** Sidebars
-------------------------------------------------------- */

/* Both sidebars */
div.sidebar {
}

div.sidebar h2 {
	text-align: center;
}

div.sidebar ul, div.sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.sidebar ul {
	margin-bottom: 25px;
}

div.sidebar img {
	display: block;
	margin:auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.sidebar > div {
	background-color: #efe7e9;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.sidebar div#sponsors table {
	margin: 0px auto;
}

div.sidebar div#sponsors table td {
	padding: 0.5em 0em;
}

div.sidebar li {
}

div#sidebar_left {
	
}

div#sidebar_right {
	
}

div#twitter ul li {
	margin-bottom: 10px;
}

div#twitter ul li > a {
	display: none;
}

div#twitter img.loading {
	display: block;
	margin: auto;
}

/* Bottom post navigation */
div.next_prev_navigation {
	overflow: hidden;
}

div.next_prev_navigation div.prev {
	float: left;
}

div.next_prev_navigation div.next {
	float: right;
}


/** Post/Page layout 
-------------------------------------------------------- */

div.post, div.page {
	border-bottom: dashed 1px #c0c0c0;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

h3.post_title a {
	color: #515151;
	/*background-color: #fdf8db;*/
	padding: 3px;
}

div.post_date {
	
}

div.post_content, div.page_content {
	
}

div.post_content img {
	margin: auto;
	display: block;
}

div.post-info {
}

div.pageblock {
}



body.about #content img {
	margin-bottom: 15px;
	margin-right: 15px;
	border: solid 3px #efe7e9;
	float: left;
	padding: 4px;
}


/** Comments
-------------------------------------------------------- */

div.comment, div.pingback, div.trackback {
	overflow: hidden;
}

div.pingback, div.trackback {
	background: #f0f7f8;
	margin-bottom: 10px;
	padding: 10px 0px 10px 10px;
}

div.pingback div.reply, div.trackback div.reply {
	display: none;
}

/* div.comment_wrapper inserted via jQuery to wrap comment content, but not children */
div.comment_wrapper {
	background: #f0f7f8;
	margin-bottom: 10px;
	padding: 10px;
}

div.parent div.comment {
	margin-left: 20px;
}

div.comment-author {
	font-size: 1.3em;
	line-height: 1.3em;
}

div.comment div.comment-author {
	text-align: center;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	overflow: hidden;
}

div.comment-meta {
	margin-bottom: 5px;
}

div.comment-meta a {
	color: #515151;
}

div.comment-meta a.comment-edit-link {
	color: #b90000;
}

div.comment div.reply {
	clear: left;
}

div.comment_list div.bypostauthor > div.comment_wrapper {
	border: solid 2px #5ca8b9;
}

div.comment-author img.avatar {
	display: block;
	margin: 0px auto 10px auto;
}

div.comment-author span.says {
	display: none;
}

/* Trackbacks */

div.pingback div.comment-author,
div.trackback div.comment-author {
	font-size: 1.2em;
}

div.pingback div.comment-meta,
div.trackback div.comment-meta {
	margin-bottom: 10px;
}

/* Comment form */

div#respond {
	margin-top: 20px;
}

div.inputrow, div.input_row {
	margin-top: 5px;
	margin-bottom: 5px;
}

input.textfield, input.text, input.button, textarea {
	border: solid 1px #c0c0c0;
	padding: 2px 5px;
	background: #ffffff;	
}

div.sidebar input.textfield {
	width: 115px;
}

div#respond input.textfield, #contact_form input.textfield {
	width: 250px;
}

textarea {
	width: 350px;
}

div.subscribe-to-comments * {
	vertical-align: middle;
}

/** Contact form
-------------------------------------------------------- */

form.contact-form {
	margin-top: 30px;
	margin-bottom: 10px;
}

form.contact-form div.form-label {
	width: 360px;
	float: right;
	clear: both;
}

form.contact-form div.form-textarea {
	margin-bottom: 10px;
	clear: left;
}

form.contact-form div.form-input {
	width: 270px;
	margin-bottom: 5px;
	float: left;
}

form.contact-form div.form-input input.text {
	width: 250px;
}

form.contact-form div.form-option {
	padding-top: 10px;
	clear: both;
}

div.form-input input.error,
div.form-input select.error, 
div.form-textarea textarea.error,
div.form-input-radio div.error {
	background: #fbf4e2;
	border: solid 1px #990000;
}

form.contact-form input.hidden_placeholder {
	color: #ffffff;
}

form.contact-form div.form-submit {
	padding-top: 15px;
}

span.required {
	color: #990000;
}

/** Align images
-------------------------------------------------------- */

img.center {
	display: block; 
	margin: auto;
}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 10px 2px 0;
}
	
/** Text alignment
-------------------------------------------------------- */

.center {
	text-align: center;
}

.message {
	background-color: #c0c0c0;
	text-align: center;
	color: #ffffff;
	border: 1px solid #c0c0c0;
	padding: 5px;
}

p.twitter-message {
	margin-bottom: 10px;
}