/*****************
  This is your playground. Customize Hemingway to your hearts extent. 
*****************/

/* ------------------------------------------------------------ */

body {
	background-color: #8c8c8c;
	color: white;
}
#header, #primary{
	background:#FFF;
}

#secondary{
	background:#F3F3F3;
	color: #444;
}

a:hover {
	color: #000;
}
.story .details{ border-top:1px solid #7F7F7F; }

h1, h2, h3{ color:#000; }

#primary h2{ color:#333; }

blockquote{ color:#333; }

/*
table th{ color:#FFF; background:#333; }
table td{ color:#000; background:#EAEAEA; }
*/

.secondary .featured p{
	border-bottom:1px solid #CCC;
	border-top: 1px solid #CCC;
}
.secondary .featured dl{
	border-bottom:1px solid #CCC;
}
.secondary dd a{ color:#7F7F7F; }
.secondary dd a:hover{ color:#000; }


.secondary .featured dt{
	color:#333;
}

#secondary{
	border-top:1px solid #E3E3E3;
}
.comment-head{
	border-bottom:1px solid #E3E3E3;
}

ul.dates, ul.counts, ul.blogroll li ul, ul.pages{
	border-top:1px solid #C2C2C2;
}
ul.dates li, ul.counts li, ul.blogroll li ul li, ul.pages li{
	border-bottom:1px solid #C2C2C2;
}
ul.dates .date, ul.counts .count{
	color:#7A7A7A;
}
ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#404040;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ color:#000; }


/* Images */

#footer .inside{
/* 	background:url(white/footer.gif) 50% 0 repeat-x; */
background: none;
}
#search .searchimg{
/* 	background:url(white/search.gif) 0 0 no-repeat; */
background: none;
}

/* ------------------------------------------------------------ */

body {
	font-family:
		'Century Schoolbook', Georgia, serif;
	font-size: 0.9em;
}

p {
	line-height: 1.6em;
}

strong {
	color: #333;
}

em {
	font-style: italic;
}

em em {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, .details, .dates, #footer, .story .more-link,
.edit-link, .sans {
	font-family: 
		'Avenir',
		'Futura',
		'Century Gothic',
		'Avant Garde',
		sans-serif;
}
.sans { font-size: 90%; }
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 1.5em 0;
}
h4 { 
}
.story h3 {
	margin:0 0 1.2em 0;
	font-weight: bold;
}
.story .details {
	border-top: 1px solid #CCC;
	text-transform: lowercase;
	color: #999;
}
a{
	border: none;
	color: #FF7600;
}
.story h3 a {
	border: none;
	color: black;
}
.story h3 .date {
	color: #CCC;
	text-transform: lowercase;
	margin-right: 0.5em;
}
a:hover, .story .details a:hover, 
.story h3 a:hover, .story h3 a:hover * {
	color: black;
}

.inside{
	width: 70%;
	min-width: 500px;
	max-width: inherit;
}

#header h2 {
	float: none; border: none; padding: 0;
	margin: 0; margin-left: -58px;
}

#header .bannerlink {
	background-image: url(/images/toastyblog-banner.png);
	width: 300px;
	height: 160px;
	display: block;
	background-repeat: none;
}

#header .bannerlink span { display: none; }

#header .description { display: none; }

#search { display: none; }

#search input, #searchform input {
background: inherit;
color: #888;
}

#search input:focus, #searchform input:focus {
background: inherit;
color: black;
}

#ancillary .block { width: 48%; margin: 0 0 0 4%; }
#ancillary .first { margin: 0; }
#ancillary .block h2, #ancillary .block h3 {
	text-transform: lowercase;
	margin-bottom: 1.2em;
}
#ancillary .third { display: none; }

/* #ancillary { background-color: #8c8c8c; color: white; } */

#ancillary { background-color: #e5e5e5; color: #444; }
#ancillary a { color: #840; }

#footer {
	background-color: #8c8c8c;
	color: #ddd;
	font-weight: bold;
	margin: 0 0.5em 1.5em 0.5em;
}

#footer a, #footer p.attributes a {
	color: white;
	text-decoration: none;
}
#footer a:hover, #footer p.attributes a:hover {
	color: black;
}

.feeds:before {
/* 	content: url(../images/feed-icon-12x12.png); */
}

#footer p.attributes a{
	margin: 0 0.5em 1em 0.5em;
	padding: 0;
}
.feeds {
	background-color: #444;
	padding: 8px;
}

.story .more-link {
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin-top: 0.5em;
}

.insetleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
.insetright {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
hr {
	border: none;
	border-top: 1px dotted #CCC;
	margin: 1.5em 0;
}

.pull, .pull2 {
	font-family: 
		'Avenir',
		'Futura',
		'Century Gothic',
		'Avant Garde',
		sans-serif;
	border: none;
	margin: 1em 0;
	padding: 0.5em 1em;
}

.pull {
	background: #f3f3f3;
	color: #444;
	border: 1px solid #ccc;
	border-left: none; border-right: none;
}

.pull2 {
	background:#e5e5e5;
	color: #444;
}
.pull2 a { color: #840; }

sup { line-height: 0.9em; }
div.footnotes {
margin-top: 1.5em;
border-top: 1px solid #ccc;
font-size: smaller;
}
div.footnotes p {
	line-height: 1.2em;
	margin-left: 1em;
}
div.footnotes a.footlabel {
	position: relative;
	margin-right: 1em;
	font-weight: bold;
	color: #ccc;
}
a.footback {
	text-decoration: none;
	padding: 0 0.5em;
}


.photocaption,.imagecaption {
    text-align: center;
	font-family: 
		'Avenir',
		'Gotham',
		'Futura',
		'Century Gothic',
		'Avant Garde',
		sans-serif;
}   

.pictureframe,
.photoframe {
	margin: 8px;
    border: solid 6px #666;
    box-shadow:         0 4px 8px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.75);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}   
.polaroid {
	display: table;
	display: inline-block;
    border: solid 8px #f0f0f0;
	background-color: #f0f0f0;
    box-shadow:         0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.polaroid div {
	font-size: 95%;
	font-color: #222;
    text-align: center;
	font-family: 
		'Avenir',
		'Gotham',
		'Futura',
		'Century Gothic',
		'Avant Garde',
		sans-serif;
}