/* Theme Name: Restaurant Theme URI: http://premiumthemes.net/ Description: Developed by Bhavesh Radadiya. Version: 1.0 Author: PremiumThemes Author URI: http://premiumthemes.net/ */ /* 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:#330099; text-decoration:none; list-style:none;} a:hover { color:#333; text-decoration:none; list-style: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 } 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; } */ #header { height:103px; background: transparent; margin-top:7px; margin-bottom:15px; } /*#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; margin-bottom:30px;} #sidebar { float:right; } /* -------------------------------------------------- Header -------------------------------------------------- */ .h_left { width:555px; float:left; position:relative; } .callnow { width:350px; padding:35px 0 10px 35px; /*background:url(images/callnow.png) no-repeat left top;*/ float:right; font-size:16px; font-weight:bold; color:white; text-align:right; letter-spacing:-1px; } .logo { position: relative; display: block; 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.gif) no-repeat; } .logo span a { display:block; background:url(images/logo.gif) 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:30px; color:#ffcc33 ; font-weight:bold; letter-spacing:-1px;} #sidebar h3 { font-size:18px; margin:0 0 8px 0; padding:0; color:#a7430f; } /* -------------------------------------------------- navigation -------------------------------------------------- */ #nav { clear:both; width:900px; margin:0 auto 8px auto; background-image:url(images/nav_bg.png); height:36px; padding:0px 20px; } #nav li { margin:0 0 0 5px; float:left; text-transform:uppercase; height:36px; font-weight:bold; } #nav li a { letter-spacing: -1px; font-size:14px; padding:10px 8px 12px 6px; clear:both; display:block; color:white; text-decoration:none; margin-right:10px; } #nav li a:hover { color:#ffcc33; background:url(images/blue.png) repeat-x top; } #nav .current a,#nav .current a:link,#nav .current a:visited{ color:#ffcc33; background:url(images/blue.png) repeat-x top; } /*--------- 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 0px 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: 800px; 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{ line-height:20px; } .slider-post a{ border:none; text-decoration:none } .slider-post .slider-title{ font:normal 35px arial; padding:20px 0 15px 0; letter-spacing:-2px; line-height:30px; } .slider-post img.fl{ background:#333333; 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:url(images/blue-button.png) repeat-x top; margin:0 15px 0 0; padding:9px 10px 8px 10px; cursor:pointer; font-weight:bold; letter-spacing:0px; color:white; border:none; font-size:13px; } .slider-post .button:hover{background:transparent url(images/blue.png) repeat-x scroll center top; color:#ffcc33; } /* -------------------------------------------------- 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:220px; min-height:145px; margin-left:10px; height:130px; float:left; padding:10px 15px 0 30px; background:#ebe5cb url(images/contactinfo.png) no-repeat top left; border:3px solid #d0c8b8; } .contactinfo p { font:12px 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:16px; } .table { width:280px; } /* -------------------------------------------------- inner -------------------------------------------------- */ h1 { margin-bottom:5px; color:#464032; border-bottom:1px solid #9a8b6d; padding-top:10px; font-size:30px;} 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; } /* -------------------------------------------------- content -------------------------------------------------- */ .page_wrap { margin-bottom:20px; padding-bottom:20px; } h1.breadcrumb { padding:0; font-size:12px; border-bottom:none; margin-bottom:20px; } h1.breadcrumb a{ text-decoration:none; color:black ; } #content h2 { font-size:30px; margin:10px 0 15px 0; padding:0 0 5px 0 ; color:#330099; text-transform:uppercase; border-bottom:2px dotted #9a8b6d; } #content h4 { font-size:20px; 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 h5 { font-size:16px; margin:0px 0 5px 0; padding:0; color:#330099; border-bottom:2px dotted red } /* #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; border-bottom:1px solid #e5c7ab; line-height:20px; letter-spacing:-1px; } #sidebar li a { color:white; text-decoration:none; } #sidebar li a:hover { color:black; 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:10px 0 0 0 ; } #footwidgets-front .last .widget{ border-right:none } #footwidgets-front .widget-spot .widget img.fl{ border:5px solid #dbd9c4; background:#ffffff; margin:0px 10px 10px 10px } #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 } /* -------------------------------------------------- menu_left_sidebar -------------------------------------------------- */ .google_map { margin-bottom:20px; border:5px solid #dbd9c4; } #menu_left_sidebar ul { margin:0 0 25px 0; padding:0; } #menu_left_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; } #menu_left_sidebar li a { color:#464032; text-decoration:none; } #menu_left_sidebar li a:hover { color:#a83a01; text-decoration:none; } #menu_left_sidebar .widget{ padding:0 0 0 10px } .date { color:#666051; font-size:12px; } /*=== Footer Widgets ===*/ .footwidgets-spot{ padding-bottom:30px; } .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:10px 0 0 0 } #footwidgets-front .last .widget{ border-right:none } #footwidgets-front .widget-spot .widget img.fl{ border:5px solid #dbd9c4; background:#ffffff; margin:0px 10px 10px 10px } #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:16px } #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:13px; color:#444; padding:0; margin:0 0 8px 0; line-height:95%; } #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; } /* 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 */ .qtrcol{width:215px;float:left;margin:0px 0px 15px 15px;padding-top:15px; background:transparent; color:#464032; text-decoration:none; list-style:none;} * html .qtrcol{margin:0px 0px 15px 10px; text-decoration:none; list-style:none;} #textareadefault{margin:2px 0px 2px 0px;float:left;width:966px; text-decoration:none; list-style:none;} #leftmenu {font-size: 18px; color:white; width:270px; margin:0px; margin-bottom:80px; text-decoration:none; list-style:none;} #leftmenu ul,#leftmenu li{padding:0px;margin:0px; list-style:none; text-decoration:none; background:#E8E8E8 ;} #leftmenu a,#leftmenu a:link,#leftmenu a:visited{color:black;display:block; padding:2px 10px; text-decoration:none; list-style:none; } #leftmenu a:hover{background:#ffcc33; color:red; text-decoration:none; list-style:none; border-bottom:0px; } #leftmenu .active a,#leftmenu .active a:link,#leftmenu .active a:visited{background:#330099; color:white;} .menu_table_item {width:480px; } .menu_table_price {width:99px; } .menu_table {margin-bottom:40px;} .service-charge-vat{float:left; width:240px; font-size:11px; padding-top:25px;} .bracket{font-size:10px; font-style:italic; margin-left:8px;} .banquet-price-line{font-size:16px;} .banquet-price{font-size:30px; font-weight:bold;} .banquet-menus{width:530px; padding-left:50px;} .banquet-title{width:590px;display:block; padding:2px 10px; text-decoration:none; list-style:none; text-align:left; line-height:90%; letter-spacing:-1px; background-image:url(images/blue-banner.png);} #content h2 { font-size:35px; margin:10px 0 15px 0; padding:0 0 5px 0 ; color:#330099; text-transform:uppercase; border-bottom:0px; margin-bottom:20px; } #content h4 { font-size:20px; margin:10px 0 15px 0; padding:0 0 5px 0 ; color:#464032; text-transform:uppercase; border-bottom:2px dotted #ffcc33; } #content h4 a { color:#464032; text-decoration:none; } #content h4 a:hover { color:#a83a01; text-decoration:none; } #content h5 { font-size:18px; margin:0px 0 5px 0; padding:0; color:#330099; border-bottom:2px solid #ffcc33; }