@import url(reset.css);

body {
	background: #83ab93;
	color: #473628;
	margin: 0;
	padding: 15px 0 0 0;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

	
/* LAYOUT
**********************************/
#main h1, .interior p#logo {
	background: url(../images/mastback.gif) repeat;
	text-align: center; 
	border-top: solid 1px #473628;
	border-bottom: solid 1px #473628;
	margin-bottom: 0;
	}
#wrap {
	background: #EEEFC3;
	margin: 1% 5%;
	border: solid 1px #473628;
	position: relative;
	}
#main h1 img, p#logo img {
	position: relative;
	top: -15px;
	margin-bottom: -27px;
	z-index: 2;
	}
#tagline {
	background: #226D68;
	padding: 9px 20px 7px;
	text-align: center;
	line-height: normal;
	border-top: solid 1px #473628;
	position: relative;
	z-index: 1;
	margin: 1px 0;
	}
#nav {
	background: url(../images/gradient.jpg) repeat-x left top;
	text-align: center;
	list-style: none;
	border-top: solid 1px #473628;
	margin-top: 1px;
	}
#features {
	background: url(../images/gradient.jpg) repeat-x left top;
	width: 100%;
	position: relative;
	}
#current {
	float: left;
	width: 51.66%;
	padding: 50px 0 20px 10%;
	background: url(../images/flourish-tl.gif) no-repeat left top;
}
#animal {
	float: left;
	width: 23.33%;
	padding: 50px 10% 20px 5%;
	background: url(../images/flourish-tr.gif) no-repeat right top;
	}
#supplemental {
	clear: both;
	background: url(../images/gradient.jpg) repeat-x left top;
	width: 100%;
	position: relative;
	}
.older1 {
	float: left;
	width: 23.33%;
	padding: 50px 5% 20px 10%;
	background: url(../images/flourish-tl.gif) no-repeat left top;
}
.older2 {
	float: left;
	width: 23.33%;
	background: url(../images/flourish-bl.gif) no-repeat left top;
	padding: 50px 0 20px;
	}
#jangly {
	float: left;
	width: 23.33%;
	padding: 50px 10% 20px 5%;
	background: url(../images/flourish-tr.gif) no-repeat right top;
	}
#diversions {
	clear: both;
	background: url(../images/gradient.jpg) repeat-x left top;
	width: 100%;
	border-bottom: solid 1px #473628;
	margin-bottom: 1px;
	}
#divert-wrap {
	background: url(../images/flourish-tl.gif) no-repeat left top;
	padding-top: .5em;
	padding-left: 10%;
	}
.day {
	float: left;
	width: 18.5%;
	padding: 1em 0 0;
	margin-right: 5%;
	}
#divert-wrap div {
	margin-bottom: 1.5em;
	}
.interior #wrap {
	width: 90%;
	position: relative;
	}
#articles {
	background: url(../images/gradient.jpg) repeat-x left top;
	float: left;
	width: 54.33%;
	}
#post {
	background: url(../images/flourish-tl.gif) no-repeat left top;
	padding: 50px 5% 20px 10%;
	}
#otherstuff {
	float: left;
	width: 45.67%;
	background: url(../images/gradient.jpg) repeat-x left top;	
	}
.interior #supplemental, #other {
	clear: none;
	background: url(../images/gradient.jpg) repeat-x left top;
	}
.static #supplemental {
	background: url(../images/flourish-tr.gif) no-repeat right top !important;
	}
#otherwrap {
	background: url(../images/flourish-tr.gif) no-repeat right top;
	}
.animals #otherwrap {
	padding-top: 20px;
	}
.interior #in {
	background: url(../images/flourish-tr.gif) no-repeat right top;
	padding: 50px 5% 20px 5%;
	}
#related, #copyright, #videos {
	float: left;
	width: 40%;
	padding: 30px 5% 20px 5%;
	}
.interior #animal {
	padding: 30px 5% 20px 5%;
	width: 40%;
	background: none;
	}
.static #animal {
	padding-top: 50px;
	}
