/* thecatcompanion.com layout */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning is copyright 2004 The Cat Companion and may not be reproduced. */ 

/* General Layout */

body {
	font: 16px/1.2 "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	border:0px;
	background: url(bg1.gif) #CCCCCC;
	color: #000000;
}
h1 {
	height: 79px;
	//width: 850px;
	background: url(long_logo.gif) no-repeat #FFFFFF;
	margin-bottom: 0px;
	border-bottom: 1px solid #993399;
	margin-top: 0px;
	text-indent: -9999px;
	color: #999999;
}
h2 { 
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
p, pre {
	font-size: 14px;
}
table {
	margin: 20px;
}
td {
	background-color: #999999;
	padding: 2px 10px;
	color: #FFFFFF;
}
b {
	color: #CC0000;
}
em {
	color: #000000;
	font-weight : bold;
}
img {
	border: 0px;
}

/* Custom Layout */

#sidebar {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 200px;
	font-size: 14px;
}
#main {
	width: 550px;
	margin-left: 180px;
}
#sidebar ul {
	margin-top: 30px;
	margin-left: 2px;
	list-style: none;
	margin-bottom:0;
	padding: 5px 0px 5px 10px;
}
#form {
	margin: 10px;
	padding: 10px;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #666666;
}
#form img {
	padding: 12px;
}
#form img.button {
	padding: 0px;
}
#footer {
	margin-top: 50px;
	clear:both;
}
#footer p {
	font-size: smaller;
	color: #FFFFFF;
	padding:5px 25px;
	margin:0;
}
#aspca {
	position: absolute;
	height: 37px;
	width: 128px;
	background: url(aspca.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 6px;
}
#cart {
	position: absolute;
	top: 52px;
	left: 620px;
	height: 22px;
	width: 82px;
	background: url(cart.gif) no-repeat;
	text-indent: -9999px;
}
#comm {
	position: absolute;
	top: 252px;
	height: 78px;
	width: 200px;
	border: 0px;

}
#plea {
	position: absolute;
	top: 322px;
	height: 197px;
	width: 200px;
	border: 0px;

}
div.album {
	width: 450px;
	margin-left: 30px;
	text-align: center;
	background: #EEEEEE;
	padding-bottom: 20px;
	padding-top: 20px;
}
img.snapshot {
	background: #FFFFFF;
	margin: 15px;
}
.album img {
	border: 1px solid #AAAAAA;
}
img.button {
	border: 0px;
}
#current {
	color: #CCCCCC;
	font-weight : bold;
	text-decoration : none;
}
p.keywords {
	text-indent: -9999px;
	color: #FFFFFF;
	position: absolute;
}
p.caption {
	color: #999999;
	font-size: 12px;
}
p.note {
	color: #666666;
	font-size: 12px;
}
li.photo {
	padding: 2px;
	margin: 6px 0px;
}
li.video {
	padding: 2px;
	margin: 6px 0px;
}
/* Default Links */


a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #FFCCFF;
	background: transparent; 
}
a:hover {
	font-weight: bold; 
	text-decoration: none;
	color: #FFFFFF;
	background: transparent; 
}
a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #CC0066;
	background: transparent;  
}

/* Custom Links */

a.plain:link, a.plain:visited {
	text-decoration: underline;
	color: #990066;
	font-weight: normal;
}
a.plain:hover, a.plain:active {
	text-decoration: underline;
	color: #000000;
	font-weight: normal;
}
p.caption a:link, p.caption a:visited{
	color: #666666;
	font-size: 12px;
	text-decoration: underline;
}
p.caption a:hover, p.caption a:active{
	color: #333333;
}
li.photo a:link, li.photo a:visited {
	text-decoration: none;
	color: #FFCCFF;
	font-weight: normal;
	background: #cc99cc;
	border: 1px solid #FFCCFF;
	padding: 2px;
}
li.photo a:hover, li.photo a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background: #cc66cc;
}
li.video a:link, li.video a:visited {
	text-decoration: none;
	color: #FFCCFF;
	font-weight: normal;
	background: #cc99cc;
	border: 1px solid #FFCCFF;
	padding: 2px;
}
li.video a:hover, li.video a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	background: #cc66cc;
}