/*  
Theme Name: RSPCA
Theme URI: http://wordpress.org/
Description: Theme for the  <a href="http://www.rspca-middlesex.org.uk">RSPCA Middlesex North West</a>.
Version: 1.6
Author: Ech Design
Author URI: http://echdesign.co.uk/

	
*/



/* Begin Typography & Colors */
* {
margin: 0;
padding: 0;

}

body {
font-family: arial, verdana;
min-width:820px; /* prevents the right column dropping below the menu when the window is shrunk */
max-width:1280px; /* prevents the windows from expanding beyond the background image */
padding-bottom:0px; /* Provides some space at the bottom */
border-bottom:6px solid #FFFFFF;
margin-bottom:15px; /* gives a bit of margin for the white riband */
min-height:800px; /* should prevent the riband ever rising above the image */
}

img#logo {
width:171px;
height: 91px;
/* put some minimum width code in somewhere */
}
a:link {
color:#00196F; 
}
a:visited {
color:#00196F; 
}
a:hover {
color:#000; 
}
a img {
text-decoration: none;
border-style:none;
}

h1 {
font-size:1.6em;
color: #0a2d81;
text-align:left;
margin-top:20px;
margin-left:285px;
font-weight:200;
letter-spacing:5px;
font-family: arial black, arial, verdana;
min-width:450px; /* stops this dropping onto multiple lines when the window is shrunk */
}
h2 { 

margin-top:20px;

color: #00196F;
font-weight:normal;
border-bottom: solid 2px #00196F; 
font-size:1.3em;
}
#menu h2 {
margin-top:0px;
margin-left:25px;
margin-right:25px;
color: #00196F;
font-weight:normal;
border-bottom: solid 2px #00196F; 
font-size:1.3em;
}
h3 {
text-transform: uppercase;
width:200px;
font-weight:normal;
text-align:center;
float:right;
font-size:1.1em;
}
h4 {
font-size:1em;
color: #00196F;
margin-left:10px;
font-weight: normal;
}
h4 a { 
text-decoration:none;
}
h4 small {
margin-left:0px;
font-size:0.7em;
margin-right:25px; /* spaces the title from the date */

}
h5 {
font-size:1em;
color: #00196F;
text-align:center;
font-weight:normal;
}

h6 {
margin-left:20px;
font-size:0.8em;
color: #00196F;
text-align:center;
}

#intro ul {
margin-left:30px;}

#intro li {
font-size:0.8em;}

p {
font-size:0.75em;
line-height:1.7em;
margin:10px;
}
li {
line-height:1.7em;
}
/* begin divs */
#leftcontent {
float: left;
margin-top:2px;
width:236px;
/* width:175px;*/
}
#leftcontent img {
margin-left:30px;
margin-top:-10px;
}
#leftcontent p {
margin-top: 5px;
margin-right:15px; /* needed to make the text centred and different for IE for some reason */
text-align:center;
color:#fff;
}


#menu {
background: url(images/menu-top.png) top right no-repeat;
margin-top:30px;
margin-left:0px;
width:236px;
font-size: 1.0em;
line-height:1.5;
padding-top:24px;
}

#menu ul {
padding-left: 40px;
padding-top:15px;
padding-bottom:45px;
}
#menu li a:link {color:#00196F; text-decoration:none; padding-bottom:5px; padding-left:5px; font-weight:normal;}
#menu li a:visited {color:#00196F; text-decoration:none; padding-bottom:5px; padding-left:5px; 
}
#menu li a:hover {color:#000; text-decoration:underline; padding-bottom:5px; padding-left:5px; 
}
 

.box_content{ 
background: url(/wp-content/themes/rspca/images/clear.png) top left repeat;
/*margin-top:-52px;
padding-top:52px;*/
font-color:#000;
min-height:685px; /* needed to ensure the transparent part always reaches the end of the image */
}
.box_content2{ /* for the menu bar */
background: url(/wp-content/themes/rspca/images/clear.png) top left repeat;
/*margin-top:-52px;
padding-top:52px;*/
font-color:#000;

}
#content1 {
background: url(images/top-right2.png) top right no-repeat;
margin-left:262px; /* allows the right hand column to be liquid and sit in the right place in relation to the menu bar column */
margin-right:26px;
margin-top:5px;
min-width: 500px; /* adding in to stop the right hand column shrinking too much */
}
#content1 img {

