/*
Theme Name: Muttville 
Theme URI: http://www.muttville.org
Description: Template for Muttville.org
Version: 3.00 Released May 2009
Author: Carol Balacek
*/

/* page colors:
	text color: #222
	near black (main header background, etc): #231F20
	yellow: #FEBE10
	grey (right nav background): #888C8B
	brown background (share this box): #3B3E3C 
	links: #AD1A01 (dark red)
	disabled pagination: #ccc text, #ddd border
*/

/* clear defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline; */
}
strong { font-weight: bold; }
em { font-style: italic; }
/*ul,ol { list-style:none } */
img { border-style: none; }
a img, :link img, :visited img, :hover img, :active img { border:none }

body {
	background: #666;
	background-image: url('/images/cb-bkgd-graydogs.gif');
	background-repeat: repeat;
	color: #222;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 81.25%; /* 13 px */
	font-weight: normal;
	line-height: 1.538em; /* 20px; */
	text-align: center; /* IE5/Win */
}
html>body {
	font-size: 13px;
}
#overlay { background-image: url(/images/overlay.png); }

/********** DEFAULT VALUES **********/
h1, h2, h3 {
	color: #000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
}	
h1 {
	font-size: 200%; /* 26px; */
	margin-top: 0;
	margin-bottom: 20px;
}
h1.xtra-top {
	margin-top: 10px;
}

h2 {
	font-size: 23px;
	line-height: 1.13em; /* 26px */
	margin-top: 0;
	margin-bottom: 14px;
}
h2.xtra-top {
	margin-top: 42px;
}
h3 {
	font-size: 138.5%; /* 18px; */
	line-height: 1.11em; /* 20px; */
}
p {
	font-size: 100%;
	margin-top: 1.538em; /* 20px; */
	margin-bottom: 1.538em; /* 20px; */
}
div#maintext p.back {
	font-size: 84.6%; /* 11px; */
	line-height: 1.818em; /* 20px */
	padding-bottom: 0.91em; /* move up ~ 10px */
	margin-top: -0.91em; /* move up ~10px */
}

a, a:link, a:visited {
	color: #AD1A01;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited {
	color: #000;
	text-decoration: none;
}
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active {
	text-decoration: underline;
}
hr {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

ul, ol {
	padding-left: 0;
	margin-left: 0;
}
ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 1em;
}
ol li {
	list-style-type: decimal inside;
	list-style-position: inside;
	margin-bottom: 1em;
}
ul.tight, ol.tight {
	margin-left: 20px;
}
ul.tight li, ol.tight li {
	margin-bottom: 0;
}

sup {
	font-size: 84.6%; /* 11px; */
}
.hidden {
	visibility: hidden;
}

/********** COMMON LAYOUT **********/
div#container {
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	text-align: left;  /* IE */
}
div#header {
	position: relative;
	width: 980px;
	height: 200px;
}
img#mainlogo {
	position: absolute;
	top: 30px;
	left: 10px;
}
img#hdr_right_img {
	position: absolute;
	top: 30px;
	right: 10px;
}
div#headmsg {
	position: absolute;
	top: 5px;
	left: 265px;
	color: #fff;
	z-index: 2;
}
div#headmsg a, div#headmsg a:link, div#headmsg a:visited {
	color: #FEBE10;
}
div#signin {
	position: absolute;
	top: 5px;
	right: 20px;
	color: #fff;
	text-align: right;
	z-index: 2;
}
div#signin a, div#signin a:link, div#signin a:visited {
	color: #FEBE10;
}
div#styleswitch {
	position: absolute;
	top: 5px;
	left: 20px;
	color: #fff;
	z-index: 2;
}
div#styleswitch a, div#styleswitch a:link, div#styleswitch a:visited {
	color: #FEBE10;
}
div#lower {
	position: absolute;
	top: 378px;
/*	overflow: hidden;  XXX - TEMP OUT, PUT BACK IN */
	width: 980px;
}

div#higher {
	position: absolute;
	top: 242px;
/*	overflow: hidden;  XXX - TEMP OUT, PUT BACK IN */
	width: 980px;
}

div#maincontent {
	margin: 0 10px;
}

