/* Filter html/css - Ed Stastny estastny@cdbaby.com 4-15-2015 */ /* Reset ------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { background-color: transparent; border-bottom-width: 0; border-left-width: 0; border-right-width: 0; border-top-width: 0; font-size: 100%; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; vertical-align: baseline; } q { quotes: none; } q:before, q:after { content: none; } a, ins, del { text-decoration: none; } li { list-style-type: none; } img { max-width: 100% !important; height: inherit !important; } #content a.image-link, #content a.image-link:hover, #sidebar a.image-link, #sidebar a.image-link:hover, #content a.image-link img, #content a.image-link:hover img, #sidebar a.image-link img, #sidebar a.image-link:hover img { background-color:transparent; border:none; } /* Accessibility Navigation & Hide ------------------------------------------------------------------------------*/ #accessibility_nav, .hide { height: 1px; left: -999em; position: absolute; top: -999em; width: 1px; } .tinynav { display: none; line-height: normal; background-color: #cc6633; color: #ffffff; } .tinynav:hover { background-color: #cc6633; color: #ffffff; } /* Clearfix ------------------------------------------------------------------------------*/ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Body Styling ------------------------------------------------------------------------------*/ body { background-color: #ffffff; } body.is_home .page_title { display: none; } .hband { width: 100%; padding: 0; margin: 0; background-color: #2c2c32; color: #ffffff; } #content input[type="submit"], #widgets input[type="submit"] { padding: 10px; color: #2c2c32; background-color: #cc6633; text-transform: uppercase; border: none; font-size: 1em; cursor: pointer; word-wrap: initial; } content input[type="submit"]:hover, #widgets input[type="submit"]:hover { opacity: 0.9; } pre { white-space: pre-wrap; } h2.page_title { text-transform: uppercase; font-weight: bold; font-size: 1.5em; margin-bottom: .5em; } hr { border-color: #444444; } /* Navigation ------------------------------------------------------------------------------*/ #navigation { padding-top: 1em; background-color: #2c2c32; font-family: 'Oswald',sans-serif; font-size: 16px; } #navigation .nav_list { margin-bottom: 5px; } #navigation a { color: #ffffff; text-transform: uppercase; padding: 0 10px; white-space: nowrap; overflow: hidden; line-height: 1.2em; white-space: normal; } #navigation li.current>a, #navigation li.current_parent>a { color: #cc6633; background-color: #2c2c32; text-decoration: underline; font-weight: bold; } #navigation>.nav_list>li.current:hover { background-color: #2c2c32; } #navigation>.nav_list>li:hover>a { color: #ffffff; } #navigation>a>div { background-color: #444444; } #navigation>.nav_list>li { display: inline-block; position: relative; padding: 0; } #navigation>.nav_list>li>ul { position: absolute; top: -5000px; left: 0; opacity: 0; background-color: #444444; margin: 0; min-width: 250px; width: auto; } #navigation>.nav_list>li:hover>ul { top: 1.5em; opacity: 1; z-index: 1; } #navigation>.nav_list>li>ul>li { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.1); width: 100%; opacity: 0.8; } #navigation>.nav_list>li>ul>li.current { background-color: #2c2c32; } #navigation>.nav_list>li>ul>li:last-of-type { border-bottom: none; } #navigation>.nav_list>li>ul>li:hover { opacity: 1; } #navigation>.nav_list>li>ul>li>a { text-transform: none; width: 100%; display: block; padding-top: 4px; padding-bottom: 4px; } /* Title/Banner ------------------------------------------------------------------------------*/ #titleband { background-color: #cc6633; background-size: cover; background-position: center bottom; background-image: url('/img/hb_banner_filtered/14.jpg?1443268075'); margin-bottom: 50px; position: relative; } #site_title_block { position: relative; height: 300px; } .is_home #site_title_block { height: 465px; } #site_title_block h1 { visibility: visible; position: absolute; left: 315px; bottom: 0; padding-bottom: 25px; font-family: 'Orbitron',sans-serif; font-size: 3em; line-height: .9em; text-transform: uppercase; text-shadow: 2px 2px rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45); /* ie9 */ } #site_title_block h1 a { color: #ffffff; } #bannersquare { background-size: cover; background-image: url('/img/Alan_at_1400x1400.JPG'); background-position: center; position: absolute; left: 0; bottom: -30px; width: 292px; height: 292px; background-color: black; border: 5px solid #ffffff; box-shadow: 5px 5px 5px rgba(0,0,0,.5); } #site_title_block.nobanner #bannersquare { display: none; } #site_title_block.nobanner h1 { left: 0; } .loading_overlay { background-color: rgba(255,255,255,0.9); position: absolute; width: 100%; height: 100%; padding: 30px; color: black; z-index: 3; font-weight: bold; opacity: 0; transition: opacity 0.5s; top: -5000px; } .loading_overlay .spinner_img { width: 60px; height: 60px; background-image: url('../images/spinner_filter.gif'); background-size: cover; background-position: center; margin: auto; } .loading_overlay .overlay_message { padding: 20px; color: black; text-align: center; font-size: 1.5em; } .loading_overlay.show_overlay { opacity: .8; top: 0; } /* Content ------------------------------------------------------------------------------*/ #content, #content label { color: #2C2C32; font-family: Arial,Helvetica,Sans-Serif; font-size: 16px; } #content a { color: #cc6633; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { text-transform: uppercase; margin: 5px 0; line-height: 1em; } #content h1, #content h2, #content h3 { font-weight: bold; } #content h1 { font-size: 2em; } #content h2 { font-size: 1.75em; } #content h3 { font-size: 1.5em; } #content .st_sharethis_custom { background: url('../images/sharethis.png') no-repeat scroll left top transparent !important; } /* Specific Pages ------------------------------------------------------------------------------*/ /* Photo */ .instagram_gallery.entry { padding-bottom:10px; margin-bottom:10px; } .photo_gallery ul { width: 95%; margin: 0; } .photo_gallery li { float:left; margin: 0 10px 10px 0; } .instagram_gallery { border-bottom: 1px solid; border-bottom-color: #2C2C32; } /* Audio */ .pause_button_icon, .play_button_icon { fill: #cc6633; } .audio #content #album-wrapper.album-wrapper { padding: 1.5em; } #album-wrapper .album-title { font-weight: bold; line-height: initial; } body.audio #album-wrapper .album-artist { line-height: initial; margin-bottom: 1em; } #track_fullview .track_details.track_details_divider { border-bottom-color: #444444; } .audio #track_fullview h2, #track_fullview h2 a, .album-wrapper #album-meta h2, .album-wrapper #album-meta h2 a { font-size: 1.5rem !important; } .audio #track_meta_row, .audio #album-wrapper.album-wrapper { padding: 0 1.5em; } .audio #album-meta .album-purchase, .audio #album-meta .album-purchase ul { background-color: #2c2c32; } .audio #album-meta .album-purchase { position: absolute; top: 10px; right: 0; } .audio .album-title { max-width: 75%; } #album-meta .album-meta-text { margin: 0; } #album-wrapper .album-tracks span.title { color: #cc6633; } /* Blog (w/ Guestbook comments too) */ .blog .entry_title, .blog .post_comment_title, .guestbook .comment_title { font-size: 1.5em; text-transform: uppercase; font-weight: bold; } .blog .entry_meta, .guestbook .entry_meta { text-transform: uppercase; margin-bottom: 0.5em; } .blog_post { margin-top: 1em; padding-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; } .blog .entry_meta .entry_comments { font-weight: bold; } .blog .entry_content p:last-of-type { display: inline; } .blog .read_more { font-weight: bold; text-transform: uppercase; display: inline; } .blog .comment_name:before, .guestbook .entry_meta:before { content: url('../images/blog_comment.png'); margin-right: 10px; width: 20px; height: 16px; display: inline-block; } .blog .entry_title.comment { margin-bottom: 1em; } .blog .entry.entry_comments .comment, .guestbook .guestbook_post { padding-bottom: 2em; margin-top: 1em; margin-bottom: 1em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; margin-left: 3em; } .blog .comment_body, .guestbook .entry_content { line-height: 1.5em; } .blog .name_text { font-weight: bold; } #comment_form li { width: 45%; margin-right: 15px; display: inline-block; vertical-align: top; } #comment_form li label, #comment_form li .form_label { font-weight: bold; text-transform: uppercase; } #pagination .pagination_element.pagination_current, #pagination a.pagination_element.pagination_digit, #pagination a.pagination_element.pagination_next, #pagination a.pagination_element.pagination_prev, #pagination a.pagination_element.pagination_first, #pagination a.pagination_element.pagination_last { color: #2C2C32; border-color: #2C2C32; } /* Guestbook */ .guestbook .entry_author { font-weight: bold; text-transform: uppercase; } .guestbook #content .comment_title { margin: 1em 0; } /* Contact */ #comment_form.contact_form_container { border-top-color: #2C2C32; border-top-width: 1px; border-top-style: solid; width: 100%; margin-top: 10px; padding: 10px 0; } #contact_message, .guestbook #comment_errors { padding: 1em; border-top: 1px solid #2C2C32; border-bottom: 1px solid #2C2C32; font-size: 2rem; margin: 0.5em 0; } .contact_post.details { width: 30%; min-width: 250px; display: inline-block; vertical-align: top; margin-bottom: 10px; } .contact .entry_title { text-transform: uppercase; font-weight: bold; } /* Press */ body.press .entry h3 { text-decoration: underline; font-size: 1.5em; font-weight: bold; } body.press .entry_author { text-transform: uppercase; } body.press .entry_date { font-weight: bold; text-transform: uppercase; } body.press .entry { margin: 1em 0; } /* Calendar */ .date_collection { margin-bottom: 2em; } .date_collection .cell { width: 20%; display: inline-block; vertical-align: top; overflow: hidden; white-space: initial; } .date_collection .cell.e_title_venue { width: 30%; } .date_collection .cell.e_time { width: 15%; font-weight: bold; text-transform: uppercase; text-align: right; padding-right: 10px; } .date_collection .cell.e_price { width: 15%; } .date_collection .event_row { width: 100%; border-bottom-color: #444444; border-bottom-width: 1px; border-bottom-style: solid; white-space: nowrap; padding: 0.7em 0; } .date_collection .cell.e_date { font-weight: bold; text-transform: uppercase; width: 25%; } #future_header, #past_header { text-transform: uppercase; font-weight: bold; font-size: 1.5em; margin-bottom: 0.75em; } .date_collection { position: relative; } .date_collection .event_venue a { text-decoration: underline; } .date_collection .e_notes .details_button { cursor: pointer; font-weight: bold; text-decoration: underline; } .date_collection .e_notes .details_button.open .minus { display: inline; } .date_collection .e_notes .details_button.open .plus, .date_collection .e_notes .details_button .minus { display: none; } .date_collection .notes { max-height: 0; width: 100%; opacity: 0; transition: opacity 0s ease-in; white-space: initial; padding: 1em 0; z-index: -1; left: -1000px; overflow: hidden; } .date_collection .notes.open { max-height: none; opacity: 1; transition: opacity 1s ease-in; left: 0; } /* Products */ .spacersquare { width: 100%; } .store_post { width: 300px; height: 400px; margin-bottom: 10px; margin-right: 10px; display: inline-block; overflow: hidden; padding: 10px; padding-bottom: 50px; position: relative; vertical-align: top; background-color: #ffffff; border: 1px solid #2C2C32; border-radius: 5px; transition: all 0.25s ease; cursor: pointer; } .store_post.overflown { padding-bottom: 10px; } .store_post:hover { background-color: rgb(245,245,245); border: 1px solid #cc6633; } .store_post:hover .overlay { background: -moz-linear-gradient(top, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 66%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,0)), color-stop(66%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 66%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 66%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 66%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 66%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ddddd', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */ transition: all 0.25s ease; } .store_post .entry_title { font-weight: bold; } .store_post .products_img_link { background-position: center; background-size: cover; display: block; margin-bottom: 10px; } .store_post .overlay { display:none; position: absolute; bottom: 0; left: 0; width: 300px; height: 100px; z-index: 2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .store_post.overflown .overlay { display: block; } .store_post .read_more_button { font-size: 0.7em; text-transform: uppercase; position: absolute; bottom: 10px; right: 10px; text-align: center; padding:5px; border: 1px solid #2C2C32; border-radius: 5px; background-color: #2c2c32; z-index: 3; color: #ffffff; transition: all 0.5s ease; } .store_post:hover .read_more_button { opacity: 0.75; border: 1px solid #cc6633; } body.products .title_role { font-weight: bold; } .product_post { white-space: nowrap; } .product_post .left_col, .product_post .right_col { display: inline-block; white-space: normal; vertical-align: top; transition: max-width .5s; } .product_post .entry_title { font-size: 1.5em; font-weight: bold; text-transform: uppercase; } .product_post .left_col { max-width: 35%; position: relative; } .product_post .right_col { width: 60%; } .product_post .inline_image { cursor: pointer; border: 1px solid #ffffff; padding-right: 20px; margin-bottom: 10px; } .product_post .inline_image:hover { border-color: #cc6633; } .product_post .link_list { margin-top: 1em; } .product_post .link_list dt { clear: both; } .product_post .link_description { padding: 5px; } .product_post .link_title { width: 350px; } #content .product_post .link_title a { padding: 10px; background-color: #cc6633; border: 1px solid #cc6633; color: #ffffff; width: 100%; display: block; text-transform: uppercase; line-height: 1.25em; font-size: 1.25em; font-weight: normal; } #content .product_post .link_title a:hover { background-color: #2c2c32; } body.products #breadcrumbs-wrapper { margin-bottom: 10px; } .link_mode_a, .link_mode_b, .link_mode_c { display: none; } .link_mode_a { display: block; } .link_mode_c .link_title { margin-bottom: 10px; width: 100%; } .link_mode_b .link_title + .link_description { max-height: 0; transition: max-height 2s; overflow: hidden; } .link_mode_b .link_title:hover + .link_description { max-height: 1000px; } /* Widgets ------------------------------------------------------------------------------*/ /* some overrides for audio widget */ .widget_container div.jp-header { height: auto; background-size: 105% auto; background-position: top center; } .widget_container #jplayer_container.jp-audio { background-size: 105% auto; background-position: bottom center; } .widget_container div.jp-audio, .widget_container div.translucent, .widget_container div.jp-audio ul.jp-controls { width: 100%; } .widget_container div.jp-interface { background-size: 100% 100%; } .widget_container .jp-playlist .with-scrollbar ul { width: 95%; } .widget_container div.jp-header ul.jp-controls .facebook { width: auto; height: auto; } .widget_container .jp-current-time { left: 24%; } .widget_container .jp-duration { width: auto; left: auto; right: 5px; } .widget_container div.jp-progress { width: 75%; } .widget_container .jp-header .ui-corner-all { width: 50%; } .widget_container div.jp-audio ul.jp-controls a.jp-mute, .widget_container div.jp-audio ul.jp-controls a.jp-unmute { left: auto; right: 50%; margin-right: 10px; } .widget_container div.info-wrapper-artist{ width: 40%; } #widgets { font-family: 'Oswald',sans-serif; padding-top: 2em; } .widget_container { color: #ffffff; width: 25%; margin-bottom: 2em; } .widget_container a { color: #cc6633; } .widget_container .widget_title { text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 10px; } .widget_calendar li { cursor: pointer; } .widget_social a .social_media_icon_holder { height: 2em; width: 2em; } .social_media_icon { fill: #ffffff; cursor: pointer; } .social_media_icon:hover { fill: #cc6633; } .social_media_link { position: relative; z-index: 1; display: inline-block; opacity: 1; padding: 3px 0; margin: 0 5px; } .social_media_link>div>embed { z-index: 1; position: relative; } /* Footer ------------------------------------------------------------------------------*/ #footband { margin-top: 2em; } .footer a { color: #cc6633; } .footer { font-family: Arial,Helvetica,Sans-Serif; font-size: 1em; } /* Responsive ------------------------------------------------------------------------------*/ /* phab */ @media only screen and (max-width: 64em) { .row { width: 90%; } .widget_container { width: 40%; } .store_post { width: 44%; } .store_post .overlay { width: 100%; } .products #breadcrumbs-wrapper { display: block; } } /* phone */ @media only screen and (max-width: 40em) { .row { width: 100%; padding: 0 10px; } #titleband { margin-bottom: 0; } .nav_list { display: none; } .tinynav { display: block; margin: 0; padding: 0; } #navigation { padding: 0 0 5px 0; } #bannersquare, #site_title_block h1 { top: 0; left: 0; position:relative; margin: auto; } #bannersquare { margin-top: 20px; width: 200px; height: 200px; } #site_title_block, .is_home #site_title_block { height: auto; } #site_title_block h1 { font-size: 2em; text-align: center; padding-top: .5em; } #titleband { background-size: 400%; } #content { padding: 5px; } .footer { font-size: 0.75em; } .contact_form_container form { width: 95%; } .date_collection .cell, .date_collection .cell.e_date, .date_collection .cell.e_time, .date_collection .cell.e_title_venue { width: 100%; display: block; } .date_collection .notes { padding: 0; } .date_collection .cell.e_time { text-align: left; } .date_collection .cell.e_price { width: 100%; } .contact_form_instructions { width: 100% !important; /* !important because some contact form CSS gets injected after this */ } .store_post { width: 100%; margin: 5px 0; height: auto; max-height: 450px; } #comment_form li { width: 100%; } .blog .entry.entry_comments .comment, .guestbook .guestbook_post { margin-left: 0; } #footband { padding: 0 5px; } #widgets { margin: 0; } .audio #content #album-wrapper.album-wrapper { padding: 0; } .audio #album-meta .album-purchase a.buy_button, .audio #album-meta .album-purchase a.buy_button:hover { background-color: transparent; } .audio #track_meta_row, .audio #album-wrapper.album-wrapper { padding: 0; } .audio #album-meta .album-meta-text .album-title { max-width: 100%; } .audio #album-meta .album-purchase { position: relative; } .audio #album-meta .album-purchase ul { padding-bottom: 10px; } .product_post { white-space: normal; } .product_post .left_col, .product_post .right_col { max-width: none; width: 100%; padding: 0; } .product_post .link_title { width: 100%; } .prod_description { display: none; } .widget_container { width: 100%; } #recaptcha_area { margin-left: -14px; } } /* Contact Form */ .float_left { float: left; } /* Only in Builder */ .add_field_div { margin-top: 2px; } .add_field { cursor: pointer; color: #317598; font-size: 14px; } .add_field_desc { color: #666666; font-size: 11px; margin-left: 12px; } .builder_td { padding: 0; width: 250px; } .builder_fieldset { background-color: #FFFFFF; border: 2px solid #68B0B9; height: 100%; padding: 10px; text-align: left; width: 220px; } #recipient_email_address, #instructions, #text_label, #textarea_label, #textarea_default_text, #dropdown_label, #dropdown_choices, #checkbox_label, #checkbox_choices, #radiobutton_label, #radiobutton_choices { width: 210px; } #instructions, #textarea_default_text, #dropdown_choices, #checkbox_choices, #radiobutton_choices { height: 70px; } #instructions { resize: vertical; } #contact_form_builder_target { width: 430px; text-align: left; } #contact_form_builder_modal { background-color: #ffffff; } .contact_form_container { width: 375px; margin-bottom: 20px; } #content #contacts input, #content #contacts textarea, .contact_form_textbox, .contact_form_textbox input, .contact_form_dropdown, .contact_form_dropdown select, .contact_form_textarea, .contact_form_textarea textarea, .contact_form_multi, .contact_form_multi input /* for checkboxes and radiobuttons */ { display: -moz-inline-stack !important; display: inline-block !important; margin: 0 !important; text-align: left; resize: none; } /* * this stylesheet is used both dashboard and public side. * limit cursor-help for form building to dashboard side. * possible bug: if a person names their page "website"... yep */ #website { #content #contacts input, #content #contacts textarea, .contact_form_textbox, .contact_form_textbox input, .contact_form_dropdown, .contact_form_dropdown select, .contact_form_textarea, .contact_form_textarea textarea, .contact_form_multi, .contact_form_multi input /* for checkboxes and radiobuttons */ { cursor: move; } } /* #content #contacts input, #content #contacts textarea { width: 300px !important; } */ .contact_form_textbox, .contact_form_textbox input, .contact_form_dropdown, .contact_form_dropdown select, .contact_form_textarea, .contact_form_textarea textarea { border-style: dotted; border-width: 1px; border-color: #444444; width: 100% !important; } .contact_form_textarea, .contact_form_textarea textarea { height: 100px !important; } #content #contacts input:focus, #content #contacts textarea:focus, #content #contacts select:focus { /* background-color:#ffffe3; */ border:1px solid #5D88D5; } /* Blarm */ .contact_form_row /* used only in builder */ { margin-bottom: 6px; } .contact_form_builder_instructions /* used only in builder */ { margin: 10px 7px 0 40px; } .contact_form_instructions /* used only in published page */ { width: 375px; margin: 10px 0 10px 0; } .contact-form-builder-warning { color: red; background-color: #fff; border: 0 solid red; font-weight: bold; text-align: left; text-transform: uppercase; } .x_delete, /* used only in builder */ .spacer_20px, /* used in both builder and published page */ .contact_form_label, /* used in both builder and published page */ .contact_form_element, /* used in both builder and published page */ .target_fieldset, /* used only in builder */ .contact_form_submit /* used only in published page */ { display: -moz-inline-stack !important; display: inline-block !important; } .contact_form_submit /* used only in published page */ { text-align: center !important; width: 85px !important; } .x_delete /* used only in builder */ { width: 20px; vertical-align: top; cursor: pointer; } .spacer_20px /* used in both builder and published page */ { width: 20px; } .contact_form_label /* used in both builder and published page */ { text-align: left; width: 100px; vertical-align: top; margin: 0 0 6px 0; } .contact_form_element /* used in both builder and published page */ { text-align: left; width: 225px; margin: 0 0 6px 0; } .target_fieldset /* used only in builder */ { width: 425px; min-height: 375px; background: #fff; border:2px solid #68B0B9; } #contacts #gbimage /* used only in published page */ { border: none; background: #000000; padding: 0; } table.borderless form { margin-top: 0; } label.contact_form_instruction { background-color: #FFFFFF; }