/* Theme Name: Foodilicious Theme URI: http://templatic.com/ Description: Developed by Templatic Team Version: 1.0.1 Author: Templatic Author URI: http://templatic.com/ */ /* IMPORTANT NOTE! If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme without worrying about overwriting your style changes. */ /*=== Setup ===*/ /* Import RESET styling for grid framework*/ @import url('library/css/reset.css'); /* Import GRID styling for grid framework*/ @import url('skins/1-default.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ body { font:14px Georgia, "Times New Roman", Times, serif; } hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0} h1 { font-size:36px } h2 { font-size:24px } h3 { font-size:22px} h4 { font-size:19px} h5 { font-size:17px } h6 { font-size:15px} p { font-size:14px; } ol { list-style:decimal } ul { list-style:square } li { margin-left:30px } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom:20px; font-weight:normal; } a { text-decoration:none; } a:hover { text-decoration:none; } .fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden } .fl{ float: left } .fr{ float: right } .ac{ text-align: center } .ar{ text-align: right } /* Wordpress default image css class format ----------*/ .alignleft { float:left; padding:4px; margin:7px 25px 18px 0; text-align:center; } .alignright { float:right; padding:4px; margin:24px 0 0px 12px; text-align:center; } .aligncenter { text-align:center; padding:5px; margin:10px 0; background:#fff; border:2px solid #eee; } .alignleft { border:1px solid #a9a9a9; background:#fff; } .alignright { border:1px solid #a9a9a9; background:#fff; } .wp-caption .alignleft { margin:0 15px 10px 15px; padding:0; } .wp-caption p { margin:0; padding:3px 5px; font:bold 12px Arial, Helvetica, sans-serif; } .wp-caption .alignright { float:right; margin:0 0 10px 15px; padding:0; } .wp-caption { width:auto !important; } hr { margin-bottom:22px; clear:both; } .post_img { margin-bottom:12px; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #header { width:960px; margin:0 auto; padding:40px 0; text-align:center; position:relative; } #banner { width:960px; margin:0 auto 70px auto; position:relative;} .banner_bottom { width:960px; margin:0 auto; height:390px; } #bottom { width:960px; margin:0 auto; } .bottom_in { height:300px; } #page { width:960px; margin:0 auto 30px auto; } #content { width:675px; float:left; } .content_right { float:right !important; } .content_full { width:100% !important; padding-bottom:80px; } #sidebar { width:235px; float:right; } .sidebar_bottom { min-height:400px; padding-bottom:50px; height:100%; overflow:hidden; } .sidebar_left { float:left !important; } #footer { width:960px; margin:0 auto; padding-top:20px; padding-bottom:0; clear:both; height:100%; } /* -------------------------------------------------- Header -------------------------------------------------- */ #header img { position:relative; left:-30px; } .callnow { width:170px; top:45px; position:absolute; right:0; padding:5px 0 5px 40px; font:17px arial, Adobe Caslon Pro,Georgia, "Times New Roman", Times, serif; text-align:left; } /*=== Logo Spot ===*/ #header .blog-title{ padding:0; } #header .blog-title a{ font:36px Georgia; font-weight:bold; text-decoration:none; padding:0px } #header .blog-title a:hover{ text-decoration:none; background:none } #header .blog-description{ font-size:14px; padding:0px } #navbg { clear:both; width:982px; margin:0 auto 20px auto; height:54px; padding:0; } /* -------------------------------------------------- Banner -------------------------------------------------- */ #banner h4 { margin:0 0 14px 0; padding:9px 0 10px 0; text-align:center; font:bold 24px Rockwell, Georgia, "Times New Roman", Times, serif;} #banner .content { padding-bottom:45px; } #banner .content p { margin:0 0 10px 0; padding:9px 30px 10px 30px; font:18px Georgia, "Times New Roman", Times, serif; line-height:25px; text-shadow:0 0 1px #333; } .thumbnail { width:395px; height:316px; float:right; margin:10px 30px 0 30px; } .thumbnail img { margin:4px; padding:4px; } .anythingSlider { width: 960px; position: relative; margin: 0 auto; } .anythingSlider .wrapper { width: 960px; height: 388px; margin:0; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; } .anythingSlider ul li { display: block; float: left; padding:0; width: 960px; margin:0; background:none; } .anythingSlider .arrow { } #banner .anythingSlider a.forward { display:block; position:absolute; right:-22px; text-indent:-9009px; cursor:pointer; top:132px; width:22px; height:47px; } #banner .anythingSlider a:hover.forward { background-position:0 -47px; } #banner .anythingSlider a.back { display:block; position:absolute; left:-22px; text-indent:-9009px; cursor:pointer; top:132px; width:22px; height:47px; } .anythingSlider a.more { display:block; float:left; padding:9px 20px; font:14px Georgia, "Times New Roman", Times, serif; text-align:center; } #banner #thumbNav { position: relative; display:none; top:-35px; right:-8px; float:right; text-align: left; z-index:9999; text-align:right; } #banner #thumbNav a { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 5px 0 0; text-align: center; text-indent:-9009px; } #start-stop { display:none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; } .banner_food { width:162px; height:124px; position:absolute; left:-20px; bottom:-20px; } /* -------------------------------------------------- Home -------------------------------------------------- */ .breadcrumb { padding:10px 0 20px 0; text-align:left; } #content .our_menu { clear:both; position:relative; padding-top:55px; } #content h3.menu_t { margin:0; padding:6px 28px 15px 45px; font-size:20px; position:absolute; left:-28px; top:0px; text-transform:capitalize; width:180px; } p { margin:0 0 10px 0; padding:0; line-height:20px; } h3 { margin:0px 0 10px 0; padding:0; } .imgcenter { margin-bottom:15px; } p.alignright { text-align:right; } ul { margin:0; padding:0; list-style:none; } #content .latest_menu li { margin:0 40px 15px 0; _margin:0 30px 15px 0; padding:0 0 10px 0; width:270px; float:left; } #content .latest_menu li img { float:left; margin:5px 15px 0 0; } #content .latest_menu li p.menu_title { margin:0; font:16px "Palatino Linotype", Georgia, "Times New Roman", Times, serif; font-weight:bold; } .contactinfo { width:180px; min-height:110px; _height:110px; float:right; padding:10px 15px 0 90px; } .contactinfo p { font:11px Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; } .contactinfo h4 { margin-bottom:5px; font:13px Georgia, "Times New Roman", Times, serif; } #content .location_box { width:593px; float:left } #content .location_box_bottom { padding:15px; } .google_map { margin:0 0 10px 10px; float:right; } #content h3.location_t { margin:0 0 8px 0; padding:8px 0 8px 35px; font-size:18px; } #content .location p { font-size:12px; } .widget-spot { padding-bottom:25px; } #content .widget-spot { padding-bottom:0px; } p.more { display:block; clear:both; position:relative; top:-16px; width:590px; padding-top:10px; text-align:right; } /* home page hours & review ------------- */ .restaurant_hours { width:300px; float:left; padding:80px 30px 15px 100px ; position:relative; } .restaurant_hours h3 { margin:0 0 20px 0; padding:15px 20px; font:bold 24px Rockwell, Georgia, "Times New Roman", Times, serif; position:absolute; left:-12px; top:15px; display:block; width:100%; } .restaurant_hours h4 { margin:0 0 5px 0; padding:0; font:18px Georgia, "Times New Roman", Times, serif; display:block; width:100%; } .restaurant_hours p { margin:0 0 12px 0; padding:0; font:16px Georgia, "Times New Roman", Times, serif; display:block; width:100%; } .i_clock { position:absolute; left:20px; top:80px; } .customer_review { width:400px; float:right; padding:90px 10px 15px 20px ; position:relative; text-align:right; position:relative; } .customer_review h3 { margin:0 0 20px 0; padding:15px 20px; font:bold 24px Rockwell, Georgia, "Times New Roman", Times, serif; position:absolute; right:-12px; top:15px; display:block; width:100%; } .quote { padding:15px; font:18px Georgia, "Times New Roman", Times, serif; text-align:center; margin:0 20px 0 20px; } .quote_bottom { padding-left:40px; padding-top:5px; height:28px; position:absolute; left:70px; bottom:-17px; font:18px Georgia, "Times New Roman", Times, serif; } /* latest menu #end ----------------------------------------------------------- */ .latest_menu { padding-bottom:120px; } .latest_menu h3 { margin:0 0 12px 0; padding:0 0 15px 0; font:bold 24px Rockwell, Georgia, "Times New Roman", Times, serif; text-align:center; } .latest_menu .anythingSlider2 { width: 960px; position: relative; margin: 0 auto; } .latest_menu .anythingSlider2 .wrapper { width: 960px; height: 450px; margin:0; position: absolute; top: 0; left: 0; } .latest_menu .anythingSlider2 .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; } .latest_menu .anythingSlider2 ul li { display: block; float: left; padding:0; width: 960px; margin:0; background:none; } .latest_menu .anythingSlider2 a.forward { display:block; position:absolute; right:0px; text-indent:-9009px; cursor:pointer; top:-52px; width:24px; height:21px; } .latest_menu .anythingSlider2 a.back { display:block; position:absolute; left:912px; text-indent:-9009px; cursor:pointer; top:-52px; width:24px; height:21px; } .latest_menu .anythingSlider2 a.more { display:block; float:left; padding:9px 20px; font:14px Georgia, "Times New Roman", Times, serif; text-align:center; } .latest_menu #thumbNav { position: relative; top:-45px; right:56px; float:right; text-align: left; z-index:9999; text-align:right; } .latest_menu #thumbNav a { color: black; float:left; font: 11px Arial, Helvetica, sans-serif; display:block; padding:0; width:16px; height:16px; margin: 0 3px 0 0; text-align: center; text-indent:-9009px; } .latest_menu #start-stop { display:none; } /* slider css */ .latest_menu #thumbNav a { text-align:center; text-indent:-9009px; } .latest_menu .anythingSlider2 .wrapper ul ul { position: static; margin: 0; overflow: visible; width: auto; } .latest_menu .anythingSlider2 .wrapper ul ul li { float: none; } .banner_food { width:162px; height:124px; position:absolute; left:-20px; bottom:-20px; } .menu_item { width:480px; float:left; margin-bottom:18px; display:block; } .menu_item_in { padding:10px 0 10px 20px; height:122px; } .item_img { float:left; width:122px; height:92px;padding:4px; } .item_img img { padding:4px; } .menu_content { float:right; width:270px; padding-right:30px; } .latest_menu .menu_item h3 { margin:0; padding:0 0 9px 0; height:100%; overflow:hidden; background:none; font:18px Georgia, "Times New Roman", Times, serif; text-align:left; } .latest_menu .menu_item h3 a { text-decoration:none; } .latest_menu .menu_item h3 span.title { float:left; width:200px; text-align:left; } .latest_menu .menu_item p { margin:0; padding:0; clear:both; font:14px Georgia, "Times New Roman", Times, serif; text-align:left; } .menu_price { float:right; } /* page menu -------------------- */ .subheading { cursor:pointer; } .pos { margin-bottom:2px; padding:15px 42px 15px 22px; font:18px Georgia, "Times New Roman", Times, serif; display:block; cursor:pointer; } .neg { margin-bottom:2px; padding:15px 42px 15px 22px; font:18px Georgia, "Times New Roman", Times, serif; display:block; cursor:pointer; } .row { padding-bottom:15px; margin-bottom:15px; } .row label { width:120px; float:left; display:block; padding-top:5px; font-weight:bold; } .row .textfield { padding:7px; font:13px Arial, Helvetica, sans-serif; width:250px; float:left; } h1.menu_head { margin:0 0 20px 0 ; padding:0 0 14px 0; font:bold 32px Rockwell, Georgia, "Times New Roman", Times, serif; text-align:center; position:relative; } a.i_pdf { position:absolute; right:100px; top:4px; padding:4px 0 4px 22px; font:16px Georgia, "Times New Roman", Times, serif; } a.i_print { position:absolute; right:0px; top:4px; padding:4px 0 4px 22px; font:16px Georgia, "Times New Roman", Times, serif; } /* -------------------------------------------------- inner -------------------------------------------------- */ blockquote { margin:0; padding:0 0 0 25px; } p.author { margin:0 0 15px 0; padding-bottom:15px; } .table { margin-bottom:40px; } .table td { padding:8px; vertical-align:top; } .table td.title { font:16px Georgia, "Times New Roman", Times, serif; padding:8px 0 8px 20px; } .table td.default_sect { padding:0px !important; margin:0 !important; } .table td.row { } .table2 td { padding:0; } .rating { padding:4px 0 12px 0; display:block; } .rating img { position:relative; top:3px; } .menutable { margin:0; padding:0; } .iteam { padding:35px 0 110px 0; margin-bottom:20px; display:block; } .iteam_content { width:523px; float:right; padding-right:35px; } .iteam_content p.iteam_title { margin:0; padding:0; font-size:22px; font-weight:normal; } .iteam_content p { font-size:14px; } /* -------------------------------------------------- content -------------------------------------------------- */ #content h1 { margin:0 0 20px 0; padding:0 0 15px 0; font:bold 32px Rockwell, Georgia, "Times New Roman", Times, serif; } #content h4 { margin:10px 0 15px 0; padding:0 0 5px 0 ; } #content h4 a { text-decoration:none; } #content h4 a:hover { text-decoration:none; } #content .posts { margin-bottom:40px; } .post_top { height:100%; overflow:hidden; } .calendar { width:60px; float:left; font-size:27px; text-align:center; } .month { font-size:18px; } .post_title { float:left; width:635px; } #content .posts h3 { margin:0; padding:5px 0 3px 0; font-family: Rockwell, Georgia, "Times New Roman", Times, serif; } #content .posts h3 a { text-decoration:none; } #content .post_top a { text-decoration:none; } #content .post_content { padding-bottom:10px; } #content p.post_meta { font-size:11px; } .page ul { padding:10px 0 20px 0; list-style:square inside !important } #content .post_bottom { padding:8px 0 52px 0; clear:both; } #content .post_bottom a { text-decoration:underline; } #content .post_bottom a:hover { text-decoration:none; } .arclist{ margin-bottom:30px; padding-bottom:25px; } .i_comment { width:29px; text-align:center; padding:5px 0 15px 0; margin-top:10px; float:right; font-size:14px; font-weight:bold; } #content object, #content embed { float:left; margin:10px 20px 20px 0; } /* gallery view -------------------------------------------- */ #content .gallery_view { margin:0; padding:0; } #content .gallery_view li { margin:20px 22px 0px 22px; padding:0; width:192px; list-style:none; float:left; } #content .gallery_view li .item_img { float:left; width:190px; height:131px; padding:4px; margin-bottom:8px; } #content .gallery_view li .item_img img { padding:4px; } #content .gallery_view li h4 { margin:0; padding:0; font:18px Georgia, "Times New Roman", Times, serif; text-transform:none; } #content .gallery_view li.hr { margin:0; padding:0; width:100%; height:50px;} /* contact us -------*/ #content .form_row { height:100%; overflow:hidden; margin-bottom:24px; } #content .form_row label { display:block; padding:4px 0; margin-right:10px; } #content .form_row .textfield { font:14px Arial, Helvetica, sans-serif; width:350px; padding:6px; } #content .form_row .textarea { font:14px Arial, Helvetica, sans-serif; width:550px; padding:6px; } #content .error, .message_error2 { display:block; clear:both; padding-top:4px; } #contact_frm { width:100%; } #contact_frm .b_submit { font:17px Georgia, "Times New Roman", Times, serif; padding:6px 24px; cursor:pointer;} #content p.success_msg { padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; } .indicates{ font-size:11px; } /*---------PAGE NAVIGATION - pagination --------- */ .pagination { width: 100%; font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold; padding:0 } .Navi { float: right; padding: 0 0 20px 0 } .Navi .on { display: block; float: left; font-size: 12px; padding:11px 15px; margin-left: 4px; } .Navi a { text-decoration: none !important; display: block; float: left; margin-left: 4px; padding:10px 13px; } /*---------COMMENTS --------- */ #comments h3{ font-size:18px; padding:0 0 5px 0; margin:0 0 20px 0; } #comments .commentlist { padding:0; margin:0;} #comments .commentlist li p { margin:0; padding:0; } #comments ol{padding:20px 0;} #content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none } #comments .comment a{ text-decoration:none; padding:1px 0 } #content #comments p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal; font-size:14px; font-style: italic; } #comments p.authorcomment a { text-decoration:none; } #comments p.authorcomment a:hover { text-decoration:none; } #comments .comment .meta-left { width: 90px; float:left;} #comments .comment .meta-left p{ padding:0; margin:0; line-height:12px; font-size:11px; } #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; } #comments .comment small {font-size: 11px } * html #comments .comment .text-right { height:70px } #comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 20px; padding: 0 0 8px 13px; font-size:14px; } #comments ul.children { margin:10px 0 0 20px; padding:0 } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; } span.comm-reply a:hover{ font-size:11px; text-decoration:none; } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif; } #respond textarea { margin:0; padding:5px; } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; } * html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } *+html #commentform label { margin:-8px 0 0 0; position:relative; top:-8px; } .avatar { padding:3px;} /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:14px; padding:5px 0 5px 18px; margin:0; list-style:none; } .arclist ul li ul{ padding:0 0 0 5px } .arclist ul li ul li{ padding:10px 0 8px 15px } .arclist .archives-time{ float: left; text-transform: uppercase; width:90px; margin:0 15px 0 0 } #content .arclist li a { text-decoration:none !important; } /* -------------------------------------------------- Sidebar -------------------------------------------------- */ #sidebar ul { margin:0 0 25px 0; padding:0; } #sidebar li { margin:0 15px 5px 15px; padding:0 0 5px 18px; line-height:18px; list-style:none; } #sidebar li a { text-decoration:none; } #sidebar li a:hover { text-decoration:none; } .date { font-size:12px; } #sidebar h3 { font:18px Rockwell, Georgia, "Times New Roman", Times, serif; margin:0 0 8px 0; padding:13px 5px 13px 15px; } #sidebar .restaurant_hours { float: none; padding:0 17px 0 17px; position: inherit; width:auto; } #sidebar .restaurant_hours h4 { margin:0 0 5px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; display:block; width:100%; } #sidebar .restaurant_hours p { margin:0 0 12px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; display:block; width:100%; } #sidebar #testimonials { position:relative; margin:0 15px 5px 20px; min-height:250px; } #sidebar #testimonials blockquote { position:absolute; top:5px; right:5px left:0; z-index:8; opacity:0.0; background:url(skins/1-default/testimonialsbg.png) repeat left top; } #sidebar #testimonials blockquote p { padding:0; } #sidebar #testimonials blockquote.active { z-index:10; opacity:1.0; } #sidebar #testimonials blockquote.last-active { z-index:9; } .customer_review #testimonials { position:relative; margin:0 15px 5px 20px; min-height:120px; } .customer_review #testimonials blockquote { position:absolute; top:5px; padding:20px; font:18px Georgia, "Times New Roman", Times, serif; right:5px; left:0; z-index:8; opacity:0.0; overflow:inherit; } .customer_review #testimonials blockquote p { padding:0; text-align:center; } .customer_review #testimonials blockquote.active { z-index:10; opacity:1.0; } .customer_review #testimonials blockquote.last-active { z-index:9; } .customer_review #testimonials cite { position:absolute; padding: 6px 0 8px 82px; left:5px; bottom:-32px; } blockquote p { font-size:15px; margin:0 0 5px 0; padding:0 0 0 30px; line-height:23px; } blockquote { clear:both; height:100%; margin:0; overflow:hidden; padding:0 0 5px 0; } blockquote cite { font-size:14px; float:right; line-height:18px; text-align:right; display:block; } blockquote span { display:block; float:left; margin:4px 5px 0 0; width:24px; height:16px; } .advt { margin-bottom:20px; } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer h3 { margin:0 0 20px 0; padding:0; font:normal 20px Rockwell, Georgia, "Times New Roman", Times, serif; } #footer p { margin:0 0 10px 0; padding:0; font:14px "Adobe Caslon Pro", Georgia, "Times New Roman", Times, serif; } #footer .img_l { float:left; margin:4px 12px 10px 0; } .first_column { width:60%; float:left; padding-left:20px; position:relative; } .second_column { width:270px; padding-left:50px; float:left; position:relative; } .three_column { width:255px; float:right; padding-right:20px; position:relative; } #footer p.i_contact { margin:0 0 14px 0; padding:0 0 10px 55px; font:18px "Adobe Caslon Pro", Georgia, "Times New Roman", Times, serif; } #footer .designby { padding:5px 8px 0 0; float:right; } #footer p span.by { float:left;padding-right:5px; } #footer p span.templatic { width:87px; height:20px; display:block; overflow:hidden; float:left; color:#fff; text-indent:-9009px; background:url(images/templatic.png) no-repeat left top; } #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } .b_get_direction { float:right; display:block; width:105px; padding:5px 0 5px 0; font:12px Georgia, "Times New Roman", Times, serif; cursor:pointer; } .b_get_direction:hover { background-position:0 -28px; } .copyright { padding:12px 20px 8px 20px; clear:both; font:13px "Adobe Caslon Pro", Georgia, "Times New Roman", Times, serif; height:100%; overflow:hidden; } .copy { float:left; padding-top:4px; } #footer .copyright p { margin:0; padding:3px 0 0 0; } #directions { width:300px; overflow:auto; height:250px; position:absolute; bottom:15px; left:-235px; background:#fff; border:5px solid #333; } #directions table td { font:12px Arial, Helvetica, sans-serif; } a.close { position:absolute; right:0; top:0px; display:block; background:#000; padding:3px 6px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; } a:hover.close { background:#444; color:#fff; } /* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html --------------------- */ .clearfix:after { content:"."; clear:both; height:0; visibility:hidden; display:block; } .clearfix { display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */