/*

Theme Name: Bespoke

Description: Bespoke Theme

Version: 1.0

Author: Ian Atkins

Author URI: http://www.kith-kin.co.uk

Tags:





*/

@import url("styles/shadowbox.css");

@import url("styles/ui.css");

@import url("styles/superfish.css");

@import url("styles/print.css");



#jd-calendar,#calendar-list {
background: #fff;
}

#jd-calendar caption, #jd-calendar .my-calendar-date-switcher, 
#jd-calendar .category-key, #jd-calendar .calendar-event .details, 
#jd-calendar .calendar-events {
background: #edf7ff;
}

#jd-calendar .category-key .no-icon {
border: 1px solid #555;
}

#jd-calendar caption, #jd-calendar .my-calendar-date-switcher, #jd-calendar .my-calendar-nav li a:hover, #jd-calendar .category-key {
border: 1px solid #a9e3ff; 
}
#jd-calendar .list-event .details, #jd-calendar td {
border:1px solid #eee; 
}
#jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
color:#000;
}

#jd-calendar .my-calendar-nav li a, #jd-calendar .calendar-event .details, #jd-calendar .calendar-events  {
border:1px solid #9b5;
}

#jd-calendar .list-event .details, #jd-calendar .day-without-date {
background:#fafafa;
}

#jd-calendar .nextmonth, #jd-calendar .nextmonth .weekend {
color: #777;
}

#jd-calendar #calendar-list .odd {
background:#d3e3e3;
}

#jd-calendar .odd .list-event .details {
background:#e3f3f3;
border:1px solid #c3d3d3;
}

#jd-calendar .current-day {
background:#ffb;
}
#jd-calendar .current-day .mc-date {
color: #000; 
background: #eee;
}
#jd-calendar .weekend {
background:#bd7; 
color: #000; 
}
#jd-calendar .mc-date {
background:#f6f6f6; 
}
#jd-calendar .my-calendar-nav li a {
color: #243f82; 
background:#fff;

}
#jd-calendar .my-calendar-nav li a:hover {
color:#000; 
border: 1px solid #243f82;
}
#upcoming-events .past-event {
color: #777; 
}
#upcoming-events .today {
color: #111; 
}
#upcoming-events .future-event {
color: #555; 
}

#jd-calendar caption, #jd-calendar .my-calendar-date-switcher  {
margin: 2px 0;
font-weight:700;
padding:2px 0;
}

#jd-calendar table {
width:100%;
line-height:1.2;
border-collapse:collapse;
}

#jd-calendar td {
vertical-align:top;
text-align:left;
width:13%;
height:70px;
padding:2px!important;
}
.mini td {
height: auto!important;
}
#jd-calendar th {
text-align: center;
padding: 5px 0!important;
letter-spacing: 1px;
}
#jd-calendar th abbr {
border-bottom: none;
}
#jd-calendar h3 {
font-size:.8em;
font-family: Arial, Verdana, sans-serif;
font-weight:700;
margin:3px 0;
padding:0;
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#jd-calendar h3 img {
vertical-align: middle;
margin: 0 3px 0 0!important;
}
#jd-calendar #calendar-list h3 img {
vertical-align: middle;
}

#jd-calendar .list-event h3 {
font-size:1.2em;
margin:0;
}
#jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
position:absolute;
left:15%;
width:70%;
-moz-border-radius:10px;
-moz-box-shadow:3px 3px 6px #777;
-webkit-box-shadow:3px 3px 6px #777;
box-shadow:3px 3px 6px #777;
padding:5px;
z-index: 3;
}
#jd-calendar .details .close {
float: right;
width: 12px!important;
margin-top: -2px!important;
}
#jd-calendar .calendar-events {
width: 200px!important;
left: 0px;
}
#jd-calendar .list-event .details {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:5px 0;
padding:5px 5px 0;
}
#jd-calendar #calendar-list {
margin: 0;
padding: 0;
}
#jd-calendar #calendar-list li {
padding:5px;
list-style-type: none;
margin: 0;
}

#jd-calendar .mc-date {
display:block;
margin:-2px -2px 2px;
padding:2px 4px;
}
#jd-calendar th {
font-size:.8em;
text-transform:uppercase;
padding:2px 4px 2px 0;
}
#jd-calendar .category-key {
padding: 5px;
margin: 5px 0;
}
#jd-calendar .category-key ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#jd-calendar .category-key li {
margin: 2px 10px;
}
#jd-calendar .category-key span {
margin-right:5px;
vertical-align:middle;
}
#jd-calendar .category-key .no-icon {
width: 10px;
height: 10px;
display: inline-block;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

#calendar-list li {
text-indent:0;
margin:0;
padding:0;
}

#jd-calendar .calendar-event .event-time, #jd-calendar .list-event .event-time {
display:block;
float:left;
height:100%;
margin-right:10px;
margin-bottom:10px;
font-weight:700;
font-size:.9em;
width: 6em;
}

#jd-calendar p {
line-height:1.5;
margin:0 0 1em;
padding:0;
}

#jd-calendar .sub-details {
margin-left:6em;
}
#jd-calendar {
position: relative;
}
#jd-calendar img {
border: none;
}
.category-color-sample img {
margin-right: 5px;
vertical-align: top;
}

#jd-calendar .my-calendar-nav ul {
height: 2.95em;
list-style-type:none;
margin:0;
padding:0;
}

.mini .my-calendar-nav ul {
height: 2em!important;
}

#jd-calendar .my-calendar-nav li {
float:left;
list-style-type: none;
}

