/*

Project:	Cats in York
Title:		Screen Style Sheet
Created:	Autumn 2005
Modified:	06 February 2007

Design by November 5th Web Solutions
http://www.november5th.net/

*/



/* --- undo some default styles ---
*/

*{
	margin:0;
	padding:0;
}

a:link img,
a:visited img,
fieldset{
	border:0;
}



/* --- main styles ---
*/

html{
	font-size:100.1%;
}

body{
	background:#4F4F8B;
	color:#444;
	font:1em Verdana,sans-serif;
	text-align:center;/*IE5*/
}



/* --- hide elements ---
*/

#accessibility li,
#header-text span,
#header p{
	position:absolute;left:-9999px;
}



/* --- fixes ---
*/

div.clear{
	clear:both;
}



/* --- accessibility ---
*/

#accessibility a{
	display:block;

	background:#FEFEFE;
	color:#444;
	font-weight:bold;
	margin:0 10px;
	padding:15px;
}

#accessibility a:focus{
	position:relative;left:9999px;z-index:60;
}

* html #accessibility a:active{
	position:relative;left:9999px;z-index:1000;
}



/* --- general ---
*/

a:link,
a:visited{
	color:#4F4F8B;
}

a:focus{
	background:#444;
	color:#FEFEFE;
}

a:hover,
a:active{
	background:#444;
	color:#FEFEFE;
}

blockquote,
p{
	font-size:0.9em;
	line-height:1.5em;
	margin:0 0 1em;
}


blockquote{
	background:#DDD;
	margin:0 0 0 20px;
}

h1,
h2,
h3{
	font-family:Georgia,Times,serif;
	font-weight:normal;
	margin:0 0 0.5em;
	text-align:left;
}

h1{
	font-size:3em;
}

h2{
	font-size:1.8em;
}

h3{
	font-size:1.2em;
}

ins{
	background:#EEE;
	padding:1px;
	text-decoration:none;
}



/* --- layout ---
*/

#outer{
	background:url(/img/header-bg.gif) no-repeat 56% 9px;
	margin:10px auto 0;
	text-align:left;/*reset after IE5 hack*/

	width:48em;
	min-width:625px;
	max-width:96%;
}

* html #outer{
	position:relative;/* fix buggy IE/Win jumping when hovering over links after a window resize */
}

#header{
	background:url(/img/header-houses.gif) no-repeat 100% 70px;

	height:190px;
}

#inner{
	float:right;
	position:relative;z-index:0;

	margin-left:-150px;

	width:100%;
}

#container{
	float:left;
	position:relative;z-index:10;

	margin-right:-170px;

	width:100%;
}

#content{
	position:relative;z-index:20;

	background:#FEFEFE;
	margin-left:150px;
	padding:20px 30px;

	min-height:494px;
}

* html #content{
	height:494px;/* min-height */
}

#container #content{
	padding-right:200px;
}

#inner-sidebar{
	float:right;
	position:relative;z-index:30;

	margin-top:40px;
	padding-right:20px;

	width:150px;
}

#sidebar{
	float:left;
	position:relative;z-index:40;

	background:url(/img/sidebar-top-right.gif) no-repeat 100% 0;
	margin:90px 0 10px;

	width:150px;
}

#footer{
	clear:both;

	background:#FEFEFE url(/img/cat-logo.gif) no-repeat 30px 50%;
	border-top:1px solid #AAA;
	color:#777;
	font-size:0.8em;
	margin-left:150px;
	padding:25px 50px;
	text-align:center;
}

/* sort IE weirdness */
* html #header{
	margin-bottom:-130px;
}

* html #content{
	height:534px; /*min-height*/
	voice-family: "\"}\"";
	voice-family:inherit;
	height:496px; /*min-height*/
}

* html #footer{
	/* \*/height:1%;/*Holly - hidden from IE5/Mac */
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:auto;
} /* html>body #footer{width:auto;} */



/* --- header ---
*/

#header-text{
	background:url(/img/header-cat.gif) no-repeat 93px 0;

	height:292px;
}

#header-text a{
	display:block;
	position:relative;z-index:50;

	background:url(/img/header-text.gif) no-repeat 5px 50%;
	color:#FFF;
	margin-left:35px;
	padding:4px 5px;

	width:39px;
	height:288px;
}



/* --- content ---
*/

#content p{
	font-size:0.8em;
	line-height:1.65em;
}

#content a{
	padding:1px;
}

#content h3{
	border-top:1px solid #AAA;
	margin:2em 0 1em;
	padding-top:1em;
}

#content hr{
	clear:both;

	border:solid #AAA;
	border-width:1px 0 0;
	margin:2em 0 1em;

	height:1px;
}

#content img{
	float:right;

	border:1px solid #CCC;
	margin:0 0 10px 10px;
	padding:1px;
}

#content img.block{
	float:none;

	margin-left:0;
}

* html #content img.block{
	margin-left:-16px;
}

#content img.posted{
	float:none;

	border:0;
	margin:0;
	padding:0;
}

#content ul{
	margin:1em 0 2em 1.5em;
}

#content li{
	margin-bottom:0.5em;
}

#content ul.thimblette{
	list-style:none;
	margin:1em 0 2em;
}

#content ul.thimblette li a{
	font:1.2em Georgia,Times,serif;
	padding:0;
	text-decoration:none;
}

