/*
Theme Name: NAWBO D/FW
Theme URI: http://www.nawbotx.org/
Description: Custom theme developed for NAWBO D/FW
Version: 1.0
Author: Randy Hoyt
Author URI: http://amebsuryweb.com/
*/

/* --------------------------------------------------------------
   * Reset
-------------------------------------------------------------- */

html {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* --------------------------------------------------------------
   * Default typography
-------------------------------------------------------------- */

body {font-size:81.25%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1 {font-size:2em;margin-bottom:0.75em;}
h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5, h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


/* --------------------------------------------------------------
   * WordPress images
-------------------------------------------------------------- */

p img {padding: 0;max-width: 100%;}
img.centered {display: block; margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px;display: inline;}
img.alignleft  {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}


/* --------------------------------------------------------------
   *
-------------------------------------------------------------- */

hr {display: none;}
#content hr {
    display: block;
    background-color:#768883;
    border:0 none;
    height:1px;
    margin: 15px auto;
    width:80%;
    clear: both;
}
html {min-height: 100%; padding-bottom: 1px;}

/* --------------------------------------------------------------
   * NAWBO D/FW
-------------------------------------------------------------- */

body {background: #C6E7EB;}
body, html body #content .vevent h3, input {font-family: "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Geneva, Helvetica, Arial, sans-serif;}

#wrapper {width: 960px; background: #C6E7EB; margin: 0 auto; padding: 25px 0; }
#masthead:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#masthead {zoom: 1; background: white url('./img/masthead-background.gif') top center no-repeat; padding: 71px 0 0 19px;}
#masthead h1, #masthead h2 {margin: 0;}
#branding-name {overflow: hidden; width: 236px; height: 68px; display: block; background: white url('./img/nawbotx-logo.gif') -7px -7px no-repeat; float: left; text-indent: -9999px;}
#branding-tagline {display: none;}

#main:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#main {zoom: 1; background: white url('./img/main-background.jpg') 100% 4px no-repeat; padding-top: 5px;}

#content      {width: 593px; float: right; padding: 35px 60px 1.5em 0;}
#content-supp {width: 280px; float: left;  margin-top:  35px; min-height: 410px;_height:410px; border-right: 2px solid #CCC;}


#main h1,
#main h2,
#main h3 {font-weight: bold; font-family: Nevis, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Geneva, Helvetica, Arial, sans-serif;}

#main p {line-height: 1.25em; margin-bottom: 1.25em;}
#content strong {color: #056B73;}
#main a strong {color: #8CC63F;}
#main a {color: #8CC63F; font-weight: bold; text-decoration: none;}
#main a:hover {text-decoration: underline;}



#content-supp div div {padding: 0 12px 0 15px;}
#content-supp a.action {display:block; text-align: right; margin-top: .25em;}
#content-supp h3 {font-size: 1.1538em; *font-size: 15px; color: #636363; background: #D1D3D4 url('./img/content-supp-h3-background.gif') top left repeat-y; padding: 12px 12px 12px 24px;}


#content h1 {color: #8CC640; font-size: 2em; *font-size: 26px; margin-bottom: .67em;}
#content h2 {color: #056B73; font-size: 1.6154em; *font-size: 22px; line-height:1.25;margin-bottom:.75em; margin-top: 1.25em;}
#content h3 {color: #636363; font-size: 1.2923em; *font-size: 17px; line-height:1.25;margin-bottom:.75em; margin-top: 1.25em;}
#content h3 a {color: #636363;}
#content a.spacing {padding-left: .5em; white-space: nowrap;}


#content #subscribe-to-rss,
#content #subscribe-to-ics {float: right; display: block; overflow: hidden; margin-bottom: 1em;}

#content .post-header h1 {padding-bottom: .2em; margin-bottom: .2em;}
#content .post-header h2 {padding-bottom: .2em; margin-bottom: .2em; border-bottom: 1px solid #CCC;}
#content .post-header h2 a {color: #636363;}
#content .post-header p {font-size: .8461em;}
#content .post-body {margin-bottom: 2em;}

#footer {min-height: 48px; _height: 48px; padding-top: 128px; background: #056B73 url('./img/footer-background.gif') top center no-repeat;}

#footer ul {margin: 0 0 0 18px; width: 530px;}
#footer ul li {color: #AFDFE4; font-size: 1em; display: inline; padding: 0 6px 0 9px; background: url('./img/footer-li-background.gif') 0 4px no-repeat; }
#footer ul li.first {padding-left: 0; background: none;}
#footer a {color: #AFDFE4; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


.vcard:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.vcard {zoom: 1; margin-bottom: 20px; margin-top: 20px;}
.vcard img {margin: 0 auto 1.5em auto; display: block;}
.vcard img.photo {float: left; margin: 0px 12px 0 0; *margin-top: 3px; border: 3px solid #AEDFE4;}
.vcard .title,
.vcard .fn,
.vcard .org,
.vcard .email,
.vcard .tel,
.vcard .url {color: #6D6C71; margin-left: 99px; font-size: 17px; line-height: 19px; display: block; font-weight: bold; font-family: Nevis, "Myriad Pro", Myriad, "Gill Sans", "Gill Sans MT", Geneva, Helvetica, Arial, sans-serif;}
.no-photo .fn,
.no-photo .org,
.no-photo .email,
.no-photo .tel,
.no-photo .url {margin-left: 0;}
.vcard a {cursor: pointer; zoom: 1;}
.page-director .vcard .title {display: none;}

.partner {text-align: center; margin: 1em 0 3em;}
.partner img {margin: 0 auto 1.5em auto; display: block;}


html body #content div.vevent {float: left; margin: 0 1em 1em 0; background: #FFF url('./img/vevent-top.gif') top center no-repeat; width: 82px; padding: 2px 0 0;}
html body #content div.vevent h3 {font-size: 100%; background: url('./img/vevent-bottom.gif') bottom center no-repeat; margin: 0; min-height: 62px; _height: 62px; padding: 0 0 10px;}
.vevent span {display: none}
.vevent span span,
.vevent span.month,
.vevent span.dtstart-wrapper,
.vevent span.day,
.vevent a {display: block; text-align: center; line-height: 1em;}
.vevent span.month {background: url('./img/vevent-month.gif') top center repeat-y; padding: 3px 0;}
.vevent abbr {border: 0;}
.vevent span.month {font-size: 1.4615em;}
.vevent span.day {font-size: 3.2308em; line-height: 1.2em;}
.vevent a {margin-top: 4px; height: 20px; line-height: 20px; background: url('./img/rsvp-button.gif') top center no-repeat;}
#main .vevent a:hover {text-decoration: none;}
.vevent span.dtstart-wrapper {padding-left: .5em;}


#wp-calendar table {border: 0px solid #CCC; border-width: 1px 0 0 1px; top: 0px; z-index: 1;}
#wp-calendar table th {border: 0px solid #056B73; border-width: 0 1px 1px 0; background: #056B73; color: #AEDFE4; text-align: center;}
#wp-calendar table td:hover,
#wp-calendar table #today,
#wp-calendar table td {background: white; width: 14%; vertical-align: top; text-align: left; height: 72px;border: 0px solid #CCC; border-width: 0 1px 1px 0; padding-bottom: 6px;}

#wp-calendar table.nav {border: 0px; margin: 1em 0 0;}
#wp-calendar table.nav td:hover,
#wp-calendar table.nav td {background: transparent; height: auto; border: 0px; text-align: center;}
#wp-calendar table.nav td a img {display: none;}
#wp-calendar table.nav td img.ec3_spinner {display: inline;}
#wp-calendar table.nav td#prev {text-align: left;}
#wp-calendar table.nav td#next {text-align: right;}
#wp-calendar th {padding: 5px;}
#wp-calendar caption {
    text-align: center;
    color:#056B73;
    font-size:1.6154em;
    line-height:1.5;
    font-weight: bold;
    border: 0px solid #CCC; border-width: 1px 1px 0;
}
#wp-calendar #ec3_publish {display: none;}

#wp-calendar div.event {font-size: .9231em; text-align: center; padding-top: .5em;}
#wp-calendar div.event a {font-weight: normal; color: #636363; line-height: 1.1em;}
#wp-calendar div.event a {font-weight: normal; color: #636363; line-height: 1.1em;}
#wp-calendar div.event a span {display: block}


/* --------------------------------------------------------------
   * Form
-------------------------------------------------------------- */

.gform_wrapper {padding-left: 30px;}
.gform_heading {display: none;}
.gform_wrapper ul {list-style: none; margin: 0 0 1.5em;}
.gform_wrapper ul li {margin: 0 0 .75em 0;}
.gform_wrapper ul li label {display: block; width: 90px; float: left; padding-top: 2px;}
.gform_wrapper ul li span.gfield_required,
.gform_wrapper ul li span.gfield_required {color: #222222; padding-left: 5px;}
.gform_wrapper ul li input,
.gform_wrapper ul li select,
.gform_wrapper ul li textarea {background: #F8F8F8; border: 1px solid #CCCCCC;}
.gform_wrapper ul li input {width: 240px;}
.gform_wrapper ul li select {width: 242px; height: 20px;}
.gform_wrapper ul li textarea {width: 442px; height: 14em;}
.gform_wrapper {width: 534px; padding-top: 1em;}
.gform_footer .button {
    float: right;
    width:162px;
    height:30px;
    overflow: hidden;
    border: 0;
    margin: .75em 0 0;
	border: 0;
    background: transparent url('img/submit-button.gif') no-repeat right top;
    cursor: pointer;
    color:#8CC63F;
    font-weight:bold;
    text-transform: uppercase;
}

div.waiting,
div.success,
div.failure {margin: 1.5em 0; padding: 9px; color: #222; background: #AEDFE4; border: 1px solid #768883;}
div.waiting a,
div.success a,
div.failure a {color: #FFF !important; text-decoration: underline !important;}
div.waiting a:hover,
div.success a:hover,
div.failure a:hover {color: #E3F7D4 !important;}


/* --------------------------------------------------------------
   * Navigation
-------------------------------------------------------------- */

#pixopoint_menu1 {padding-top: 52px;line-height: 1; float: right;}
#suckerfishnav {font-size:1.15em;}
#suckerfishnav {float:left;list-style:none;padding:0;margin:0;width: 668px;background: white url('./img/navigation-background.jpg') top right repeat-y;}
#suckerfishnav ul {float:left;list-style:none;padding:0;margin:0;}
#suckerfishnav ul {position:absolute;left:-999em;height:auto;width:131px;margin:0;border:0;}
#suckerfishnav a {display:block;color:#636363;text-decoration:none;text-transform: uppercase; padding: 8px 5px;}
#suckerfishnav li:hover a,
#suckerfishnav li a:hover {color:#8cc63f;}
#suckerfishnav li {float:left; margin: 0 0 0 10px; *margin: 0 0 0 5px;}
#suckerfishnav li li {width:129px; margin: 0; font-size: 75%;}
#suckerfishnav li:hover li a,
#suckerfishnav li.sfhover li a,
#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li.sfhover li a,
#suckerfishnav li:hover li a,
#suckerfishnav li li:hover li a,
#suckerfishnav li li li:hover li a,
#suckerfishnav li li li li:hover li a {width:119px; text-transform:none; color:#636363;}
#suckerfishnav li ul ul {margin:-20px 0 0 129px;}
#suckerfishnav li.sfhover li a:hover,
#suckerfishnav li ul li:hover a,
#suckerfishnav li ul li.sfhover a,
#suckerfishnav li ul li li:hover a,
#suckerfishnav li ul li li.sfhover a,
#suckerfishnav li ul li li li:hover a,
#suckerfishnav li ul li li li.sfhover a {color:#fff;}
#suckerfishnav li:hover ul ul,
#suckerfishnav li:hover ul ul ul,
#suckerfishnav li:hover ul ul ul ul,
#suckerfishnav li.sfhover ul ul,
#suckerfishnav li.sfhover ul ul ul,
#suckerfishnav li.sfhover ul ul ul ul {left:-999em;}
#suckerfishnav li:hover ul,
#suckerfishnav li li:hover ul,
#suckerfishnav li li li:hover ul,
#suckerfishnav li li li li:hover ul,
#suckerfishnav li.sfhover ul,
#suckerfishnav li li.sfhover ul,
#suckerfishnav li li li.sfhover ul,
#suckerfishnav li li li li.sfhover ul {left:auto;background:#AEDFE4;}