#jd-calendar .my-calendar-nav li:before {
content:'';
}
#jd-calendar .my-calendar-nav li a {
display:block;
text-align:center;
padding:1px 20px;
}
.mini .my-calendar-nav li a {
padding: 1px 3px!important;
font-size: .7em;
}
#jd-calendar .my-calendar-next {
margin-left: 4px;
text-align:right;
}
#jd-calendar .my-calendar-next a {
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#jd-calendar .my-calendar-prev a {
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}

#jd-calendar.mini .my-calendar-date-switcher label {
display: block;
float: left;
width: 6em;
}
#jd-calendar.mini .my-calendar-date-switcher {
padding: 4px;
}
#jd-calendar.mini td .category-icon {
display: none;
}
#jd-calendar.mini h3 {
font-size: 1.1em;
}

#jd-calendar.mini .day-with-date span, #jd-calendar.mini .day-with-date a {
font-family: Arial, Verdana, sans-serif;
font-size: .9em;
padding:1px;
}
#jd-calendar .mini-event .sub-details {
margin: 0;
border-bottom: 1px solid #ccc;
padding: 2px 0 0;
margin-bottom: 5px;
}
#jd-calendar.mini .day-with-date a {
display: block;
margin: -2px;
font-weight: 700;
text-decoration: underline;
}
*{margin: 0px; padding: 0px;}

.left {float: left;}

.right {float: right;}

a,img {outline: none; border: 0px;}

.clear {clear: both;}

li {list-style-type: none;}