#content ul.thimblette li a:focus{
	color:#000;
	text-decoration:underline;
}

#content ul.thimblette li a:hover,
* html #content ul.thimblette li a:active{
	color:#000;
	text-decoration:underline;
}

#content ul.thimblette li.previous{
	float:left;
}

#content ul.thimblette li.previous a{
	background:#FEFEFE url(/img/link-paw-left.gif) no-repeat 0 -159px;
	line-height:1.4em;
	padding-left:26px;
}

#content ul.thimblette li.previous a:focus{
	background-position:0 -79px;
}

#content ul.thimblette li.previous a:hover,
* html #content ul.thimblette li.previous a:active{
	background-position:0 -79px;
}

#content ul.thimblette li.next{
	float:right;
}

#content ul.thimblette li.next a{
	background:#FEFEFE url(/img/link-paw-right.gif) no-repeat 100% -159px;
	line-height:1.4em;
	padding-right:26px;
}

#content ul.thimblette li.next a:focus{
	background-position:100% -79px;
}

#content ul.thimblette li.next a:hover,
* html #content ul.thimblette li.next a:active{
	background-position:100% -79px;
}

#cat-index h3{
	float:left;

	border:0;
	margin:0 20px 20px 0;

	width:100px;
}

#cat-index h3 a{
	background:none;
	padding:0;
	text-decoration:none;
}

#cat-index h3 a img{
	float:none;
	display:block;

	border:1px solid #CCC;
	margin:0;
	padding:1px;
}

#cat-index h3 a:hover img{
	border-color:#000;
}

#cat-index h3 a span{
	display:block;

	background:url(/img/link-paw-left.gif) no-repeat 0 -157px;
	font:1em Georgia,Times,serif;
	line-height:1.4em;
	padding-left:24px;
}

#cat-index h3 a:focus span{
	background-position:0 -77px;
	color:#000;
	text-decoration:underline;
}

#cat-index h3 a:hover span,
* html #cat-index h3 a:active span{
	background-position:0 -77px;
	color:#000;
	text-decoration:underline;
}



/* --- forms ---
*/

#content input,
#content select,
#content textarea{
	display:block;

	border:1px solid #000;
	font:1em Verdana,sans-serif;
	font-weight:normal;
	margin-top:0.2em;
	padding:0.2em;

	width:22em;
}

#content input:focus,
#content select:focus,
#content textarea:focus{
	background-color:#F7F2E0;
}

#content input.button{
	font-size:0.9em;
	font-weight:bold;
	margin:1.5em 0;
	padding:0.3em;

	width:auto;
}

#content label{
	display:block;

	font-size:0.9em;
	font-weight:bold;
	margin:1.25em 0;
}



/* --- inner-sidebar ---
*/

#inner-sidebar h2{
	border-bottom:1px solid #444;
	font-size:1.5em;
	margin-top:1.25em;
}

#inner-sidebar li{
	font-size:0.8em;
	list-style:none;
}

#inner-sidebar li img{
	margin-top:1.5em;
}

#inner-sidebar a{
	display:block;

	background:#FEFEFE;
	border:solid #AAA;
	border-width:1px 0;
	margin:5px 0 0 15px;
	padding:0.5em 1px;
	text-decoration:none;

	width:133px;
}

#inner-sidebar a:focus{
	background:#444;
	color:#FEFEFE;
}

#inner-sidebar a:hover,
* html #inner-sidebar a:active{
	background:#444;
	color:#FEFEFE;
}



/* --- sidebar ---
*/

#sidebar a{
	border:0;
}

#sidebar p{
	font-size:0.85em;
}



/* --- navigation ---
*/

#navigation{
	background:#FEFEFE url(/img/sidebar-top-left.gif) no-repeat 0 0;
	border-bottom:1px solid #EEE;
	margin-top:25px;
	padding:10px 0 0 10px;
}

#navigation li{
	list-style:none;
}

#navigation li.first-item{
	border-top:1px solid #EEE;
}

#navigation li a{
	display:block;

	background:url(/img/navigation-paws.gif) no-repeat 0 50%;
	border:solid #EEE;
	border-width:1px 0;
	font-size:0.8em;
	font-weight:bold;
	padding:10px 10px 10px 30px;
	text-decoration:none;
}

/* sort IE weirdness */
* html #navigation li a{
	width:140px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:100px;
} /*html>body #element{width:100px;}*/

#navigation li.current a{
	background-position:-145px 50%;
}

#navigation li a:focus{
	background-position:-145px 50%;
	border-color:#444;
	color:#000;
	text-decoration:underline;
}

#navigation li a:hover,
* html #navigation li a:active{
	background-position:-145px 50%;
	border-color:#444;
	color:#444;
	text-decoration:underline;
}



/* --- search form ---
*/

#search{
	background:url(/img/sidebar-bottom-right.gif) no-repeat 100% 100%;
	padding-bottom:25px;
}

* html #search{
	position:relative;
}

#search label{
	display:block;

	background:#FEFEFE url(/img/sidebar-bottom-left.gif) no-repeat 0 100%;
	font-weight:bold;
	padding:20px 0 30px 10px;
}

#search input{
	border:1px solid #444;
	padding:2px;

	width:126px;
}



/* --- footer ---
*/

#footer p{
	margin:0 7em;
}

#footer p.legal{
	margin-top:1.5em;
}

#footer a{
	padding:1px;
}