/*
Theme Name: HPBC
Version: 2.0
Theme URI: http://www.hpbc.net
Author: CrushLabs, Inc.
Author URI: http://www.crushlabs.com
Description: A custom theme for HPBC developed by CrushLabs, Inc.
Tags:
*/
@font-face {
font-family: 'YanoneKaffeesatzLight';
src: url('YanoneKaffeesatz-Light-webfont.eot');
src: url('YanoneKaffeesatz-Light-webfont.eot?#iefix') format('eot'),
url('YanoneKaffeesatz-Light-webfont.woff') format('woff'),
url('YanoneKaffeesatz-Light-webfont.ttf') format('truetype'),
url('YanoneKaffeesatz-Light-webfont.svg#webfontKDGNLHq2') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'YanoneKaffeesatzBold';
src: url('YanoneKaffeesatz-Bold-webfont.eot');
src: url('YanoneKaffeesatz-Bold-webfont.eot?#iefix') format('eot'),
url('YanoneKaffeesatz-Bold-webfont.woff') format('woff'),
url('YanoneKaffeesatz-Bold-webfont.ttf') format('truetype'),
url('YanoneKaffeesatz-Bold-webfont.svg#webfont6SmZJ6dM') format('svg');
font-weight: normal;
font-style: normal;
}
/*-------------------------------------------------------------------------------------------*/
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
/*-------------------------------------------------------------------------------------------*/
body,html{height:100%;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* Floating & Alignment */
.fl{float:left;}
.fr{float:right;}
.ac{text-align:center;}
.ar{text-align:right;}
/* Clear Floats */
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
/*=== UNIVERSAL ===*/
body {background: #ebead0 url(images/body_bg.png) repeat-x; font: 12px/1.5em Arial,Helvetica,Sans-serif; color: #404040;}
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:'YanoneKaffeesatzBold', Arial, sans-serif; color: #00a8aa; font-weight:bold; }
h1 {font-size: 2.5em;line-height: 1.5em } h2 {font-size: 1.8em; line-height: 1.2em;} h3 {font-size: 1.6em;} h4 {color:#363636;font-size: 1.4em;} h5 {color: #7D7D7D;font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
textarea {color: #666;font-size: 12px;line-height: 18px;}
a:link, a:visited { color: #00a8aa; text-decoration:none;}
a:hover { color: #00a8aa; text-decoration:underline;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*=== TEXT ELEMENTS ===*/
p {margin: 0px;}
ul {list-style: square;margin: 0 0 18px 1.5em;}
ol {list-style: decimal;margin: 0 0 18px 1.5em;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;}
dl {margin: 0 0 24px 0;}
dt {font-weight: bold;}
dd {margin-bottom: 18px;}
strong {font-weight: bold;}
cite,em,i {font-style: italic;}
big {font-size: 131.25%;}
ins {background: #ffc;text-decoration: none;}
blockquote {font-style: italic;padding: 0 3em;}
blockquote cite,blockquote em,blockquote i {font-style: normal;}
pre {background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
sup,sub {height: 0;line-height: 1;position: relative;vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
input[type="text"], textarea {background: #f9f9f9;border: 1px solid #ccc;box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);padding: 2px;}
/* Text meant only for screen readers */
.screen-reader-text {position: absolute;left: -9000px;}
/*=== LAYOUT ===*/
#wrapper {width: 900px; margin: 0px auto; padding: 0px;}
#contain {background: #ebead0 url(images/c_bg.jpg) center top no-repeat; margin: 0px; padding: 0px; }
#c-thick {border-left: 7px solid #bebd99; border-right: 7px solid #bebd99; margin: 0px auto; padding: 0px; width:902px;}
#container {width: 900px; background: #FFF; margin: 0px auto; padding: 10px 0px 0px; border-left: 1px solid #959470; border-right: 1px solid #959470;}
#content {float: left; width: 560px; margin: 0px 10px 0px 20px; padding: 0px;overflow:hidden;}
#sidebar {float: right; width: 270px; margin: 0px 20px 0px 10px; padding: 0px;overflow:hidden;}
#slider {border: 1px solid #CCC; width: 880px; height: 335px; overflow:hidden; margin: 0px auto 10px; padding: 0px;}
/*=== HEADER ===*/
#header {margin: 0px auto; padding: 0px;height: 84px;}
#header h1 {width: 150px; height: 84px;float: left;}
#header .fr {float:right; width: 500px;}
#header .slogan {font-family:'YanoneKaffeesatzLight', Arial, sans-serif; color: #00a8aa; font-size: 26px; text-shadow: 1px 1px 0px #000; text-align:right;margin-top:30px;}
#header .top {width: 190px; margin: 0px; padding: 0px;float:right;}
#header ul.tip {list-style:none; color: #FFF; margin: 0px; padding: 0px;}
#header ul.tip li {list-style:none; float:right; margin: 3px 1px 0px 0px; padding: 0px;}
#header ul.tip li a {color: #FFF; background: #000;display:block; margin: 0px;padding: 5px 10px;}
#header ul.tip li a:hover {color: #00a8aa;text-decoration:none;}
/*=== NAVIGATION ===*/
#navi {background: #17150d url(images/nav_bg.png) repeat-x; margin: 0px; padding: 0px;}
#navbar {background: #17150d url(images/nav_bg.png) repeat-x;width: 900px;font-size: 22px;line-height: 24px;font-family:'YanoneKaffeesatzBold', Arial, sans-serif;color: #FFFFFF;margin: 0px auto 0px;padding: 0px; overflow: hidden;}
#navbar a, #navbar a:visited {color: #1f1f1f;text-decoration: none;padding: 0px 0px 0px 3px;}
#navbar a:hover {background: #FFF; color: #1F1F1F; text-decoration: underline;padding: 0px 0px 0px 3px;}
ul#menu-top {margin: 2px 0px 0px 0px; padding: 0px; list-style: none;}
ul#menu-top li.menu-item a, ul#menu-top li.menu-item a:visited {color: #FFF;display: block; margin: 0px 20px;padding: 11px 30px;}
ul#menu-top li.menu-item a:hover, ul#menu-top li.current_page_item a, ul#menu-top li.current-menu-item a:hover, ul#menu-top li.current_page_item a:visited {background: #FFF; color: #1F1F1F; margin: 0px 20px;padding: 11px 30px;text-decoration: none;}
ul#menu-top li.menu-item {list-style:none;float: left;margin: 0px;padding: 0px; }
ul#menu-top li ul {margin-left: 19px; padding: 0px;width: 170px;border-bottom: 5px solid #17140d;border-right: 5px solid #17140d;}
ul#menu-top li ul li {border-left: 1px solid #17140d;border-right: 5px solid #17140d; width: 150px;}
ul#menu-top li.menu-item ul.sub-menu li a, ul#menu-top li.menu-item ul.sub-menu li a:link, ul#menu-top li.menu-item ul.sub-menu li a:visited {background: #FFF; color: #00a8aa; float: left;margin: 0px;padding: 7px 10px 7px 10px;width: 150px;}
ul#menu-top li.menu-item ul.sub-menu li a:hover, ul#menu-top li.menu-item ul.sub-menu li a:active {background: #e8e8e8; color: #00a8aa; padding: 7px 10px 7px 10px;}
ul#menu-top li.menu-item ul.sub-menu {position: absolute;left: -999em;z-index: 9999;}
ul#menu-top li.menu-item:hover ul.sub-menu {left: auto;display: block;}
ul#menu-top li.menu-item:hover:hover ul.sub-menu, ul#menu-top li.sfhover ul.sub-menu {left: auto;}
ul#menu-top li.current-cat a {background: #354581; border: none;}
ul#menu-top li.menu-item ul.sub-menu li a {padding:11px 15px;}
/*=== CONTENT AREA ===*/
#content {line-height: 24px;}
#content input,#content textarea {line-height: 24px;}
#content p,#content ul,#content ol,#content dd,#content pre,#content hr {margin-bottom: 24px;}
#content ul ul,#content ol ol,#content ul ol,#content ol ul {margin-bottom: 0;}
#content pre,#content kbd,#content tt,#content var {font-size: 15px;line-height: 21px;}
#content code {font-size: 13px;}
#content dt,#content th {color: #000;}
#content h1,#content h3,#content h4,#content h5,#content h6 {line-height: 1.5em;margin: 0 0 10px 0;}
#content h2 {line-height: 1em;margin: 0 0 10px 0;}
#content table {border: 1px solid #e7e7e7;margin: 0 -1px 24px 0;text-align: left;width: 100%;}
#content tr th,#content thead th {color: #888;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px;}
#content tr td {border-top: 1px solid #e7e7e7;padding: 6px 24px;}
#content tr.odd td {background: #f2f7fc;}
.postmeta {margin: 0px 0px 20px;}
.post fieldset {border: 1px solid #e7e7e7;margin: 0 0 24px 0;padding: 24px;}
.post fieldset legend {background: #fff;color: #000;font-weight: bold;padding: 0 24px;}
.post input {margin: 0 0 24px 0;}
.post input.file,.post input.button {margin-right: 24px;}
.post label {color: #888;font-size: 12px;}
.post select {margin: 0 0 24px 0;}
.post sup,.post sub {font-size: 10px;}
.post blockquote.left {float: left;margin-left: 0;margin-right: 24px;text-align: right;width: 33%;}
.post blockquote.right {float: right;margin-left: 24px;margin-right: 0;text-align: left;width: 33%;}
.post h2 {font-size: 38px; color: #00a8aa;}
/*=== COMMENTS ===*/
#content .commentlist {margin:0;padding:0;border-top:#DADADA 1px solid;}
#content .commentlist li {list-style:none;margin: 0;padding:1em;border-bottom:#DADADA 1px solid;}
.commentlist li.alt {background-color:#FAFAFA;}
.commentlist li .cmtinfo {font-size:10px;}
.commentlist li cite {font-size:10px;}
.commentlist li .cmtinfo em {float:right;margin:0;padding:0;font-style:normal;color:#999;}
#content .nocomments {text-align:center;color:#999;}
/*=== SIDEBAR ===*/
.widget { padding: 5px; margin-bottom: 2px; }
.widget h3 { position: relative; margin: 0px 0px 10px;padding: 8px 0 3px 0px; line-height: 12px; color: #474747; font-size: 28px; font-weight: normal; }
.widget h3 a { position: relative; margin: 0px 0px 10px;padding: 8px 0 3px 0px; line-height: 12px; color: #474747; font-size: 28px; font-weight: normal; }
.widget p { margin-bottom: 1em; }
.widget ul { clear: both; list-style: none; margin: 0px; padding: 0px; color: #474747; }
.widget ul li { list-style: none;padding: 5px 0px;margin: 0px; position: relative; width: 100%; font-size: 20px; }
.widget ul li a { font-family:'YanoneKaffeesatzBold', Arial, sans-serif; color: #00a8aa; line-height: 22px; text-decoration: none; font-size: 24px; }
.widget ul li a:hover { font-family:'YanoneKaffeesatzBold', Arial, sans-serif; color: #00a8aa; text-decoration: underline; font-size: 24px; }
.widget ul ul { padding: 0px; border-top: none; }
.widget li li { border: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px dotted #C9C4C4; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
.flexipages_widget ul li {font-family:'YanoneKaffeesatzBold', Arial, sans-serif; color: #FFF; font-size: 22px; line-height: 22px;}
.flexipages_widget ul li a {color: #FFF;}
.flexipages_widget ul li a:hover {color: #00a8aa;}
#social_media img {margin-right: 10px;}
.widget a {color: #00a8aa;}
.widget a:hover {color: #00a8aa;}
.widget .textwidget {padding: 10px 0px 5px;}
.widget .textwidget p {line-height: 16px;}
.searchform { }
.widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.search-widget {width: 300px;float: right;}
.searchform input.s {background: url(images/ico-search.png) no-repeat scroll 8px center #FFFFFF;border-color: #E0E0E0;border-left: 1px solid #E0E0E0;border-style: solid;border-width: 1px 1px 1px 1px;color: #777777;font-weight: bold;height: 33px;padding: 0 10px 0 30px;width: 168px;}
.search_main {padding: 5px 0 5px 10px;}
/*=== FOOTER ===*/
#banners {width: 900px; margin: 0px auto; padding: 10px 10px;}
#banners img.banner {margin:0px 17px 0px 0px; padding: 0px;}
#footer {background: #1f1f1f; clear: both;margin: 0px; padding: 0px; font-size: 11px; color: #FFF;}
#footer a {}
#footer a:hover {}
/* attribution link styling */
#footer .inner {}
#footer .credits {width: 900px; margin: 0px auto;padding: 0px 20px 10px;}
#footer .credits a {}
#footer .credits a:hover {}
.boxa {float:left;margin: 0px 20px 0px 0px; width: 205px;}
.boxa .copy {padding-left: 10px;}
.boxb {float:left; margin: 0px 20px 0px 0px; width: 205px;}
.boxc {float:left;margin: 0px 20px 0px 0px; width: 205px;}
.boxd {float:left; margin: 0px 0px; width: 205px;}
.boxe {float:left; margin: 0px 0px 0px 10px; padding: 0px;width: 410px;}
.boxf {float:right; margin: 0px 0px 0px 0px; padding: 0px; width: 450px;}
.boxf img {padding-right: 10px;}
#bottom {background: #1f1f1f url(images/f_bg.png) repeat-x; min-height: 86px;}
/*=== COMMENTS ===*/
#comments p { padding-bottom:10px; }
#respond { margin: 1em 0 0; }
.col1{float: left;width: 160px;margin:0 0 1em; }
.col1 a{color: #555555;text-decoration: underline}
.col2{float: right;width: 425px}
.col4{float: left;width: 335px;}
.col5{float: right;width: 415px;}
.col5 img{border: 10px solid #f6f5ed;}
* html .col6{ width: 290px; }
.com{margin: 0 0 0; width: 600px}
.com .top,.com .bot{ clear: both;height: 10px;overflow: hidden}
.com .bot{}
.com .spcr{background: #FAFAFA;height: 1%;padding: 0 20px; min-height:100px;}
.com p{padding: 0}
/*=== THREADED COMMENTS == */
ol.commentlist li.threaded .com { width:auto; margin:0px; }
ol.commentlist li.threaded .col1 { width:90px; }
ol.commentlist li.threaded .com .spcr { padding:10px 15px 0; margin:0; }
ol.commentlist li.threaded .children { margin-left:20px; }
ol.commentlist li.threaded .col2 { float:none; width:auto; margin-left:115px; }
.btn, input.login, #searchsubmit {background: #00a8aa url(images/btn.png) repeat-x;display: inline-block;padding: 5px 10px;color: #fff; text-decoration: none;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-style: none;border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;text-transform: uppercase;font: bold 1em/1.5em Arial, Verdana, sans-serif;margin-bottom: 10px;}
.btn:hover, input.login:hover, #searchsubmit:hover {color: #FFF; background-color: #009fe9;}
a.button, a.comment-reply-link, #commentform #submit, #contact-page .submit, .searchform #submit {
border: none;
color: #FFF !important;
display: inline-block;
font-size: 12px;
font-weight: bold;
margin: 1px 0 0 5px;
padding: 4px 6px;
text-align: center;
text-decoration: none;
/*Border radius*/
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
/*Background*/
background: #00a8aa; /*Fallback*/
/*Box shadow*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
a.button.large { padding:6px 16px;}
a.button.small, a.comment-reply-link { padding:0px 10px;}
a.button:hover,
a.button.hover,
a.button.active,
a.comment-reply-link:hover,
#commentform #submit:hover,
#contact-page .submit:hover {
color: #FFF;
text-decoration: none !important;
/*Background*/
background: #000; /*Fallback*/
}
a.button:active,
a.button.active {
border-color: #20559a;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}
a.button.inactive,{
border: 1px solid #d5d5d5;
border-bottom-color: #e6e2e2;
color: #aeaeae;
text-shadow: 0 1px 0 white;
/*Background*/
background: #e8e8e8; /*Fallback*/
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(.2, #f3f3f3),
color-stop(1, #e6e6e6)
);
background: -moz-linear-gradient(
center top,
#f3f3f3 20%,
#e6e6e6 100%
);
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
}
/*=== IMAGES ===*/
#content img {margin: 0;height: auto;max-width: 640px;width: auto;}
#content .attachment img {max-width: 900px;}
#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;}
#content .wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;padding: 4px;text-align: center;}
#content .wp-caption img {margin: 5px 5px 0;}
#content .wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin: 5px;}
#content .wp-smiley {margin: 0;}
#content .gallery {margin: 0 auto 18px;}
#content .gallery .gallery-item {float: left;margin-top: 0;text-align: center;width: 33%;}
#content .gallery img {border: 2px solid #cfcfcf;}
#content .gallery .gallery-caption {color: #888;font-size: 12px;margin: 0 0 12px;}
#content .gallery dl {margin: 0;}
#content .gallery img {border: 10px solid #f1f1f1;}
#content .gallery br+br {display: none;}
#content .attachment img { /* single attachment images should be centered */display: block;margin: 0 auto;}
/*=== NAVIGATION AND PAGING ===*/
.navigation {color: #888;font-size: 12px;line-height: 18px;overflow: hidden;}
.navigation a:link,.navigation a:visited {color: #888;text-decoration: none;}
.navigation a:active,.navigation a:hover {color: #ff4b33;}
.nav-previous {float: left;width: 50%;}
.nav-next {float: right;text-align: right;width: 50%;}
#nav-above {margin: 0 0 18px 0;}
#nav-above {display: none;}
.paged #nav-above,.single #nav-above {display: block;}
#nav-below {margin: -18px 0 0 0;}
/*=== MOBILE ===*/
pre {-webkit-text-size-adjust: 140%;}
code {-webkit-text-size-adjust: 160%;}
#access,.entry-meta,.entry-utility,.navigation,.widget-area {-webkit-text-size-adjust: 120%;}
#site-description {-webkit-text-size-adjust: none;}
/*=== PRINT STYLES ===*/
@media print {
body {background: none !important;}
#wrapper {clear: both !important;display: block !important;float: none !important;position: relative !important;}
#header {border-bottom: 2pt solid #000;padding-bottom: 18pt;}
#colophon {border-top: 2pt solid #000;}
#site-title,#site-description {float: none;line-height: 1.4em;margin: 0;padding: 0;}
#site-title {font-size: 13pt;}
.post {font-size: 14pt;line-height: 1.6em;}
.entry-title {font-size: 21pt;}
#access,#branding img,#respond,.comment-edit-link,.edit-link,.navigation,.page-link,.widget-area {display: none !important;}
#container,#header,#footer {margin: 0;width: 100%;}
#content {margin: 24pt 0 0;width: 100%;}
.wp-caption p {font-size: 11pt;}
#site-info,#site-generator {float: none;width: auto;}
#colophon {width: auto;}
img#wpstats {display: none;}
#site-generator a {margin: 0;padding: 0;}
#entry-author-info {border: 1px solid #e7e7e7;}
#main {display: inline;}
.home .sticky {border: none;}
}
/*=== ADDITIONS ===*/
.staff { width: 560px; border: 0; text-align: left; padding-bottom: 50px; }
.sidebar-box2 {
width: 280px;
padding: 10px;
background: #dfdfdf;
color: #00A8AA;
font-family: 'YanoneKaffeesatzBold';
}
.sidebar-box-header {
font-size: 22px;
padding-top: 5px;
text-transform: uppercase;
}
.sidebar-box-content {
line-height: 20px;
}
.sidebar-box-form {
margin: 5px 0;
}
.sidebar-box-form input {
width: 180px;
padding: 5px;
border: 0;
border-radius: 3px;
color: #00A8AA;
font: 16px 'YanoneKaffeesatzBold';
outline: 0;
}
.sidebar-box-form input[type="submit"] {
width: auto;
padding: 6px;
background-color: #00A8AA;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00A8AA), to(#007071));
background-image: -webkit-linear-gradient(top, #00A8AA, #007071);
background-image: -moz-linear-gradient(top, #00A8AA, #007071);
background-image: -ms-linear-gradient(top, #00A8AA, #007071);
background-image: -o-linear-gradient(top, #00A8AA, #007071);
background-image: linear-gradient(top, #00A8AA, #007071);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00A8AA', EndColorStr='#007071');
border: 0;
border-radius: 3px;
color: #fff;
font-size: 14px;
text-transform: uppercase;
cursor: pointer;
}
.sidebar-box-form input[type="submit"]:hover {
background-color: #007071;
background-image: -webkit-gradient(linear, left top, left bottom, from(#007071), to(#00A8AA));
background-image: -webkit-linear-gradient(top, #007071, #00A8AA);
background-image: -moz-linear-gradient(top, #007071, #00A8AA);
background-image: -ms-linear-gradient(top, #007071, #00A8AA);
background-image: -o-linear-gradient(top, #007071, #00A8AA);
background-image: linear-gradient(top, #007071, #00A8AA);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#007071', EndColorStr='#00A8AA');
}
#newsletter_box .sidebar-box-header {
text-transform: none;
margin-bottom: 5px;
}
.event-day h4 {
font-size: 20px;
}