/*
Theme Name: Estate Life
Theme URI: http://www.intrafusion.co.uk/
Description: Estate Life WordPress theme.
Version: 1.0
Author: Colin Shipton
Author URI: http://www.intrafusion.co.uk/
*/

@import url("css/master.css");

/* ----- IDS ----- */
body { background: #ccc; color: #666; }
#container { width: 800px; margin: 0 auto; background: #fff; }
#top-layer { background: #6f6e6d url("images/background-top-layer.gif") no-repeat bottom; }
#right-layer { float: right; padding: 45px 30px 45px 29px; width: 180px; }
#main-layer { padding: 45px 0 45px 45px; margin-right: 240px; background: #fff; }
#google { width: 235px; height: 235px; }

/* ----- CLASSES ----- */
.home #right-layer { width: 160px; }
.home #main-layer { margin-right: 220px; }
.maroon { color: #993366; font-weight: bold; }
.widget_simpleimage, .widget_text { text-align: center; }
.widget_text { margin-bottom: 1em; font-weight: bold; }
.venue { float: right; width: 250px; margin-left: 30px; }
.venue-image { width: 235px; min-height: 150px; }
.tooltip { width: 400px; padding: 5px; background: #ffffe1; border: 1px solid #666; }
.tooltipped { cursor: help; }
.widget_twitter { margin-top: 2em; }
.twitter-item { margin-bottom: 1em; }

/* ----- LISTS ----- */
#top-layer ul, #right-layer ul { margin: 0; }
#top-layer ul { border-top: 1px solid #4d4a43; }
#top-layer li { display: inline; line-height: 24px; background: url("images/background-menu.gif") no-repeat right center; }
#top-layer li.page-item-15 { background: none; }
#top-layer li a { padding: 0 27px 0 24px; background-repeat: no-repeat; background-position: 27px center; color: #fff; text-decoration: none; text-transform: uppercase; }
#top-layer li a span { visibility: hidden; }
#top-layer li.page-item-2 a { background-image: url("images/menu-home.gif"); }
#top-layer li.page-item-2 a:hover { background-image: url("images/menu-home-over.gif"); }
#top-layer li.page-item-3 a { background-image: url("images/menu-about.gif"); }
#top-layer li.page-item-3 a:hover { background-image: url("images/menu-about-over.gif"); }
#top-layer li.page-item-7 a { background-image: url("images/menu-services.gif"); }
#top-layer li.page-item-7 a:hover { background-image: url("images/menu-services-over.gif"); }
#top-layer li.page-item-9 a { background-image: url("images/menu-toolkits.gif"); }
#top-layer li.page-item-9 a:hover { background-image: url("images/menu-toolkits-over.gif"); }
#top-layer li.page-item-11 a { background-image: url("images/menu-properties.gif"); }
#top-layer li.page-item-11 a:hover { background-image: url("images/menu-properties-over.gif"); }
#top-layer li.page-item-13 a { background-image: url("images/menu-news.gif"); }
#top-layer li.page-item-13 a:hover { background-image: url("images/menu-news-over.gif"); }
#top-layer li.page-item-15 a { background-image: url("images/menu-contact.gif"); }
#top-layer li.page-item-15 a:hover { background-image: url("images/menu-contact-over.gif"); }
#top-layer li a:hover { color: #000; }

.venue dt { float: left; width: 220px; }
.venue dd { margin-left: 225px; font-weight: bold; }
.tooltip dt { float: left; width: 100px; color: #993366; font-weight: bold; }
.tooltip dd { margin-left: 105px; }

#main-layer ul { list-style: disc; }
#main-layer ul ul { list-style: square; }
#main-layer ol { list-style: decimal; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { color: #993366; }
h4 { padding: 1em; background: #666; color: #fff; font-size: 1.1em; text-align: center; }
h5 { text-align: center; font-weight: bold; }

.home #main-layer h1, .home #main-layer h2, .home #main-layer h3 { color: #666; font-size: 1em; text-align: center; }
.home #main-layer h1 { float: left; width: 235px; margin-right: 65px; }
.home #main-layer h2 { float: left; width: 235px; }
.home #main-layer h3 { clear: left; margin: 2em auto; width: 500px; font-size: 1em; font-weight: bold; }

.venue h2 { font-size: 1em; font-weight: bold; }

/* ----- LINKS ----- */
a { color: #993366; }

#right-layer a { color: #666; }
.venue h2 a { font-weight: normal; text-decoration: none; }

/* ----- IMAGTES ----- */
img.freshout { max-width: 235px; }

/* ----- FORMS ----- */