.interior #cocoa, .interior #coffee, .interior #margarita {
	width: 40%;
	float: left;
	padding: 50px 5% 20px 5%;
	}
#post.animals {

	}
#comments, #commentform {
	background: url(../images/gradient.jpg) repeat-x left top;
	}
#commentwrap, #formwrap {
	background: url(../images/flourish-tl.gif) no-repeat left top;
	padding: 50px 5% 20px 10%;
	}
#footer {
	clear: both;
	border-bottom: solid 3px #473628;
	border-top: solid 1px #473628;
	background: #EEEFC3 url(../images/mastback.gif) repeat;
	margin-top: 2px;
	position: relative;
	}
.interior #footer {
	border-bottom-width: 2px;
	}
#footer h3 {
	background: #226D68 url(../images/tagback.gif) repeat-x left bottom;
	border-top: solid 1px #473628;
	margin: 1px 0;
	padding: 7px;
	text-align: center;
	line-height: normal;
	}
#thought {
	background: url(../images/quote.png) no-repeat left bottom; 
	margin: 20px 28% 0 37% !important;
	position: relative;
	bottom: -4px;
	left: -110px;
	}
#thought cite {
	background: url(../images/botright.png) no-repeat right bottom; 
	padding:  10px 15px 15px 110px;
	display: block;
	text-align: right;
	position: relative;
	left: 17px;
	font-weight: bold;
	}
#thought blockquote {
	background: url(../images/bubble.png) no-repeat left top; 
	padding: 10px 15px 0 0;
	margin-left: 96px;
	margin-right: -16px;
	margin-bottom: -35px;
	position: relative;
	top: -18px;
	min-height: 60px;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
#thought blockquote p {
	background: url(../images/topright.png) no-repeat right top;
	position: relative;
	left: 16px;
	top: -9px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	min-height: 3em;
	}
#thought cite a {
	text-transform: none;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
#leaf1, #leaf2 {
	background: url(../images/leaf-trans.png) no-repeat center top;
	width: 2%;
	height: 20px;
	position: absolute;
	top: -9px;
	left: 24%;
	z-index: 3;
	}
#leaf2 {
	left: 73%;
	}
	
/* LINKS
**********************************/
a {
	color: #6D7B00;
	text-decoration: none;
	}
a:hover, a:focus {
	text-decoration: underline;
	}
h3 a, h4 a, .article-meta a, dt a {
	color: #473628;
	text-transform: none;
	font-weight: bold;
	}
#post .article-meta a, .static #post h2 a {
	color: #226D68;
	font-weight: normal;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
.static #post h2 a {
	font-style: normal;
	}
.static #post p.article-meta a {
	color: #7C8927;
	}
	
/* P
**********************************/
p {
	margin-bottom: 1em;
	}
#post p {
	margin-bottom: 1.5em;
	}
p#tagline {
	margin-bottom: 0;
	}
#wrap #animal p {
	margin-bottom: 0;
	}
#diversions p {
	margin: 0;
	}
.twitter p.meta {
	font-size: 0.9em;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
.link p {
	overflow: hidden;
}
#in p {
	margin-bottom: 0;
	}
#post p {
	line-height: 18px;
	}
#post p.article-meta {
	color: #226D68;
	font-size: 0.95em;
	}
#post .article-date {
	font-style: italic;
	color: #226D68;
	margin-top: -.7em;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
.static #post p.article-meta, .static #post .article-date {
	color: #473628;
	font-style: normal;
	margin: 0;
	}
.search #post .article-date {
	color: #226D68;
	margin-top: -.7em;
	}
#comments p.author {
	font-size: 1.2em;
	margin-bottom: 0;
	font-weight: bold;
	}
#comments p.written {
	font-size: 0.9em;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
.interior #footer p {
	text-align: center;
	position: relative;
	top: 13px;
	margin-bottom: 0;
	}
.animallist p {
	margin: 0 !important;
	font-weight: bold;
	padding-top: 25px;
	}
.animallist p + p {
	font-weight: normal;
	padding-top: 0;
	}
p.pagination {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1.5em;
	}
