html {
background:#f0f0f0 url(img/bg.gif) repeat-x scroll 0 0;
}
body {
background:url("img/bg_header.gif") no-repeat scroll center top transparent;
color:#2E2E2E;
font-family:"Arial",Trebuchet MS,sans-serif;
font-size:13px;
line-height:1.3em;
}
#container {
background:url(img/bg_header.gif) no-repeat center top;
width: 990px;
margin: 0 auto;
}
#header {
width: 960px;
height: 121px;
}
#header-left {
width: 268px;
height: 121px;
float: left;
}
#header-right {
float:right;
height:122px;
position:relative;
width:261px;
}
h1#logo {
background:url(img/logo.gif) no-repeat top;
height:98px;
width: 268px;
text-indent: -9999px;
}
#menu ul{
list-style: none;
width: 960px;
margin: 0 ;
}
#menu ul li.page-item-2{
background:url("img/what-is-fb.gif") no-repeat scroll left top transparent;
display:inline-block;
height:44px;
margin-top:-4px;
}
#menu ul li.page-item-2 a{
padding-top:4px;
}
#menu ul li.page-item-2 a:hover{
color:#237683;
}
#menu ul li.page-item-2.current_page_item a,
#menu ul li.page-item-2.current_page_parent a,
#menu ul li.page-item-2.current_page_ancestor a{
color:#fff;
}
#menu ul li {
float:left;
}
#menu ul a {
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bolder;
line-height:38px;
padding:0 17px;
text-decoration:none;
text-transform:uppercase;
}
#inner{
background:none repeat scroll 0 0 transparent;
clear:both;
margin-top:20px;
width:940px;
}
#inner-left {
width: 630px;
float:left;
/* overflow:hidden;*/
}
#inner-left ul{
margin:20px 0 20px 20px;
}
#inner-left li{
background:transparent url(img/bullet.gif) no-repeat scroll 0 7px;
color:#4B4B4B;
font-size:12px;
margin-bottom:7px;
padding-left:20px;
}
#inner-right {
float:right;
width:294px;
}
#welcome {
height: 240px;
width: 630px;
background-color: #fff;
border-top: 1px dotted #b3b3b3;
border-bottom: 1px dotted #b3b3b3;
}
#welcome-image {
width: 300px;
height: 200px;
background: url(img/lime.jpg) no-repeat;
margin: 20px 10px 20px 20px;
float: left;
}
#welcome-text {
width: 281px;
padding: 20px 10px 0 5px;
float:right;
}
#divider {
background-color:transparent;
float:left;
height:16px;
width:631px;
}
.page, #inner_left_content {
background-color:#FFFFFF;
border-bottom:1px dotted #B3B3B3;
border-top:1px dotted #B3B3B3;
padding:0 35px 35px;
}
#join-and-follow{
background:none repeat scroll 0 0 white;
border-bottom:1px dotted #B3B3B3;
border-top:1px dotted #B3B3B3;
margin-top:15px;
}
.post {
margin-bottom:1.5em;
border-bottom:0px dotted #b3b3b3;
}
.marketblock{
display: block;
margin-left: 70px;
}
.marketblock h3{
padding-bottom: 0;
}
p {
color:#4B4B4B;
font-size:12px;
line-height:1.4em;
margin-bottom:1.3em;
}
/* Begin Images */
p img {
margin:10px;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 6px;
margin: 0 0 2px 7px;
display: inline;
clear: both;
}
img.alignleft {
padding: 6px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
#articles {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px dotted #B3B3B3;
border-top:1px dotted #B3B3B3;
margin-top:16px;
width:630px;
}
#articles-inner {
background:transparent url(img/articles_inner.gif) repeat-y scroll 0 50%;
margin:15px 0;
width:631px;
}
#articles-left {
width: 315px;
float: left;
}
#articles-right {
float:right;
width:294px;
}
#cool-stuff {
clear:both;
padding:0 0 0 20px;
width:289px;
}
#success-stories-image {
width: 64px;
height: 64px;
background: url(img/success.jpg) no-repeat;
float: left;
}
#cool-stuff-image {
width: 64px;
height: 64px;
background: url(img/coolstuff.gif) no-repeat;
float: left;
}
#lifestyle, #foodnwine, #technology, #success-stories{
border-top:1px dotted #B3B3B3;
clear:both;
margin:7px 0 0 19px;
padding:7px 0 0;
width:278px;
}
#lifestyle-image {
width: 64px;
height: 64px;
background: url(img/lifestyle.jpg) no-repeat;
float: left;
}
#technology-image {
width: 64px;
height: 64px;
background: url(img/technology.gif) no-repeat;
float: left;
}
#lifestyle-text, #technology-text, #success-stories-text, #foodnwine-text, #cool-stuff-text {
float: right;
margin: 0 16px 0 0;
width:187px;
}
#foodnwine-image {
width: 64px;
height: 64px;
background: url(img/foodnwine.jpg) no-repeat;
float: left;
}
#events-category
{
clear:both;
width:278px;
}
#infrastructure, #hawkesbay, #education, #random-thoughts {
border-top:1px dotted #B3B3B3;
clear:both;
margin:7px 0 0;
padding:7px 0 0;
width:278px;
}
#events-category-text, #infrastructure-text, #hawkesbay-text, #education-text, #random-thoughts-text {
float: right;
margin: 0 5px 0 0;
width: 198px;
}
#events-category-image {
width: 64px;
height: 64px;
background: url(img/events.gif) no-repeat;
float: left;
}
#infrastructure-image {
width: 64px;
height: 64px;
background: url(img/infrastructure.jpg) no-repeat;
float: left;
}
#hawkesbay-image {
width: 64px;
height: 64px;
background: url(img/hawkesbay.jpg) no-repeat;
float: left;
}
#education-image {
width: 64px;
height: 64px;
background: url(img/education.jpg) no-repeat;
float: left;
}
#random-thoughts-image {
width: 64px;
height: 64px;
background: url(img/random-thoughts.gif) no-repeat;
float: left;
}
#sidebar {
width: 290px;
background-color: #fff;
}
#join {
}
#join-inner {
background: url(img/join.png) no-repeat;
width: 259px;
height: 179px;
margin: 24px 17px 17px;
}
#join-title {
color:#FFFFFF;
font-size:17px;
font-weight:bold;
padding:11px;
}
#join-text {
color:#0F5964;
font-size:11px;
margin:14px 0 11px 11px;
width:160px;
line-height: 15px;
}
a#join-now {
color:#959ca1;
font-size:18px;
font-weight:bold;
padding:13px 0 0 25px;
display: block;
text-decoration: none;
}
#latest_posts li{
background:url("img/bullet2.gif") no-repeat scroll 0 7px transparent;
border-bottom:1px dotted #B3B3B3;
margin-bottom:4px;
padding-bottom:5px;
padding-left:12px;
}
#recent-posts-3 li{
background:url("img/bullet2.gif") no-repeat scroll 0 7px transparent;
border-bottom:1px dotted #B3B3B3;
margin-bottom:4px;
padding-bottom:5px;
padding-left:12px;
}
#recent-posts-3 li.last{
background:url("img/bullet2.gif") no-repeat scroll 0 7px transparent;
border-bottom:none;
margin-bottom:5px;
padding-bottom:6px;
padding-left:12px;
}
#children_submenu li {
background:transparent url(img/bullet2.gif) no-repeat scroll 0 7px;
padding-left:12px;
}
#comments_sidebar,#categories,#latest_posts, .widget_recent_entries,#children_submenu {
border-bottom:1px dotted #B3B3B3;
padding-bottom:30px;
}
#comments-title,#categories h3,#latest_posts h3 {
margin: 24px 16px 0;
}
#categories ul,#latest_posts ul {
margin: 0 16px ;
}
.avatar {
/* width: 42px;
height: 42px;
*/
margin: 10px 10px 0 17px;
float:left;
}
#articles .avatar {
margin: 0;
}
#post_meta {
clear:both;
font-size:11px;
margin:1.5em 0 2em 0;
}
#post_meta .avatar {
margin-left: 0;
margin-top: -10px;
}
#events {
width:292px;
margin-bottom:16px;
}
#upcoming-events {
margin: 13px 16px 0;
}
#calendar {
width: 260px;
margin: 5px 0 0 17px;
}
#foundation-sponsors {
width: 938px;
height: 68px;
border-top:1px dotted #B3B3B3;
border-bottom:1px dotted #B3B3B3;
background-color: #fff;
margin-top: 14px;
}
#sponsors {
background:transparent url(img/foundation.gif) no-repeat scroll 0 0;
margin:4px 0;
}
#friends-of-fruitbowl {
width: 938px;
height: 68px;
border-top:1px dotted #B3B3B3;
border-bottom:1px dotted #B3B3B3;
background-color: #fff;
margin-top: 14px;
}
#friends {
background:transparent url(img/friends.gif) no-repeat scroll 0 0;
margin:4px 0;
}
#footer {
width: 938px;
height: 41px;
border-top:1px dotted #B3B3B3;
border-bottom:1px dotted #B3B3B3;
background: url(img/small-logo.gif) no-repeat scroll 0 0;
margin: 14px 0;
}
#bottom-text {
margin:12px 0 0 128px;
}
h2 {
border-bottom:1px dotted #B3B3B3;
color:#00ABC5;
font-family:"Arial",Trebuchet MS,sans-serif;
font-size:30px;
font-weight:bolder;
line-height:27px;
margin:15px 0 20px;
padding-bottom:5px;
padding-top:20px;
text-transform:uppercase;
background: transparent url(img/peach.jpg) no-repeat right bottom ;
display: block;
}
h2.peach {
background-image: url(img/peach.jpg) ;
}
h2.apple {
background-image: url(img/apple.jpg) ;
}
h2.oranges {
background-image: url(img/oranges.jpg) ;
}
h2.birds_nest {
background-image: url(img/birds_nest.jpg) ;
}
h3 {
color:#A2A2A2;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
padding-bottom: 7px;
}
h4, h4 a:link, h4 a:visited, h4 a:active {
color:#00ABC5;
font-size:18px;
font-weight:bold;
text-transform:none;
padding-bottom: 3px;
text-decoration: none;
}
h4 a:hover {
color:#FD7400;
}
h5 {
color:#00ABC5;
font-size:11px;
font-weight:bold;
text-transform:none;
font-style: italic;
padding-bottom: 3px;
}
#welcome-text p, #articles p, #comments_sidebar p {
color:#4B4B4B;
font-size:11px;
line-height:1.4em;
margin-bottom:1.3em;
}
#children_submenu {
background:none repeat scroll 0 0 white;
margin-bottom:16px;
padding:26px 16px;
}
#children_submenu h3 {
color:#C4C4C2;
font-size:15px;
font-weight:bold;
padding-bottom:7px;
text-transform:uppercase;
}
#children_submenu li a {
color: #00abc5;
font-size: 11px;
line-height: 15px;
font-weight: bold;
text-transform:none;
text-decoration: none;
}
#children_submenu li.current_page_item a {
color: #fd7400;
font-style: italic;
}
#children_submenu ul ul {
margin-left: 2em;
}
#children_submenu li.current_page_item ul li a {
color: #00abc5;
font-style: normal;
}
a:link,a:visited,a:hover,a:active {
font-weight:bolder;
color:#fd7400;
text-decoration:none;
}
b, strong {
font-weight: bold;
}
i,em {
font-style: italic;
}
.clearfix {
display:inline-block;
}
.clearfix:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content: ".";
}
#articles h3 a:link, #articles h3 a:visited {
color:#A2A2A2;
}
#articles h3 a:hover, #articles h3 a:active {
color:#FD7400;
}
#categories h3,#latest_posts h3 {
color:#A2A2A2;
font-size:15px;
font-weight:bolder;
padding-bottom:15px;
text-decoration:none;
text-transform:uppercase;
}
#categories li a, #latest_posts li a, .widget_recent_entries li a {
color:#00ABC5;
font-size:11px;
font-weight:bold;
line-height:15px;
text-decoration:none;
text-transform:none;
}
#inner-right a:hover {
color:#FD7400;
}
#categories li{
background:transparent url(img/bullet2.gif) no-repeat scroll 0 7px;
padding-left:12px;
}
#categories li.current_page_item a {
color:#A2A2A2;
font-style:italic;
}
#comments-title h3, .widget_recent_entries .title{
color:#A2A2A2;
font-size:15px;
font-weight:bolder;
padding-bottom:15px;
text-decoration:none;
text-transform:uppercase;
}
#upcoming-events h3{
color:##A2A2A2;
font-size:15px;
font-weight:bolder;
padding-bottom:7px;
text-decoration:none;
text-transform:uppercase;
}
#inner-left td {
color:#4B4B4B;
font-size:12px;
line-height:1.6em;
margin-bottom:1.3em;
padding:0.5em;
vertical-align:top;
}
#inner-left table{
border-collapse:collapse;
border-spacing:0;
margin-bottom:22px;
margin-top:8px;
}
#inner-left table#staff {
margin-bottom: 0px;
}
#inner-left table#staff td {
vertical-align: middle;
}
.odd {
background-color:#F1F1F1;
}
#children_submenu li.current_page_item a {
color:#FD7400;
font-size:11px;
font-style:oblique;
margin-left:4px;
}
#header-right h3{
color:#FD7400;
font-size:15px;
font-weight:bolder;
left:7px;
position:absolute;
text-align:right;
text-decoration:none;
top:25px;
}
#header-right a#email_feed {
background:url("img/follow.png") no-repeat scroll 0 0 transparent;
display:block;
height:35px;
left:108px;
position:absolute;
text-indent:-9999px;
top:21px;
width:36px;
}
#header-right a#email_feed:hover {
background:url("img/follow.png") no-repeat scroll 0 -37px transparent;
}
#header-right a#twitter_feed {
background:url("img/follow.png") no-repeat scroll -46px 0 transparent;
display:block;
height:35px;
left:157px;
position:absolute;
text-indent:-9999px;
top:22px;
width:30px;
}
#header-right a#twitter_feed:hover {
background:url("img/follow.png") no-repeat scroll -46px -37px transparent;
}
#header-right a#rss_feed {
background:url("img/follow.png") no-repeat scroll -86px 0 transparent;
display:block;
height:37px;
left:197px;
position:absolute;
text-indent:-9999px;
top:22px;
width:37px;
}
#header-right a#rss_feed:hover {
background:url("img/follow.png") no-repeat scroll -86px -37px transparent;
}
#sidebar-follow{
height:75px;
margin-left:25px;
margin-top:-22px;
position:relative;
width:261px;
}
#sidebar-follow h3{
color:#FD7400;
font-size:15px;
font-weight:bolder;
left:7px;
position:absolute;
text-align:right;
text-decoration:none;
top:25px;
}
#sidebar-follow a#email_feed {
background:url("img/follow.png") no-repeat scroll 0 0 transparent;
display:block;
height:35px;
left:108px;
position:absolute;
text-indent:-9999px;
top:21px;
width:36px;
}
#sidebar-follow a#email_feed:hover {
background:url("img/follow.png") no-repeat scroll 0 -37px transparent;
}
#sidebar-follow a#twitter_feed {
background:url("img/follow.png") no-repeat scroll -46px 0 transparent;
display:block;
height:35px;
left:157px;
position:absolute;
text-indent:-9999px;
top:22px;
width:30px;
}
#sidebar-follow a#twitter_feed:hover {
background:url("img/follow.png") no-repeat scroll -46px -37px transparent;
}
#sidebar-follow a#rss_feed {
background:url("img/follow.png") no-repeat scroll -86px 0 transparent;
display:block;
height:37px;
left:197px;
position:absolute;
text-indent:-9999px;
top:22px;
width:37px;
}
#sidebar-follow a#rss_feed:hover {
background:url("img/follow.png") no-repeat scroll -86px -37px transparent;
}
#search_form {
/*height:39px;
padding-top:14px;*/
display:inline;
position:absolute;
top:70px;
}
#search_form #s {
background:url("img/search-under.gif") no-repeat scroll left top transparent;
border:medium none;
color:#666666;
display:block;
font-size:15px;
height:27px;
left:5px;
padding:5px;
position:absolute;
top:0;
width:172px;
}
#searchsubmit {
background:url("img/search-button.gif") repeat scroll 0 0 transparent;
border:medium none;
height:37px;
left:187px;
position:absolute;
width:49px;
}
#searchsubmit:hover {
background:url("img/search-button.gif") repeat scroll 0 -37px transparent;
}
.excerpt {
}
.excerpt_avatar .avatar {
margin : 0 0 10px 0;
}
small {
font-size:12px;
}
#menu li.current_page_item a, #menu li.current_page_ancestor a {
color: #00ABC5;
}
#menu li a:hover {
color: #00ABC5;
}
.commentlist li {
background-image: none !important;
}
.commentlist .avatar {
margin:0 0 10px 36px;
}
.entry {
clear:both;
border-bottom: 0px dotted #B3B3B3;
}
.single .entry {
border-bottom: 1px dotted #B3B3B3;
}
.single h2 {
text-transform:none;
}
.search_results .page, .search_results .post , .discussion .page, .discussion .post, .archive .post {
border-bottom:1px dotted #B3B3B3;
margin:0.5em 0 ;
padding:1.5em 0;
}
hr {
border-bottom: 1px dotted #B3B3B3;
border-top:none;
border-left:none;
border-right:none;
height:0;
margin:1.5em 0;
}
#bottom_border {
}
#comments_sidebar{
background:none repeat scroll 0 0 white;
border-top:1px dotted #B3B3B3;
margin-top:15px;
}
#recent_comments {
background-color:white;
margin-left:18px;
margin-top:4px;
padding:0 20px;
width:259px;
}
#latest_posts{
background:none repeat scroll 0 0 white;
border-top:1px dotted #B3B3B3;
}
blockquote {
border-left:5px solid #DDDDDD;
margin:15px 30px 0 10px;
padding-left:20px;
}
#categories{
background:none repeat scroll 0 0 white;
border-top:1px dotted #B3B3B3;
margin-top:15px;
}
.widget_recent_entries {
background:none repeat scroll 0 0 white;
border-top:1px dotted #B3B3B3;
padding:24px 2em 14px;
}
/* Wordpress image styles */
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* end of image styles */
/* slider on homepage */
#welcome-slider {
background-color:#FFFFFF;
border-bottom:1px dotted #B3B3B3;
border-top:1px dotted #B3B3B3;
width:630px;
position: relative;
}
#welcome-slider h3 {
padding:20px 0 10px 20px;
}
#homepage_slider {
overflow: hidden;
height: 195px;
}
.homepage_slide h2 {
background:none repeat scroll 0 0 transparent;
border:medium none;
margin:0;
padding: 0;
float: left;
}
.wpp-post-title {
color:#00ABC5;
display:block;
font-family:"Arial",Trebuchet MS,sans-serif;
font-size:30px;
font-weight:bolder;
line-height:27px;
margin:0 0 20px;
text-transform:uppercase;
}
.homepage_slide {
height:195px;
padding:0 33px;
}
.homepage_slide p {
font-size: 11px;
}
.navicons {
height: 27px;
width: 27px;
position: absolute;
top: 100px;
z-index: 10000;
}
#navright {
background: url('img/navright.png') no-repeat scroll left top transparent;
right: -15px;
}
#navleft {
background: url('img/navleft.png') no-repeat scroll left top transparent;
left: -15px;
}
#nav-buttons {
bottom:20px;
left:35px;
position:absolute;
z-index:10000;
}
#nav-buttons a {
-moz-border-radius: 8px;
-khtml-border-radius: 9px;
-webkit-border-radius: 8px;
border-radius: 8px;
background:none repeat scroll 0 0 #DDDDDD;
color:#DDDDDD;
display:inline-block;
font-size:7px;
height:14px;
margin-right:15px;
text-align:center;
width:14px;
}
#nav-buttons a.activeSlide {
color: #716d6e;
background:none repeat scroll 0 0 #716d6e;
}
.slide_title {
height:60px;
overflow:hidden;
vertical-align:middle !important;
width:437px;
}
.slide_title h2 a, .slide_title h2 a:visited{
color: #00ABC5;
}
.slide_title h2 a:hover, .slide_title h2 a:active{
color: #FD7400;
}
.slide-text {
clear: both;
}
.clear {
clear:both;
}
.homepage_slide .avatar {
margin: 0;
}
.slider_gravatar {
height:85px;
vertical-align:middle !important;
width:66px;
}
#inner-left .post-slider-meta table {
margin: 0;
}
.comment{
background-color:#F7F7F7;
border-bottom:1px dotted #B3B3B3;
padding:15px;
position:relative;
}
.commentUser{
display:block;
float:left;
text-align:right;
width:101px;
z-index:10;
position: relative;
}
.commentText{
z-index:10;
border-left:1px dashed #DBDBDB;
display:block;
float:left;
font-size:12px;
margin-left:24px;
min-height:104px;
padding-left:24px;
width:354px;
position: relative;
}
.commentText p{
color:#757575;
}
#inner-left li.comment{
background:none repeat scroll 0 0 transparent;
border-bottom:medium none;
margin-left:0;
padding-bottom:5px;
padding-left:0;
padding-top:0;
position:relative;
}
#inner-left li.comment span.small{
color:#4B4B4B;
font-size:10px;
font-weight:normal;
}
#inner-left li.comment span.small a{
color:#A8A8A8;
}
#inner-left li.comment span.small span.nick a{
color:#00ABC5;
font-size:14px;
}
#inner-left li.comment span.small span.nick{
color:#00ABC5;
font-size:14px;
font-weight:bolder;
}
a.register-action{
background:url("img/register-button.gif") no-repeat scroll left top transparent;
display:block;
height:44px;
margin-bottom:19px;
margin-top:18px;
text-indent:-9999px;
width:557px;
}
a.register-action:hover{
background: transparent url(img/register-button.gif) no-repeat scroll bottom left;
}