/*
Theme Name: Greenhomenyc
Author: Chuck Lin chucklin72@gmail.com
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
    font-family:helvetica;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:link, a:visited {
    color:#3298b4;
}
a img {
	border: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/* ghnyc site specific  
    light green
    color: #43b549; 
    color: #333;
    font-family: helvetica; // all the headings
    dark green
    color: #116835; 
*/
.lightgreen {
    color: #43b549; 
}
.darkgreen {
    color: #116835; 
}
h1 {
    color: #116835; 
    font-family:helvetica;
    font-size:20px;
    font-weight:bold;
    margin-bottom:16px;
}

#wrapper {
    width:1024px;
    background:#fff;
    margin: 0 auto;
}
#head {
    height:79px;
    background:#fff;
    padding:25px;
    position:relative;
}
#feature {
    background:#e6e6e6;
    padding:20px 0;
    height:334px;
    width:100%;
}
#feature-left {
    width:200px;
    height:207px;
    background:#fff url(images/leaf.png) no-repeat;
    background-position:80px 10px;
    float:left;
    padding-left:15px;
    padding-right:15px;
    padding-top:70px;
    padding-bottom:58px;
    line-height:19px;
    font-size:13px;
    font-family:helvetica;
}
#feature-right {
    position:relative;
    float:right;
    background:#aac;
    margin-right:10px;
    width:774px;
    height:334px;
    border:0;
    border-radius: 5px;
    overflow:hidden;
    background:url(images/feature-bg.jpg) no-repeat;
}
#home-left-sidebar {
    padding-top:24px;
    width:230px;
    float:left;
    margin-right:10px;
    text-align:center;
}
#home-right-sidebar {
    padding-top:24px;
    float:right;
    width:215px;
    text-align:center;
}
#main-content {
    padding:24px 15px;
    float:left;
    width:519px;
}
#footer {
    width:999px;
    padding: 18px 0 18px 25px;
    background:#e6e6e6;
    font-size:11px;
    color:#333;
    line-height:16px;
}
#footer a {
    color:#333;
}
#menu-primary-menu { 
    position:absolute;
    bottom:0;
}
#menu-primary-menu li { 
    float:left;
    margin-left:50px;
    height:27px;
}
#menu-primary-menu li.hover,
.current-menu-item, .current-page-item, .current-page-parent
{ 
    background:url(images/nav-bg.png) repeat-x bottom;
}
#menu-primary-menu li:first-child { 
    margin-left:0;
}
#menu-primary-menu li a { 
    text-decoration:none;
    font-weight:bold;
    text-transform:uppercase;
    font-family:helvetica;
    font-size:13px;
    color:#333;
}
#menu-primary-menu li a:hover,
#menu-primary-menu li.current-menu-item a,
#menu-primary-menu li.current-page-item a
{ 
    color: #43b549;
}
#feature-callout {
    float:right;
    background:#fff;
    width:183px;
    padding:16px;
    height:334px;
}
#feature-callout ul li{
    border-top:1px dotted #ccc;
    padding-top:10px;
    padding-bottom:10px;
    font-family:helvetica;
    font-size:11px;
    color:#333;
}
#feature-callout ul li:first-child {
    border:0;
    padding-top:0;
}
#feature-callout li {
    text-align:center;
}
#feature-callout h3, #feature-callout h3 a {
    font-weight:bold;
    font-size:14px;
    color:#0a622e;
    margin-bottom:2px;
}
#feature-callout a {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    color: #333;
    line-height:13px;
    padding-right:10px;
}
#email-input {
    border:0;
    font-size:12px;
    padding:2px 0 2px 4px;
    margin:0;
    position:absolute;
    top:1px;
    text-align:left;
    width:130px;
    left:0;
}
#join-mailing-list {
    position:relative;
    padding:0;
    border:1px solid #ccc;
    height:20px;
    margin-top:8px;
}
#join-mailing-list button {
    float:right;
    background:url(images/email-signup-button.png) no-repeat;
    width:19px;
    height:19px;
    text-indent:-2000px;
    border:0;
    cursor:pointer;
}
.date {
    font-weight:bold;
    font-family:helvetica;
    font-size:11px;
    line-height:15px;
    color:#797979;
    margin-bottom: 4px;
}
.post {
    font-size:13px;
    line-height:20px;
    color:#000;
    border-bottom:1px solid #ccc;
    padding:16px 0 6px 0;
    clear:both;
    width:519px;
}
.post h2, .post h2 a {
    text-decoration:none;
    font-size:18px;
    color:#3298b4;
    margin:8px 0;
}
.post a {
    /* color: #594da5;  this color sucks */
    color:#3298b4;
}
.post .meta {
    font-size:11px;
}
strong {
    font-weight:bold;
}
.meta a {
    text-decoration:none;
}
#global-footer {
    width: 695px;
    float:right;
    margin-right:10px;
}
#copyright {
    float:left;
}
#global-footer .widgettitle {
    display:none;
}
#global-footer li.widget {
    float:left;
    width:130px;
    margin-right:5px;
}
ol {
    list-style-type:decimal;
    padding: 0 2em;
}
ul {
    list-style-type:square;
    padding: 0 2em;
}
#feature-callout ul , #menu-primary-menu, #home-left-sidebar ul, #home-right-sidebar ul, #footer ul , #page-right-sidebar ul, #page-left-sidebar ul { 
    list-style-type:none;
    margin:0;
    padding:0;
}
.post img {
    margin:4px 6px;
}
.page #main, .archive #main, .category #main, .single #main {
    border-top:1px solid #ccc;
}
.sidebar {
    font-family:helvetica;
    font-size:12px;
    color:#333;
}
.sidebar h2, .sidebar h2.widgettitle, .sidebar h2.widgettitle a {
    font-family:helvetica;
    color:#333;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
    text-align:left;
}
h2.widgettitle {
    margin-bottom:10px;
}
#menu-primary-menu ul.sub-menu {
    margin-top:11px;
    margin-bottom:11px;
    position:absolute;
    list-style-type:none;
    padding:0;
    width:160px;
    display:none;
    z-index:200;
}
#menu-primary-menu ul.sub-menu li {
    float:none;
    margin:0;
    line-height:16px;
    padding:5px 10px;
    background: #43b549; 
    height:auto;
}
#menu-primary-menu ul.sub-menu li a {
    color:#fff;
}
#page-left-sidebar ul {
    list-style-type:none;
}
#page-left-sidebar #page-nav {
    background:#ddd;
    border:0;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    padding:10px 10px 10px 0;
    margin-bottom:20px;
}
#page-nav li {
    padding:5px 5px 5px 20px;
}
#page-nav li a {
    font-family:helvetica;
    font-weight:bold;
    font-size:13px;
    text-decoration:none;
    color:#3d3d3d;
    display:block;
    line-height:16px;
    /* height:16px; */
    width:200px;
    padding:2px;
    /* text-indent:20px; */
}
#page-nav li a:hover, #page-nav li a.current-page {
    background:#fff url(images/page-nav-arrow.png) no-repeat right;
    color:#3db446;
}
#page-left-sidebar {
    padding-top:24px;
    width:230px;
    float:left;
    margin-right:10px;
}
#page-right-sidebar {
    padding-top:24px;
    float:right;
    width:215px;
    text-align:center;
}
.widget {
    margin-bottom:20px;
    text-align:left;
}
.widget_search div {
    border:1px solid #ccc;
    height:22px;
}
.widget_search label {
    display:none;
}
.widget_search input[type=text] {
    border:0;
    color: #43b549; 
    width:180px;
    padding-left:4px;
}
.widget_search input[type=submit] {
    text-indent:-3000px;
    border:0;
    background:url(images/search-button.png) no-repeat;
    width:18px;
    height:18px;
    float:right;   
    margin-top:1px;
    cursor:pointer;
}
.Latest_tweets_widget ul li ,
.Latest_tweets_widget ul li a {
    color:#02abee;
    font-style:italic;
    text-decoration:none;
    line-height:1.4em;
}
#carousel {
    position:relative;
    overflow:hidden;
    height:333px;
    width:559px;
    float:left;
}
#slideframes {
    height:333px;
    width:20000px;
    position:absolute;
}
.frame {
    height:333px;
    width:559px;
    position:relative;
    float:left;
}
.frame-back {
    width:456px;
    height:221px;
    position:absolute;
    border:0;
    background: #fff;
    opacity:.9;
    border-radius:5px;
    top:52px;
    left:52px;
}
.frame-content {
    width:420px;
    height:195px;
    position:absolute;
    border:0;
    top:52px;
    right:52px;
    padding:18px;
    z-index:100;
}
#frame-nav {
    height:36px;
    width:456px;
    position:absolute;
    bottom:0;
    background:#fff;
    border:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    z-index:100;
    left:52px;
}
.frame-left {
    width:49%;
    float:left;
}
.frame-right {
    width:49%;
    float:right;
    border:0;
    border-top:2px dotted #ccc;
    padding-top:10px;
}
.frame-content {
    font-size:13px;
    color:#333;
    line-height:1.4em;
}
.frame-content h2 {
    font-size:20px;
    font-weight:bold;
}
.frame-content .highlight {
    font-size:11px;
    padding:6px 8px;;
    border-radius:4px;
    font-weight:bold;
    line-height:1.3em;
    margin-bottom:10px;
}
.frame-content .highlight a {
    text-decoration:none;
}

