/* Global Whitespace Reset
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul, p, pre, blockquote, label, dl, fieldset, address { 
	margin: 10px 0; 
}
li, dd, blockquote { 
	margin: 0 0 10px 40px; 
}

/* Forcing scrollbars 
----------------------------------------------- */
html { 
	height: 100%;
	margin-bottom: 1px; 
}
/* Self-clearing Float
----------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* Layout Styles
----------------------------------------------- */
body{
	background: #fff url(../images/header-bg.gif) repeat-x left top;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 12px/17px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;	
}
#layout {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 723px;
	text-align: left;
}
#header {
	height: 91px;
	width: 723px;	
}
#logo {
	float: left;
	height: 82px;	
	position: relative;	
	width: 276px;
}
#leftcol {
	float:left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 237px !important; /* for IE5 and IE6 in quirks mode */
	width /**/:237px; /* for IE6 in standards mode */	
}
#rightcol {
	background: #fff url(../images/rightcol-bg.gif) repeat-y center top;
	float:left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 486px !important; /* for IE5 and IE6 in quirks mode */
	width /**/:486px; /* for IE6 in standards mode */	
}
#footer {
	background: url() repeat-x left top;
	clear:both;
	color: #999;
	font-size: 11px;
	margin: 0 auto;
	padding: 40px 0;
	text-align:center;
	width: 486px;
}
/* HTML Styles
----------------------------------------*/
a:link, a:active {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline; 
}
form {
	display: inline;
	}
h2 {
	margin: 15px 0;
	}
h3 {
	color: #CF1A2D;		
}	
/* Cat Info
----------------------------------------*/
#rightcol h1 {	line-height: 28px;
	margin-top: 0;	
}
#rightcol .top {
	background: #fff url(../images/catinfo-top-bg.gif) no-repeat center top;
	height: 24px;
	font-size: 1px;
	line-height: 0;	
}
#rightcol .bottom {
	background: #fff url(../images/catinfo-bottom-bg.gif) no-repeat center bottom;
	height: 21px;
	font-size: 1px;
	line-height: 0;		
}
#rightcol .container {
	background: transparent url(../images/rightcol-container-bg.gif) repeat-y left top;
	border: none;
	margin: 0;
	padding: 0 8px;
	text-align: left;
}
#catinfo {	
	background: url(../images/catinfo-bg.gif) repeat-x left top;
	text-align: center;
}
#catinfo #media {
	padding:5px;
	margin: 0 10px;
}
#catinfo #media img {
	border: 1px solid #fff;
}
#media .frame {
	background: #EDA9B0 url(../images/media-bg-down.gif) repeat-x left top;
}
#catinfo #details {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 10px;
	padding: 5px;
}
#catinfo #details .container {
	background-color: #A7DBDC;
	background-image: none;	
	margin: 0;
	padding: 10px;	
}
#catinfo #details p {
	margin: 0;
}
#catinfo .rating {
	font-weight: bold;
	float: right;	
	padding: 5px 0 0 0;
	width: 100px;
}
#catinfo .name {
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0 0 0;
}
#catinfo .age {
	clear: left;
	float: left;	
	padding: 5px 0 0 0;	
}
#catinfo .text {
	clear: both;	
}
/* Default Template Styles
----------------------------------------*/
#default #rightcol .top {
	background: #fff url(../images/default-top-bg.gif) no-repeat center top;
	height: 24px;
	font-size: 1px;
	line-height: 0;		
}
#default #rightcol .bottom {
	background: #fff url(../images/default-bottom-bg.gif) no-repeat center bottom;
	height: 21px;
	font-size: 1px;
	line-height: 0;		
}
#default #rightcol h1 {
	color: #CF1A2D;	line-height: 28px;
}
#default #rightcol .container {
	padding: 0 18px 1px 18px;
}
/* comments
----------------------------------------*/
#usercomments {
	border-bottom: 1px solid #ddd;
	margin-top: 15px;
}
.comments-none {
	padding: 0 10px;
}
.comments-even {
	background-color: #FAFAFA;
	border-top: 1px solid #ddd;
	padding: 0 10px;
}
.comments-odd  {
	background-color: #FEF2F2;
	border-top: 1px solid #ddd;
	padding: 0 10px;	
}
#usercomments .text {
	margin-bottom: 0;
	padding-bottom: 15px;
}
#usercomments .date {
	float: right;
}
/* Comments
----------------------------------------*/
#submitcomments {
	background: #fff url(../images/comments-bg.gif) repeat-x left bottom;
	margin-top: 15px;
	text-align: left;
}
#submitcomments p {
	margin-bottom: 0;
	padding: 0 10px;
}
#submitcomments input {
	margin-right: 5px;
	}

/* Form Validation (formval.js)
----------------------------------------*/	
.info   { background-color: transparent; }
.warn   { color: #FF9900; background-color: transparent;  }
.error, .required  { color: #CF1A2D; background-color: transparent; }
.disclaimer {
	color: #999;
}
.disclaimer a {
	color: #999;
	text-decoration: underline;
}
#send .error {
	display: block;
}

  
/* Menu
----------------------------------------*/
#menu {
	background: #fff url(../images/menu-bg.gif) repeat-y center top;
	margin-bottom: 9px;
	padding: 0;
	width: 227px;
}
#menu h2 {
	margin: 0 0 10px 0; 
	padding: 0;
}
#menu ul {
	margin: 0;
}
#menu .top {
	background: #fff url(../images/menu-top-bg.gif) no-repeat center top;
	height: 35px;
	font-size: 1px;
	line-height: 0;		
}
#menu .bottom {
	background: #fff url(../images/menu-bottom-bg.gif) no-repeat center bottom;
	height: 22px;
	font-size: 1px;
	line-height: 0;		
}
#menu .container {
	background: #fff url(../images/menu-container-bg.gif) repeat-x left top;
	border: none;	
	padding: 0 10px;
	margin: 0 8px 0 9px;
}
/* Send to Friend
----------------------------------------*/
#send {
	background: #fff url(../images/menu-bg.gif) repeat-y center top;
	padding: 0;
	width: 227px;
}
#send form {
	padding: 10px 0 0 0;
}
#send p {
	margin-bottom: 5px;
}
#send h2 {
	margin: 0 0 10px 0; 
	padding: 0;
}
#send .top {
	background: #fff url(../images/sendtofriend-top-bg.gif) no-repeat center top;
	height: 35px;
	font-size: 1px;
	line-height: 0;		
}
#send .bottom {
	background: #fff url(../images/menu-bottom-bg.gif) no-repeat center bottom;
	height: 22px;
	font-size: 1px;
	line-height: 0;		
}
#send .container {
	background: #fff url(../images/sendtofriend-container-bg.gif) repeat-x left top;
	border: none;	
	margin: 0 8px 0 9px;
	padding: 1px 10px 0 10px;	
}
/* Sponsors
----------------------------------------*/
#links, #sponsors {
	margin-left: 24px;
	width: 213px;
}
#sponsors p {
	margin: 10px 0;
	padding: 0;

}
.sponsor  {
		border: 1px solid #ddd;
}
/* Sponsors
----------------------------------------*/
#footer a {
	color: #999;
	text-decoration: none;
}
/* Icons
----------------------------------------*/
p.printicon {
	background: url(../images/icon-print.gif) no-repeat left 50%;
	padding-left: 20px;
}		
/* Icons
----------------------------------------*/
img.captcha {
	border: 1px solid #ddd;
	margin-bottom: 5px;
}