/*

Theme Name: Online Almanac
Description: The default WordPress theme for the B-W Baseball Online Almanac blog.
Theme URI: http://bwbaseball.com/blog/wp-content/themes/almanac/
Author: Guy M. Fisher
Author URI: http://guyfisher.com/
Version: 1.0 (beta)

*/

@import url("layout.css"); /* layout stylesheet */

/* shhh! (http://webaim.org/techniques/css/invisiblecontent/) */

div#flickrrss h2, div#search h2, div#search label, div#meta h2, div#text-374761052 h2 {
	display: block;
	position: absolute;
	top: -100px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* headings */

h2 a, h2 a:visited {
	border-bottom: none !important;
	color: black;
}
h2 a:hover, h2 a:focus, h2 a:active {
	background-color: #f0e06c;
	color: #281f0b;
}

/* main content */

div#main h2 {
	font: bold medium helvetica, arial, sans-serif;
}

/* posts */

div.post {
	margin-bottom: 2.5em;
}
div.post h2 {
	margin-top: 0;
}
div.post div.entry > *:first-child {
	margin-top: 0;
}

div.post div.postmetadata { /* post metadata */
	clear: both;
	margin-top: 1.5em;
	font-size: 85%;
}
div.post div.postmetadata a, div.post div.postmetadata a:visited {
	border-bottom: none;
	color: #555;
}
div.post div.postmetadata a:hover, div.post div.postmetadata a:focus, div.post div.postmetadata a:active {
	color: blue;
	text-decoration: underline;
}
div.post div.postmetadata img {
	border: none;
	padding: 0;
	background-color: transparent;
}

/* post images */

div.post img {
	max-width: 500px;
	height: auto;
	border: 1px solid;
	border-color: silver black black silver;
	padding: 9px;
	background-color: white;
}
div.post img.size-small {
	max-width: 240px;
	height: auto;
}

div.alignleft, img.alignleft { /* aligned images */
	float: left;
	margin: 0 1em 1em 0;
}
div.alignright, img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
div.aligncenter, img.aligncenter {
	margin: 1em auto;
}

div.wp-caption { /* image captions */
	overflow: visible;
	padding-bottom: 10px;
	color: #404040;
	font: normal 90% "comic sans ms", helvetica, arial, sans-serif;
	line-height: 1.5;
}
div.wp-caption.alignleft { /* aligned captions */
	border-right: 1px dotted #989367;
	padding-right: 20px;
}
div.wp-caption.alignright {
	border-left: 1px dotted #989367;
	padding-right: 10px;
	padding-left: 10px;
}
div.wp-caption.aligncenter {
	padding-right: 10px;
}
div.wp-caption p.wp-caption-text { /* caption text */
	margin: 1em -10px 0 0;
}

/* comments */

div#comments {
	margin-top: 2.5em;
}
div#respond {
	margin-top: 2em;
}
div#comments h2, div#respond h2 {
	font: bold medium helvetica, arial, sans-serif;
	margin-bottom: 1em;
}

ol.commentlist, ol.commentlist li { /* comment list */
	list-style-type: none;
	margin: 0;
	border: none;
	padding: 0;
}
ol.commentlist li {
	position: relative;
	margin-bottom: 1.5em;
}
ol.commentlist li div.comment_avatar {
	position: absolute;
	left: 0;
	top: 0;
	width: 36px;
	border: 4px solid #281f0b;
}
ol.commentlist li div.comment_avatar img {
	display: block;
	margin: 0;
	border: none;
	padding: 0;
}
ol.commentlist li div.commentmetadata {
	min-height: 43px;
	margin-left: 54px;
	border-bottom: 1px solid #cbc9b3;
	font-size: 85%;
}
ol.commentlist li div.commentmetadata a, ol.commentlist li div.commentmetadata a:visited {
	border-bottom: none;
	color: #009;
}
ol.commentlist li div.commentmetadata a:hover, ol.commentlist li div.commentmetadata a:focus, ol.commentlist li div.commentmetadata a:active {
	color: blue;
	text-decoration: underline;
}
ol.commentlist li div.commentmetadata cite {
	font-weight: bold;
	font-size: small;
}
ol.commentlist li div.commentmetadata cite a, ol.commentlist li div.commentmetadata cite a:visited {
	color: black;
}
ol.commentlist li div.commentmetadata cite a:hover, ol.commentlist li div.commentmetadata cite a:focus, ol.commentlist li div.commentmetadata cite a:active {
	color: blue;
}
ol.commentlist li div.comment_text {
	margin-top: 1em;
	margin-left: 54px;
}