.diversions #post li p {
	margin: 0;
	}
.work #articles #post p {
	margin-left: 50%;
	}
	
/* Hx
**********************************/
#post h1 {
	margin-bottom: 0;
	}
h2, .interior #otherstuff h3, .authorcomment p.author {
	margin-bottom: 0;
	padding-left: 27px;
	background: url(../images/leaf-trans.png) no-repeat left top; 
	position: relative;
	left: -27px;
	} 
#main h2 {
	margin-bottom: 1em;
	}
#diversions h2 {
	margin-bottom: 0;
	margin-top: 50px;
}
.interior #post h2 {
	font-size: 1.4em;
	margin: 1.5em 0 .5em 0;
	color: #226D68;
	line-height: 1.5em;
	}
.interior #post h1+h2 {
	margin-top: 1em;
	}
.interior #post h2#birds, .interior #post h2#reptiles {
	margin-top: 1em;
	}
.work h2 {
	clear: both;
	}
/*.recommended #post h2 {
	background: none;
	padding-left: 0;
	left: 0;
	}*/
.interior h3 {
	margin-bottom: 0;
	}
.interior #post h3, #commentform h3 {
	font-size: 1.2em;
	margin-top: .5em;
	margin-bottom: .5em;
	color: #226D68;
	}
.archives #post h3 {
	margin-bottom: 0;
	}
#in h3 {
	margin-bottom: -1em;
	}
#main h3 {
	font-size: 1.2em;
	margin-bottom: .66em; 
	margin-top: -.2em;
	}
#animal h3 {
	font-size: 1em;
	}
#diversions h3 {
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	margin-bottom: .5em;
	margin-top: .5em;
	font-size: 1.1em;
	color: #226D68;
	}
#diversions h4 {
	font-weight: bold;
	margin-bottom: 0;
	color: #226D68;
	}
#diversions .tumblr h4, #diversions .twitterfav h4, #diversions .flickr h4  {
	margin-bottom: -1.5em;
}
#animalnav h4 {
	display: inline;
	padding-left: 10%;
	margin-right: 0;
	}
.link h5 {
	font-weight: bold;
	font-size: 1.1em;
	}
/* LISTS
**********************************/
ul, ol {
	margin-bottom: 1.5em;
	padding-left: 1.5em;
	}
.interior li {
	line-height: 18px;
	}
#nav ul {
	margin: 0 auto;
	list-style: none;
	width: 395px;
	padding-left: 0;
	}
#nav li {
	float: left;
	padding: 15px 0;
	}
#recommended ul {
	padding-left: 0;
	}
#badge ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#recommended li {
	list-style: none;
	margin-bottom: 1.5em;
	}
#articles .animals li {
	margin-bottom: .5em;
	padding-bottom: .5em;
	clear: both;
	border-bottom: solid 1px #C8D387;
	color: #C8D387;
	font-family: Times;
	font-size: 2em;
	letter-spacing: -4px;
	margin-left: .5em;
	}
#animalnav ul {
	display: inline;
	margin: 0;
	padding: 0 0 0 .5em;
	}
#animalnav li {
	display: inline;
	list-style: none;
	margin: 0 .5em 0 0;
	}
.diversions #post li {
	margin-bottom: 1.5em;
	}
#post li {
	margin-bottom: .75em;
	}

/* IMG
**********************************/
#animal img, #diversions img, #work img, #articles .animals img, .galleryimage, #animalnav div, .diversions #post img, .work #post img {
	background: #EEEFC3;
	padding: 1px;
	border: solid 5px #C8D387;
	}
#diversions img {
	width: 95%;
	height: auto;
	}
#diversions img.icon {
	width: auto;
	background: none;
	padding: 0;
	border: none;
	margin: 0 12px 0 -25px;
	}
#diversions .link img.icon {
	margin: 0 10px 0 -27px;
	}
#diversions .book img, .diversions .book img {
	width: auto;
	display: block;
	}
#diversions .book img.icon {
	display: inline;
	margin: 0 10px 0 -27px;
	}
#animalnav div {
	background: transparent;
	}