a {color: #13bf0b; text-decoration: none;}

a:hover, #content a:hover, #content .post a:hover {text-decoration: underline; color: #1ebd17;}



body {background-color: #e4dfd2; color: #474c26; font-size: 14px; font-family: Arial, sans-serif;}



/* container */

#container {margin-left: auto; margin-right: auto; width: 968px; position: relative;}



/* header */

#header {height: 148px; position: relative; padding-top: 20px}

#header #sub {line-height: 30px; height: 30px; clear: both; display: block; width: 654px; background-color: #eeebe2;}

#header #sub a {color:#474c26; text-decoration: none; padding: 0px 7px 0px 7px; border-right:1px solid #cbc7bd;}

#header #sub a:hover {text-decoration: none; color: #ffffff; background-color: #11df1d;}

#header #sub li {float: left;}

#header #sub li.current-menu-item a, #header #sub li.current-page-ancestor a, #header #sub li.current-post-parent a { color: #19bd17; background-color: #eeebe2; text-decoration: none !important;}

#header #menu {padding-top: 35px; height: 82px; clear: both;}

#header #menu li {background-image: url(images/menu-dash.png); background-position: right top; background-repeat: no-repeat; padding-left:8px; padding-right:35px; float: left;}

#header #menu li a {display: block; overflow: hidden; text-indent: -500px; background-position: 0px 0px; background-repeat: no-repeat; background-image: url(images/green-school.png);}

#header #menu li a:hover, #header #menu li.current_page_item a {background-image: url(images/green-school-active.png);}

#header #menu li a:active {background-image: url(images/green-school-down.png);}

#header #menu li.school {padding-left: 0px;}

#header #menu li.school a{width: 380px; height: 68px; background-position: 0px 0px;}

#header #menu li.page-item-3 a {background-position: -426px 0px; width: 150px; height: 68px;}

#header #menu li.page-item-5 a {background-position: -620px 0px; width: 183px; height: 68px;}

#header #menu li.page-item-7 a {background-position: -842px 0px; width: 125px; height: 68px;}

#header #menu li.page-item-7 {background-image: none; padding-right: 0px;}



#header form {position: absolute; top:20px; right:0px;}

#header form input { width: 293px; height: 21px; line-height: 21px; background-image: url(images/header-search.gif); padding: 5px 10px 5px 10px; border: 0px; background-color: transparent; background-position: 0px 0px;}

#header form input:hover {background-position: 0px 31px;}



/* content */

#content-application .page {background-color: #ffffff; border: 1px solid #c1c0af; width: 100%; float: left; overflow: hidden;}
#content-application .entry {padding: 20px;}

#content {width: 641px; float: left; overflow: hidden;}





/* content page */

#content .page {background-color: #ffffff; border: 1px solid #c1c0af; padding: 38px;}

#content .page img {margin-bottom: 16px;}

#content .page h2 {padding-bottom:20px; padding-top:20px;}

#content .page ul {margin-top: 16px; margin-bottom: 16px;}

#content .page ul li {list-style-type: disc; list-style-position: inside; margin-left: 16px; margin-bottom: 16px;}



#content p {margin-bottom: 18px; line-height: 19px;}

#content .wp-caption-text {color: #9b979b; font-size: 12px; line-height: normal; }

#content .wp-caption img {margin-bottom:10px;}

#content img.alignleft {float: left; margin-right: 20px; margin-top: 18px; margin-bottom: 25px;}

#content img.alignright {float: right; margin-left: 20px; margin-top: 18px; margin-bottom: 25px;}

#content img.alignnone {margin-bottom: 0px;}

#content table {width: 597px; margin-left: -18px; margin-right: -18px; border-collapse: collapse; padding-left: 18px; margin-bottom: 54px;}

#content table th {background-color: #cbc3bb; border-bottom: 1px solid #b6b0aa; height: 62px; padding-bottom: 8px; height: 62px; vertical-align: bottom; color: #FFFFFF; font-size: 18px; font-weight: bold; padding-left: 22px; padding-right: 22px; text-align: left;}


#content table td {background-color: #FFFFFF;  padding-left: 22px; padding-right: 22px; height: 36px; line-height: 18px; color: #615f5b; vertical-align: middle;}


#content table td img {padding-top: 16px; padding-bottom: 16px;}

#content table td p {padding-top: 16px;}

#content table tr.odd td {background-color: #edede7;}

#content table td form input {margin-top: 12px;} /* donate button */

#content table td form img {margin-bottom: 0px !important;}

#content blockquote {font-size: 16px; color: #1ec217; font-style: italic; line-height: 80px; background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: bottom; display: block;font-family: Georgia, serif; clear: both; text-align: center;}

#content blockquote strong {color: #615f5b; font-weight: normal;}

#content blockquote em {font-style: normal;}

#content blockquote p {background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: top; padding: 26px 0px 26px 0px; line-height: 26px;}







/* content single */

.single #content .post {background-color: #ffffff; border: 1px solid #c1c0af; padding: 38px;}

.single #content .post small {line-height: 36px;}

.single #content .post small span a {color: #555b28;}

.single #content .post small span a:hover {color: #1ebd17;}

.single #content .post h1 {margin-bottom: 8px;}

.single #content .post ul,li {list-style-type:square;}

.navigation {height: 50px; line-height: 50px; border-bottom: 1px solid #c1c0af; clear: both; color: #615f5b; padding-left: 16px; padding-right: 16px;}

.navigation a {color: #615f5b; text-decoration: none;}

.navigation .previous {float: left; width: 130px; display: block;}

.navigation div.previous, .navigation div.next {color: #bfbcb7;}

.navigation .pages {float: left; width: 378px;}

.navigation .pages .current {color:#1EC217;}

.navigation .next {float: right; width: 100px; text-align: right;}

.navigation .previous a {padding-left: 10px;}

.navigation .next a {padding-right: 10px;}



/* headings */

h1 {margin-bottom: 26px; color: #474c26;}

h2 {font-size: 18px; color: #474c26; font-weight: bold;}

hr {height: 1px; border: 0px; background-color: transparent; background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; clear: both; display: block; margin-top: 30px; margin-bottom: 30px; border-collapse: collapse; color: #FFFFFF;}





/* sidebar */

#sidebar {width: 316px; float: right; background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat: repeat-x; position: relative;}

#sidebar h1 {text-align: center; font-size: 16px; font-family: Georgia, serif; padding: 30px 0px 30px 0px; line-height: 26px; background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; font-style: italic; font-weight: normal;}

#sidebar h3 {text-align: center; font-weight: normal; font-size:16px;}





#sidebar hr {margin-top: 25px; margin-bottom: 25px; color: #474c26;}









/* sidebar - green village */





div#boarding{

margin-top: 25px;

margin-bottom: 25px;

}







div#ad_text{

text-align: center;

margin-bottom: 15px;

margin-top: 10px; 

width:315px;

}



.clear_left{

clear: left;

}







/* sidebar - connected */

#sidebar .connected {background-color: #eae6db; padding: 20px 20px 36px 20px; margin-top: 18px; border:1px solid #c1c0af;}

#sidebar .connected h2 {margin-bottom: 20px;}

#sidebar .connected a {background-position: top left; background-repeat: no-repeat; margin-bottom: 7px; line-height: 30px; padding-left: 38px; color: #111111; text-decoration: none; display: block; position: relative;}

#sidebar .connected a.facebook {background-image: url(images/sidebar-facebook.gif);}

#sidebar .connected a.twitter {background-image: url(images/sidebar-twitter.gif);}

#sidebar .connected a.rss {background-image: url(images/sidebar-rss.gif); margin-bottom: 15px;}

#sidebar .connected a span {text-decoration: none; color: #13bf0b;}

#sidebar .connected a:hover span {color: #1ebd17; text-decoration:underline;}

#sidebar .connected form {background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat:repeat-x; padding-top: 16px; clear: both; display: block; position: relative;}

#sidebar .connected form input {background-color: #ffffff; border: 1px solid #cccccc; color: #666666; height: 25px; line-height:18px; width: 170px; padding-left: 4px; padding-right: 4px;}

#sidebar .connected form input.submit {background-color: #20dd17; border: 0px; color: #FFFFFF; text-align: center; width: 90px; position: absolute; height: 22px; margin-left: 5px; padding-bottom: 2px;}

#sidebar .connected form div {line-height: 36px; height: 36px; position: absolute; left:0px; bottom:-35px; display: none;}

#sidebar .connected form .error {color:#e61919;}

#sidebar .connected form #confirmation {color: #17ca0f;}



/* sidebar - videos */

#videos {margin-top: 25px; padding-bottom: 25px; background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; position: relative; height: 90px; overflow: hidden;}

#videos h2 {margin-bottom: 12px; margin-top: -3px;}

#videos h2 a {color: #474c26; text-decoration: none; } 

#videos a.image {position: relative; width: 132px; margin-right: 8px; height: 87px; overflow:hidden; display: block; float: left;}

#videos a.image div {position: absolute; top:0px; left:0px; width: 132px; height: 87px; background-image: url(images/sidebar-play.png); background-position: center center; background-repeat: no-repeat;}

#sidebar .more {position: absolute; right:0px; bottom:10px; font-size: 14px; margin-top: -20px; z-index: 100;}

#videos div {clear: both;}

#videos .vid {width: 316px;}

#videos .vid div {float: left; width: 176px; clear: none; height: 87px;}



/* sidebar - calendar */

#calendar {background-color: #e7e4da; border: 1px solid #c1c0af; text-align: center; margin-top: 26px; position: relative;}

#calendar h2 {line-height: 45px;}

#calendar caption {line-height: 45px; color: #615f5b;}

#calendar table {width: 315px; border-collapse: collapse; margin-bottom: -1px; margin-left: -1px;}

#calendar table td {height: 35px; line-height: 35px; border-bottom: 1px solid #c1c0af; border-left:1px solid #c1c0af; background-color: #e7e4da;}

#calendar table td.pad {background-color: #e7e4da;}

#calendar table td.public {background-color: #cbc8bc;}

#calendar table td.closed {background-color: #cbc8bc;}

#calendar table td.open {background-color: #FFFFFF;}

#calendar table td a {display:block; background-color: #FFFFFF;}

#calendar table thead th {border-top: 1px solid #c1c0af; border-bottom: 1px solid #c1c0af; color: #615f5b; line-height: 35px;}

#calendar_wrap {overflow: hidden; position: relative;}

#calendar #prev, #calendar #next {position: absolute; width: 45px; height: 45px; display: block; background-position: center; background-repeat: no-repeat;}

#calendar #prev {background-image: url(images/sidebar-calendar-prev.gif); top:0px; left:0px;}

#calendar #next {background-image: url(images/sidebar-calendar-next.gif); top:0px; right:0px;}

#calendar div#next, #calendar div#prev {opacity:0.5;} 

#calendar .key {height: 56px; line-height: 56px; border-top:1px solid #c6c3bf;}

#calendar .key div {margin-left: 8px; margin-right: 8px;}

#calendar .key div span {display: block; height: 26px; width: 30px; border: 1px solid #c6c3bf; margin-right: 3px; float: left; margin-top: 15px;}

#calendar .key div.open, #calendar .key div.closed {float: left;}

#calendar .key div.open span {background-color: #ffffff;}

#calendar .key div.closed span {background-color: #cbc8bc;}

#calendar h2 a, #calendar caption a {color: #474C26;}

#calendar h2 a:hover, #calendar caption a:hover { color: #1ebd17; text-decoration: none;}



/* sidebar - block */

.block  {background-color: #eae6db; padding: 20px 20px 4px 20px; margin-top: 18px; border:1px solid #c1c0af;}

.block  img {margin-bottom: 10px;}

.block  p {margin-bottom: 16px;}



/* sidebar - participate */

#block-102 {background-color: #eae6db; padding-bottom: 20px; line-height:26px;}

#block-102 h2 {margin-bottom: 20px;}

#block-104 img {margin-bottom: -15px;}

#block-104 p {line-height: 30px;}



/* sidebar - donate now */

a.donate {width: 275px; height: 64px; background-image: url(images/sidebar-donate-now.gif); background-position: 0px 0px; display: block; overflow: hidden; text-indent: -275px;}

a.donate:hover {background-position: 0px 128px;}

a.donate:active {background-position: 0px 64px;}



/* homepage */

#content #slideshow {padding-bottom: 20px; background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: bottom; height: 360px; position: relative; overflow: hidden;}

#content #slideshow .images {width: 640px; height: 360px; overflow: hidden;}

#content #slideshow .caption {width: 606px; height: 35px; position: absolute; bottom:0px; left: 16px; color: #FFFFFF; line-height: 35px; 

background-color: #20dd17; z-index: 100; height: 0px; overflow: hidden;}

#content #slideshow .caption div {text-indent: 10px;}

#content #slideshow .caption span {display:block; position: absolute; top:0px; right:26px; width: 80px; height: 35px; text-align: center;}

#content #slideshow .caption a {position: absolute; display: block; height: 35px; width: 16px; background-position: center center; background-repeat: no-repeat; top:0px;}

#content #slideshow .caption a.prev { right:110px; background-image: url(images/slideshow-previous.png);}

#content #slideshow .caption a.next { right:8px; background-image: url(images/slideshow-next.png);}

#content h2.title {line-height: 36px; padding-left: 18px;}

#content h2.title a {color: #474C26;}

/*

#content #ticker {height: 50px;  background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: bottom; position: relative; clear: both; line-height: 50px; overflow: hidden; margin-bottom: 20px; display: block;}

#content #ticker a.title {display: block; width: 90px; text-decoration: none; position: absolute; left:0px; z-index: 100;}

#content #ticker a.title:hover, #content #ticker a.more:hover {text-decoration: underline;}

#content #ticker h2 {float: left; color: #282728; font-size: 14px; font-weight: normal; display: block; padding-right: 100px; padding-left: 90px; width: 451px; background-color: transparent;}

#content #ticker h2 a {color: #282728;}

#content #ticker a.more {position: absolute; right:0px; width: 100px; text-align: right;  text-decoration: none; z-index: 100;}

*/

.home #content hr {margin-top: 18px; margin-bottom: 0px;}

.home #content h2.title {line-height: 50px;}

.home #content h1 {font-size: 24px;}

.home #content #slideshow {padding-bottom: 0px;}

.home #content .top {border-top:0px;}

#content #ticker-new { position: relative; background-color:#FFFFFF; border:1px solid #C1C0AF;}

#content #ticker-new a.more { background-color:#FFFFFF; bottom:0; height:30px; padding:5px 25px 0; position:absolute; right:0; text-align:right; text-decoration:none; width:590px; z-index:100;}

#content #ticker-new a.more:hover {text-decoration: underline;}

#content #ticker-new .image {background-image:none; float:left; margin-left:10px; margin-right:20px; width:135px;}

#content #ticker-new .entry {float:right; width:427px;}

#content #ticker-new .page-new {padding: 20px; clear:both; height: 150px; border: 0px;  background-color:#ffffff;}

#content #ticker-new h2 {color:#474C26; margin-bottom:20px; padding: 0px;}

#content #ticker-new h2 a {color:#474C26; text-decoration: none;}

#content #ticker-new h2 a:hover {color: #1EBD17;}



/* blog listing */

#content .posts {background-color: #ffffff; border: 1px solid #c1c0af; padding: 20px;}

#content .posts h2 {color: #474c26; margin-bottom: 20px;}

#content .posts h2 a {color: #474c26 ; }

#content .posts h2 a:hover {color: #1ebd17; text-decoration: none;}

#content .posts .image {float: left; background-image: none; margin-left: 10px; margin-right: 20px; width: 135px;}

#content .posts .image img {}

#content .posts .post {clear: both;  background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: bottom; margin-bottom: 30px; position: relative; padding-bottom: 15px;}

#content .posts .last {padding-bottom: 0px !important; margin-bottom: 0px !important; background-image: none !important;} /* last item in lists */

#content .posts a {color: #13bf0b; text-decoration: none;}

#content .posts .comments {position: absolute; right:0px; bottom: 16px;}

#content .posts .post .entry {width: 434px; float: right;}



/* post - author */

#content .entry .author {position: relative; padding-left: 40px; font-size: 12px;}

#content .entry .author img {position: absolute; top:0px; left:0px;}

#content .entry .author span {color: #afafaf;}



/* video - blog post */

.video {height: 360px; width: 640px; overflow: hidden;}

#video { background-color: #000000; overflow: hidden;}

#video .play-btn-large {display: block; width: 50px; height: 50px; background-image: url(images/video-play-big.png); background-position: center center; background-repeat: no-repeat; position: absolute; z-index: 2; cursor: pointer; left:50% !important; top:50% !important; margin-left:-25px; margin-top: -25px;}

.mv-player .time-disp, .mv-player .fullscreen-btn, .mv-player .options-btn a {display: none !important;}

.mv-player .ui-widget-header {height: 35px !important; background-color: #1ec217; position: absolute; display: block;}

#content .mv-player .play_head {height: 35px; margin: 0px !important; width: 606px; left:0px !important; border: 0px !important; background-image: none !important;}

#content .mv-player .control-bar {left: 16px !important; width: 606px;}

#content .mv-player  .play-btn span {position: absolute; left:0px !important; top:0px; width: 35px; height: 35px; background-image: url(images/video-play.png); z-index: 5; background-position: center center; background-repeat: no-repeat; cursor: pointer;}

#content .mv-player  .play-btn span:hover {background-image: url(images/video-play-hover.png);}

#content .mv-player .play-btn span.ui-icon-pause {background-image:url(images/video-pause.png);}

#content .mv-player .ui-slider-horizontal .ui-slider-range-min {background-color: #17ca0f;} 

#content .mv-player .mw_buffer {background-color:#1ec217 !important; }

#content .mv-player .volume_control span {background-image: url(images/video-audio.png); background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; right:0px; z-index: 5; display: block; position: absolute; top:0px; cursor: pointer;}

#content .mv-player .volume_control span.ui-icon-volume-off {background-image: url(images/video-audio-off.png);}

#content .mv-player .vol_container { display:none !important;}

.ui-slider-vertical .ui-slider-range-min { bottom:0; }

.ui-slider-vertical .ui-slider-range { left:0; width:100%;}

.ui-slider .ui-slider-range {border:0 none; display:block; font-size:0.7em; position:absolute; z-index:1;}



/* staff page detail */

.page-id-65 #content h1, .page-id-68 #content h1 {margin-bottom: 136px;}

.parent-pageid-10 #content .entry {position: relative;}

.parent-pageid-10 #content .entry .author {position: absolute; left:0px; top:62px;}

.parent-pageid-10 #content .entry .author h2 {line-height: normal; margin-left: 50px; padding: 0px; text-decoration:none;}

.parent-pageid-10 #content .entry .author small {margin-left: 50px;  font-size: 12px; line-height: 26px;}



/* listing page template */

.page-template-listing-php #content ul {clear: both; margin-left: -8px; margin-right: -8px; margin-bottom: 0px; margin-top: 0px;}

.page-template-listing-php #content ul li, #content ul.listing li {clear: both; background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat: repeat-x; padding-top: 22px; padding-bottom: 36px; list-style-type: none; margin-left: 0px; margin-bottom:0px;}

.page-template-listing-php #content ul li img, #content ul.listing li img {float: left; width: 135px; padding-bottom: 16px; margin-bottom: 0px;}

.page-template-listing-php #content ul li a, #content ul.listing li a {width:150px; float: left;}

.page-template-listing-php #content ul li a.more, #content ul.listing li a.more {float: none; width: auto; display: block;}

.page-template-listing-php #content ul li.full div {width: auto;}

.page-template-listing-php #content ul li div, #content ul.listing li div {text-align:left; width: 429px; line-height: 19px; float: left; padding-bottom: 20px;}

.page-template-listing-php #content ul h2, #content ul.listing li h2 {line-height: normal; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px;}

.page-template-listing-php #content ul h2 a, #content ul.listing li h2 a {color: #474c26; float: none; width: auto; text-decoration:none;}

.page-template-listing-php #content ul h2 a:hover, #content ul.listing li h2 a:hover {color:#17ca0f; text-decoration: none;}

.page-template-listing-php #content ul small, #content ul.listing li small {font-size: 12px; color: #7b7871; display: block; margin-bottom: 20px;}



/* gallery page */

.page-id-14 #content {margin-right: -15px; width: 656px;}

.page-id-14 #content .page {border: 0px; background-color: transparent; padding: 0px;}

.page-id-14 #content h2.title {line-height: 40px; background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat: repeat-x; margin-right: 15px; padding: 0px;}

.ngg-gallery-thumbnail a {height: 129px;}



/* contact page */

.page-id-22 #content ul {background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat: repeat-x; width: 564px; clear: both; padding-top: 1px; margin: 0px;}

.page-id-22 #content ul li {width: 202px; float: left; padding-bottom: 26px; list-style-type: none;}

.page-id-22 #content ul li h2 {line-height: 86px; padding: 0px;}

.page-id-22 #content ul li.last {width: 156px;}

.page-id-22 #content hr {margin-top: 0px;}

#map {width: 561px; height: 373px; display: block; margin-bottom: 40px;}



/* calendar - month page */

#calendar-listing {background-color: #f2efea;}

#content .page #calendar-listing h2 {height: 37px; background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; font-size: 14px; font-weight: normal; color: #615f5b; line-height: 37px; clear: both;}

#calendar-listing h2 {outline: none;}

#calendar-listing h2.center {text-align: center;}

#calendar-listing h2 span {display: block; width: 139px; padding-left: 16px; float: left;}

#calendar-listing div {clear: both; padding-left: 155px;}

#calendar-listing div.ui-accordion-content-active, #calendar-listing h2.ui-state-active {background-color: #f6f6f6;}

#content .page #calendar-listing h2.ui-state-active {background-image: none;}

#calendar-listing div.ui-accordion-content-active {background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x;}

#calendar-caption {background-color: #eae6db; height: 72px; line-height: 72px; border-bottom: 1px solid #c1c0af; position: relative;}

#calendar-caption a.prev, #calendar-caption a.next {position: absolute; height: 72px; width: 72px; background-position: center center; background-repeat: no-repeat;}

#calendar-caption a.prev {left: 0px; top:0px; background-image: url(images/calendar-prev.png);}

#calendar-caption a.next {right: 0px; top:0px; background-image: url(images/calendar-next.png);}

#content .page #calendar-caption h2 {line-height: 72px; text-align: center; display: block; padding-top: 0px; padding-bottom: 0px;}

#content .page #calendar-caption h2 a {color: #282728;}



/* calendar - year view */

.page-id-1590 #content .page {padding: 34px;}

.page-id-1590 .calendar_wrap {width: 273px; margin-bottom: 26px; border:1px solid #d4d3cf;}

.page-id-1590 .calendar_wrap caption { background-color: #ece9e2; line-height: 40px; text-align: center;}

.page-id-1590 #content .calendar_wrap table {background-color: #ece9e2; width: 272px; padding: 0px; margin: 0px; border-collapse:collapse; margin-bottom:-1px; margin-left:-1px; width: 273px !important;}

.page-id-1590 #content .calendar_wrap table td {border-bottom:1px solid #C1C0AF; border-left:1px solid #C1C0AF; height:35px; line-height:35px; padding: 0px; text-align: center; background-color: #ECE9E2;}

.page-id-1590 #content .calendar_wrap table td.closed { background-color:#d6d2c9; }

.page-id-1590 #content .calendar_wrap table td.open {background-color:#FFFFFF;}

.page-id-1590 #content .calendar_wrap table td.pad {background-color:#ece9e2;}

.page-id-1590 #content .calendar_wrap table td a {display: block; background-color: #ffffff;}

.page-id-1590 #content .calendar_wrap table thead th { border-bottom:1px solid #C1C0AF; border-top:1px solid #C1C0AF; color:#615F5B; line-height:35px; background-color: transparent; font-size:14px; height: auto; padding: 0px; font-weight: normal; text-align: center;}



.page-id-1590 #legend {background-color: #eceae2; border: 1px solid #cfceca; line-height: 58px; height: 58px; margin-bottom: 24px;}

.page-id-1590 #legend div {padding-left: 16px; float: left;}

.page-id-1590 #legend div span {display: block; height: 26px; width: 31px; border: 1px solid #cfceca; float: left; margin-right: 4px; margin-top: 14px;}

.page-id-1590 #legend div.open span {background-color: #ffffff;}

.page-id-1590 #legend div.closed span {background-color: #d5d2c8;}



/* community */

.page-id-20 .listing {margin-top: 0px!important;}

.page-id-20 .listing li div {width: 413px !important;}

.page-id-20 .listing li.first { margin-top:0px; background-image: none !important; padding-top: 12px !important;}

.page-id-20 .listing {clear: both;}

#green-challenge {background-color: #eae8e5; border-left: 1px solid #c1c0af; border-right: 1px solid #c1c0af; padding: 20px;}

#green-challenge div {background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; clear: both;}

#green-challenge div .image {width: 165px; float: left;}

#green-challenge div img.alignleft, #green-challenge div img.alignright {margin-top: 0px;}

#green-challenge div p {width: 415px; float: left;}

#green-challenge div hr {margin-top: 0px; margin-bottom: 20px;}

#case-studies {height: 319px; margin-top: 8px;background-color: #ebe7dd; overflow: hidden;}

#case-studies div img {float: left; }

#case-studies div div {margin-left: 345px; height: 319px;}

#content #case-studies div div h2 {font-size: 18px; line-height: normal; padding-top: 45px; padding-bottom: 0px;}

#case-studies div div h2 a {color: #474c26;}

#case-studies div div h2 a:hover { text-decoration:none;}

#case-studies div div small {font-size: 14px; line-height: 20px; margin-bottom: 36px; display: block; color: #6f706c;}

#case-studies div div p {width: 195px;}

#case-studies div div a {display: block;}

#nav {position: absolute; left:344px; bottom:20px; z-index: 100;}

#nav a {color: #5b5f3a; text-decoration: none; padding: 1px 2px 1px 2px;}

#nav a:hover {text-decoration: none;}

#nav a.activeSlide {background-color: #00e100; color: #FFFFFF;}

#tabs ul {background-color: #eae8e5 ; height: 42px; display: block; padding-left: 20px; border-bottom:1px solid #c1c0af; border-left:1px solid #c1c0af; border-right:1px solid #c1c0af; }

#tabs ul li {background-color: #cbc3bb; height: 41px; line-height: 41px;  border-left:1px solid #c1c0af; border-right:1px solid #c1c0af; border-top:1px solid #c1c0af; margin-right: 8px;}

#tabs ul li a {font-size: 18px; font-weight: bold; color: #0f0f0f; text-align: center; display: block; padding-left: 40px; padding-right: 40px;}

#tabs ul li a:hover {text-decoration: none;}

#tabs ul li.ui-state-active {background-color: #FFFFFF;}

#tabs .posts {border-top:0px; padding-top: 50px; position: relative;} /* position for ie6 */

#tabs .active {font-weight: bold; text-decoration: underline !important;}



/* commmunity - members */

#content p.filter {background-color: #eeece0; line-height: 32px; padding: 0px 10px 0px 10px;}

#community {position: relative;}

#community .select {width: 220px; position: absolute; top:0px; right:100px; height: 32px; overflow: hidden;}

#community .select ul {line-height: 32px; background-color: #00ca12; color: #FFFFFF;  background-image: url(images/community-select.gif); background-position: top right; background-repeat: no-repeat;}

#community .select ul li {display: block; line-height: 32px; list-style-type: none;}

#community .select ul li a {padding-left: 10px; color: #FFFFFF; display: block;}

#community .select ul li a:hover {background-color: #00b00d;}

#community .select ul li a.open:hover {background-color: transparent;}



.filter a.login, .filter a.logout {float: right;}

#content div.login {display: none;}

#content .login p.login-username {width: 240px; float: left;}

#content .login p.login-password {width: 240px; float: left;}

#content .login p.login-submit {width: 118px; float: left;}

#content .login input {width: 210px;}

#content .login-submit input#wp-submit {width: 118px; margin-top: 20px;}

#content .search input#searchsubmit {position: relative !important; margin-left: 10px;}

.category-community div.login {height: 50px;}

.category-community div.login input#wp-submit {position: relative !important;}



#cols {margin-top: 30px; clear: both;}

#cols h2 {background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; padding-bottom: 8px !important;}

#cols h2 a {color: #474C26;}

#cols h2 a:hover {text-decoration: none;}

#cols .left {width: 278px;}

#cols .left ul {margin-right: 25px;}

#cols .left h2 {margin-right: 25px;}

#cols .right {width: 278px;}

#cols a b { font-weight: bold; display: block;}

#cols a { text-decoration: none; color: #282728; font-weight: bold; line-height: normal;}

#content .page #cols li {list-style-type: none !important; height: 80px; background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; color: #9c9e85;  line-height: 20px; font-size: 12px; clear: both; display: block; width: 100%; margin-bottom: 0px; margin-left: 0px;}

#cols li .thumb {width: 70px; float: left;}

#cols ul {height: 80px; overflow: hidden;}



/* search results */

.search #content small {display: block; color: #615f5b;  line-height: 45px; margin-top: -5px; font-size: 14px; padding-left: 26px;}

.search #content small span {color: #1fc317;}

.search #content h1 {margin-bottom: 0px; padding-top: 26px; background-image: url(images/sidebar-dotted.gif); background-position: top; background-repeat: repeat-x; padding-left: 26px;}

.search #content .posts .post h2 {margin-bottom: 0px;}

.search #content .posts .post small {line-height: normal; margin-bottom: 26px; padding-left: 0px; font-size: 12px; margin-top: 0px;}

.search #content .images {width: 660px;}

.search #content .posts .full {width:auto !important; padding-left: 10px;}



/* category listing */

.category #content h1 {padding-bottom: 36px; background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; padding-top: 16px; text-transform: capitalize;}



/* content - social */

#social {height: 44px; background-color: #f5f5f4; border:1px solid #c1c0af; color: #858085; padding-left: 40px; line-height: 44px; margin-top: -1px; font-size: 12px; overflow: hidden;}

#social a {color: #858085; text-decoration: none; font-size: 12px;}



/* content - comments */

.single #content #comments {border-top:0px;}

#respond {clear:both;}

#respond h3 {font-size: 18px; color: #1d1c1b; margin-bottom: 14px;}

#respond #commentform {background-image: url(images/sidebar-dotted.gif); background-position: bottom; background-repeat: repeat-x; margin-bottom: 45px; clear: both;}

#respond #commentform label {float: right; display: block; width: 240px; margin-bottom: 29px; line-height: 31px;}

#respond #commentform label.error {float: none; width: auto; margin-bottom: 0px; color: #E61919; margin-top: -29px;}

#respond .comment-notes, #respond .form-allowed-tags {display: none;}

#respond #commentform span.required {display: none;}

#respond #commentform input {border: 0px; background-image: url(images/comment-input.gif); background-repeat: no-repeat; width: 293px; height: 31px; line-height: 31px; padding: 0px 10px 0px 10px; margin-bottom: 29px;}

#respond #commentform input#submit {background-color: #17ca0f; border: 0px; color: #FFFFFF; text-align: center; width: auto; height: 22px; line-height: 22px; padding: 0px 10px 0px 10px; background-image: none; margin-bottom: 12px; position: relative !important;}

#respond #commentform textarea {width: 542px; height: 141px; background-image: url(images/comment-textarea.gif); background-repeat: no-repeat; padding: 10px; border: 0px;}

#respond #commentform p {margin-bottom: 0px;}

#respond #commentform .comment-form-comment label {display: none;}

#respond #commentform textarea {margin-bottom: 16px; font-family: Arial;}

#respond #commentform .logged-in-as {text-align: right; margin-bottom: 16px;}

#respond .get-gravatar {float: right;}

#comments h2#comments-title {margin-bottom: 20px;}

.commentlist .avatar, .commentlist .photo {margin-right: 8px; float: left;}

.commentlist .url {color: #474c26; text-decoration: none; font-style: normal; display: block; margin-top: -2px;}

.commentlist .says {display: none;}

.commentlist cite {width:116px; float: left;}

.commentlist .comment-author {width: 157px; float: left;}

.commentlist .comment-meta {float: left; width:1px;}

.commentlist .comment-meta a {position: absolute; top:18px; left:38px; color: #afafaf; text-decoration: none; width: 115px; font-size: 12px; }

.commentlist .comment-meta a.comment-edit-link {top:50px; color: #17ca0f; }

.commentlist .comment {position: relative; margin-bottom: 40px;}

.commentlist .comment p {color: #282728; width: 405px; float: right;}

.commentlist .comment #respond p {float: none;}

.commentlist .comment .reply {text-decoration: none; text-align: right; clear: both;}

.commentlist .comment .reply a {color: #17ca0f; text-decoration: none; font-size: 12px;}



/* contact forms */

.wpcf7 label {display: block; line-height: 20px;}

.wpcf7 input {background-color:#FFFFFF; border:1px solid #CCCCCC; color:#666666; height:15px; line-height:15px; padding: 5px; width:250px;}

.wpcf7 input.short {width: 55px; float: left; margin-right: 10px; margin-bottom: 12px;}

.wpcf7 select {width: 150px; height:20px;}

.wpcf7 select.short {width: 80px; float: left; margin-right: 10px; margin-bottom: 12px;}

.wpcf7 .wpcf7-checkbox input {width: auto;}

.wpcf7 .wpcf7-list-item {display: block; margin-bottom: 10px; font-size: 13px; }

.wpcf7 .wpcf7-list-item-label {padding-left: 5px;}

#content textarea {background-color:#FFFFFF; border:1px solid #CCCCCC; color:#666666; height:150px; line-height:20px; margin-bottom:10px; padding: 5px; width:500px; font-family: Arial, sans-serif;}

#content textarea.short {height: 100px;}

.wpcf7 br {display: none;}

#content input#submit, #content input#wp-submit, #content input#searchsubmit {background-color:#17ca0f; border:0 none; color:#FFFFFF; height:25px; position:absolute; text-align:center; width:150px;}

#content input#paypal, #content input.paypal {background-color:transparent; border:0 none; height:auto; position:absolute; text-align:center; width:auto; position: relative;}

.wpcf7 div.wpcf7-response-output {padding: 0px; margin: 0px;}

.wpcf7 div.wpcf7-validation-errors {border: 0px; color: #E61919;}

.wpcf7 span.wpcf7-not-valid-tip {background:none repeat scroll 0 0 #FFFFFF; border:0 none;color:#E61919; font-size:10pt; left:0; padding-left:10px; position:relative; top:20%; width:280px; z-index:100;}

.wpcf7 .wpcf7-form-control-wrap {margin-top: 5px; display: block;}

.wpcf7 div.wpcf7-mail-sent-ok {border: 0px; color:#FFFFFF; background-color: #17ca0f; padding: 10px;}

.wpcf7 p {margin-bottom: 15px;}

.wpcf7 .ajax-loader {margin-left: 160px; margin-top: 4px;}

#content form .left {width: 50%;}

#content form .right {width: 50%;}



/* paypal form */

#content input#totalcost {width: 150px;}

.page-id-1771 #content table input {width: auto;}

.page-id-1771 #content form .left p, .page-id-1771 #content form .right p {margin-bottom: 0px}

.page-id-1771 #content input {margin-bottom:18px; margin-top:5px;}

.page-id-1771 #confirm {display: none;}

.page-id-1771 #confirm input.submit {background-color:#17ca0f; border:0 none; color:#FFFFFF; height:25px; position:absolute; text-align:center; line-height:15px; padding: 5px; width:auto;}

.page-id-1771 input.submit, .page-id-1771 input#submit {position: relative !important;}



/* footer */

#footer {clear: both; padding-top: 100px; }

#footer ul {height: 106px; background-color: #eae8e5; width: 968px; margin-bottom: 20px; line-height: 106px; clear: both;}

#footer ul li {float: left; padding: 0px 10px 0px 10px; color: #7e7d7e;}

#footer ul li.title {width: 120px; line-height: normal; padding: 35px 10px 0px 20px; line-height: 20px;}

#footer ul li a {display: block; height: 106px;}

#footer ul li a.green-village { width: 150px;}

#footer ul li a.desi-seni { width: 90px;}

#footer ul li a.ibuku { width: 120px;}

#footer ul li a.eco-bali {width: 100px;}

#footer ul li a.bali-spirit {width: 120px;}

#footer ul li a.bambu {width: 115px;}

#footer address {padding-top: 20px; color: #403d3d; padding-bottom: 40px; font-style: normal; float: left; background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: top left; width: 640px;}

#footer div {float: right; padding-top: 20px;  padding-bottom: 40px; background-image: url(images/sidebar-dotted.gif); background-repeat: repeat-x; background-position: top; width: 326px; text-align: right; color: #535250;} 



/* inserted image alignments */

#content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;}

#content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;}

#content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

#content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px;}

/* FAQ */
.faq-search{
width: auto;
	padding: 7px;
	font-size: 13px;
	border: 1px solid #ddd;
	background: #FFE;
	-webkit-border-radius: .33em;
	-moz-border-radius: .33em;
}



/* My Calender */
{}
.book input {background-color:#FFFFFF; border:1px solid #CCCCCC; color:#666666; height:15px; line-height:15px; padding: 5px; width:250px;}