/*
Theme Name: African Children's Choir (acchoir)
Theme URI: http://africanchildrenschoir.com
Description: Custom theme designed by 1981.ca and developed by Max Clements
Author: Max Clements (max@clements.za.net)
Author URI: http://africanchildrenschoir.com
Version: 3.3
*/

/* Use Eric Meyer's 2011 reset.css */
 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, #content blockquote b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
     display: block;
}
 body {
     line-height: 1;
}
 ul, ol, dl {
     margin-left: 2em;
     margin-bottom: 1em;
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
/** end reset **/
 .hidden {
     display: none;
}
 object, embed {
     max-width: 100%;
}
/* force a vertical scrollbar to prevent a jumpy page */
 html {
     overflow-y: scroll;
}
 del {
     text-decoration: line-through;
}
 abbr[title], dfn[title] {
     border-bottom: 1px dotted #000;
     cursor: help;
}
/* tables still need cellspacing="0" in the markup */
 th {
     vertical-align: bottom;
}
 td {
     font-weight: normal;
}
 hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
     padding: 0;
}
 input, select {
     vertical-align: middle;
}
 pre {
     white-space: pre;
    /* CSS2 */
     white-space: pre-wrap;
    /* CSS 2.1 */
     white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
     word-wrap: break-word;
    /* IE */
}
 input[type="radio"] {
     vertical-align: text-bottom;
}
 input[type="checkbox"] {
     vertical-align: bottom;
     *vertical-align: baseline;
}
 .ie6 input {
     vertical-align: text-bottom;
}
 select, input, textarea {
     font: 99% sans-serif;
}
 table {
     font-size: inherit;
}
/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
 a:hover, a:active {
     outline: none;
}
 em, i {
     font-style: italic;
}
 small {
     font-size: 85%;
}
 strong, th {
     font-weight: bold;
}
 td, td img {
     vertical-align: top;
}
/* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */
 sub, sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
}
 sup {
     top: -0.5em;
}
 sub {
     bottom: -0.25em;
}
/* standardize any monospaced elements */
 pre, code, kbd, samp {
     font-family: monospace, sans-serif;
}
/* hand cursor on clickable elements */
 .clickable, label, input[type=button], input[type=submit], button {
     cursor: pointer;
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
 button, input, select, textarea {
     margin: 0;
}
/* make buttons play nice in IE */
 button {
     width: auto;
     overflow: visible;
}
/* scale images in IE7 more attractively */
 .ie7 img {
     -ms-interpolation-mode: bicubic;
}
/* prevent BG image flicker upon hover */
 .ie6 html {
     filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
/* let's clear some floats In reality, the overflow:hidden is all that is needed :-) */
 .clearfix:before, .clearfix:after {
     content: "\0020";
     display: block;
     height: 0;
     overflow: hidden;
}
 .clearfix:after {
     clear: both;
}
 .clearfix {
     zoom: 1;
}
 .clearLeft, .clearleft {
     clear: left;
}
 .clearRight, .clearright {
     clear: right;
}
/* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/
/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/* body {
    font: 13px futura-pt, sans-serif;
}
 */
 body {
     font-family: 'Open Sans', sans-serif;
}
/* using local fonts? make sure to read up on Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */
/* Some base fonts for the headers */
 h1, h2, h3, h4, h5, h6 {
     font-family: Oswald, "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* we like off-black for text */
 body, select, input, textarea {
     color: #333;
}
 a {
     color: #888;
}
 a:hover {
     color: #69f;
}
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
 ::-moz-selection {
     background: #fcd700;
     color: #fff;
     text-shadow: none;
}
 ::selection {
     background: #fcd700;
     color: #fff;
     text-shadow: none;
}
/* j.mp/webkit-tap-highlight-color */
 a:link {
     -webkit-tap-highlight-color: #fcd700;
}
 ins {
     background-color: #fcd700;
     color: #000;
     text-decoration: none;
}
 mark {
     background-color: #fcd700;
     color: #000;
     font-style: italic;
     font-weight: bold;
}
/* Add in the Wordpress Core Styles -------------------------------------------------------------- */
/* =Images -------------------------------------------------------------- */
/* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */
 img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
     max-width: 100%;
    /* When images are too wide for containing element, force them to fit. */
     height: auto;
    /* Override height to match resized width for correct aspect ratio. */
}
 .alignleft, img.alignleft {
     display: inline;
     float: left;
     margin-right: 24px;
     margin-top: 4px;
}
 .alignright, img.alignright {
     display: block;
     float: right !important;
     margin-left: 24px;
     margin-top: 4px;
}
 .aligncenter, img.aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 img.alignleft, img.alignright, img.aligncenter {
     margin-bottom: 12px;
}
 .wp-caption {
     background: #000;
     margin-bottom: 1em;
     max-width: 650px !important;
    /* prevent too-wide images from breaking layout */
}
 .wp-caption.alignleft {
     margin-right: 1em;
}
 .wp-caption.alignright {
     margin-left: 1em;
}
 .wp-caption img {
     margin: 0;
     padding: 0;
     border: none;
}
 .wp-caption p.wp-caption-text {
     color: #fff;
     font-size: 11px;
     line-height: 17px;
     margin: 0;
     padding: 0 4px 5px;
}
 .wp-smiley {
     margin: 0;
}
 .gallery {
     margin: 0 auto 18px;
}
 .gallery .gallery-item {
     float: left;
     margin-top: 0;
     text-align: center;
     width: 33%;
}
 .gallery-columns-2 .gallery-item {
     width: 50%;
}
 .gallery-columns-4 .gallery-item {
     width: 25%;
}
 .gallery img {
     border: 2px solid #cfcfcf;
}
 .gallery-columns-2 .attachment-medium {
     max-width: 92%;
     height: auto;
}
 .gallery-columns-4 .attachment-thumbnail {
     max-width: 84%;
     height: auto;
}
 .gallery .gallery-caption {
     color: #888;
     font-size: 12px;
     margin: 0 0 12px;
}
 .gallery dl {
     margin: 0;
}
 .gallery img {
     border: 10px solid #f1f1f1;
}
 .gallery br+br {
     display: none;
}
 #content .attachment img {
    /* single attachment images should be centered */
     display: block;
     margin: 0 auto;
}
/* Sidebar widget specific styles... */
 .widget {
     overflow: hidden;
}
 #home-header-widget {
     margin-left: 30px;
}
 .widget_image {
     margin-bottom: 30px;
}
/* Here the main styles for the theme start... -------------------------------------------------------------------------------*/
/*Page Themes*/
/* Added an ID to target new ID name that is more syntactically correct */
 #footer-content {
     background: #812436 url('images/page-themes/red/bg-footer.jpg');
     overflow: hidden;
}
 #footer-content .alignleft {
     margin-right: 0;
}
 #footer-content .alignright {
     margin-left: 0;
}
/* Removed color changing footer for now... as RipeIdea's use only one color. #footer-content {
     background: #aabb75 url('images/page-themes/light-green/bg-footer.jpg');
}
 .page-brown #footer-content{
     background: #792d26 url('images/page-themes/brown/bg-footer.jpg');
}
 .page-yellow #footer-content{
     background: #f5cc0f url('images/page-themes/yellow/bg-footer.jpg');
}
 .page-purple #footer-content{
     background: #62096d url('images/page-themes/purple/bg-footer.jpg');
}
 .page-dark-green #footer-content{
     background: #375b4a url('images/page-themes/dark-green/bg-footer.jpg');
}
 .page-light-green #footer-content{
     background: #aabb75 url('images/page-themes/light-green/bg-footer.jpg');
}
 .page-dark-orange #footer-content{
     background: #da5523 url('images/page-themes/dark-orange/bg-footer.jpg');
}
 .page-light-orange #footer-content{
     background: #e78a37 url('images/page-themes/light-orange/bg-footer.jpg');
}
 .page-dark-blue #footer-content{
     background: #1d445b url('images/page-themes/dark-blue/bg-footer.jpg');
}
 .page-light-blue #footer-content{
     background: #12699b url('images/page-themes/light-blue/bg-footer.jpg');
}
 .page-red #footer-content{
     background: #812436 url('images/page-themes/red/bg-footer.jpg');
}
 */
