/* 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; 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 { 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:120%; font:11px Verdana, Arial, Helvetica, sans-serif;} 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;} .contactinfo p { font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0; } .contactinfo h4 { margin-bottom:5px; font:18px Georgia, "Times New Roman", Times, serif; color:#713708; } .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:5px; } .iteam img { float:left; margin:0 12px 5px 0; } .iteam_content { width:250px; float:left;} 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: bold 14px Georgia, "Times New Roman", Times, serif; } .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 14px 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{ visibility:hidden; 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:url(images/navbg.png) no-repeat; height:36px; padding:0px 20px; } ul#nav { margin: 0; padding: 0; list-style: none; } #nav li { display: block; float: left; margin:0; padding:0; } #nav li a { display: block; text-decoration: none; margin:0px 1px; padding:12px 10px 8px 10px; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; } /* SON OF SUCKERFISH DROPDOWNS See http://www.htmldog.com/articles/suckerfish/dropdowns/ --------------------- */ /* 2nd and 3rd level menus */ #nav 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 */ #nav ul ul { margin: -2.0em 0 0 13.9em; } /* 2nd and 3rd level menus */ #nav li li { padding: 2px 1em 2px 0; width: 12.9em; } /* 2nd and 3rd level menus */ #nav ul a { width: 13em; w\idth: 9em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } /* This "unhides" the sub-menus (left: -999em is what hides them) */ #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { } /* 2nd and 3rd level menus */ #nav ul li a, #nav ul ul li a { font-size:12px; font-weight:bold; padding: 3px 10px 3px 10px; margin:0; } /* top navigation drop menu ---------------------- */ #nav li a { color: #2a1f0b; border-bottom: 0; } #nav li a:hover { color:#faf1b5; background:#a49376 url(images/navbg_h.png) repeat-x top; } #nav li.current_page_item a, #nav li.current-cat 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; } /* dropdowns/ --------------------- */ /* 2nd and 3rd level menus */ #nav ul { border: solid #d9caad; border-width: 1px 1px 0; background: #c6b38f;} /* 2nd and 3rd level menus */ #nav li li { border-bottom: 1px solid #d9caad; } /* 2nd and 3rd level menus */ #nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover { background:#a49376 url(images/navbg_h.png) repeat-x top; border-top:none; } /* 2nd and 3rd level menus */ #nav ul li a, #nav ul ul li a { background: none; text-transform:capitalize; } #nav ul li a:hover, #nav ul ul li a:hover { background: none; } #nav li.current_page_item ul li a, #nav li.current-cat ul li a { background: none; color:#2a1f0b; } #nav li.current_page_item ul li a:hover { background: none; color:#faf1b5; } #nav li.current-cat-parent ul li a li a.#nav li.current-cat a { background:#a49376; }