margin-top:4px;
margin-left:0px;
margin-right:30px;
margin-bottom:20px;
}

#contenthead {
background: url(images/top-left.png) top left no-repeat;
padding-left:25px;
margin-bottom:20px;
margin-right:23px; /* needed to fit the right corner on exactly */
margin-top:0px;
margin-bottom:0px; /* joins up the transparent areas */
padding-top:6px; /* adds a bit of spacing to the top */
}
#contenthead img {
margin:0;
width:56px;
height: 30px; /* dimensions are needed for the png to load at the right size in IE6 */
float:right;
}
#intro {
min-height:331px; /* needed to ensure the front page is tall enough at high resolutions */
border-bottom: solid 2px #00196F;
margin-left:25px;
margin-right:25px;
padding-top:6px;
padding-bottom:8px;
}
#intro2 { /* for the news page */
border-bottom: solid 2px #00196F;
margin-left:25px;
margin-right:25px;
padding-top:6px;
padding-bottom:8px;
}
#intro img {
float:left;
margin-bottom:5px;
margin-right:20px;
}

img#bolo {
float:left;
margin-top:10px;
margin-left:0px;
width:219px;
height:312px;
}

#news {
padding-left:25px;
margin-right:25px;
padding-top:15px;
margin-bottom:0px; /* this forces the div to not have a big white space at the end. not sure why it's needed */
width:100%;
padding-bottom:15px;
/* min-height:300px; */
}
#news p {
margin-right:15px;
}
#news img {
float:left;
margin-bottom:5px;
margin-right:20px;
}
#news h4 {
font-size:0.9em;
margin-left:10px;
}
.post {
margin-bottom:18px;
margin-right:20px;
}
#maincontent {
/* min-height:677px;*/
margin-left:25px;
margin-right:0px;
padding-top:8px;
padding-bottom:10px;
}
#maincontent img {
float:left;
margin-left:0px;
margin-top:5px;
margin-bottom:10px;
margin-right:20px;
}
#maincontent li {
font-size: 0.8em;
margin-left:30px;}

.findus {
float:left;
font-size:0.8em;
margin-left:10px;
margin-right:10px;
margin-top:20px;
width:155px;
}
#below {
clear:left;
margin-top:20px;
}
span.post-meta-key {
color:#000;
}
ul.post-meta li {
color:#0B4DBF;
font-size: 0.9em;
margin-left:15px;
}
.adopt {
border-bottom: solid 2px #00196F;
margin-right:50px;
margin-left:0px;
margin-bottom:18px;
padding-bottom:5px;
min-height:250px;
}
.adopt h4 {
margin-left:0px;
}

.adopt img {
margin-bottom:15px;
}
.adoptionpics { /* controls the display of images on the first adoption page */
float:left;
width:152px;
margin-right:15px;

}


.adoptionpics img {
display:block;
width:150px;
height:99px;
}

#adoptpage {

width:100%;
margin-left:10px; /* aligns the images with the text */
height:165px;
/* forces the text to drop below the images on the adoption page - this is a bit of a hack, there must be a better way */
}
.foot
{

font-size:0.8em;
/* padding-top:12px; */
padding-top:0px;
padding-bottom:0px;
height:65px;
color:#fff;}
p.copy
{float:left;
text-align:left;}

.foot a
{color:#fff}
.foot a:hover
{color:#000}

p.design
{float:right;
text-align:right;
}
p.design a:link
{color:#fff}


p.design a:hover
{color:#000}

#donate {
width:187px;
height:247px;
margin-left:0px;
margin-top:20px;
}
/* #donate input {
background: url(images/donate-button.png) top left no-repeat;
width:187px;
height:247px;
border:none;
text-indent:-9000px;
}*/