/*
Project:	Cats in York
Created:	Autumn 2005
Modified:	07 Jun 2011
*/



/* --- 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{
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;
border-bottom:1px solid #DDD;
padding:0.25em 0 0;
}

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

#inner-sidebar a{
display:block;

background:#FEFEFE;
margin:0.125em 0 0.375em 15px;
padding:0.25em 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;
}