.frame-right {
    line-height:12px;
}
.frame-right a {
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    /* padding-left:20px; */
}



.next {
    width:27px;
    height:64px;
    background:url(images/carousel-next-button.png) no-repeat;
    position:absolute;
    opacity:.9;
    left:532px;
    top:125px;
    cursor:pointer;
    z-index:200;
}
.prev {
    width:27px;
    height:64px;
    background:url(images/carousel-prev-button.png) no-repeat;
    position:absolute;
    opacity:.9;
    top:125px;
    cursor:pointer;
    left:0;
    z-index:200;
}
#frame-nav ul {
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
    margin-top:8px;
    margin-left:12px;
}
#frame-nav ul li {
    margin-right:16px;
    float:left;
    font-family:"Trebuchet MS", "Trebuchet";
    font-size:12px;
    line-height:12px;
    font-weight:bold;
}
#frame-nav ul li a{
    display:block;
    padding-top:8px;
    border-top:3px solid #fff;
    cursor:pointer;
}

.right-content {
    width: 50%;
    float:right;
    height:155px;
}
.calendar-widget li {
    background-color:#f2f2f2;
    padding:6px 6px 6px 0;
    margin-bottom:4px;
}
.calendar-widget li div.date{
    float:left;
    width:40px;
    text-align:center;
    font-size:20px;
    color:#000;
}
.calendar-widget li div.date .month {
    font-size:11px;
    float:left;
    width:40px;
}
.calendar-widget li div.detail {
    float:right;
    width:160px;
    color:#797979;
    font-size:10px;
}
.calendar-widget li div.detail h3 {
    font-size:11px;
    line-height:15px;
    font-weight:bold;
}
.calendar-widget li div.detail h3 a {
    text-decoration:none;
    color:#000;
}
.all-events {
    text-decoration:none;
    color:#000;
    font-weight:bold;
    font-size:12px;
}
#new-event input[type=text], #new-event textarea {
    width:70%;
    padding:4px 6px;
}
.event-detail {
    padding:0 10px;
}
.event-detail ul.event-stats {
    list-style-type:none;
    margin-left:10px;
    padding-left:0;
    margin-top:10px;
    margin-bottom:10px;
}
.view-all {
    text-decoration:none;
    color:#000;
}
.nav-previous {
    float:left;
    width:100px;
}
.nav-next {
    float:right;
    text-align:right;
    width:100px;
}
.nav-previous a, .nav-next a {
    color:#000;
    font-size:13px;
}
#earlier-entries, #earlier-entries li{
    list-style-type:none;
    margin:0;
    padding:0;
}
#earlier-entries li {
    float:left;
    width:48%;
    height:1.5em;
    overflow:hidden;
    margin-bottom:.5em;
}
#earlier-entries li a {
    color:#3298b4;
}
#nav-below {
    width:100%;
}
.event-title {
    font-size:1.3em;
}
/* Buildings DB */
.building_profile {
   font-size:14px;
   line-height:1.3em;
}