div#footer {
	clear: both;
	padding-top: 10px;
	margin: 0 10px;
}
div#footer1 {
	background: #FEBE10;
	color: #231F20;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-align: center;
	padding: 6px 30px 6px 30px;
}
div#footer1 ul {
	padding: 0;
	margin: 0;
}
div#footer1 ul li {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0 10px;
}
div#footer1 ul li a {
	display: inline;
	list-style: none;
}
div#footer1 ul li#current {
	color: #231F20;
}
div#ident {
	color: #fff;
	text-align: center;
}
div#ident p {
	margin-top: 10px;
	line-height: 16px;
}
#ident a, #ident a:link, #ident a:visited {
	color: #FEBE10;
}
#ident a:hover, #ident a:active {
	color: #FEBE10;
}
.webcred {
	font-size: 11px;
}

/********** HOME PAGE **********/
div.homebox {
	background: #fff;
	padding: 16px;
	border: 4px solid #FEBE10;
	margin: 0 0 12px 0;
}
div#mstory {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
div#mstory h2 {
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
}
div#mstory p:first-letter {
	text-transform: uppercase;
}
div#mstory p.mtraits {
	margin: 0 0 12px 0;
}
div#mstory img {
	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
div#mstory p {
	margin: 0 0 18px 0;
}
div#mstory div#more, div#mstory div#rest {
	clear: both;
	margin: 0 0 6px 0;
}
div.homeevent {
	font-size: 12px;
	padding-bottom: 0;
	border-bottom: 2px solid #FEBE10;
	margin-bottom: 18px;
}
div.homeevent h2 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.17em; /* 21px */
	margin: 0;
}
div.homeevent p {
	margin: 10px 0;
}
div.homeevent p.details {
	font-weight: bold;
	margin: 0;
}
div.homeevent div.join-us a {
	float: right;
	text-align: right;
	background: #231F20;
	color: #FEBE10;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.17em; /* 21px */
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 3px;
}
div#moreblog {
	clear: both;
}
div.biglink {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}
	
/********** END HOME PAGE **********/

/********** MAIN LAYOUTS **********/
div#mainleft {
	float: left;
	margin-right: 24px;
	width: 636px;
}
div#mainleft h1, div.profile h1 {
	background: #231F20;
	color: #FEBE10;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	text-transform: uppercase;
	padding-left: 20px;
	margin-bottom: 6px;
}
div#mainleft h1 a,
div#mainleft h1 a:link,
div#mainleft h1 a:visited {
	color: #FEBE10;
	text-decoration: none;
}
div#mainleft h1 a:hover,
div#mainleft h1 a:active {
	color: #FEBE10;
	text-decoration: none;
}
div#maintext, div#mlist, div#mshow, div#mainxtra, div.mainxtra {
	background: #fff;
	padding: 16px;
	border: 4px solid #FEBE10;
	margin: 0;
}
div#mshow {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-left: 36px;
	padding-right: 36px;
}	
div#maintext p, div#mlist p, div#mshow p, div#mainxtra p, div.mainxtra p {
	margin-top: 0;
}
div#sideright {
	float: right;
	width: 300px;
}
div#one {
	width: 960px;
}
div#one1 {
	background: #fff;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 36px;
	border: 4px solid #FEBE10;
	margin: 0;
}
div#one2 {
	background: #fff;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 36px 26px;
	border: 4px solid #FEBE10;
	margin: 0;
}
div#one1 h1, div#one1 h2 {
	font-size: 23px;
	font-weight: bold;
/*	line-height: 1em; DOESN'T SEEM TO MAKE ANY DIFF! */
	margin-top: 0;
	margin-bottom: 20px;
}
div#one2 h1, div#one2 h2 {
	font-size: 23px;
	font-weight: bold;
/*	line-height: 1em; DOESN'T SEEM TO MAKE ANY DIFF! */
	margin-top: 0;
	margin-bottom: 20px;
}

