/* jQuery will be need for these in IE, by adding a class to them ul.category_images_ii li:nth-child(2n+1) .tax-product_categories #primary article:nth-child(2n+1) .category_images_ii:last-of-type #access .menu-main-nav-top-right-container ul li:first-child #access ul li:last-child */ // Links @linkColor: #8b59c2; @linkColorHover: darken(@linkColor, 10); // Greys @black: #000; @greyDark: lighten(@black, 25%); @grey: lighten(@black, 50%); @greyLight: lighten(@black, 70%); @greyLighter: lighten(@black, 90%); @morsoLightGrey: #EDEDED; // Accent Colours @blue: #08b5fb; @green: #46a546; @red: #9d261d; @yellow: #ffc40d; @orange: #f89406; @pink: #c3325f; @purple: #872175; @white: #fff; @bgcolour: #FAFAFA; @mainaccentcolour: #872175; // Baseline grid @basefont: 13px; @baseline: 18px; //Other constants @oneWideWidth: 245px; @twoWideWidth: 513px; @threeWideWidth: 790px; @wrapperWidth: 870px; @textColour: #7F7F84; input, textarea, select, .uneditable-input { border-radius: 0; } // Fonts .lightTypeFace { font-family:"Din Display Pro Light", Verdana, sans-serif; font-size-adjust:0.49; font-weight:200; font-style:normal; } .mediumTypeFace { font-family:"Din Display Pro Medium", Verdana, sans-serif; font-size-adjust:0.5; font-weight:500; font-style:normal; } .regularTypeFace { font-family:"Din Display Pro Regular", Verdana, sans-serif; font-size-adjust:0.5; font-weight:normal; font-style:normal; } /*body * { font-family:"Din Display Pro Medium", Verdana, sans-serif; font-size-adjust:0.5; font-weight:500; font-style:normal; }*/ /*body * { font-family:"Din Display Pro Light", Verdana, sans-serif; font-size-adjust:0.49; font-weight:200; font-style:normal; }*/ body * { font-family:"Din Display Pro Regular", Verdana, sans-serif; font-size-adjust:0.5; font-weight:normal; font-style:normal; } .ipad #logo { outline: 1px solid red !important; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ a:focus {outline: none;} input:focus, textarea:focus { outline: 0; border-color: rgba(135, 33, 117, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(135, 33, 117, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(135, 33, 117, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(135, 33, 117, 0.6); } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; border-top: 1px solid @greyLighter; border-bottom: 2px solid @mainaccentcolour; font-weight: normal; padding: 7px 0; line-height: 20px !important; color: @textColour; .lightTypeFace } h1 { } h2 { } h3 { } h4 { } h5 { } h6 { } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 10px; } .entry-content li { margin-bottom: 5px; } .entry-content strong { font-weight: bold; } .tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6 { margin: 15px 0 5px; } .btn { padding: 4px 14px 5px; } .full-width { width: @threeWideWidth !important; } .wp-pagenavi { clear: both; margin: 6px 0 10px; float: left; width: @twoWideWidth; } .wp-caption { padding: 0 !important; } .wp-caption-text { border-top: 1px solid @greyLighter; border-bottom: 2px solid @mainaccentcolour; font-weight: normal; margin: 0 .5em 1em !important; /*padding: 7px 0;*/ } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ HEADER */ html, body { margin: 0 !important; padding: 0 !important; background: #333 url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/background.jpg') repeat center top; background-attachment: fixed; color: @textColour; } .home.section-header { font-size: 16px; color: @mainaccentcolour; font-family:"Din Display Pro Light", Verdana, sans-serif; } #wrapper { margin: 0 auto; padding: 0; width: @wrapperWidth; background: @bgcolour; } #page { background: @bgcolour; display: block; float: left; margin: 0; padding: 40px; width: @threeWideWidth; } #branding { margin-top: 10px; } #branding #searchform { float: right; } #branding input#s, #branding input.text { -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 80px; margin-right: -25px; padding: 4px 7px 4px; line-height: 21px; } #branding input#searchsubmit-icon { background: #fff url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-search.png') no-repeat center 5px; width: 20px; height: 25px; padding-top: 3px; border: none; } #branding input#searchsubmit-icon:hover { background: #fff url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-search.png') no-repeat center -24px; } #branding #searchform:hover input#searchsubmit-icon { background: #fff url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-search.png') no-repeat center -24px; } #branding input#s:focus { background-color: #fff; width: 200px; } #branding span, #branding h2 { display: none; } #breadcrumbs { float: left; clear: both; width: @threeWideWidth; margin: 5px 0; color: @greyLight; } #breadcrumbs a { color: @greyLight; margin: 0 10px; } #breadcrumbs a:focus, #breadcrumbs a:hover { color: @mainaccentcolour; } #breadcrumbs strong { text-transform: uppercase; margin-left: 10px; } section#main { width: @threeWideWidth; float: left; clear: both; overflow: hidden; } section#main a { color: @mainaccentcolour; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ FOOTER */ #footer { width: @threeWideWidth; float: left; } #social a, #footer-nav-area a { padding: 0; } #footer-nav-area a { background: none; } #footer-nav-area li { background: none; padding-right: 10px; border-right: 1px solid @mainaccentcolour; } #footer-nav-area li:last-of-type { background: none; padding-right: 0; border-right: none; } #footer-box { width: (@threeWideWidth - 28); float: left; background-color: #E0E0E0; padding: 14px; margin-bottom: 25px; } #footer-box header a { padding: 0; background: none; } #footer-box article { width: (@oneWideWidth - 12); // Maths is great! float: left; } #footer-box article h5 { color: @grey; border: none; } #footer-box article p { color: @textColour; } #footer-box article a { color: @mainaccentcolour; } #footer-article-one input.email { } #footer-article-one input { float: left; width: (@oneWideWidth - 20); // Maths is great! background-color: #F2F2F2; margin-bottom: 5px; } #footer-article-one .submit { width: 18px; height: 18px; border: none; margin: -28px 0 0 212px; box-shadow: none; background: transparent url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-go-button.png') no-repeat center center; } #footer-article-one .fan_box .connect_action .name { color: red !important; } #footer-box article#footer-article-two { min-height: 175px; margin: 0 15px; padding: 0 15px; border-left: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; } #footer-box article#footer-article-three ul { margin: 0; padding: 0; } #footer-box article#footer-article-three ul { list-style: none; } #footer-box article#footer-article-three .banner-image a { background: none; padding: 0; } #footer-box article#footer-article-three .banner-image a img { outline: 1px solid @greyLight; } #footer label, #footer #signupurl, #footer #Datasource { display: none; } #footer #social { float: left; border-top: 1px solid @mainaccentcolour; border-bottom: 22px solid @grey; padding: 10px; margin-bottom: 10px; width: (@threeWideWidth - 20); } #footer #social p { float: right; font-size: 10px; margin: 0; padding: 0; .lightTypeFace; } .menu-footer-nav-social-container { float: right; } .menu-footer-nav-social-container ul { float: left; margin: 0; } .menu-footer-nav-social-container li { float: left; display: inline; list-style: none; } .menu-footer-nav-social-container li a { width: 20px; height: 20px; display: block; overflow: hidden; margin-left: 10px; background-image: url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-social-sprite.png'); } .menu-footer-nav-social-container li.icon-social-facebook a { background-position: -20px 0; } .menu-footer-nav-social-container li.icon-social-facebook a:hover, .menu-footer-nav-social-container li.icon-social-facebook a:focus { background-position: -20px -20px; } .menu-footer-nav-social-container li.icon-social-twitter a { background-position: 0 0; } .menu-footer-nav-social-container li.icon-social-twitter a:hover, .menu-footer-nav-social-container li.icon-social-twitter a:focus { background-position: 0 -20px; } .menu-footer-nav-social-container li.icon-social-youtube a { background-position: -40px 0; } .menu-footer-nav-social-container li.icon-social-youtube a:hover, .menu-footer-nav-social-container li.icon-social-youtube a:focus { background-position: -40px -20px; } .menu-footer-nav-social-container li a span { display: none; } #footer-nav-area, #footer-nav-area p { width: @threeWideWidth; .lightTypeFace; font-size: 10px; float: left; } #footer-copyright, #footer-copyright p, .menu-footer-nav-left-container, .menu-footer-nav-right-container { float: left; width: auto; } .menu-footer-nav-left-container ul, .menu-footer-nav-right-container ul { margin: 0 0 0 40px; padding: 0; } .menu-footer-nav-left-container li, .menu-footer-nav-right-container li { list-style: none; float: left; display: inline; margin: 0 5px } #footer-nav-area span { float: right; } #footer-nav-area a { color: #404040; } #footer-nav-area a:hover, #footer-nav-area a:focus { color: @mainaccentcolour; } #footer-nav-area #footer-copyright span { float: none; } #footer-nav-area span a:hover, #footer-nav-area span a:focus { color: #fe952f; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ A PAGE */ #main #primary { float: right; margin: 0; width: @twoWideWidth; } body.page-template-template-find-a-dealer-page-php #main #primary, body.page-template-full-width-page-php #main #primary { width: @threeWideWidth; } #main #primary #content { margin: 0; } .page-header { border: none; } h1.entry-title { color: @mainaccentcolour; font-size: 24px; } .intro { font-size: 16px; .lightTypeFace } .youtube { text-align: center; width: 100%; display: block; } /*#main #primary #content .entry-content ul, #main #primary #content .entry-content ol { overflow: hidden; }*/ /*#main #primary #content .entry-content li { list-style: inside; }*/ /* Drop cap stylem p.intro:first-child:first-letter { font-size: 65px; line-height: 40px; padding-right: 6px; float: left; color: @mainaccentcolour; }*/ footer a { padding: 5px 25px 5px 0; background: transparent url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/icon-go-button.png') no-repeat center right; } .blog footer a { padding: 0; background: none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- HOME PAGE */ body.home section#breadcrumbs { display: none; } .lof-navigator-wapper { background: transparent url('http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/slider-page-bg.png') no-repeat right top; width: (@threeWideWidth - 15); bottom: 0 !important; /*opacity: 0.7;*/ padding: 7px 5px 3px; } .lof-navigator-outer { float: right; opacity: 1; } .lof-main-item-desc{ padding: 5px 0 !important; background: url(http://morso.co.uk/wp-content/themes/morso-master-theme-2012/images/slider-page-bg-purple-strip.png); } .lof-main-item-desc h3{ color: #fff !important; font-weight: normal !important; text-transform: lowercase !important; } body.home article { float: left; } body.home article footer { border: none; } #home-slider { margin: 25px 0 40px; } #home-intro { width: 780px; margin-bottom: 40px; } #home-intro p { font-size: 14px !important; } #home-intro aside { float: right; margin-left: 20px; margin-right: -4px; } #home-intro section { width: 367px; margin-right: 20px; } #additional-info-one, #additional-info-two, #additional-info-three { width: @oneWideWidth; } #additional-info-one span, #additional-info-two span, #additional-info-three span { min-height: 126px; display: block; } #additional-info-two { margin: 0 25px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------ FIND A DEALER PAGE */ /* Hide the default search form */ body.page-template-template-find-a-dealer-page-php h1 { float: left; width: 49%; } #location_search_form, .sm_category_list, .sm_tag_list { display: none; } #location_search_form.find-a-dealer-form { display: block; float: right; margin-top: 5px; } #location_search_form.find-a-dealer-form label { display: none; } body.page-template-template-find-a-dealer-page-php .entry-content { clear: both; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------- PRODUCT CATEGORIES PAGE */ /* ------------------------------------------------------------------------------------------------------------------------------------------------------- PRODUCT LISTINGS PAGES */ .category_images_ii, .category_images_ii li, .category_images_ii a, .category_images_ii img, .tax-product_categories #primary article, .tax-product_categories #primary article h1, .tax-product_categories #primary article a, .tax-product_categories #primary article span { float: left; padding: 0; margin: 0; } .category_images_ii li { list-style: none; margin: 0 0 21px 0; padding: 0; } ul.category_images_ii li:nth-child(2n+1) { margin-right: 21px; } /*.tax-product_categories #primary article { list-style: none; margin: 0 21px 21px 0; padding: 0; width: @oneWideWidth; border-bottom: none; } .tax-product_categories #primary article:nth-child(2n+1) { margin-right: 0; } body.term-fire-care-and-tools #primary article { margin-right: 0 !important; } body.term-fire-care-and-tools #primary article:nth-child(2n+1) { margin-right: 21px !important; } */ .tax-product_categories #primary article { list-style: none; margin: 0 21px 21px 0; padding: 0; width: @oneWideWidth; border-bottom: none; } .tax-product_categories #primary article:nth-child(2n+1) { margin-right: 0; } #primary.haspagination article { margin-right: 0 !important; } #primary.haspagination article:nth-child(2n+1) { margin-right: 21px !important; } .category_images_ii li, .tax-product_categories #primary article { border-top: 2px solid @greyLight; border-bottom: 1px solid @greyLight; } .category_images_ii li:hover, .tax-product_categories #primary article:hover { border-top-color: @mainaccentcolour; } .category_images_ii { display: none; } .category_images_ii:last-of-type { display: block; } /* .category_image.term_image:nth-child(2n+1) { display: none; } .category_images_ii:last-of-type .category_image.term_image:nth-child(2n+1) { display: block; }*/ .tax-product_categories #primary article header, .tax-product_categories #primary article footer { display: none; } taxonomy-product_categories .tax-product_categories #primary article a.text-link, .tax-product_categories #primary article a.text-link { font-size: 14px; color: @grey; width: @oneWideWidth - 20; padding: 5px 10px; margin-top: -30px; background-color: @morsoLightGrey; border-top: 1px solid @greyLight; } /* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- PRODUCT PAGES */ .tabs { margin: 20px 0; } .tabs .active > a, .tabs .active > a:hover { background-color: @bgcolour; } .slideshowlink { display: none; } .video { margin: 20px 0 0; } .main-product-image { outline: 1px solid @greyLighter; width: 512px; height: 512px; } #gallery .ngg-gallery-thumbnail { margin-right: 33px; } #gallery .ngg-gallery-thumbnail img { margin-bottom: 33px; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- CONTACT US PAGE */ body.page-template-template-contact-us-page-php #main #primary { float: left; } body.page-template-template-contact-us-page-php #sidebar { float: right; } form.contact-form #field_1_1 label { text-transform: uppercase; } form.contact-form input#input_1_3 { } form.contact-form .ginput_complex .name_first, form.contact-form .ginput_complex .name_last { width: 225px; } form.contact-form .ginput_complex .name_last { margin-right: 0; } #field_1_2.gfield_error span { width: 215px; } li#field_1_5 { float: right; margin-top: -65px; width: 47%; } li#field_1_5.gfield_error { margin-top: -142px; } li#field_1_5 input { width: 98%; } li.contact-form-google-map { float: right; margin: -583px -290px 0 0 !important; clear: none; } li.contact-form-google-map address { margin: 10px 0; } li.contact-form-google-map span { color: @mainaccentcolour; .mediumTypeFace } /* ------------------------------------------------------------------------------------------------------------------------------ GRAVITY FORMS + TWITTER BOOTSTRAP CONFLICT FIXES */ .gform_description { line-height: 18px; } .gform_wrapper .top_label label { float: none; text-align: left; width: auto; font-weight: normal !important; color: @mainaccentcolour; .regularTypeFace } .gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=password], .gform_wrapper input[type=email], .gform_wrapper input[type=url], .gform_wrapper input[type=tel] { padding-left: 3px; padding-right: 3px; } .gform_wrapper span.gfield_required { color: @red; .mediumTypeFace } .gform_wrapper form ul.description_below li div span label { color: @greyLight; margin-top: -5px; margin-bottom: 10px; } .gform_wrapper span.name_suffix { display: none; } .gform_wrapper input.button { float: right; } .page-id-417 .gform_footer { float: right; margin-top: -48px; } /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- SIDEBARS */ #sidebar { float: left; width: @oneWideWidth; } #sidebar #secondary, #sidebar #tertiary { width: @oneWideWidth; } #sidebar section.banner { float: left; clear: both; margin-top: 20px; } #sidebar section.banner ul { float: left; margin-bottom: 15px; } #sidebar section.banner ul:last-of-type { margin-bottom: 0; } #sidebar .banner-title { display: none; } #sidebar section.banner ul.banner img { outline: 1px solid @greyLighter; } #sidebar section ul { margin: 0; padding: 0; list-style: none; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------- ACCORDIAN NAVS */ h1.page-title, .widget h1 { font-size: 16px; color: @mainaccentcolour; } .dcjq-accordion { } .dcjq-accordion ul { margin: 5px 0 0 0; padding: 0; } .dcjq-accordion li { list-style: none; margin-bottom: 5px; } #main #secondary .dcjq-accordion li a { display: block; padding: 5px 10px; color: @textColour; background-color: @morsoLightGrey; text-transform: uppercase; } #main #secondary .dcjq-accordion li li a { background-color: #B6B6B6; color: #fff; padding-left: 20px; } #main #secondary .dcjq-accordion li li li a { background-color: @bgcolour; color: @mainaccentcolour; border: 1px solid @morsoLightGrey; padding-left: 30px; } /*#main #secondary .dcjq-accordion li.current-menu-item { background-color: @mainaccentcolour; }*/ #main #secondary .dcjq-accordion li.current-menu-item a.active { background-color: @mainaccentcolour; color: #fff; } #main #secondary .dcjq-accordion a.dcjq-parent { margin-bottom: 5px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------ SEARCH & BLOG */ .post .notice, .error404 #branding #searchform { background: @bgcolour !important; } .search #content article, .blog #content article { margin-bottom: 20px; } .blog aside.widget, .single aside.widget { margin-bottom: 20px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------- COMMENTS & SOCIAL STUFF */ .home .social4i, .dsq-like-thread, .dsq-dislike-thread, .dsq-like-panel { display: none; } .social4i { margin: 20px 0; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- MAIN NAVS */ #access { background: @bgcolour; display: block; float: left; margin: 0 auto; } .menu-main-nav-top-left-container, #logo, .menu-main-nav-top-right-container { float: left; } .menu-main-nav-top-left-container, .menu-main-nav-top-right-container { width: 283px; border-top: 1px solid @greyLighter; margin-top: 12px; } .menu-main-nav-top-left-container { margin-right: 18px; } #access a#logo { margin: -32px 0 0 0; padding: 0; } .menu-main-nav-top-right-container ul { float: right; } .menu-main-nav-top-right-container { margin-left: 18px; } #access .menu-header, div.menu, div.menu ul { font-size: 14px; margin-left: 12px; width: 928px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { float: left; position: relative; } #access a { color: @textColour; display: block; line-height: 30px; padding: 0px 10px 0; text-decoration: none; text-transform: uppercase; } #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); background: #D6D6D6; /* fallback color */ background: -moz-linear-gradient(100% 100% 90deg, #D6D6D6, #B9B9B9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B9B9B9), to(#D6D6D6)); display: none; position: absolute; top: 38px; left: 0; float: left; width: 180px; z-index: 99999; } #access ul li { border-bottom: 1px solid @greyLighter; margin-right: 22px; } #access ul li:last-child { margin-right: 0; } #access .menu-main-nav-top-right-container ul li:first-child { margin-left: 0; } #access ul ul li { min-width: 180px; border-bottom: none; margin-right: 0; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { line-height: 1.3em; padding: 10px; width: 160px; height: auto; } #access li:hover > a, #access ul ul :hover > a { background: @bgcolour; color: @mainaccentcolour; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item, #access ul li.current-menu-ancestor, #access ul li.current-menu-item, #access ul li.current-menu-parent { border-bottom: 2px solid @mainaccentcolour; } * html #access ul li.current_page_item, * html #access ul li.current-menu-ancestor, * html #access ul li.current-menu-item, * html #access ul li.current-menu-parent, * html #access ul li a:hover { border-bottom: 2px solid @mainaccentcolour; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: @mainaccentcolour; background-color: @bgcolour; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: @mainaccentcolour; background-color: @bgcolour; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- BROWSER FIXES */ body.win.firefox * { font-size-adjust: 0; } .ie_9 #branding input#s, .firefox #branding input#s { padding: 2px 7px 7px; height: 18px; } .ie_8 #branding input#s, .ie_7 #branding input#s { padding: 1px 7px 8px; } .ie_8 #branding #searchsubmit-icon { margin-bottom: -8px; } .firefox #branding #searchsubmit-icon { padding-top: 0; } #access ul li.last-child { margin-right: 0; } .category_images_ii.last-of-type { display: block; } ul.category_images_ii li.odd { margin-right: 21px; } .tax-product_categories #primary article.odd { margin-right: 0; } #primary.haspagination article.odd { margin-right: 21px !important; } .ie_7 #location_search_form.find-a-dealer-form { width: 50%; } .ie_7 #location_search_form.find-a-dealer-form input[type=text] { margin-right: 5px; } .ie_7 .btn { padding: 2px 7px 2px; margin: 0; } .ie_7 li.contact-form-google-map { margin-right: -300px !important; } .ie_7 section.banner { clear: none !important; } .ie_7 ul.banner { display: inline-block; clear: both; } /* For crap IE users I have added a class on via jQuery :) */ #footer-nav-area li.last-of-type { background: none; padding-right: 0; border-right: none; } .safari li#field_1_5 { margin-top: -65px; }