#all_buildings {
    float: left;
    width: 210px;
    margin-left: 20px;
    margin-right: 20px;
    }
    #all_buildings ul {
        list-style: none;
    }
    #all_buildings ul li{
        font-size: 1.15em;
        padding-bottom: 10px;
        }
.building_profile ul {
    list-style: none;
    }
.bldg_img {
    float: left;
    width: 220px;
    margin-right: 10px;
    }
.building_attr {
    margin-bottom: 60px;
    font-size:12px;
    }
.building_attr ul {
    clear: both;
    border-bottom: 1px solid #ccc;
    }
.building_attr ul ul {
    clear: both;
    border: 0;
    }
    .building_attr ul ul li {
    margin-left: 15px;
    list-style-type: disc;
    }
.building_attr ul li {
    margin: 5px 0;
    padding: 0px;
    float: left;
    width: 280px;
    }
.building_attr ul li.left {
    width: 120px;
    }
.building_description ul li{
    margin-top:20px;
    margin-bottom: 10px;
    }
.building_description li.description ol{
    margin-left: 25px;
    }
.building_description li.description ul{
    margin-left: 15px;
    list-style-type: disc;
    }
    .building_description li.description ul li{
    padding: 5px;
    }
.building_contact {
    float: left;
    width: 170px;
    font-size:12px;
    }
    .building_contact ul li.city{
    float: left;
    }
    .building_contact ul li.state{
    text-transform: uppercase;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    }
    .building_contact ul li.contact{
    clear: both;
    padding-top: 10px;
    }
.building_profile ul {
    padding:0;
}
.building_profile h3 {
    font-weight:bold;
}
#all_buildings a {
    text-decoration:none;
    color:#06c;
    font-size:13px;
}
.alignleft {
    float:left;
}
.alignright {
    float:right;
}
.aligncenter {
    clear:both;
}