div#mainleft div.links {
	margin-bottom: 20px;
}
.credit {
	color: #666;
	font-style: italic;
}
/********** SIDEBAR **********/
div.sidebox {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}
div.outline {
	background: #FFF;
	padding: 10px;
	border: 2px solid #FEBE10;
}
div.solid {
	background: #FEBE10;
	padding: 12px;
}
div.sidebox h3 {
	font-size: 28px;
	font-weight: bolder;
	line-height: 1em;
	margin: 2px 0;
}
div.sidebox h3 a,
div.sidebox h3 a:link,
div.sidebox h3 a:visited {
	color: #AD1A01;
	text-decoration: none;
}
div.outline h3 a:hover,
div.outline h3 a:active {
	color: #FEBE10;
	text-decoration: none;
}
div.solid h3 a:hover,
div.solid h3 a:active {
	color: #fff;
	text-decoration: none;
}
div.sidebox p, div.sidebox p a {
	margin: 0;
}
div#newsletter-signup form input {
}
div#newsletter-signup form input#email-box {
	color: #3C2415;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #3C2415;
}
div.sidebox div#e-feed-opts {
	background: #3B3E3C;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
	padding: 4px 0 2px 0;
	width: 276px;
}
div.sidebox div#e-feed-opts img {
	margin: 0 10px 0 0;
}
div.sidebox div#e-feed-opts img.first {
	margin-left: 8px;
}
div.sidebox div#e-feed-opts img.last {
	margin-right: 0;
}
div.sidebox div#e-opts-icons {
	background: #3B3E3C;
	font-size: 0;
	line-height: 0;
	padding: 8px 0;
	width: 113px;
}
div.sidebox div#e-opts-icons img {
	margin: 0 16px 0 0;
}
div.sidebox div#e-opts-icons img.first {
	margin-left: 8px;
}
div.sidebox div#e-opts-icons img.last {
	margin-right: 8px;
}
div.thank-friends {
	margin-bottom: 0;
}
div.thank-friends h3, div.thank-friends h3 a {
}
div.thank-friends p, div.thank-friends p a {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 8px 0;
}
div.thank-friends .main p {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 20px 0;
}

div.foster-packet-button,
div.foster-volunteer-app-button, 
div.adoption-app-button {
	background: #FFF;
	padding: 10px;
	border: 3px solid #231F20;
}
div.foster-packet-button h3, 
div.foster-volunteer-app-button h3, 
div.adoption-app-button h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
}
div.foster-packet-button p, 
div.foster-volunteer-app-button p, 
div.adoption-app-button p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 4px;
}
div.foster-volunteer-app-button p {
	margin-top: 8px;
}
/********** END SIDEBAR **********/

/********** GIVE **********/
.guardian-button {
  background: #FEBE10;
}
.guardian-button:hover {
  background: #FFD28E;
}

/********** EVENTS **********/
div#event-list {
	clear: both;
}
div#event-intro {
	clear: both;
	font-size: 84.6%; /* 11px */
	padding: 0 20px;
	border: 1px solid #000;
}
div#event-intro p {
	margin: 16px 0;
}
div#event-list-hdr {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.13em; /* 26px */
	text-transform: uppercase;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
	
div.event {
	border-bottom: 2px solid #FEBE10;
	margin-bottom: 20px;
}
div.event div.join-us {
	float: right;
	text-align: right;
	background: #231F20;
	color: #FEBE10;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.13em; /* 26px */
	text-transform: uppercase;
	padding: 0 3px;
}
div.event h2 {
	font-size: 20px;
}
div.event p.details {
/*	color: #000; */
/*	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; */
/*	font-size: 14px; */
	font-weight: bold;
/*	line-height: 16px; */
/*	margin: 20px 0; */
}
div.event ul {
	margin: -20px 0 20px 20px;
}
div.homeevent ul {
	margin: 0 0 20px 20px;
}
div.event ul li,
div.homeevent ul li {
	margin: 0;
}
div.event img.logo, div.homeevent img.logo {
	float: right;
	margin: 0 0 18px 18px;
}
div.last {
	border-bottom: 0;
}
/********** PRESS **********/
div.press {
	margin-bottom: 40px;
}
div.press h2 {
	margin-top: 0;
	margin-bottom: 20px;
}
div.press span.date {
	color: #666;
	font-size: 84.6%; /* 11px; */
	text-transform: uppercase;
}
.pdtls {
	margin-bottom: 0;
}
.pub {
	color: #000;  /* especially needed for urgent */
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 19px;
}
div.presslinks {
	clear: both;
	font-weight: bold;
	line-height: 1em;
	padding: 2px 0 2px 10px;
	border: 2px solid #FEBE10;
}
div.presslinks img {
	vertical-align: middle;
}

