.blog-entry 		{clear:both; margin:0px 0px 20px 0px}

/* no border for linked images. outline on request. */
.blog-entry img		{border:none}
.blog-entry .line	{border:1px solid black}


.blog-entry-head h4	{border-bottom:6px solid #bbb; margin:0px}
.blog-entry-head h5	{font-size:.8em; color:#777; margin-bottom:10px}
.blog-entry-head img	{height:4em; width:auto; float:left; margin:0px 4px 0px 4px}
.blog-entry-head h4 a,
.blog-entry-head h4 a:visited,
.blog-entry-head h4 a:link	{color:black; text-decoration:none}
.blog-entry-head h4 a:hover	{color:white}
.blog-entry-head h5 a,
.blog-entry-head h5 a:visited,
.blog-entry-head h5 a:link	{color:#666; text-decoration:none}
.blog-entry-head h5 a:hover	{color:white}

.blog-entry-body	{clear:left; padding-top:6px;}
.blog-entry-body blockquote h1,
.blog-entry-body blockquote h2,
.blog-entry-body blockquote h3,
.blog-entry-body blockquote h4,
.blog-entry-body blockquote h5
			{color:black; border:0px; border-bottom:1px solid #999; margin:0px 0px 10px 0px; font-weight:bold; text-align:left}
.blog-entry-body blockquote .headtop	{border:none; margin:0px}

.blog-entry-body h1,
.blog-entry-body h2,
.blog-entry-body h3,
.blog-entry-body h4,
.blog-entry-body h5	{color:black; border-bottom:1px solid #aaa; margin:0px 10px; font-weight:bold}

.blog-entry .icon	{float:left; margin:0px 4px 0px 4px}

.blog-entry .right	{margin:0px 0px 6px 10px; float:right; text-align:right;}
.blog-entry .left	{margin:0px 10px 6px 0px; float:left; text-align:left;}

.blog-entry .center	{text-align:center; margin-left:auto; margin-right:auto; border:none;}
.blog-entry .center *	{margin:auto;}

.blog-entry .caption	{font-size:.9em}

.blog-entry .noborder	{border:none}

.blog-entry .divide	{border-top:1px solid #aaa; margin-top:10px; padding-top:10px}

.blog-entry hr		{border:0px; border-top:1px solid #aaa; margin:0px 10px; padding:0px}

.blog-entry p		{text-align:justify; margin:10px}
.blog-entry blockquote	{text-align:justify; quotes:"" "" "" ""; background:#c0c0c0; padding:10px; margin:10px 20px}
.blog-entry blockquote	{border-radius:10px 10px 10px 10px;}
.blog-entry blockquote p	{margin:0px 0px 10px 0px}
.blog-entry blockquote ul	{padding:0px 10px 0px 16px}
.blog-entry blockquote.teletype	{font-family:monospace}
.blog-entry dl		{margin-left:10px}
.blog-entry dd		{margin:4px 10px; padding:0px 0px 0px 4px; text-align:justify; border-left:1px solid #aaa}
.blog-entry dd p	{margin-left:0px; margin-right:0px}
.blog-entry dt		{font-weight:bold}

.blog-entry embed	{background:#bbb}

.blog-entry acronym	{color:#779; text-decoration:underline; font-weight:bold}

.blog-entry .pullquote	{background:none; margin:0px 0px 10px 10px; float:right; font-size:1.4em; text-align:center; font-weight:bold}
.blog-entry .pullquote span {text-align:right; font-size:.7em;}

.stickynote				{background-color:#ec5; border:2px solid black; padding:4px}
.stickynote .blog-entry-head h4		{border-color:#db4}
.stickynote .blog-entry-head h5		{color:#b92}

a.rss		{background:#f60; color:white; text-decoration:none; padding:0px 2px 1px 2px; border:1px solid #730; border-color: #fb8 #730 #730 #fb8; font-size:9px}
a.rss:hover	{background:#fa4; text-decoration:none}
a.rss:visited	{color:white}

.point-counterpoint	{margin-left:20px; border-left:6px solid #bbb}
.point-counterpoint h4	{border-bottom:6px solid #bbb; margin:0px}
.point-counterpoint h5	{font-size:9px; color:#777; margin-bottom:10px; border:none}

.sasquatch-entry		{font-size:1.3em}
.sasquatch-entry h4		{font-size:1.3em}
.sasquatch-entry .squeak	{font-size:.8em}

.majuscule:first-letter		{font-size:4em; float:left; line-height:.8em;}
.majuscule-line:first-line	{text-transform:uppercase;}
.majuscule-line:first-letter	{font-size:4em; float:left; line-height:.8em;}

.yrtapnav	{display:table; border:4px solid #000; margin:auto;}
.yrtapnav a	{display:table-cell; vertical-align:middle; padding:1em; }
.yrtapnav a,
.yrtapnav a:visited,
.yrtapnav a:link,
.yrtapnav a:hover	{color:white; text-decoration:none;}
.yrtapnav a:hover	{background:white; color:black;}
.yrtapnav a span	{display:inline-block; font-size:3em; line-height:.1em; vertical-align:top; margin-top:.1em}
.yrt-prev	{text-align:left; background:#999; white-space: nowrap;}
.yrt-index	{text-align:center; background:#000;}
.yrt-next	{text-align:right; background:#999; white-space: nowrap;}

/* auto set in blog.php based on icon name (div wrappers depreciated) */
.sasquatch-theme	{background:url(/blog/sasquatchhairbackground.png)}
.octopus-theme		{background:url(/blog/suckermarksbackground.png)}
/* End */


/* small tablets and phones */
@media screen and (max-device-width:1000px) and (orientation: portrait)
{
.blog-entry		{margin-bottom:2em;}
.blog-entry-head h4	{font-size:1em;}
.blog-entry-head h5	{font-size:.8em;}
.blog-entry .caption	{font-size:.7em;}
.fine			{font-size:.7em;}
.blog-entry blockquote	{margin:1em 2em;}
.blog-entry-head img	{height:4em; width:auto;}
.blog-entry .pullquote	{width:40% !important; height:auto;}

/* enlarge centered images */
.blog-entry .center	{width:100% !important;}
.blog-entry .center img {width:100%; height:auto;}

/* make right/left images 50% text area */
.blog-entry .left,
.blog-entry .right	{width:50% !important; height:auto; font-size:1em;}
.blog-entry .left img,
.blog-entry .right img	{width:99%; height:auto;}

/* makes videos fluidly scale */
.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video iframe, .video object, .video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
}