/*  
Theme Name: Buntings
Theme URI: http://buntings.org/
Description: The design template for Buntings Chartered Surveyors Ltd
Version: 1.0
Author: Ech Design
Author URI: http://echdesign.co.uk/
*/

/* Begin Typography & Colors */

* {
margin:0;
padding:0;
}
body {
text-align:center;
font-family: verdana, arial, helvetica;
font-size:62.5%;
color:black;
}
p {
margin-top:10px;
margin-bottom:10px;
line-height:1.6em;
font-size:1.1em;
}
a img {
border:none;
}
a {
color:#1F1D1D;
}
a:hover {
color:#4b9a25;
}
h1 {

width:317px;
height:63px;
margin-left:15px;
margin-bottom:15px;
margin-top:10px;
}

h1 a {
  display: block;
 text-indent: -900%;
/*   position: absolute; may be able to remove this */
  outline: none;
  background: url(images/buntings-logo.gif) no-repeat;
 width:317px;
height:63px; 
}
h1 a:hover {
  background-position: left bottom;
  border:none;
	 /* prevents a border from appearing when the home icon is mousedover */
}
h2, h3, h4 {
color:#777777;
font-weight:normal;
}
h2 {
margin-bottom:10px;
font-size:1.4em;

}
h3 {
background: url(images/green-bullet.gif) 0px 5px no-repeat;
padding-left:15px;
font-size:1.3em;
color:#777777;
margin-top:20px;
margin-bottom:10px;
}
h3 a {
color:#777777;
}
h3 a:hover {
color:#4b9a25;
}
h4 {
margin-bottom:-6px; /* brings the news story below up a line */
font-size:1em;
}
#homecontent li, #pagecontent li, #news li {
font-size:1.1em;
line-height:1.6em;
margin-left:20px;
list-style-type:circle;
}



#contentwrapper {
text-align:left;
margin-left:auto;
margin-right:auto;
width:877px; /* likely to need revising */
}
#header {
margin-bottom:25px;
}
#header img {

display:block;
margin-left:15px;

}
#header img#rics {
float:right;
margin-top:-80px;
;
}
ul#menu {
margin-left:15px;
float:left;
width:130px;
border-right:2px solid #6F6F6F /*#565454*/ ;
text-align:right;
}
ul#menu li {
float:left;
list-style-type:none;
margin-right:15px;
/* text-transform:lowercase;*/
font-size:1.2em;
font-weight:bold;
/* line-height:1em;
margin-bottom:1em;*/
 text-indent: -10000px;
}
ul#menu li a {
display: block;
text-align:left; /* this is required because the links are looking to be aligned on the right which counteracts the text-indent */
 text-indent: -10000px;
outline:none;
text-decoration:none;
/* color:#777777;*/
}
/* ul#menu li a:hover {
color:#4b9a25;
}*/
ul#menu li#home a {
background: url(images/home.gif) no-repeat;
width:106px;
height:27px; 
}
ul#menu li#home a:hover {
background-position: left bottom;
}
ul#menu li#newsy a {
background: url(images/news.gif) no-repeat;
width:106px;
height:26px; 
}
ul#menu li#newsy a:hover {
background-position: left bottom;
}
ul#menu li#general a {
background: url(images/general.gif) no-repeat;
width:106px;
height:41px; 
}
ul#menu li#general a:hover {
background-position: left bottom;
}

ul#menu li#landlord a {
background: url(images/landlord.gif) no-repeat;
width:106px;
height:40px; 
}
ul#menu li#landlord a:hover {
background-position: left bottom;
}

ul#menu li#contact a {
background: url(images/contact.gif) no-repeat;
width:106px;
height:22px; 
}

ul#menu li#contact a:hover {
background-position: left bottom;
}
ul#menu li#surveys a {
background: url(images/surveys.gif) no-repeat;
width:106px;
height:23px; 
}
ul#menu li#surveys a:hover {
background-position: left bottom;
}
ul#menu li#valuations a {
background: url(images/valuations.gif) no-repeat;
width:106px;
height:27px; 
}
ul#menu li#valuations a:hover {
background-position: left bottom;
}
/* content runs the full width and is used on the front page, content 2 fills most of the width and is used when you want a right hand column */

/* li.current_page_item a, li.current_page_item a:visited {
color:#4b9a25;
} */
#homecontent {
float:left;
display:inline;
width:490px;
margin-left:25px;
margin-top:5px;
}
#news {
float:left;

width:170px;
margin-left:25px;
margin-top:5px;
}
#pagecontent {
float:left;

margin-left:25px;

width:690px;
margin-top:5px;
}
#footer {
clear:left;
margin-top:20px;
text-align:center;
}
/* "An Englishman's home is his castle" */