/********** FOSTER PACKET **********/
div#mainleft h1.inbox {
	background: #fff;
	color: #000;
	font-size: 23px;
	line-height: 1.13em; /* 26px */
	text-transform: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 14px;
}
div#mainleft h2.inbox {
	font-size: 138.5%; /* 18px; */
	line-height: 1.11em; /* 20px; */
	margin-top:  20px;
	margin-bottom: 20px;
}
/********** END FOSTER PACKET **********/

/********** AUTHORIZATION **********/
div.authbox {
	padding: 20px;
	border: 4px solid #231F20;
}
div.authbox h2 {
	margin-top: 0;
	margin-bottom: 10px;
}
div.authbox input, div.authform input {
	margin: 5px;
}
.authlabel {
	font-size: 92.3%; /* 12px; */
	font-weight: bold;
	line-height: 1.2em;
	padding-right: 0.5em;
}
.autherror {
	color: #900;
}
.authcomment {
	font-size: 92.3%; /* 12px; */
	line-height: 1.2em;
	padding-left: 0.5em;
}
/********** END AUTHORIZATION **********/

.adminedit {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 20px;
}
/********** NAVIGATION **********/
div#nav {
	position: absolute;
	top: 210px;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 980px;
}
div#nav1 {
}
div#nav1 ul {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	padding: 0;
}
div#nav1 ul li {
	display: inline;
	list-style: none;
	margin: 0;
}
div#nav1 ul li a {
	display: inline;
	list-style: none;
	background: #fff;
	color: #231F20;
	padding: 2px 4px;
	margin: 0 3px;
	text-decoration: none;
}
div#nav1 ul li a:link, div#nav1 ul li a:visited {
	color: #231F20;
}
div#nav1 ul li a:hover, div#nav1 ul li a:active {
	background: #231F20;
	color: #FEBE10;
}
div#nav1 ul li#current {
	display: inline;
	list-style: none;
	background: #231F20;
	color: #FEBE10;
	padding: 2px 4px;
	margin: 0 3px;
}
div#nav1 ul li.disabled {
	display: inline;
	list-style: none;
	background: #fff;
	color: #ccc;
	padding: 2px 4px;
	margin: 0 3px;
}
/********** END NAVIGATION **********/

div#charms {
	position: absolute;
	top: 242px;
	background: #fff;
	margin-left: 10px;
	height: 124px;
	width: 960px;
}
div#charms1 {
}
div.charm {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;  /* affects top edge on IE */
	text-transform: uppercase;
	width: 94px;
	height: 109px;
	text-align: center;
	overflow: hidden;
}
div.charm img {
	margin-bottom: 1px;
}
/* mac hide \*/
* html div.charm img {
	margin-bottom: -1px;
}
div#charmslink {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	width: 60px;
	text-align: right;
	padding-top: 5px;
}
div#charmslink a:hover, div#charmslink a:active {
	color: #FEBE10;
	text-decoration: none;
}
div#ajaxstorycontainer {
	position: absolute;
	top: 50px;
	left: 10%;
	background: #fff;
	min-height: 500px;
	width: 80%;
	visibility: hidden;
	z-index: 3;
}
/* mac hide \*/
* html div#ajaxstorycontainer {
	height: 300px;
}
div#ajaxstory {
	background: #fff;
	font-size: 100%;  /* 13px */
	line-height: 1.538em;  /* 20px */
	text-align: left;
	padding: 16px;
	border: 4px solid #FEBE10;
	margin: 50px;
}

