/* ============= Skin Stylesheet ============ */
/* Contents: colours, typography, backgrounds */
/* ========================================== */

/* Global layout colour scheme
-------------------------------*/
html {
}

body {
background-image: url(/img/sub_bg.gif);
background-repeat: repeat-x;
background-position: left top;
}

body#home {
background-image: url(/img/home_bg.gif);
background-repeat: repeat-x;
background-position: left top;
}

#wrap {
background-color: #fff;
background-image: url(/img/content_bg.gif);
background-repeat: repeat-y;
}

#header {
background-color: #000;
}

#footer {
background-color: #fff;
}

#footer p {
display: inline;
padding: 0 5px 0 15px;;
}


/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

body #content {
font-size: 0.9em;
} 

h1 {
font-size: 1.2em;
color: #0055A6;
margin-bottom: 12px;
}

h2 {
font-size: 1.1em;
margin-bottom: 3px;
}

legend {
color: #22243d;
font-weight: bold;
}

a:link,
a:visited {
color: #951A2E;
text-decoration: none;
}

a:hover {
color: #951A2E;
text-decoration: underline;
}

#content p,
#sub-section p {
margin-bottom: 15px;
}

#footer p {
font-size: 0.8em;
color: #000;
}

#footer,
#footer a:link,
#footer a:visited {
color: #8C2529;
text-decoration: none;
}

#footer a:hover {
color: #8C2529;
text-decoration: underline;
}


/* Standard forms
------------------*/

form fieldset {
border: 1px solid #ddd;
}

form em span,
form .required {
color: #B90000;
font-weight: bold;
}

form fieldset#submit input {
background-color: #8C2529;
font-size: 1.1em;
color: #fff;
}

/* Listings
------------*/

body.listing .property {
}

body.listing .property .image {
border: 1px solid #000;
}

body.listing .property .details h2 {
font-size: 1.0em;
color: #fff;
}

body.listing .property .details h3 {
font-size: 0.9em;
}

body.listing .property .details p {
font-size: 1.0em;
}

body.listing .property .features {
font-weight: bold;
xcolor: #F2891C;
}

body.listing .property .price h2 {
font-size: 1em;
}

body.listing #filter input {
background-color: #842829;
color: #fff;
font-weight: bold;
}

body.listing p.order {
margin-top: 12px;
}

/* Property detail 
-------------------*/

body.detail h2 {
font-size: 1.1em;
color: #992123;
}

body.detail #content h3 {
font-size: 1em;
}

body.detail #content ul#outgoingslist {
list-style-type: square;
}

body.detail #addressbar p {
font-weight: bold;
}

body.detail #extradetails img {
border: 1px solid #22243D;
}

body.detail #extradetails .images p {
font-weight: bold;
font-size: 0.8em;
}

body.detail #extradetails dl dt {
font-weight: bold;
padding-left: 5px;
}

/* Print Brochure
------------------*/
body.brochure #extradetails dl dt {
font-weight: bold;
padding-left: 0px;
}

/* Email a friend
------------------*/

body.emailafriend {
background-image: none;
background-color: #fff;
text-align: left;
}

body.emailafriend h2 {
padding-bottom: 10px;
}

body.emailafriend #header {
background-image: none;
background-color: #000;
}

body.emailafriend #header img {
margin-left: 10px;
}

/* Slideshow
-------------*/

body.slideshow {
background-image: url(/img/slideshow_bg.gif);
background-repeat: repeat-x;
background-color: #fff;
}

body.slideshow #header {
background-image: none;
background-color: #000;
width: 100%;
}

body.slideshow img {
border: 1px solid #000;
}

/* Staff 
---------*/

body#staff dl {
}

body#staff dl dt img {
border: 1px solid #57575a;
}

body#staff dl dt.name {
font-weight: bold;
font-size: 1.1em;
font-style: italic;
}

body#staff dl dd.position {
font-weight: bold;
}

body#staff dl dd.contact {
xfont-weight: bold;
}


/* News
--------*/

body.news #content #latestnews {
border-bottom: 1px solid #0055A6;
}

body.news #content #newsarchive {
padding-top: 12px;
}

/* Links
--------*/

body.links dt {
font-weight: bold;
}