/* end - Page Themes */
/* Grid Styles for home page */
 .row {
     margin: 30px 0;
     overflow: hidden;
}
 .row:last-child, .row .last {
     margin-right: 0;
}
 .col50 {
     width: 50%;
     overflow: hidden;
     float: left;
}
/* Grid Styles for the content pages */
 .grid {
     background-color: #ccc;
     overflow: hidden;
     float: left;
}
 .grid h3, .grid p, .grid ul {
     padding: 0 10px;
}
 .grid-50 {
     width: 310px;
     margin-right: 30px;
     min-height: 450px;
}
 .grid-100 {
     width: 650px;
}
 body {
     min-width: 960px;
     font-size: 15px;
}
 .container {
     background-color: #fff;
     padding: 0 30px;
     overflow: visible;
}
 .overflow-wrap {
     overflow: hidden;
}
 .content-container {
     padding: 30px;
}
 #page-wrap {
     width: 1020px;
     position: relative;
     overflow: hidden;
     padding: 0;
     margin: 0 auto;
}
/** what are these styles ???? * Todo, they should probably be removed. */
 #w1 {
     width: 1020px;
     position: relative;
     float: left;
     left: 50%;
}
 #w2 {
     width: 1020px;
     position: relative;
     float: left;
     left: -50%;
     background: #fff url('images/bg-page.png');
     overflow: hidden;
}
 #branding {
     position: relative;
}
 #branding a {
     display: block;
}
 #branding .logo {
     position: absolute;
     top: 365px;
     left: 750px;
     text-indent: -999em;
     background: transparent url('images/african-childrens-choir-logo-212x124.png') left top no-repeat;
     height: 124px;
     width: 212px;
     z-index: 999;
}
 #branding .tagline {
     position: absolute;
     top: 275px;
     width: 450px;
     height: 60px;
     background-color: #000;
     background: rgba(0, 0, 0, 0.51);
     color: #fff;
     font-size: 24px;
     line-height: 30px;
     font-family: Oswald, "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", 'Helvetica Neue', Helvetica, Arial, sans-serif;
     padding: 10px 15px;
     margin: 0 0 0 30px;
}
 #header {
}
 #header-img {
     display: block;
     height: 355px;
}
 #header-image {
     z-index: 100;
}

 #header-nav-bar, #footer-nav-bar {
     background: #909f61 url('images/bg-main-nav.gif');
     height: 52px;
     overflow: hidden;
     padding: 0 10px;
}

 #header-nav, #footer-nav {
     z-index: 1000;
     overflow: hidden;
}
#header-nav, 
#header-nav ul,
#footer-nav,
#footer-nav ul {
     font-family: Oswald, "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: bold;
     width: 100%;
     text-transform: uppercase;
     font-size: 18px;
     list-style-type: none;
     padding: 0;
     margin: 0;
     z-index: 1000;
     text-shadow: 0 2px 0 #000;
}
#header-nav li,
#footer-nav li {
     float: left;
     width: auto;
     padding: 0 5px;
     margin: 8px 8px 8px 0;
     line-height: 36px;
     z-index: 1000;
}
#header-nav li:hover, #header-nav li.sfHover,
#footer-nav li:hover, #footer-nav li.sfHover {
     background-color: #000;
}
#header-nav a,
#footer-nav a {
     display: inline-block;
     width: auto;
     color: #fff;
     text-decoration: none;
}
#header-nav li>ul,
#footer-nav li>ul {
     position: absolute;
     width: auto;
    /*left: -999em;
    */
     display: none;
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.51);
     -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
     border-radius: 0 2px 2px 0;
}
#header-nav li:hover>ul, #header-nav li.sfHover>ul,
#footer-nav li:hover>ul, #footer-nav li.sfHover>ul {
    /* left: auto;
    */
     display: block !important;
}
#header-nav li ul li,
#header-nav li ul li {
     float: none;
     line-height: 21px;
     font-size: 14px;
}
/* Add the special behavior for the social stuff, as well as the location stuff. */
.location, .social-nav {
     text-indent: -999em;
}
#header-nav .location,
#footer-nav .location {
     float: right;
     width: 40px;
     height: 40px;
     padding: 0;
     margin: 6px;
     float: right;
}
#header-nav .location li:hover,
#footer-nav .location li:hover {
     background-color: transparent;
}
#header-nav .location a, #header-nav .social-nav a,
#footer-nav .location a, #footer-nav .social-nav a {
     display: block;
     width: 100%;
     height: 100%;
}
.location a:hover {
     background-color: transparent;
}
/* Flags from sprites */
.us a {
     background: url('assets/navbar-sprites.svg#united-states-of-america') no-repeat;
}
.ca a {
     background: url('assets/navbar-sprites.svg#canada') no-repeat;
}
.uk a {
     background: url('assets/navbar-sprites.svg#united-kingdom') no-repeat;
}
#header-nav .social-nav,
#footer-nav .social-nav {
     float: right;
     width: 38px;
     height: 38px;
     margin: 6px;
     padding: 0;
     display: inline-block;
}
#header-nav .location:hover,
#footer-nav .location:hover,
#header-nav .social-nav:hover,
#footer-nav .social-nav:hover {
     background-color: transparent;
}
/* Social backgrounds */
.facebook a {
     background: url('assets/navbar-sprites.svg#facebook') no-repeat;
}
.twitter a{
     background: url('assets/navbar-sprites.svg#twitter') no-repeat;
}
.instagram a {
     background: url('assets/navbar-sprites.svg#instagram') no-repeat;
}
.youtube a {
     background: url('assets/navbar-sprites.svg#youtube') no-repeat;
}