form#commentform fieldset.user_input p { /* comment form */
	margin-top: 0;
	margin-bottom: 1em;
}
form#commentform fieldset.textarea { /* full-width textarea */
	margin-bottom: 1em;
	border: 1px solid;
	border-color: black silver silver black;
	padding: .25em;
	background-color: white;
}
form#commentform fieldset.textarea p {
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
}
form#commentform fieldset.textarea p textarea {
	display: block;
	width: 100%;
	margin: 0;
	border: none;
	padding: 0;
	background-color: transparent !important;
}

/* index navigation */

div.index_navigation {
	width: 100%;
	overflow: hidden; /* extended box hack (http://www.quirksmode.org/css/clearing.html) */
	margin-top: 1.5em;
	font-weight: bold;
	font-size: 200%;
	line-height: normal;
}
div.index_navigation a {
	border-bottom: none;
	color: #bab89a;
}
div.index_navigation a:hover, div#main div.index_navigation a:focus, div#main div.index_navigation a:active {
	background-color: #f0e06c;
	color: #281f0b;
}
div.index_navigation div.previous_posts { /* old posts */
	float: left;
	width: 49%;
}
div.index_navigation div.next_posts { /* new posts */
	margin-left: 52%;
	text-align: right;
}

/* sidebar */

div#sidebar div.widget {
	margin-bottom: 2em;
}
div#sidebar div.widget h2 {
	margin-top: 0;
	margin-bottom: .25em;
}

div#page_description p { /* page description widget */
	margin-top: 0;
}

div#flickrrss { /* flickr widget (4px + 75px + 4px + 4px = 87px x 3 = 261px) */
	overflow: hidden;
}
div#flickrrss img {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin: 0 4px 4px 0;
	border: 4px solid #281f0b;
	padding: 0;
}
div#flickrrss a:hover img, div#flickrrss a:focus, div#flickrrss a:active {
	border-color: #f0e06c;
}
div#flickrrss p {
	clear: left;
	margin: 0;
	padding-top: .5em;
}

div#sidebar div#twitter ul li { /* twitter widget */
	margin-bottom: 1em;
}
div#sidebar div#twitter ul li a {
	margin-top: .5em;
	border-top: 1px dotted #cbc9b3;
	font-size: 100% !important;
}
div#sidebar div#twitter ul li span a {
	display: inline;
	margin: 0;
	border-top: none;
	border-bottom-color: #009;
	padding: 0;
	color: #009 !important;
}
div#sidebar div#twitter ul li span a:hover, div#sidebar div#twitter ul li span a:focus, div#sidebar div#twitter ul li span a:active {
	border-bottom-style: solid;
	border-bottom-color: blue;
	background-color: transparent;
	color: blue !important;
}

div#text-374813101 { /* home runs for heritage widget */

	display: none;

	margin-right: 4px; /* match flickr widget */
	padding: 10px 0 15px;
	background-color: black;
	color: white;
	text-align: center;
}
div#text-374813101 h2 {
	margin: 0 10px;
	color: #c90;
}
div#text-374813101 p {
	margin: 1em 10px;
	font-weight: bold;
}
div#text-374813101 div.hr4h_total {
	padding: 5px 10px;
	background-color: #d00;
	text-transform: uppercase;
	font-size: medium;
}

div#search { /* search widget */
	margin-top: 3em;
}

div#sidebar div.widget ul, div#sidebar div.widget ul li { /* sidebar lists */
	list-style-type: none;
	margin: 0;
	border: none;
	padding: 0;
}
div#sidebar div.widget ul li {
	margin-right: 4px; /* match flickr widget */
}
div#sidebar div.widget ul li.current_page_item, div#sidebar div.widget ul li.current-cat {
	background-color: #f5f4f0;
}
div#sidebar div.widget ul li a {
	display: block;
	border-bottom: 1px dotted #cbc9b3;
	padding: 4px;
	color: black !important;
}
div#sidebar div.widget ul li a:hover, div#sidebar div.widget ul li a:focus, div#sidebar div.widget ul li a:active {
	background-color: #f0e06c;
}

div#meta, div#text-374761052 { /* meta text widget */
	margin-top: 3em;
	color: gray;
}
div#meta a, div#text-374761052 a {
	border-bottom: none;
	color: gray;
}
div#meta a:hover, div#meta a:focus, div#meta a:active,
div#text-374761052 a:hover, div#text-374761052 a:focus, div#text-374761052 a:active {
	color: blue;
	text-decoration: underline;
}

/* footer */

div#wp_footer img#wpstats { /* wordpress stats smiley */
	display: none;
}


/* ARCHIVES BY YEAR */

div.more_posts h2 { /* more posts loop */
	border-bottom: 1px solid #cbc9b3;
	color: #bab89a;
}
div.more_posts ol, div.more_posts ol li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
div.more_posts ol li {
	margin-bottom: .5em;
	font-weight: bold;
}