/********** MUTT LIST AND SHOW **********/
div#h1div {
	background: #231F20;
	color: #FEBE10;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 36px;
	text-transform: uppercase;
	padding-left: 20px;
	margin-bottom: 6px;
	width: 616px;
}
.mnav {
	float: right;
	background: #fff;
	text-align: right;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	text-transform: uppercase;
	padding: 5px 0;
	margin: 4px;
}
.mnav a {
	background: #fff;
	color: #000;
	padding: 0 4px;
	margin: 0 4px;
	text-decoration: none;
}
.mnav a:link, .mnav a:visited {
	color: #000;
}
.mnav a:hover, .mnav a:active {
	color: #FEBE10;
}
.mnav span.current {
	background: #FEBE10;
	color: #000;
	padding: 0 4px;
	margin: 0 4px;
}
div#mlist h2 {
	line-height: 1em;
	margin-bottom: 0;
}
div#mshow h1, div#ajaxstory h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 1em;
	margin-top: 20px;
	margin-bottom: 0;
}
div#mlist p, div#mshow p, div#ajaxstory p {
	margin-top: 20px;
	margin-bottom: 0;
}
div#mlist p.mtraits {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
div#mshow table.mtraits, div#ajaxstory table.mtraits {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 12px 0;
}
div#mshow td.mtraitlbl, div#ajaxstory td.mtraitlbl {
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
}
div#mshow td.mtrait, div#ajaxstory td.mtrait {
	font-size: 18px;
	padding-bottom: 4px;
}
div#mshow td.available, div#ajaxstory td.available {
	text-transform: uppercase;
}
div#mlist p:first-letter, div#mshow p:first-letter, div#ajaxstory p:first-letter {
	text-transform: uppercase;
}
div#mlist p.firstparagraph, div#mshow p.firstparagraph, div#ajaxstory p.firstparagraph {
	margin-top: 0;
}
div#mshow p.firstparagraph, div#ajaxstory p.firstparagraph {
	font-weight: bold;
}
div#mlist p.courtesy {
	font-weight: bold;
	font-style: italic;
}
div#mshow img#mainpic, div#ajaxstory img#mainpic {
	clear: both;
	float: right;
	margin: 20px 0 20px 30px;
}
div.y-outline {
	background: #fff;
	padding: 5px 16px;
	border: 4px solid #FEBE10;
	margin: 6px 0;
}
.ready-to-adopt {
	background: #fff;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	padding: 5px 0 5px 10px;
	border: 4px solid #231F20;
}
div#mshow p#showstatus, div#ajaxstory p#showstatus {
	font-weight: bold;
	font-style: italic;
	margin-top: 40px;
	margin-bottom: 20px;
}
p#showstatus span.avail {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
}
p#showstatus span.courtesy {
}

.enlarge_msg {
	font-size: 92.3%; /* 12px */
	font-style: italic;
}
/********** END MUTT LIST AND SHOW **********/

/********** BLOG **********/
div.blogpost {
	clear: both;
	margin-bottom: 40px;
}
div.unposted {
	background: #E0EAEE;
}
div.blogend {
	clear: both;
	border: 2px solid #FEBE10;
}
div.share-this { /* float: left or right, based on second class */
	background: #fff;
	font-size: 11px;
	line-height: 13px; /* 1em; */
	padding: 3px 8px 2px 8px;
}
div.share-this img {
	margin: 0;
}
div.share-this img.first {
	margin-left: 2px;
}
div.blogauthor {
	float: left;
}
div.blogauthor {
	font-size: 11px;
	line-height: 13px;
	padding: 0;
	margin: 0;
}
div.cmtend {
	clear: both;
	border-bottom: 2px solid #FEBE10;
}
div.commentauthor {
	font-size: 11px; /* 13px; */
	line-height: 13px;
	padding: 0;
	margin: 0;
}
div.commentauthor img {
	margin: 0 5px 0 0;
}
img.ctrtxt {
	vertical-align: middle;
}
img.blogpic {
	float: left;
	margin: 0 20px 10px 0;
}

div#newblog {
	background: #E0EAEE;
	padding-left: 10px;
	margin-bottom: 20px;
}
div.newpost {
	padding-bottom: 10px;
}
div.comment {
	margin-bottom: 40px;
}
div#newcomment {
	margin-bottom: 20px;
}

div#rightnav {
	margin-bottom: 30px;
}
div#rightnav ul {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}
div#rightnav ul li {
	list-style: none;
	background: #888F88;
	padding: 3px 10px;
	margin-bottom: 8px;
}
div#rightnav ul li a {
	list-style: none;
	color: #fff;
	text-decoration: none;
}
div#rightnav ul li a:link, div#rightnav ul li a:visited {
	color: #fff;
	text-decoration: none;
}
div#rightnav ul li a:hover, div#rightnav ul li a:active {
	color: #000;
	text-decoration: none;
}
div#rightnav ul li#current {
	list-style: none;
	background: #231F20;
	color: #fff;
}
div#rightnav ul li.admin {
	list-style: none;
	background: #7EB3B3;
	color: #fff;
}
div.addpic {
	float: right;
	padding: 10px;
	border: 2px solid #231F20;
	width: 276px;
}
div#commenthd, div#privatehdr {
	background: #231F20;
	color: #FEBE10;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 107.7%; /* 14px */
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#privatehdr {
	font-size: 127.3%; /* 14px */
}
.cmtshare {
	color: #000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.prev-link {
	display: block;
	float: left;
	text-align: left;
	width: 288px;
}
.next-link {
	display: block;
	float: right;
	text-align: right;
	width: 288px;
}
/********** END BLOG **********/