/* Content */
#content {
     position: relative;
     background: #fff url('images/bg-sidebar-repeat.png') right bottom repeat-y;
    /* For IE and friends that don't understand multiple BGs */
     background: url('images/bg-sidebar.png') right bottom no-repeat, url('images/bg-sidebar-repeat.png') right bottom repeat-y;
     overflow: hidden;
     background-color: #fff;
}
/* Page header styles */
 #article-wrap {
     padding: 0 30px;
     background: transparent url('images/page-themes/light-green/page-title-bottom.png') top left no-repeat;
     overflow: hidden;
}
 .page-bright-red #article-wrap {
     background-image: url('images/page-themes/bright-red/page-title-bottom.png');
}
 .page-brown #article-wrap {
     background-image: url('images/page-themes/brown/page-title-bottom.png') 
}
 .page-dark-blue #article-wrap {
     background-image: url('images/page-themes/dark-blue/page-title-bottom.png');
}
 .page-dark-green #article-wrap {
     background-image: url('images/page-themes/dark-green/page-title-bottom.png');
}
 .page-dark-orange #article-wrap {
     background-image: url('images/page-themes/dark-orange/page-title-bottom.png');
}
 .page-light-blue #article-wrap {
     background-image: url('images/page-themes/light-blue/page-title-bottom.png');
}
 .page-light-green #article-wrap {
     background-image: url('images/page-themes/light-green/page-title-bottom.png');
}
 .page-light-orange #article-wrap {
     background-image: url('images/page-themes/light-orange/page-title-bottom.png');
}
 .page-purple #article-wrap {
     background-image: url('images/page-themes/purple/page-title-bottom.png');
}
 .page-red #article-wrap {
     background-image: url('images/page-themes/red/page-title-bottom.png');
}
 .page-yellow #article-wrap {
     background-image: url('images/page-themes/yellow/page-title-bottom.png');
}
/* end Page Header styles */
 #page-left {
     float: left;
     width: 650px;
     padding: 10px 0 10px 10px 
}
 h2.archive-type {
     color: #7f2335;
     font-style: italic;
     text-align: right;
     margin: 5px 0 25px 0;
}
/* Typography... */
#content p,
#content ul,
#content ol {
     margin-bottom: 1em;
     line-height: 1.4em;
}
#content
blockquote {
     color: #333;
     padding: 25px 40px;
     margin: 1em 0;
     overflow: hidden;
}
#content cite {
     font-style: italic;
}
#content .wide-feature blockquote {
     background-color: #fff;
     padding: 0;
}
.post {
}
.post-header {
     background: #e5e5d6 url('images/bg-diagonals.gif');
     border-top: dotted 1px #d0cfb4;
     border-bottom: dotted 1px #d0cfb4;
     margin: 20px 0;
     overflow: hidden;
}
.post-header h2 {
     float: left;
     color: #000;
     font-size: 16px;
     font-weight: bold;
     width: 450px;
     margin: 7px 0px;
     text-transform: uppercase;
}
.post-header h2 a {
     color: #000;
     text-decoration: none;
}
.post-header p {
     float: right;
     font-weight: bold;
     height: 23px;
     padding: 3px 5px;
     margin: 4px 0 0 4px !important;
}
.post-header p.date {
     background: #d0cfb4;
     color: #fff;
     font-style: italic;
}
.post-header .comment-count {
     background: url('images/speachbubble.png') no-repeat top left;
     width: 26px;
     text-align: center;
     color: #000;
     font-style: italic 
}
.post-header .comment-count a {
     color: #9a9982;
     text-decoration: none;
}
.page-title {
     color: #fff;
     font-size: 36px;
     line-height: 75px;
     text-transform: uppercase;
     height: 75px;
     font-family: "HelveticaNeue-Bold", "HelveticaNeueBold", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.entry-content {
}
.entry {
     line-height: 18px;
     margin: 0 0 6px;
}
.entry h2,
.entry h3,
.entry h4 {
     font-size: 1.5em;
     line-height: 2em;
     margin: 1em 0 1em;
}
.entry p {
     margin: 1em 0;
}
.entry a {
     color: #f93;
     text-decoration: underline;
}
.entry a:hover {
     color: #f63;
}
#page-left .postmetadata {
     display: none;
}
#sidebar {
     margin: 80px 40px 0 685px;
     padding: 0 15px;
     width: 230px;
}
.ie7 #sidebar {
     width: 229px;
     margin: 0 40px 0 685px;
}
#logo {
     margin-top: -80px;
}
/* Sidebar Links */
 .child-links {
     color: #fff;
     text-shadow: none;
     list-style-type: none;
     margin: 0 0 20px 0;
}
 .child-links li {
     width: 100%;
     font-family: Oswald, "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 20px;
     line-height: 39px;
     border-bottom: #000 1px solid;
}
 .child-links li.current_page_item, .child-links li.current-cat {
     border-bottom-color: #fff;
}
 .child-links a {
     color: #000;
     text-decoration: none;
     margin: 0;
}
 .child-links li a:hover, .child-links li.current-cat a, .child-links li.current_page_item a {
     color: #fff;
}
/* Sidebar Keylinks - we keep te CSS but the code is removed from this site... */
 #sidebar-keylinks {
     margin: 0;
     padding: 40px 0;
}
 #sidebar-keylinks li {
     margin-right: -8px;
     padding-bottom: 6px;
}
 #sidebar-keylinks a {
     background: url('images/sidebar-buttons.png') no-repeat;
     text-indent: -999em;
     text-overflow: clip;
}
 #sidebar-keylinks a:hover {
     margin-top: 1px;
     margin-bottom: -1px 
}
 #keylink {
     height: 67px;
     width: 100%;
     display: block;
}
 #keylink .volunteer a {
     background-position: right 0;
}
 #keylink .sponsor a {
     background-position: right -67px;
}
 #keylink .attend a {
     background-position: right -133px;
}
 #keylink .give a {
     background-position: right -200px;
}
 #sidebar-slogan {
     background: url('images/sidebar-slogan.jpg');
     width: 256px;
     height: 285px;
     text-indent: -999em;
     overflow: hidden;
     margin: 0 0 0 -4px !important;
}
 .navgation {
}
 .next-posts {
}
 .prev-posts {
}
 #searchform {
}
 #s {
}
 #searchsubmt {
}
/*Footer*/
 .footer-left, .footer-right {
     float: left;
     width: 450px;
}
 .footer-right {
     float: right;
}
 .footer-link, #footer h2 {
     font-size: 24px;
     font-weight: bold;
     height: 41px;
     line-height: 41px;
     margin-bottom: 30px;
     text-transform: uppercase;
}
 .footer-link a {
     color: #fff;
     text-decoration: none;
}
 .footer-right img {
     margin-top: 10px;
}
/* Footer-asside - tour journal - search - store */
 .footer-blog {
     margin-bottom: 30px;
     overflow: hidden;
     clear: left;
}
 .footer-blog-img {
     float: left;
     border: solid 4px #000;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     background: #000;
     position: relative;
     -ms-behavior: url('/wp-content/themes/acchoir/_/pie/PIE.php');
}
 .footer-blog-content {
     margin-left: 190px;
     color: #fff;
     font-size: 14px;
     line-height: 21px;
}
 a.continue {
     color: #fff;
     font-weight: bold;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     background: #000;
     padding: 2px 4px;
     text-decoration: none;
     float: left;
     margin-top: 5px;
     position: relative;
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
 #footer-aside {
     background: transparent url('images/home-sprite-1020x1462.jpg') 0 -1101px no-repeat;
     overflow: hidden;
     height: 300px;
}
 #footer-search {
     margin-bottom: 30px;
     overflow: hidden;
}
 #footer-search label {
     display: block;
     float: left;
     font-size: 19px;
     line-height: 41px;
     font-weight: bold;
     background: #000;
     background: rgba(0, 0, 0, 0.51);
     color: #fff;
     height: 41px;
     padding: 0 8px;
     text-transform: uppercase;
     -webkit-border-radius: 2px 0 0 2px;
     -moz-border-radius: 2px 0 0 2px;
     border-radius: 2px 0 0 2px;
     position: relative;
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
 #footer-search input.submit {
     display: none;
}
/* footer-nav -nav -newsletter signup */
 #footer-content {
     clear: both;
     color: #fff;
     border-top: solid 1px #000;
     padding-bottom: 20px;
     overflow: hidden;
}
 #footer-content h2 {
     margin-bottom: 27px;
     height: 40px;
}
 .black {
     float: left;
     background: #000;
     background: rgba(0, 0, 0, 0.51);
     color: #fff;
     padding: 5px 8px;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     position: relative;
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
 #footer-aside .footer-right img {
     width: 150px;
     float: right;
     margin: 10px 10px 0 0;
     display: none;
}
 #footer-aside input[type=text] {
     background: #000;
     background: rgba(0, 0, 0, 0.6);
     filter: alpha(opacity=60);
     border: none;
     color: #FFF;
     padding: 11px 5px 12px 5px;
     font-size: 16px !important;
}
 #footer-aside #search {
     clear: left;
     width: 293px;
     -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
     border-radius: 0 2px 2px 0;
     background: rgba(0, 0, 0, 0.51);
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
 #footer .gform_wrapper input {
     margin: 2px 0px;
}
 #footer #gforms_confirmation_message {
     margin: 30px 0;
     max-width: 99%;
     float: left;
     color: #fff;
     font-size: 24px;
}
 body #gform_wrapper_1 {
     float: left;
     width: 200px;
}
 body #gform_wrapper_1 .validation_error {
     color: #fff !important;
     font-weight: bold !important;
     width: 350px;
     margin: 0;
     padding: 0;
     margin-bottom: 10px;
}
 #gform_wrapper_1 .top_label input.medium {
     width: 250px !important;
}
/*Email*/
 body #gform_wrapper_1 .gform_body .gform_fields .gfield_error .validation_message {
     color: #fff;
     margin-bottom: 10px;
     float: right;
}
 #footer-aside input::-webkit-input-placeholder, #footer-aside input::-webkit-input-placeholder, #footer-aside input::-moz-placeholder {
     color: #fff;
}
 #footer-aside input[type=submit] {
     background: #000;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     padding: 5px 5px;
     border: 0;
     margin-top: 4px;
     border-radius: 2px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     float: left;
     clear: both;
     position: relative;
     -ms-behavior: url('/wp-content/themes/acchoir/_/pie/PIE.php');
}
/*footer-copyright*/
 #copyright {
     color: #FFF;
     text-align: center;
     padding: 10px 0;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 12px;
}
 #copyright a {
     color: #FFF;
     text-align: center;
     padding: 10px 0;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 12px;
     text-decoration: none;
}
/* #gform_fields_1 input.medium {
     width:98% !important;
}
 */
 .footer-right h2 span.push {
}
 #gform_submit_button_1 {
     margin-top: -28px !important;
     padding: 8px !important;
}
 #gform_fields_1 .gfield_label {
     display: none !important;
     color: #fff !important;
}
 #gform_fields_3 .gfield_radio {
     margin-left: 20px;
}
/* HOME PAGE */
 #home-header {
     background: transparent url('images/home-top-give-covid-19.png') left top no-repeat;
     height: 682px;
     position: relative;
}
 #home-logo {
     background: url('images/african-childrens-choir-logo-432x255.png');
     width: 432px;
     height: 255px;
     margin-left: 528px;
     text-indent: -999em;
     overflow: hidden;
}
 #ie6 #home-logo {
     background: url('images/logo-large.gif');
}
 #home-tagline {
     width: 450px;
     height: 70px;
     background-color: rgba(0, 0, 0, 0.51);
     color: #fff;
     font-size: 24px;
     line-height: 30px;
     font-family: Oswald, "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", 'Helvetica Neue', Helvetica, Arial, sans-serif;
     padding: 5px 15px;
     margin-bottom: 30px;
}
 #home-header-video {
     width: 480px;
}
 #video-nav a {
     background: url('images/nav-video.png');
     display: block;
     width: 33px;
     height: 32px;
     text-indent: -999em;
     overflow: hidden;
     opacity: .7;
}
 #video-nav a:hover {
     opacity: 1 
}
 #video-nav #video-prev {
     background-position: 0 0;
     position: absolute;
     left: 22px;
     top: 130px;
}
 #video-nav #video-next {
     background-position: -33px 0;
     position: absolute;
     right: 22px;
     top: 130px;
}
 #home-header-sidebar {
     position: absolute;
     width: 317px;
     right: 43px;
     bottom: 0;
     height: 430px;
}
/* Home Feature Block */
 #home-features {
     overflow: hidden;
     background-color: #000;
}
 #home-features .widget {
     width: 100%;
}
 #home-features h2 {
     font-size: 40px;
     color: #fff;
     margin-bottom: 7px;
     text-transform: uppercase;
}
/* Kelink Menu */
 #home-header-widget ul {
     list-style: none;
     margin: 0;
     padding: 0;
     font-family: sans-serif;
     font-size: 28px;
     font-weight: bold;
}
 #home-header-widget li a {
     display: block;
     width: 300px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     background: #fff;
     font-style: normal;
     color: #000;
     text-decoration: none;
     text-transform: uppercase;
     margin: 0.8em auto;
}
 #home-header-widget li a:hover {
     background: #ffffe0;
}
/* Keylinks are deprecated - should be removed from this stylesheet */
 #home-keylinks {
     margin: 0;
     padding: 40px 0;
}
 #home-keylinks li {
     margin-right: -12px;
     padding-bottom: 6px;
}
 #home-keylinks a {
     background: url('images/feature-buttons.png') no-repeat;
     text-indent: -999em;
     text-overflow: clip;
}
 #home-keylinks a:hover {
     margin-top: 1px;
     margin-bottom: -1px 
}
 #home-keylinks-volunteer a {
     background-position: right 0;
     height: 90px;
     width: 100%;
     display: block;
}
 #home-keylinks-sponsor a {
     background-position: right -93px;
     height: 90px;
     width: 100%;
     display: block;
}
 #home-keylinks-attend a {
     background-position: right -186px;
     height: 90px;
     width: 100%;
     display: block;
}
 #home-keylinks-give a {
     background-position: right -279px;
     height: 90px;
     width: 100%;
     display: block;
}
 #home-content {
     position: relative;
     height: 413px;
     border-bottom: solid 1px #FFF;
}
 #home-content article {
     font-size: 17px;
     line-height: 20px;
     font-weight: bold;
     color: #fff;
     position: absolute;
     left: 400px;
     top: 110px;
     width: 380px;
     height: 220px;
     overflow: hidden;
     text-align: justify;
}
/*VOLUNTEER, GIVE TODAY*/
 #home-volunteer, #home-givetoday {
     position: relative;
     width: 509px;
     height: 359px;
     border-bottom: solid 1px #fff;
     color: #fff;
}
 #home-volunteer {
     float: left;
     background: url('images/home-sprite-1020x1462.jpg') 0 -754px no-repeat;
}
 #home-givetoday {
     margin-left: 509px;
     width: 510px;
     background: url('images/home-sprite-1020x1462.jpg') -509px -754px no-repeat;
     border-left: solid 1px #fff;
}
 #home-raysvoice {
     position: relative;
     float: left;
     width: 509px;
     height: 359px;
     background: url('images/ray_homepage.jpg') top left no-repeat;
     border-bottom: solid 1px #fff;
     border-right: solid 1px #fff;
     color: #fff;
}
 #home-newsfeed {
     position: relative;
     float: left;
     width: 509px;
     height: 359px;
     background: #a2b16e;
     border-bottom: solid 1px #fff;
     color: #FFF;
}
 .home-blurb {
     font-size: 14px;
     padding: 15px 25px 8px 25px;
     font-weight: bold;
}
 .home-blurb p {
     line-height: 16px;
     margin-bottom: .4em;
}
 .home-blurb a {
     color: #fff;
     text-decoration: underline;
}
 .home-blurb h2 {
     font-size: 40px;
     color: #fff;
     margin-bottom: 7px;
     text-transform: uppercase;
}
 .home-volunteer-footer, .home-raysvoice-footer, .home-newsfeed-footer, .home-givetoday-footer {
     position: absolute;
     bottom: 0;
     height: 16px;
     width: 100%;
}
 .bg-orange {
     background: url('images/bg-orange.png');
}
 .bg-green {
     background: url('images/bg-green.png');
}
 .bg-amber {
     background: #a34023;
}
 .bg-transblack {
     background: url('images/bg-transblack.png');
}
 .home-toggle {
     display: none;
}
 #home-newsfeed .newsfeed {
     font-size: 100% !important;
     padding: 12px 0 12px 12px;
     overflow: hidden;
     color: #000;
     font-family: Arial, Helvetica, Verdana;
}
 #home-newsfeed .newsfeed_row {
     font-size: 11px;
     margin: 0 0 15px 0;
     clear: both;
     float: left;
}
 #home-newsfeed .newsfeed_thumb {
     float: left;
     margin: 0 10px 0 0;
}
 #home-newsfeed .newsfeed_text {
     float: left;
     width: 365px 
}
 #home-newsfeed .newsfeed_row p {
     font-size: 11px;
     line-height: 12px;
}
 #home-newsfeed .newsfeed_row h3 {
     font-size: 15px;
     font-weight: bold;
     margin: 0 0 5px 0;
     padding: 0;
}
 #home-newsfeed .newsfeed_row h3 a {
     color: #fff;
     text-decoration: none;
}
 #home-newsfeed .newsfeed_date {
     padding: 0 0 5px 0;
     font-size: 12px;
}
/*SEE THE CHOIR*/
 #map-wrap {
     margin-top: 10px;
}
 html body #map_canvas {
     margin: 0;
     padding: 0;
     height: 350px;
     width: 100%;
     border: solid 1px #000;
}
 html body #map_canvas p {
     margin: 0;
     line-height: normal;
}
 #map-wrap {
     background: #e5e5d6 url('images/bg-diagonals.gif');
     padding: 8px;
}
 .table-header {
     background: #e5e5d6 url('images/bg-diagonals.gif');
     border-top: dotted 1px #d0cfb4;
     border-bottom: dotted 1px #d0cfb4;
     padding: 8px 10px;
     margin: 20px 0;
     font-style: italic;
     text-align: left;
}
 .table-header th {
     padding: 4px 6px;
}
 .datatable {
     margin: 20px 0;
     border-bottom: dotted 1px #d0cfb4;
}
 .datatable td {
     font-size: 12px;
     padding: 4px 6px;
}
 .tour-dates-detail #map_canvas {
     height: 300px;
}
 .map-link {
     background: url('images/map-link.gif') 0 1px no-repeat;
     color: #aabb75;
     text-decoration: none;
     display: block;
     padding: 0 0 3px 15px;
     font-style: italic;
     font-weight: bold;
}
 .details-link {
     background: url('images/details-link.gif') 0 1px no-repeat;
     color: #aabb75;
     text-decoration: none;
     display: block;
     padding: 0 0 3px 15px;
     font-style: italic;
     font-weight: bold;
}
 #tourfilter {
     text-align: center;
}
 #tourfilter select {
     min-width: 150px;
}
 #tourfilter .reset {
     font-weight: bold;
     font-size: 1em;
     color: #000 !important;
}
 ol.commentlist #respond {
     margin: 0 
}
/* when comment form goes in the list */
 ol.commentlist {
     list-style: none;
}
 ol.commentlist li .comment-message {
     background: #aabb75;
     color: #FFF;
     padding: 12px 12px 1px 12px;
     margin-bottom: 10px;
     position: relative;
     border-radius: 5px;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     position: relative;
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
 ol.commentlist li .comment-message:after {
     content: "";
     position: absolute;
     bottom: -6px;
     left: 50px;
     border-width: 8px 7px 0;
     border-style: solid;
     border-color: #aabb75 transparent;
     display: block;
     width: 0;
}
 ol.commentlist li .comment-meta {
     font-weight: bold;
     color: #aabb75;
     font-style: italic;
}
 ol.commentlist li .comment-message p {
     margin-bottom: 10px;
}
 ol.commentlist li.alt .comment-message {
     background: #476858 
}
 ol.commentlist li.alt .comment-meta {
     color: #476858;
}
 ol.commentlist li.alt .comment-message::after {
     border-color: #476858 transparent;
}
 ol.commentlist li.comment ul.children li.depth-2, ol.commentlist li.comment ul.children li.depth-3, ol.commentlist li.comment ul.children li.depth-4, ol.commentlist li.comment ul.children li.depth-5, ol.commentlist li.comment ul.children li.depth-6 {
     margin-left: 40px;
}
 ol.commentlist li.comment ul.children li.depth-2 .comment-message, ol.commentlist li.comment ul.children li.depth-3 .comment-message, ol.commentlist li.comment ul.children li.depth-4 .comment-message, ol.commentlist li.comment ul.children li.depth-5 .comment-message {
     background: #e99347;
}
 ol.commentlist li.comment ul.children li.depth-2 .comment-message::after, ol.commentlist li.comment ul.children li.depth-3 .comment-message::after, ol.commentlist li.comment ul.children li.depth-4 .comment-message::after, ol.commentlist li.comment ul.children li.depth-5 .comment-message::after, ol.commentlist li.comment ul.children li.depth-6 .comment-message::after {
     border-color: #e99347 transparent;
}
 ol.commentlist li.comment ul.children li.depth-2 .comment-meta, ol.commentlist li.comment ul.children li.depth-3 .comment-meta, ol.commentlist li.comment ul.children li.depth-4 .comment-meta, ol.commentlist li.comment ul.children li.depth-5 .comment-meta, ol.commentlist li.comment ul.children li.depth-6 .comment-meta {
     color: #e99347;
}
 #respond form {
     background: #f5f6e7 url('images/bg-form.jpg');
     padding: 8px;
     position: relative;
}
 #respond h2 {
     margin-bottom: .5em;
     font-style: italic;
     font-size: 1.1em;
}
 #respond label {
     color: #aaaf40;
     float: left;
}
 #respond input, #respond textarea {
     border: none;
     box-shadow: inset 1px 1px 0 #e2e4b5;
     margin-bottom: 10px;
     position: relative;
}
 #respond input#submit {
     background: #aabb75;
     padding: 8px;
     border-radius: 5px !important;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     color: #fff;
     font-size: 12px;
     font-weight: bold;
     border: none;
     position: relative;
     -ms-behavior: url(/wp-content/themes/acchoir/_/pie/PIE.php);
}
/* Changing Africa */
 .changing_africa_wrapper {
     margin: 0 -7px;
}
 .changing_africa {
     float: left;
     margin: 7px;
     position: relative;
     height: 200px;
     width: 150px;
     border: solid 1px #000;
}
 .changing_africa a {
     color: #FFF !important;
     text-decoration: none;
}
 .changing_africa a:hover {
     text-decoration: none;
}
 .changing_africa a:hover .before_photo {
     display: none;
}
 .changing_africa a:hover .after_photo {
     display: block;
}
 .changing_africa img {
}
 .changing_africa_detail .column {
     text-align: justify;
}
 .changing_africa .after_photo {
     display: none;
}
 .changing_africa span {
     position: absolute;
     bottom: 15px;
     left: 0;
     width: 150px;
     background: #000;
     font-weight: bold;
     text-align: center;
     padding: 3px 0;
}
 .changing_africa_detail h3 {
     margin: 20px 0 10px 0;
}
 .changing_africa_detail .before_photo, .changing_africa_detail .after_photo {
     float: left;
     border: solid 1px #000;
     margin: 0 10px 8px 0;
}
/* Features (Aside features) -- keep this for now... */
 .feature {
     float: right;
     background: #ebe6d9;
     width: 250px;
     padding: 20px;
     margin: 0 0 12px 40px;
}
 .feature h3 {
     text-align: center;
     margin: 0 0 .5em !important;
}
 .wide-feature {
     border: #000 1px solid;
     padding: 10px;
     margin-bottom: 20px;
}
 .wide-feature h2 {
     line-height: 1.5em;
     margin-top: 0;
     font-style: italic;
}
 .wide-feature h2 span {
     font-weight: 100;
     text-transform: none;
     font-style: normal;
     padding-left: 1em;
}
 .wide-feature q, .wide-feature blockquote {
     color: #963;
     font-style: italic;
}
 .wide-feature .copy {
     overflow: auto;
}
/* Special Projects */
 .projects {
}
 .projects h3 {
     margin: 20px 0 10px 0;
}
 .donate-red, .donate-blue {
     display: block;
     margin: 0 -30px;
     width: 310px;
     padding: 30px 0 20px 0;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     text-transform: uppercase;
     text-decoration: none;
}
 .donate-red:hover, .donate-blue:hover {
     text-decoration: none;
     color: #fff;
}
 .donate-red {
     background: url('images/donate-red.png') top center no-repeat;
}
 .donate-blue {
     background: url('images/donate-blue.png') top center no-repeat;
}
/* Area Programs */
 .programs {
}
 .programs article h3 {
     margin: 10px 0px;
}
 .programs .google_maps {
     padding: 40px 0 20px 0;
     clear: both;
}
/*Sharing*/
 .sharing {
     background: #e5e5d6 url('images/bg-diagonals.gif');
     border-top: dotted 1px #d0cfb4;
     border-bottom: dotted 1px #d0cfb4;
     padding: 5px 0px;
     margin: 20px 0;
     width: 100%;
     text-align: center;
     float: right;
}
/* .sharing ul {
     list-style: none;
     margin-left: 180px !important;
     float: left;
}
 .sharing ul li {
     margin: 0px 5px !important;
}
 */
