/* Theme Name: Restaurant Version v1.1 Theme URI: http://templatic.com/ Description: Developed by Bhavesh Radadiya. Version: 1.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 TEXT styling for grid framework*/ @import url('library/css/text.css'); /* Import GRID styling for grid framework*/ @import url('library/css/960.css'); /* -------------------------------------------------- Global Reset - Resets all browser defaults to 0 -------------------------------------------------- */ body { background:#fffdea url(images/bodybg.png) repeat-x top; /*background:url(images/gride.png) repeat-y center top;*/ } a { color:#a42903; text-decoration:underline; } a:hover { color:#333; text-decoration:underline; } .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 } img.centered{ display: block; margin-left: auto; margin-right: auto } img.alignright{ padding: 4px; margin: 3px 0 2px 10px; display: inline } img.alignleft{ padding: 4px; margin: 3px 10px 2px 0; display: inline } .alignleft{ float: left } .alignright{ float: right } hr { color:#fffdea; border:none; border-bottom:1px dotted #999; margin-bottom:22px; clear:both; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #header { height:103px; background:url(images/header_bg.png) repeat-x center top; margin-top:7px; } #banner { position:relative; clear:both; background:#ccc; } #banner-in { height:285px; height:285px; background:url(images/bannerbg.png) no-repeat; } #footer { clear:both; padding:13px 0 15px 0; height:100%; overflow:hidden; border-top:5px solid #ebe6d1; } #content { float:left; } #sidebar { float:right; } /* -------------------------------------------------- Header -------------------------------------------------- */ .h_left { width:555px; float:left; position:relative; } .callnow { width:155px; padding:35px 0 10px 35px; background:url(images/callnow.png) no-repeat left top; float:right; font-size:14px; font-weight:bold; color:#6f625f; text-align:right; } .logo { position: relative; display: block; width:233px; height:82px; font-size:18px; padding:0px 0 0 20px; margin-top:10px; } .logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0; } .logo span, .logo span a { width:233px; height:82px; background:url(images/logo.png) no-repeat; } .logo span a { display:block; background:url(images/logo.png) no-repeat; cursor:pointer; } .logo a:hover { text-decoration:none; color:#a83a01; } /*=== Logo Spot ===*/ #header .blog-title{ padding:25px 0 0 0 } #header .blog-title a{ color:#A83A01; font:bold 32px Georgia; text-decoration:none; padding:10px 15px } #header .blog-title a:hover{ text-decoration:none; color:#000000; background:none } #header .blog-description{ color:#5E4E38; font-size:14px; padding:0 15px } #header h1.logo { text-decoration:none; border:none } #header h1.logo a:hover{ background:none } #header h1.logo { margin:10px 0 0 0; padding:0 } #header p.description { position:absolute; left:70px; top:73px; text-transform:uppercase; color:#5e4e38; font-size:12px; } .number { font-size:18px; color:#ad752b; font-weight:normal; } #sidebar h3 { font-size:18px; margin:0 0 8px 0; padding:0; color:#a7430f; } /*--------- FEATURED SLIDER --------- */ .featslider{ padding:0; color:#ffffff } .wrap-slider{ background:#9c8d6f url(images/bannerbg.png) repeat-y top; margin:0; position:relative } .wrap-slider a:hover{ background:none } .stepcarousel{ position: relative !important; margin:5px 0 0 25px; overflow: scroll; height: 270px } .stepcarousel .belt{ position: absolute !important; left: 0; top: 0 } .stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 15px; width: 810px; padding:0 20px 0 10px } .featured-button-l{ position:absolute; left:-21px; top:115px; width:43px; } .featured-button-r{ position:absolute; right:-21px; top:115px; width:43px; } .slider-post{ } .slider-post a{ border:none; text-decoration:none } .slider-post .slider-title{ font:normal 35px Georgia; padding:10px 0 15px 0 } .slider-post img.fl{ background:#a49475; padding:0; margin:18px 20px 6px 0 } .slider-post .btn { background:#333333 url(images/btn-slider-trans.png) no-repeat 0; margin:0; padding:5px 10px 5px 25px; font-style:oblique; color:#FFFFFF; border:none; font-weight:bold; } .slider-post a.btn:hover { background:#333333 url(images/btn-slider-trans.png) no-repeat 0 4px; text-decoration:none; color:#cccccc } .slider-post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block } .slider-post p{ color:#ffffff } .slider-post p a{ color:#ffffff; border-bottom:1px dotted #ffffff; padding:2px 1px; } .slider-post p a:hover{ background:#7a5e24; color:#ffffff; text-decoration:none; border-bottom:none } .slider-post ul, .slider-post ol{ padding:0; margin:0 0 20px 0 } .slider-post ul li{ color: #555555; background: url(images/ico-ok-trans.png) no-repeat left top; padding: 0 0 0 25px } .slider-post ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 20px } .slider-post li a:hover{ color: #a4b92e; text-decoration: none } .slider-post .button { background:#BFAC80 url(images/buttonbg.png) repeat-x top; margin:0 10px 0 0; padding:9px 10px 8px 10px; cursor:pointer; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#362e1d; border:none; border-right:1px solid #e5ddcc; border-bottom:1px solid #e5ddcc; } .slider-post .button:hover { background:#ddd3bc !important; } /* -------------------------------------------------- Home -------------------------------------------------- */ .column_spacer { padding-left:20px; } p { margin:0 0 10px 0; padding:0; line-height:20px; } h3 { margin:10px 0 10px 0; padding:0; color:#464032; text-transform:uppercase; } .imgcenter { border:5px solid #dbd9c4; margin-bottom:15px; } p.alignright { text-align:right; } ul { margin:0; padding:0; list-style:none; } .item_menu li { margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px dotted #99885b; font-size:12px; height:100%; overflow:hidden; background:none; } .item_menu li a { color:#464032; text-decoration:none; } .item_menu li a:hover { color:#a7430f; text-decoration:none; } .item_menu li img { float:left; margin:0 10px 10px 0; border:4px solid #dbd9c4; } .item_menu li p { margin:0; padding:0; width:210px; float:right; } .contactinfo { width:180px; min-height:110px; _height:110px; float:right; padding:10px 15px 0 90px; background:#ebe5cb url(images/contactinfo.png) no-repeat top left; border:3px solid #d0c8b8; } .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; color:#5d4b27; } .table td { padding:5px 0; border-bottom:1px solid #e5e0c6; } .table td.thead { padding:5px; background:#e9e3cb; font-weight:bold; font-size:14px; } .table { width:300px; } /* -------------------------------------------------- inner -------------------------------------------------- */ h1 { margin-bottom:5px; color:#464032; border-bottom:1px solid #9a8b6d; } blockquote { background:url(images/quote.png) no-repeat; padding:0 0 0 25px; margin:0; } p.author { border-bottom:1px solid #ccc2a2; margin:0 0 15px 0; padding-bottom:15px; } .item_menu li p.in_content { margin:0; padding:0; width:435px; float:left; } .item_menu li p.price { margin:0; padding:0; width:85px; float:right; font-size:16px; font-weight:bold; text-align:right; } .menutable td { padding:8px; vertical-align:top; } .menutable td.title { font: bold 12px Georgia, "Times New Roman", Times, serif; } .menutable td.catetitle { font: bold 12px Georgia, "Times New Roman", Times, serif; } .menutable td.row { position:relative; } .menutable2 td { padding:0; } .iteam { height:100%; overflow:hidden; padding-top:10px; } .iteam img { float:left; margin:0 12px 5px 0; } .iteam_content { width:260px; float:right; } p.price { font-weight:bold; padding-right:25px; padding-top:5px; text-align:right; } p.size { font-weight:bold; text-align:center; padding-top:5px; } p.iteam_title { margin:-4px 0 0 0; padding:0; font-size:14px; } .print { font:bold 11px Arial, Helvetica, sans-serif; float:right; margin-bottom:10px; margin-top:10px; } .print a { background:#340f05 url(images/i_print.png) no-repeat 7px 7px; color:#fff; padding:5px 15px 5px 26px; text-decoration:none; text-transform:uppercase; -moz-border-radius-bottomleft:0.25em; -moz-border-radius-bottomright:0.25em; -moz-border-radius-topleft:0.25em; -moz-border-radius-topright:0.25em; } .print a:hover { background:#340f05 url(images/i_print.png) no-repeat 7px 7px; color:#ffe692; text-decoration:none; } .menutable td.title { background:#aa9876; color:#fff; } .menutable td.catetitle { background:#705b33; color:#fff; } .menutable td.row { background:url(images/dot_line.png) repeat-x bottom; } .iteam img { border:1px solid #481905; } p.price { color:#a83a01; } /* -------------------------------------------------- content -------------------------------------------------- */ .page_wrap { margin-bottom:20px; padding-bottom:20px; } h1.breadcrumb { padding:0; font-size:11px; border-bottom:none; margin-bottom:20px; } h1.breadcrumb a{ text-decoration:none } #content h4 { margin:10px 0 15px 0; padding:0 0 5px 0 ; color:#464032; text-transform:uppercase; border-bottom:2px dotted #9a8b6d; } #content h4 a { color:#464032; text-decoration:none; } #content h4 a:hover { color:#a83a01; text-decoration:none; } #content .posts { background:url(images/post_sepretor_vr.png) repeat-y 80px top; margin-bottom:40px; } .post_top { background:url(images/sepretor_hr.png) repeat-x bottom left; height:100%; overflow:hidden; padding-bottom:10px; margin-bottom:18px; } .calendar { width:60px; float:left; font-size:27px; text-align:center; } .month { color:#a29e8e; font-size:18px; } .post_title { float:right; width:510px; } #content .posts h3 { margin:0; padding:5px 0 3px 0; color:#464032; text-transform:capitalize; } #content .posts h3 a { color:#464032; text-decoration:none; } #content .posts h3 a:hover { color:#a83a01; } #content .post_top a { text-decoration:none; } #content .post_content { width:510px; float:right; padding-bottom:10px; } .page ul { padding:10px 0 20px 0; list-style:square inside !important } #content .post_bottom { background:url(images/sepretor_hr.png) repeat-x top; padding:8px 0 11px 110px; clear:both; color:#a09a87; } #content .post_bottom a { color:#423724; text-decoration:underline; } #content .post_bottom a:hover { color:#a83a01; text-decoration:none; } .comments { width:60px; height:75px; float:left; background:url(images/comment.png) no-repeat; text-align:center; padding:10px 0 0 0; margin:10px 0 0 0; font-size:10px; line-height:15px; } .comments a { color:#423724; text-decoration:none; font-size:24px; } .comments a:hover { color:#a83a01; } * html .comments { margin:10px 0 0 0; } .post_img { border:4px solid #a49272; margin-bottom:12px; } .arclist{ margin-bottom:30px; padding-bottom:25px; } /*---------ADVERTISING ads --------- */ .ad-box{ text-align:center; background:transparent; padding:25px 0; margin:0 } .ads123456{ height:125px; float:left; margin:0; padding: 0 0 20px 0 } .ads123456 img{ float:left; border:1px solid #fff; margin:0 10px 0 12px } #big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px } #big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 } #big_banner a:hover, #big_banner1 a:hover{ background:transparent } /*---------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 { color:#fff; display: block; float: left; font-size: 12px; padding:11px 15px; margin-left: 4px; background: #a71c00 !important } .Navi a { text-decoration: none !important; background:#464032; color: #fff; display: block; float: left; margin-left: 4px; padding:10px 13px; } .Navi a:hover { color:#fff; background: #241e0f } /*---------COMMENTS --------- */ #comments h3{ font:normal 18px Georgia,"Times New Roman",Times,serif; padding:0 0 20px 0; margin:0 } #comments .commentlist { padding:0; margin:0 } #comments ol{padding:20px 0;} #comments .comment { margin: 10px 0 0 0; width: 100%;} #comments .comment a{ text-decoration:none; border-bottom:1px solid; padding:1px 0 } #comments .comment a:hover{ color:#000000 } #comments .comment .meta-left { width: 90px; float:left; color:#e5c7ab } #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 } #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; background:#ffffff; border:1px solid #e5c7ab; padding: 12px; margin-left:100px; float:none } #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 } #comments ul.children { margin:10px 0 0 20px; padding:0 } #comments .comment .authcomment{ background:#F7F7F7; border:1px solid #e5c7ab } p.commpadd{ padding:0; margin:0 0 10px 0 } span.comm-reply{ float:right; color:#a42903; padding:5px 0 0 0 } span.comm-reply a{ font-size:13px; color:#a42903 } .cancel-comment-reply{ padding:0 0 10px 0 } #respond { padding:10px 0 0 0; margin:0 } #respond textarea, .commpadd input{ background:#ffffff; border:1px solid #e5c7ab } #respond textarea { margin:0; padding:0 } p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px } p.commpadd label{ padding:0 0 0 5px } input#submit{ font:bold 12px Arial; color:#FFFfff; text-align:center; padding: 5px; background:#695851; border:1px solid #e5c7ab; margin:0 } /*---------ARCHIVE PAGE --------- */ .arclist ul{ padding:0; margin:0 } .arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #ddd9b4; padding:5px 0; margin:0; background:none } .arclist ul li ul{ border-bottom:0; padding:0 0 0 5px } .arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px } .arclist .archives-time{ float: left; text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 } #content .arclist li a { text-decoration:none !important; } /* -------------------------------------------------- contact form -------------------------------------------------- */ .row { height:100%; overflow:hidden; margin-bottom:12px } .row label { float:left; width:118px; height:25px; } .row .textfield { width:275px; float:left; font: 13px Arial, Helvetica, sans-serif; border:1px solid #d4ccad; border-bottom:1px solid #605c4e; border-right:1px solid #605c4e; background:url(images/textfieldbg.png) repeat-x top; padding:4px; } .row .textarea { width:275px; float:left; font: 13px Arial, Helvetica, sans-serif; border:1px solid #d4ccad; border-bottom:1px solid #605c4e; border-right:1px solid #605c4e; background:url(images/textfieldbg.png) repeat-x top; padding:4px; height:150px; } .button2 { background:#926d23 url(images/buttonbg3.png) repeat-x top; padding:4px 10px; border:1px solid #82614f; cursor:pointer; font:bold 14px Arial, Helvetica, sans-serif; color:#fff; margin-left:118px; margin-bottom:20px; } .button2:hover { background:#795e24; } /* -------------------------------------------------- Sidebar -------------------------------------------------- */ .google_map { margin-bottom:20px; border:5px solid #dbd9c4; } #sidebar ul { margin:0 0 25px 0; padding:0; } #sidebar li { margin:0 0 5px 0; padding:0 0 5px 15px; background:url(images/bullet.png) no-repeat 0 7px; border-bottom:1px solid #e5c7ab; line-height:18px; } #sidebar li a { color:#464032; text-decoration:none; } #sidebar li a:hover { color:#a83a01; text-decoration:none; } #sidebar .widget{ padding:0 0 0 10px } .date { color:#666051; font-size:12px; } /*=== Footer Widgets ===*/ .footwidgets-spot{ padding-bottom:20px; } .footwidgets-spot a{ border:none } #footwidgets-front .widget-spot{ margin:6px 0 8px 0; padding:0 } #footwidgets-front .widget-spot .widget{ padding:0 30px 0px 0; line-height:20px } * html #footwidgets-front .widget-spot .widget { padding:0 18px 0px 18px } #footwidgets-front .widget-spot .widget a.widget-title{ font:bold 12px Georgia } #footwidgets-front .widget-spot .widget p.featured-excerpt{ padding:0; line-height:18px; } #footwidgets-front .last .widget{ border-right:none } #footwidgets-front .widget-spot .widget img.fl{ border:5px solid #dbd9c4; background:#ffffff; margin:0px 10px 0px 0px } #footwidgets-front .widget-spot .widget h3{ font-weight:normal; font-size:18px; padding:0 0 10px 0; color:#a7430f } #footwidgets-front .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px } #footwidgets-front .widget-spot .widget button { background:#fff url(images/btn-footer-trans.png) no-repeat left top; margin:10px 0 0 0; text-align:left; padding:0 0 0 25px; line-height:15px; font-style:oblique; color:#bf1b3e; border:none; font-weight:bold; } #footwidgets-front .widget-spot .widget button:hover{ background:#ffffff url(images/btn-footer-trans.png) no-repeat 0px 10px; text-decoration:none; color:#333333 } #footwidgets-front .widget-spot .widget ul, #footwidgets-front .widget-spot .widget ol{ padding:0px 3px; margin:0 0 20px 0 } #footwidgets-front .widget-spot .widget ul li{ margin:0 0 10px 0; padding:0 0 10px 0; border-bottom: dotted 1px #99885b } /* -------------------------------------------------- footer -------------------------------------------------- */ #footer { overflow:hidden; } #footer .copyright{ font-size:12px; color:#444; padding:0; margin:0 0 8px 0; line-height:18px; } #footer .copyright a{ color:#464032; text-decoration:none; } #footer .copyright a:hover{ color:#000; text-decoration:none; } #footer .copyright .fr { margin-right:-12px; } #footer .copyright .fr li{ display:block; float:left; padding:0 10px 0 0px; margin:0 0 0 10px; line-height:12px; border-right:1px solid #746f60; } #footer .designby { padding:3px 8px 0 0; float:left; } #footer p span.templatic { width:80px; display:block; overflow:hidden; float:left; color:#fff; background:url(images/templatic.png) no-repeat 0; } #footer p span.templatic a { text-indent:-9009px; padding-left:120px; height:30px; display:block; } /* 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 */ /* top navigation drop menu ---------------------- */ #navbg { clear:both; width:900px; margin:0 auto 8px auto; background:#c6b38f url(images/navbg.png) no-repeat; height:36px; padding:0px 20px; } #navbg ul { margin: 0; padding: 0; list-style: none; } #navbg ul li { display: block; float: left; margin:0; padding:0; } #navbg ul li a { display: block; text-decoration: none; margin:0px 1px; padding:12px 10px 8px 10px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; } /* SON OF SUCKERFISH DROPDOWNS See http://www.htmldog.com/articles/suckerfish/dropdowns/ --------------------- */ /* 2nd and 3rd level menus */ #navbg ul li ul { position: absolute; z-index: 99; left: -999em; margin: 0px 0 0 1px; padding: 0; width:13.9em; w\idth: 13.9em; height: auto; } /* 3rd level menus only */ #navbg ul ul ul { margin: -2.0em 0 0 13.9em; } /* 2nd and 3rd level menus */ #navbg ul li li { padding: 2px 1em 2px 0; width: 12.9em; } /* 2nd and 3rd level menus */ #navbg ul ul a { width: 13em; w\idth: 9em; } #navbg ul li:hover ul ul, #navbg ul li:hover ul ul ul, #navbg ul li.sfhover ul ul, #navbg ul li.sfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #navbg ul li:hover ul, #navbg ul li li:hover ul, #navbg ul li li li:hover ul, #navbg ul li.sfhover ul, #navbg ul li li.sfhover ul, #navbg ul li li li.sfhover ul { left: auto; } #navbg ul li:hover, #navbg ul li.sfhover { } /* 2nd and 3rd level menus */ #navbg ul ul li a, #navbg ul ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; } /* top navigation drop menu ---------------------- */ #navbg ul li a { color: #2a1f0b; border-bottom: 0; } #navbg ul li a:hover { color:#faf1b5; background:#a49376 url(images/navbg_h.png) repeat-x top; } #navbg ul li.current_page_item a, #navbg ul li.current-cat a, #navbg ul li.current-menu-item a{ color:#faf1b5; background:#a49376 url(images/navbg_h.png) repeat-x top; } { color:#faf1b5; background:#a49376 url(images/navbg_h.png) repeat-x top; } #navbg ul li ul.sub-menu li a, #navbg ul li ul.sub-menu ul.sub-menu li a { background:#c6b38f; color:#2a1f0b; } #navbg ul li ul.sub-menu li a:hover, #navbg ul li ul.sub-menu li.current-menu-item a, #navbg ul li ul.sub-menu ul.sub-menu li a:hover { background:#a49376; color:#2a1f0b; } /* dropdowns/ --------------------- */ /* 2nd and 3rd level menus */ #navbg ul ul { border: solid #d9caad; border-width: 1px 1px 0; background: #c6b38f;} /* 2nd and 3rd level menus */ #navbg ul li li { border-bottom: 1px solid #d9caad; } /* 2nd and 3rd level menus */ #navbg ul ul li:hover, #navbg ul ul ul li:hover, #navbg ul ul li.sfhover, #navbg ul ul ul li.sfhover { background:#a49376 url(images/navbg_h.png) repeat-x top; border-top:none; } /* 2nd and 3rd level menus */ #navbg ul ul li a, #navbg ul ul ul li a { background: none; text-transform:capitalize; } #navbg ul ul li a:hover, #navbg ul ul ul li a:hover { background: none; } #navbg ul li.current_page_item ul li a, #navbg ul li.current-cat ul li a { background: none; color:#2a1f0b; } #navbg ul li.current_page_item ul li a:hover { background: none; color:#faf1b5; } #navbg ul li.current-cat-parent ul li a li a.#navbg ul li.current-cat a { background:#a49376; }