/********** USER PROFILE **********/
div#mainleft h1.profile, div#sideright h1.profile  {
	font-size: 22px;
}
.prftraits {
	color: #000;
	font-size: 84.6%; /* 11px; */
	line-height: 1.818em; /* 20px; */
}
.prftraitlbl {
	color: #666;
	text-transform: uppercase;
}
.newtrait {
	position: absolute;
	top: -30px;
	left: -57px;
	background: #fff;
	padding: 10px;
	border: 1px solid black;
	width: 336px;
	z-index: 20;
}
div.profile form input {
	margin: 3px;
}
/********** END USER PROFILE **********/

/********** FORMS **********/
div.form, div#formdisp {
	padding: 0 20px;
}
div.form table {
	width: 860px;
}
div.form div.section, div#formdisp div.section {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-top: 40px;
	margin-bottom: 10px;
}
div.form h3, div#formdisp h3 {
	font-weight: bold;
}
div.form .larger {
	font-size: 108%; /* 14px; */
	font-weight: bold;
}
div.form p, div#formdisp p {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.form input {
	background-color: #ffffff !important;
}
div.form p.explanation {
	color: #666;
	font-size: 12px;
	padding: 0 30px;
	margin-bottom: 10px;
}
div#formdisp h2 {
	margin-bottom: 0;
}
div#formdisp p {
	font-weight: bold; 
}
div#formdisp p.explanation {
	color: #666;
	font-weight: normal;
	font-size: 12px;
	padding: 0 30px;
	margin-bottom: 10px;
}
div#formdisp span.lbl {
	font-weight: normal;
	margin-right: 10px;
}
div#formdisp span.lbl-lg {
	font-size: 108%; /* 14px; */
	font-weight: bold;
}
div#formdisp span.ml8 {
	margin-left: -8px;
}
div#formdisp span.ml20 {
	margin-left: -20px;
}
div#formdisp td {
	font-weight: bold;
}
div#formdisp td.pr {
	padding-right: 10px;
}
table#foster_app_animals {
	margin: 0;
	border-collapse: collapse;
}
table#foster_app_animals td{
	padding: 10px;
	border: 1px solid black;
}
/********** END FORMS **********/

/********** PAGINATION **********/
.pagination-box {
}
.pagination {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	margin: 3px;
}
.pagination a {
	background: #fff;
	color: #231F20;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border: 1px solid #231F20;
	margin: 2px;
}
.pagination a:link, .pagination a:visited {
	color: #231F20;
}
.pagination a:hover, .pagination a:active {
	background: #231F20;
	color: #fff;
	border: 1px solid #231F20;
}
.pagination span.current {
	background: #231F20;
	color: #fff;
	padding: 2px 5px 2px 5px;
	border: 1px solid #231F20;
	margin: 2px;
}
.pagination span.disabled {
	background: #fff;
	color: #ccc;
	padding: 2px 5px 2px 5px;
	border: 1px solid #ddd;
	margin: 2px;
}
/********** END PAGINATION **********/

/* === clear floats === */
div.clear {
	clear: both;
}
div.fl {
	float: left;
}
div.fr {
	float: right;
}
div.frtr {
	float: right;
	text-align: right;
}

/********** ERROR DISPLAYS ON USER SIGNUP AND LOGIN **********/
#errorExplanation {
	color: #400;
	margin-bottom: 1em;
}
#errorExplanation h2 {
	display: none;
}
#errorExplanation p {
	margin-bottom: 0;
}
#errorExplanation ul li {
	margin-top: 0;
	margin-bottom: 0;
}
/********** CLASS STYLING OVERRIDES **********/
.caps {
	text-transform: uppercase;
}
div.last { /* to remove dividing border on lists */
	border-bottom: 0;
}
div.auto_complete ul li {
	list-style: none;
}
div.auto_complete ul li.selected {
	background-color: #FEBE10 !important;
}