#animalnav div div {
	border: none;
	}
#animal img {
	width: 100%;
	position: relative;
	left: -5px;
	margin-bottom: 0.5em;
	}
#animal h2 img, #animal h3 img, #diversions h2 img  {
	padding: 0;
	border: none;
	width: auto;
	margin-left: 0;
	left: 0;
	max-width: 100%;
	}
	
.interior #footer h3 img {
	position: absolute;
	left: 85%;
	bottom: 0;
	z-index: 25;
	}
img#owly {
	position: absolute;
	left: 85%;
	top: -13px;
	}
#articles .animals img {
	float: left;
	margin: 0 10px 0 0;
	}
.galleryimage {
	width: 88%;
	margin-bottom: 1em !important;
	}
.work #articles #post img {
	width: 40%;
	height: auto;
	float: left;
	margin-right: 5%;
	margin-bottom: 1.5em;
	}
	
/* FORMS
**********************************/
input, textarea {
	width: 75%;
	background: #F8F8E5;
	border: 1px solid #C8D387;
	padding: 2px;
	}
input.button, input.checkbox, input.radio, input.submit {
	width: auto;
	}
form {
	margin-bottom: 2em;
	}
.search #post form p {
	margin-bottom: .5em;
	}
.search #post form h2.first {
	margin-top: 0.5em;
	}

/* MISC
**********************************/
strong {
	font-weight: bold;
	}
.latin, em {
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	}
acronym { border-style: dotted; 
	border-width: 0 0 1px 0; 
	cursor: help;
	}
#post blockquote {
	border-left: solid 4px #C8D387;
	padding-left: 2em;
	padding-right; 2em;
	font-style: italic;
	font-family: "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
	color: #226D68;
	}
table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
pre, code {
	font-family: "Monaco", "Andale Mono", Courier, monospace;
	color: #226D68;
	}
pre {
	background: #f1f3cd;
	border: solid 1px #C8D387;
	width: 95%;
	overflow: auto;
	padding: 0.5em;
	margin-bottom: 1.5em;
	}
.comment {
	border-bottom: solid 1px #C8D387;
	padding: 1em 5% 5px 0;
	position: relative;
	font-size: .9em;
	}
.last {
	border-bottom: none;
	}
.authorcomment {
	padding: 1em 5% 5px 0;
	border-bottom: solid 1px #C8D387;
	position: relative;
	font-size: .9em;
	}
#comments span {
	color: #83ab93;
	font-family: Times;
	font-size: 2em;
	float: right;
	width: .5em;
	margin-left: -1em;
	margin-top: 10px;
	text-align: right;
	}
.animallist span.count {
	color: #C8D387;
	font-family: Times;
	font-size: 3.5em;
	float: right;
	text-align: right;
	margin-top: 35px !important;
	}
.animallist {
	clear: both;
	padding: 0.5em 0;
	border-bottom: solid 1px #C8D387;
	}
#mammalsus, #mammalsaus, #birdsus, #birdsaus, #reptilesus, #reptilesaus {
	margin-bottom: 2em;
	}
#animalnav {
	padding: 50px 5% 20px;
	background: url(../images/flourish-tr.gif) no-repeat right top;
}
#animalnav div {
	width: 75%;
	height: 300px;
	}
#animalnav div span, #animalnav div a {
	display: none;
	}

#TextDisplay {
	margin-bottom: 1.5em !important;
	}
.link_cell {
	display: none;
	}
.video object, .video embed, #videos p object, #videos p embed, #articles .video embed, #articles .video object, .tumblr object, .tumblr embed {
	width: 90%;
	height: 150px;
	overflow: hidden;
	}
#articles .video embed, #articles .video object {
	height: 300px;
	margin-bottom: 1em;
	}
#articles .video {
	display: block;
	margin-top: 2em;
	}


	
/* CLEARING FLOATS
**********************************/
#articles .animallist:after, #features:after, #supplemental:after, #diversions:after, #divert-wrap:after, #nav:after, #wrap:after, #other:after, #otherwrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #wrap {height: 1%;}
/* End hide from IE-mac */