/* Gravity Forms */
/* Special Link Styles */
 a[href*=".docx"], a[href$=".docx"], a[href*=".doc"], a[href$=".doc"] {
     background: url('images/bg-ms-word-icon-46x55.png') no-repeat left center;
     height: 55px;
     line-height: 55px;
     display: block;
     border-bottom: #333 1px solid;
     width: 50%;
     padding: 5px 0 5px 50px;
     margin: 5px 0;
}
/* Donate Options Page */
 .donate_row {
     width: 100%;
     float: left;
     border-bottom: 1px solid #fb6d01;
}
 .donate_row_c1 {
     float: left;
     width: 80px;
}
 .donate_row_c2 {
     float: left;
     width: 570px;
     padding: 20px 0 0 0;
}
 .donate_row h4 {
     font-weight: bold;
     font-size: 16px;
     line-height: 24px;
     margin: 0;
     text-transform: uppercase;
}
 .donate_footer {
     clear: both;
     font-weight: bold;
     padding: 20px 0 0 0;
}
/* Print styles! -------------------------------------------------------------------------------*/
 @media print {
}
/* Media queries! -------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
 @media screen and (max-device-width: 480px) {
}
 @media all and (orientation: portrait) {
}
 @media all and (orientation: landscape) {
}
/* Donate form */
/* This is necessary to deal with the annoying <br /> that wordpress adds from TinyMCE! - Max */
 #donate br {
     display: none;
}
 #donate, #cm_ajax_form {
     width: auto;
     margin: 2em 0;
}
 #donate fieldset, #donate legend {
     border: 1px solid #666;
}
 #donate fieldset {
     margin: 1em 0;
    /* space out the fieldsets a little*/
     padding: 2em 1em;
}
 #donate fieldset+p {
     margin-top: 2em;
}
 #donate legend {
     padding: 2px 6px;
}
/* Set the same height and line height as the text inputs to make sure everything lines up! */
 #donate label, #cm_ajax_form label {
     height: 30px;
     line-height: 30px;
     float: left;
     margin-right: 1em;
     text-align: right;
}
/* Float the labels left, and give them some width, so everything lines up */
 #cm_ajax_form label {
     width: 4em;
}
 #donate label {
     width: 10em;
}
 #donate input, #donate textarea, #donate select {
}
 #donate input[type="text"], #donate textarea, #cm_ajax_form input[type="text"] {
     border: 1px solid #ccc;
     margin: 0;
}
 #donate input[type="text"], #cm_ajax_form input[type="text"] {
     width: 300px;
     height: 24px;
}
 #cm_ajax_form input[type="text"].widefat {
     width: 150px;
}
 #donate input[type="text"]#zip {
     width: 100px;
}
 #donate input:focus, #donate textarea:focus, #cm_ajax_form input:focus, #donate select:focus {
     background: #ffc;
}
 #donate select {
     height: 24px;
     line-height: 24px;
}
 #donate option {
     background-color: #fff;
}
 #donate option:focus {
     background-color: #900;
}
 #donate input#button {
     color: #666;
     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     font-size: 1.2em;
     font-weight: bold;
}
 ul#toplinks {
     list-style-type: none;
     padding: 0;
     margin: 0;
     clear: both;
     position: absolute;
     top: 110px;
}
 ul#toplinks li {
     float: left;
     padding: 4px 8px;
     background: #fecb02;
     margin: 0 5px 0 0;
}
 ul#toplinks li a {
     text-decoration: none;
     text-transform: uppercase;
     color: #000;
     font-weight: bold;
}
/* Lists */
 dt {
     font-weight: bold;
}
 dd {
     background: none no-repeat left top;
     margin-bottom: 0.5em;
}
 .fullwidth-tab {
     background: #fff no-repeat url('images/fullwidth-tab.jpg') !important;
}
 #ray-homepage {
     background: #fff no-repeat url('images/ray_homepage.jpg');
     height: 292px;
}
 #ray_homepage_text {
     width: 460px;
     padding: 20px;
     float: right;
     line-height: 18px;
}
 #ray_homepage_text h2 {
     margin: 0 0 15px 0;
}
 #ray_homepage_text a {
     color: #000;
}
 #newsletter-small {
     background: #000;
     width: 100%;
     float: left;
}
 #newsletter-small .widget {
     overflow: visible;
}
 #newsletter-small #gform_1 {
     position: relative;
}
 #newsletter-small #input_1_4_3 {
     width: 130px!important;
     position: absolute;
     top: 0;
     left: 10px;
}
 #newsletter-small #input_1_4_6 {
     width: 130px!important;
     position: absolute;
     top: 0;
     left: 155px;
}
 #newsletter-small #input_1_3 {
     float: left;
     position: absolute;
     top: 0;
     right: 0;
     width: 200px 
}
 #newsletter-small #field_1_3 {
     float: left;
     position: absolute;
     top: 0;
     left: 506px;
}
 #newsletter-small .gform_footer {
     position: absolute!important;
     top: -10px!important;
     left: 515px!important;
}
 #newsletter-small #gform_submit_button_1 {
     padding: 5px 5px!important;
     background: #fe2401;
     border: 0;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
}
 #newsletter-small .gfield_error {
     float: left!important;
}
 #newsletter-small .validation_message {
     float: left!important;
}
 #newsletter-small .validation_error {
     position: absolute!important;
     background: #000;
     top: -50px;
     width: 200px;
     padding: 0 10px !important;
}
 #newsletter-small .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full {
     min-height: 0!important;
     display: block;
     overflow-x: hidden;
     overflow-y: hidden;
}
 #newsletter-small h2 {
     margin: 0;
     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
 #blog_subscription-2 {
     width: 230px;
     padding: 10px 0;
}
 #blog_subscription-2 label {
     font-size: 14px!important;
     padding: 0 0 4px 0;
     font-weight: bold;
     display: block;
}
 #blog_subscription-3 {
     width: 230px;
     padding: 10px 0;
}
 #blog_subscription-3 label {
     font-size: 14px!important;
     padding: 0 0 4px 0;
     font-weight: bold;
     display: block;
}
 .redbutton {
     box-shadow: 3px 3px 3px #888888;
}
 .redbutton a {
     display: block;
     background: #d31c00;
     padding: 6px 10px;
     color: #fff;
     font-size: 16px;
}
 .redbutton a:hover {
     color: #fff;
}
 .rays-widgets {
     float: left;
     width: 100%;
     position: relative;
}
 .rays-widgets h4 {
     font-weight: bold;
}
 .rays-widgets label {
     float: left;
     width: 300px;
}
 .rays-widgets .subscribe-blog {
     float: left;
     width: 200px;
}
 .rays-widgets p {
     float: left;
     width: 500px;
}
 .pricedisplay {
     background: none;
}
 .pricedisplay .pricedisplay {
     background: url('images/info.png') right no-repeat;
     padding: 0 16px 0 0!important;
}
/** * Questions and answers list, can also use this for dialog. */
 .questions_and_answers {
     margin-left: 0;
     margin-bottom: 1em;
}
/** * Contact area on the home page */
 #contact-details {
     overflow: hidden;
}
 #contact-details p {
     font-size: 1em;
     line-height: 1.5em;
}
 #contact-details h2 {
     text-transform: uppercase;
     font-size: 24px;
     line-height: 27px;
     margin-bottom: 0;
}
 #contact-details h3 {
     font-size: 18px;
     line-height: 27px 
}
 .contact-column {
     float: left;
     margin-right: 2em;
}