/*
Theme Name: Yoga Keith
Theme URI: http://www.sandboxdev.com/
Description: Custom theme built on SDAC Inc's Lucidity
Version: 1.1
Author: Jennifer Zelazny/SDAC Inc.
Author URI: http://www.sandboxdev.com/
Tags: white, custom header, fixed width, two columns, widgets

/*
JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[4] Main Content - All things specific to the main content
[6] Sidebar - Things which are specific to the sidebar.
[7] Footer - Things which are page and section specific.

Questions/Comments: http://www.sandboxdev.com/forums/
*/

/*---------[1]General---------*/

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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font:13px/1.22 helvetica, "trebuchet ms", verdana, arial, san-serif;
*font-size:small;
*font:x-small;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
.accessibility, span.accessibility { position: relative; left: -9000px; height: 0; }
.preload { position: relative; left: -9000px; height: 0; display: hidden; }
.clear { clear: both; }
h1.space { margin: 10px 0 0 0; padding: 10px 0 0 0; }

/*
khaki - edffb9
drab green - a2b58d
light olive - 6a8c58
warm gray - 393b3a
dark gray - 1b1c1b
*/


body {background: #a2b58d;width: 980px;margin:0 auto;color: #edffb9;}

p {padding-bottom: 6px;}

a:link, a:visited  {color: #1b1c1b;}
a:hover, a:active  {color: #6a8c58;}
a.read_more {margin-left: 20px;}

h1, h2, h2 a {font:16px/1.22 helvetica, "trebuchet ms", verdana, arial, san-serif;font-weight: 900;padding-bottom: 8px;}

p img {max-width:99%;}

.alignright {float:right;margin-left:5px;}
.alignleft, .alignnone {float:left;margin-right:5px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.clearjz {clear:both;}

img.alignleft, img.alignright, img.alignnone {padding:3px; border:1px solid #ddd;}

.center {text-align: center;}
.hidden {display: none;}

.screen-reader-text {position: absolute;left: -1000em;}

.wp-caption {font-size:.75em;font-weight:bold;margin-bottom:10px;}
p.wp-caption-text {margin:5px 0 0 0 !important;padding:0 !important;}

#wrapper {background: #a2b58d;color: #1b1c1b;margin-bottom: 20px;}

/*---------[2]Header---------*/

#header {width: 980px;margin:0 auto;padding-bottom: 20px;}
#header form {width: 160px;}
#header a {color: #edffb9;}

#header li.search {position: relative;background: #a2b58d url('images/180.png') repeat-x;border: 1px solid #1b1c1b;border-right: solid 1px #1b1c1b;border-top:none;width: 180px;height: 33px;padding: 14px 0 0 0;}

#ie-search {height: 16px;}
/*
#header  #searchform {position: relative;top: 14px;left: 740px;}
#header  #searchform h2, #searchform a {color: #1b1c1b;}
#header  #searchform input {border: solid 1px #1b1c1b;margin-left: 6px;padding-left: 6px;}
#header  #searchform input:hover {border: solid 1px #1b1c1b;background: #edffb9;}
*/

#header #searchform input#s {width:78px;margin-left:10px;border:1px solid #000;}


#LSResult, #liveLinkRes {position: absolute;top: 34px;left: -318px;background-color: #6a8c58;border: solid 2px #6a8c58;width: 550px;z-index: 10000;padding: 2px;}
#LSShadow {padding: 5px;}
#LSRes {background-color: #edffb9;padding: 10px 16px 10px 16px;}
#LSHeader {padding: 2px 2px 8px;}

#livesearch {height: 16px;}

span.search_date {font-style: italic;display: block;padding: 6px;}

span.search_url, span.search_url a {font-size: 12px;}

p.search_p {width: 500px;}

img.logo {float: left;width: 50px;margin: 0 0 0 20px;padding: 2px 0 0 0;}

ul.sub_nav {float: right;}
.sub_nav li {display: block;float: left;}
.sub_nav a {display: block;float: left;padding: 14px 0 0 0;height: 33px;width: 112px;background: #a2b58d url('images/180.png') repeat-x;border-left: solid 1px #1b1c1b;border-bottom: solid 1px #1b1c1b;text-decoration: none;text-transform: uppercase;font-weight: 900;text-align: center;}
.sub_nav .tab a {background: #a2b58d url('images/177.png') no-repeat;border: none;height: 34px;}
.sub_nav a:hover {background: #a2b58d url('images/181.png') repeat-x -1px 0;}
.sub_nav .tab a:hover {background: #a2b58d url('images/178.png') no-repeat;}

li.searchbar {width: 112px;}

/*---------[3]Main Content---------*/

#content {width:500px;margin:20px 150px 20px 150px;}
#content form#searchform input#s {width:300px;}

.article {float: left;width: 300px;text-align: right;margin: 10px 0 0 80px;}
.article2 {float: left;margin: 40px 0 0 120px;width: 400px;}
.event-articles .article2 {width: 320px;float: left;margin: 0 0 0 60px;}

.blog-main {float: left;margin: 0 0 0 160px;width: 600px;}
.blog-excerpt, .blog-article {float: left;margin: 40px 0 0 0;}
.blog-excerpt p, .blog-article p {padding: 4px 0 4px 0;}

span.calendar {background: url('images/528.jpg') no-repeat;display: block;border: none;width: 40px;float: left;margin: 0 0 0 -80px;}
span.month {color: #ffffff;font-weight: 900;display: block;margin: -14px 0 0 -10px;}
span.day {color: #1b1c1b;font-weight: 900;display: block;margin: 6px 0 0 0;}

span.indent {padding: 0 0 10px 30px;display: block;}

div.quotes {background: url('images/524.png') 0px 15px no-repeat;padding: 22px 0 0 30px;}
div.quotes-ie p {width: 284px;}

img.quote-iel {position: relative;left: -28px;top: 12px;}
img.quote-ier {position: relative;left: 288px;top: -18px;z-index: 0;}

div.quotes p {font: 16px/1.22 times, georgia, serif;font-style: italic;}
div.quotes p:after {content: url('images/523.png');height: 20px !important;width: 28px !important;overflow:hidden;}

h6.author {font: 18px/1.22 bold times, georgia, serif;display: block;font-variant: small-caps;letter-spacing: 0.8mm;padding: 6px 0 0 40px;}


ul.events {float: left;}
ul.events li {float: left;width: 470px;}
ul.events li div {padding: 0 0 20px 0;}



#homeCycle {float: right;width: 580px;height:386px;overflow:hidden;}

#aboutCycle {float:left;width:430px; height:680px;}

#molokaiCycle {float: right;width: 580px; height:435px;overflow:hidden;}

#riverCycle  {float: right;width: 580px;height:383px;overflow:hidden;}

.calendar {margin: 0 auto 0 auto;width: 960px;border: solid 1px #1b1c1b;background: #ffffff;padding: 20px;}

#commentSection h3 {margin-top:25px;}

.commentlist li {list-style: none;margin: 15px 0 10px;padding: 5px 25px 10px 10px;background:#fff;border:1px solid #ccc;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist li .avatar { float: left; display:inline;background: #fff;border: 1px solid #bbb;margin-right:10px;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {line-height:1.5em;margin: 10px 5px 10px 0;}

.comment.odd {background:#f8f8f8;}

#commentform {margin: 5px 10px 0 0;}
#commentform p {margin: 5px 0;line-height:21px;}
#commentform input#author, #commentform input#email, #commentform input#url {width: 250px;border:1px solid #bbb;padding: 3px;}
#commentform textarea {width: 98%;border:1px solid #bbb;padding: 2px;}
#commentform #submit {margin: 0 0 15px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.nocomments {text-align: center;margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.navigation{clear:both;margin:20px 0 20px 0}

.post.misc {padding-bottom:10px;}
.post.misc h2 {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:5px;}
.post.misc h3 {margin:15px 0 10px 0;text-transform:uppercase;}



/*---------[4]Sidebar---------*/

.sidebar {float: left;width: 360px;position: relative;z-index: 1;margin: 10px 0 0 20px;}
.sidebar p {width: 350px;font: 12.5px/1.22 helvetica, "trebuchet ms", verdana, arial, san-serif;}
.sidebar ul li {list-style; none;border: none;}
.sidebar ul li a, .sidebar ul li p {width: 300px;}
.sidebar-blog {width: 120px;float: left;margin: 40px 0 0 20px;padding: 0 0 0 20px;}

.sidebar-blog ul li.widget {margin-bottom:25px !important;}
.sidebar-blog strong {font-weight:bold;}
/*---------[5]Footer---------*/

#homefoot {clear: both;margin: 20px 0 0 520px;}

.page-id-74 #homefoot, .page-id-72  #homefoot {margin-left:0;}

#aboutfoot {clear: both;margin: 20px 0 0 270px;}