/*
Theme Name: WIDC
Description: Theme for www.westindydev.org
Author: Brian McCulloh
Author URI: http://brianmcculloh.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/*
*******************************************************************************
standard tags
*******************************************************************************
*/
body {
margin:0px;
padding:0px;
background-color:#2F5E4E;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link, a:visited, a:hover, a:active { color:#FF6600;text-decoration:none; }
a:hover { color:#333; }
img {border:none;}
img.alignleft {float:left;margin-right:15px;}
img.alighright {float:right;margin-left:15px;}


/*
*******************************************************************************
global utility tags
*******************************************************************************
*/
.clearer {
clear:both;
font-size:0px;
line-height:0px;
}
.clearer5 {
clear:both;
font-size:5px;
line-height:5px;
height:5px;
}
.clearer10 {
clear:both;
font-size:10px;
line-height:10px;
height:10px;
}
.clearer15 {
clear:both;
font-size:15px;
line-height:15px;
height:15px;
}
.clearer20 {
clear:both;
font-size:20px;
line-height:20px;
height:20px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.alignleft {
text-align:left;
}
.alignright {
text-align:right;
}
.center {
text-align:center;
}
.spacer5 {width:5px;float:left;}
.spacer10 {width:10px;float:left;}
.spacer15 {width:15px;float:left;}
.spacer20 {width:20px;float:left;}

.nopad {
padding:0px !important;
}
.inline {
display:inline !important;
}


/*
*******************************************************************************
layout for all pages
*******************************************************************************
*/

#outer {
background:#D6E1C7 url('images/topgradient.jpg') repeat-x center top;
}
#header {
padding-top:80px;
}
#main {
position:relative;
z-index:2;
}
#footer {
position:relative;
z-index:1;
background:#2F5E4E url('images/footergradient.jpg') repeat-x center top;
margin-top:-30px;
padding:40px;
padding-bottom:60px;
}
.inner {
width:680px; /* the width of the site */
margin:0 auto;
}
#main .inner {
background-color:#FFF;
}
#mainTop {
background:#544737 url('images/mainroundedtop.jpg') no-repeat center top;
height:12px;
}
#mainBottom {
background:#4B8F7A url('images/mainroundedbottom.jpg') no-repeat center top;
height:12px;
}
#main .content {
padding:0px 20px;
}

/*
**********************************************
header-specific
**********************************************
*/
.title {
float:left;
margin-bottom:-2px;
margin-left:10px;
}
.subtitle {
background:#FFF url('images/subtitlehouses.jpg') no-repeat left center;
padding-left:65px;
color:#BBB;
font-size:1.2em;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
}
/* MENU */
#menu {
float:right;
margin-top:20px;
margin-right:10px;
}
#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#menu ul li {
float:left;
}
#menu ul li a {
padding:5px 10px 10px 10px;
font-size:.8em;
color:#FFF;
}
#menu ul li a:hover {
color:#2F2820;
background-color:#FFF;
}

/*
**************************************************
footer-specific
**************************************************
*/
#footer {
color:#BCCEA6;
font-size:.8em;
}
#footer .panel3 {
width:226px;
float:left;
}
#footer .panel3 ul {
padding:15px;
list-style-type:none;
margin:0px;
}
#footer .panel3 ul li a {
display:block;
padding:5px 10px;
color:#FFF;
}
#footer .panel3 ul li a:hover {
background:#312A21;
}


/*
**************************************************
index-specific
**************************************************
*/
#index {
background:#FFF url('images/safeway.jpg') no-repeat center 20px;
}
#index .subtitle {
float:right;
}
#index .post {
margin-top:420px;
}
#index .strapline {
font-family:georgia;
font-size:1.4em;
color:#666;
letter-spacing:-1px;
display:block;
text-align:center;
margin-right:10px;
margin-left:20px;
line-height:1.2em;
}
#index .strapline .webelieve {
font-size:2.5em;
font-variant:small-caps;
letter-spacing:-2px;
font-weight:bold;
color:#CCC;
}
#index .strapline .larger {
font-size:1.2em;
font-weight:bold;
}
#index .featured {
float:left;
width:260px;
margin-top:30px;
}
#index .featured ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#index .featured ul li {
margin-bottom:14px;
background-color:#DDD;
padding:9px 0px 14px 10px;
font-family:Arial, Helvetica, sans-serif;
}
#index .featured ul li.houses {
margin:0px;
padding:0px;
background:none;
margin-bottom:-3px;
}
#index .featured h2 {
font-size:1.2em;
color:#444;
margin:0px;
padding:0px;
margin-bottom:5px;
}
#index .featured h2 a {
color:#444;
display:block;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
letter-spacing:-1px;
}
#index .featured p {
font-size:.9em;
color:#777777;
padding:0px;
margin:0px;
}
#index .featured p a {
color:#777777;
display:block;
}
#index .neighborhood {
float:right;
width:325px;
height:300px;
margin-top:30px;
background:url('images/ourneighborhood.jpg') no-repeat center top;
padding:10px 10px 0px 25px;
}
#index .neighborhood a {
color:#CCC;
}
#index .neighborhood a:hover {
color:#FFF;
}
#index .neighborhood p {
margin-top:45px;
color:#FFF;
font-size:.8em;
line-height:1.6em;
font-family:Arial, Helvetica, sans-serif;
}

/*
**************************************************
page-specific
**************************************************
*/
#page {
background:#FFF;
padding:0px 0px 0px 0px;
}
#page .content {
width:440px;
float:left;
color:#777;
line-height:1.9em;
font-size:.9em;
}
#page h1.pagetitle {
color:#FF6600;
letter-spacing:-2px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:2.5em;
margin:0px;
padding:0px;
padding-bottom:20px;
margin-top:20px;
}
#page h2 {
font-size:1.3em;
letter-spacing:-1px;
color:#9C7A63;
}
#page .entry p {
margin-bottom:30px;
margin-top:0px;
}
#page .content table {
line-height:1.3em;
}

/*
**************************************************
sidebar
**************************************************
*/
#sidebar {
float:left;
margin-top:40px;
}
#sidebar .sidebarMain {
width:185px;
}
#sidebar .sidebarContent {
background:#E3E3E3;
font-size:.8em;
padding:0px 15px;
line-height:1.7em;
color:#555;
}
#sidebar p {
margin:0px;
padding:0px;
padding-bottom:15px;
line-height:1.2em;
}
#sidebarHouses {
text-align:right;
padding-right:10px;
}
#sidebar .sidebarTop {
background:#E9E9E9 url('images/sidebarroundedtop.jpg') no-repeat center top;
height:12px;
width:185px;
}
#sidebar .sidebarBottom {
background:#E9E9E9 url('images/sidebarroundedbottom.jpg') no-repeat center top;
height:12px;
width:185px;
}
#sidebar h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
color:#9C7A63;
font-size:1.7em;
margin:0px;
padding:0px;
margin-bottom:10px;
font-weight:normal;
}
#sidebar ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#sidebar ul li a {
display:block;
padding:5px 7px;
line-height:1.2em;
}
#sidebar ul li a:hover {
background:#CCC;
}