/* Theme Name: Diner Theme URI: http://www.woothemes.com/ Version: 1.3.6 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2010 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.1.1 Container "Inset" Styling -2.2 Header -2.3 Navigation -2.3.1 Drop-down menus -2.4 Featured Slider -2.5 Homepage Widgets -2.6 Content -2.7 Sidebar -2.8 Footer -2.9 Menu -2.10 Location -2.11 Reservations 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi -3.4 Info boxes 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Conatct Form -6.3 Gravity forms -6.4 Timeline page template -6.5 Info Boxes -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ @font-face { font-family: "League Gothic"; src: url(includes/fonts/leaguegothic.otf) format("opentype"); } body { font: 14px/20px Georgia, Times, serif; color: #2c2525; background: #f9f4e3 url(images/bg-texture.png) no-repeat center top; border-top: 5px solid rgba(44,37,37,0.1); } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:"League Gothic", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #2c2525; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #828c59; text-decoration:none;} a:hover { color: #4f5925; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; color: #2c2525; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline; color: #000; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { margin-top: 1px; border-top: 1px solid rgba(44,37,37,0.1); } #main{margin: 10px 0 0 0;width:620px;} #main.fullwidth {width: 940px;} #sidebar{margin: 10px 0 0 0;width:300px;} #sidebar .secondary { width:140px; } .col-left { float: left; } .col-right { float: right; } .col-full { width: 980px; margin: 0 auto; } /* 2.1.1 Container "Inset" Styling */ #navigation, #footer-widgets { border: 1px solid #000; /*BACKGROUND*/ background-color: #2c2525; /*FALLBACK*/ /*INSET SHADOW*/ -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.2), inset -1px -1px 0 rgba(255,255,255,.2); -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,.2), inset -1px -1px 0 rgba(255,255,255,.2); box-shadow: inset 1px 1px 0 rgba(255,255,255,.2), inset -1px -1px 0 rgba(255,255,255,.2); } #content { border: 1px solid #fff; /*BACKGROUND*/ background-color: #fff; /*INSET SHADOW*/ /* -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 1px 1px 8px rgba(0,0,0,.1), inset -1px -1px 8px rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 1px 1px 8px rgba(0,0,0,.1), inset -1px -1px 8px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,0.3), inset 1px 1px 8px rgba(0,0,0,.1), inset -1px -1px 8px rgba(0,0,0,.1); */ border: 1px solid #e9e9e9; } /* 2.2 Header */ #header { top: -7px; padding: 1px 0 30px; clear:both; position:relative; border-top: 5px solid #2c2525; } #header .inside-header { padding: 40px 20px 0; border-top: 1px solid #2c2525; } #logo { float:left; } #logo img { } #logo .site-title, #logo .site-description { display:none; } #logo .site-title a { color:#222; text-transform:uppercase; text-decoration:none; } #logo .site-title a:hover { } #logo .site-description { } #reservations { float: right; margin: -5px 0 0 0; width: 185px; text-align: center; color: #2c2525; } #reservations span { display: block; padding: 7px 0 10px; font: italic 16px/14px Georgia, Times, serif; border-bottom: 1px dotted #2c2525; } #reservations span.heading { padding: 0 0 7px 0; font: bold normal 12px/10px Helvetica, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px solid #2c2525; } #reservations a { display: block; margin: 10px 0 0 0; } #topad { float:right; } #topad img { margin-top: 8px; } /* 2.3 Navigation */ #navigation { position: relative; z-index: 99; font-size: 14px; text-transform: uppercase; } .nav { z-index:99; margin:0; padding:0 20px; list-style:none; line-height:1; } .nav a { position:relative; display:block; z-index:100; margin: 0 5px 0 0; padding: 21px 15px 19px; color:#9b8b8b; line-height:16px; text-decoration:none; } .nav li a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a{ background: rgba(255,255,255,0.1); color: #fff; } .nav li.sfHover a { background: rgba(255,255,255,0.1); } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } /* 2.3.1 Drop-down menus */ .nav li ul { background: #2c2525; position: absolute; left: -999em; width: 200px; border: 1px solid #000; border-width:1px 1px 0; z-index:999; } .nav li ul li { border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid #000;} .nav li ul li a { margin: 0; padding:11px 10px; width:180px; font-size:0.8em; color:#9b8b8b!important; background-color: transparent!important; } .nav li ul li a.sf-with-ul { padding:11px 10px; } .nav li ul li a:hover, .nav li ul li.current_page_item a, .nav li ul li.current-menu-item a { background-color:rgba(0,0,0,0.3)!important; color: #fff!important; } .nav li ul ul { margin: -30px 0 0 200px; } .nav li ul ul li a { } .nav li ul li ul li a { } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.3em;top:1.7em;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top: 1.2em;} /* 2.4 Featured Slider */ #sliderWrap { margin: 0 0 30px 0; border-bottom: 2px solid #e9e9e9; } #sliderWrap .innerwrap { margin-bottom: 1px; border-bottom: 5px solid #e9e9e9; } #loopedSlider { position:relative; z-index: 88; width:980px; margin: 0 -20px 1px -20px; padding-bottom: 30px; } #loopedSlider .container { overflow:hidden; position:relative; } #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides div.slide { position:absolute; top:0; width: 980px; padding: 10px 0; display:none; } #loopedSlider .slide-content { z-index: 9998; width: 380px; padding: 0 0 0 20px; } #loopedSlider .slide-content.fr { padding: 0 20px 0 0; } #loopedSlider .slide-content h2.slide-title { position: relative; margin: 10px 0 10px -20px; padding: 17px 615px 9px 20px; width: 345px; line-height: 35px; font-size: 32px; background: url(images/bg-scanlines.png) repeat left center; } #loopedSlider .slide-content h2 .controlsbg { position: absolute; top: 20px; left: 360px; height: 23px; width: 53px; display: block; background: url(images/bg-slidernav.png) no-repeat left top; } #loopedSlider .slide-content.fr h2 .controlsbg { left:340px; } #loopedSlider .slide-content h2 a { } #loopedSlider .slide-content p { margin: 0 0 12px; } #loopedSlider .slide-content .woo-sc-button { margin-top: 20px; } #loopedSlider .image { position: relative; z-index: 9999; padding-right: 20px; } #loopedSlider .image.fl { padding-left: 20px; padding-right: 0; } #loopedSlider .image img { position: relative; z-index: 9999; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4); } #loopedSlider .image .fakebg { position: absolute; top: 0; left: -1px; width: 524px; height: 254px; } #loopedSlider .image .fakebg.second { left: 1px; } #loopedSlider .image.fl .fakebg { left: 21px; } #loopedSlider .nav-buttons { z-index: 9999; position: absolute; left: 360px; top: 40px; height: 23px; width: 53px; } #loopedSlider .nav-buttons.right { left: 899px; } #loopedSlider .nav-buttons li { display: inline; } #loopedSlider .nav-buttons li a { display: inline-block; height: 0; overflow: hidden; padding-top: 23px; width: 24px; } /* "FAKE" ROTATED IMAGE BACKGROUNDS */ .fakebg { position: absolute; top: 0; left: -1px; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-transform :rotate(-1.25deg); -moz-transform: rotate(-1.25deg); } .fakebg.second { left: 1px; -webkit-transform :rotate(1.25deg); -moz-transform: rotate(1.25deg);} /* 2.5 Homepage Widgets */ #home-widgets { margin-bottom: 1px; border-bottom: 5px solid #e9e9e9; } #home-widgets .col { float: left; width: 300px; margin: 0 20px 0 0; } #home-widgets .col.last { margin: 0; } #home-ad { padding: 20px 0; text-align: center; border-top: 2px solid #e9e9e9; border-bottom: 5px solid #e9e9e9; } /* 2.6 Content */ #content { margin-bottom: 0; padding: 20px 20px 40px; width: 940px; } #more-info { padding: 20px 0 10px 0; } #more-info .image { position: relative; width: 300px; } #more-info .image .fakebg { width: 285px; height: 255px; } #more-info .image img { position: relative; z-index: 9999; border: 5px solid #fff; box-shadow: 0 0 6px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.4); } #more-info .text { width: 620px; } #more-info .text h3 { margin: 10px 0 10px -340px; padding: 17px 20px 9px 340px; width: 620px; line-height: 30px; font-size: 26px; background: url(images/bg-scanlines.png) repeat left center; } /* 2.7 Sidebar */ #sidebar{overflow:hidden;} #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } /* 2.8 Footer */ #footer { width: 940px; margin: 0 auto; padding: 20px 20px 20px; color: #7e7871; font: 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } #footer a { color:#7e7871; text-decoration: none; } #footer p {} #footer #credit { margin-top: -5px; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} /* 2.9 Menu */ .page.menu .post-wrap { padding: 0 0 20px 0; border-bottom: 5px solid #e9e9e9; } .page.menu .post { margin: 0 20px 0 0; width: 620px; border: none; } .page.menu .title { width: 345px; margin: 10px 0 20px -20px; padding: 17px 615px 12px 20px; } .page.menu .additional { margin: 90px 0 0 0; padding: 5px 0 5px 20px; width: 279px; border-left: 1px solid #e9e9e9; } .page.menu .additional h2 { margin: 0 0 10px 0; font: bold italic 14px/20px Georgia, Times, sans-serif; text-transform: none; } .page.menu .additional p { font-size: 12px; font-style: italic; } #menu { margin-top: 1px; border-top: 2px solid #e9e9e9; } #menu .info-bar { margin: 0 0 20px; padding: 12px 0; border-bottom: 1px solid #e9e9e9; } #menu .info-bar li { display: inline; margin: 0 10px 0 10px; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } #menu .info-bar li a { color: #2c2525; } #menu .info-bar li a:hover { text-decoration: underline; } #menu .info-bar li.pdf a { padding: 0 0 0 20px; background: url(images/ico-pdf.png) no-repeat left center; } #menu .info-bar li.email a { padding: 1px 0 0 25px; background: url(images/ico-email.png) no-repeat left center; } #menu .info-bar li.email.no-pdf { line-height: 20px; } #menu .info-bar .order span { margin: 0 10px 0 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } #menu .info-bar .order a { cursor: pointer; margin: 0 10px 0 0; padding: 1px 10px; font: italic 12px Georgia, Times, serif; color: #fff; background: #b8b8b8; border: 1px solid #878787; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #menu .info-bar .order a.active, #menu .info-bar .order a:hover { background: #2c2525; border: 1px solid #2c2525; text-shadow: 1px 1px 0 #000; } #menu .col-left { width: 460px; margin: 0 20px 0 0; } #menu .col-right { width: 460px; } #menu table { margin: 0 0 40px; width: 100%; } #menu thead h2 { padding: 9px 0 4px 10px; line-height: 28px; text-align: left; font-size: 26px; background: url(images/bg-scanlines.png) repeat left center; } #menu thead h2 .about-section { float: right; margin: 0 10px 0 0; padding: 2px 10px; font: italic 14px Georgia, Times, sans-serif; text-transform: none; background: #fff; border: 1px solid #e9e9e9; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #menu tbody { border: 1px solid #e9e9e9; } #menu tbody td { height: 10px; border: 1px solid #e9e9e9; vertical-align: top; } #menu tbody .image, #menu tbody .price { width: 65px; padding: 10px; } #menu tbody .image img { padding: 3px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } #menu tbody .image img:hover { background-color: #e9e9e9; } #menu tbody .details { width: 265px; padding: 13px 10px; } #menu tbody .details h3 { margin: 0 0 2px 0; font: bold 14px Helvetica, Arial, sans-serif; } #menu tbody .details p { font-style: italic; font-size: 13px; line-height: 15px; color: #606060; } #menu tbody .price { vertical-align: middle; text-align: center; font-size: 16px; color: #828c59; font-weight: bold; font-style: italic; } #menu.full-width-menu table { width: 100%; } #menu.full-width-menu tbody .image { width: 178px; } #menu.full-width-menu tbody .details { width: 557px; } #menu.full-width-menu tbody .details h3 { margin: 10px 0 10px 0; font: bold 16px Helvetica, Arial, sans-serif; } #menu.full-width-menu tbody .details p { font-size: 15px; line-height: 20px; } #menu.full-width-menu tbody .price { width: 139px; font-size: 22px; } #menu thead h2 .asterix a { padding: 0 0 0 5px; color: #d22e2e; text-decoration: none!important; } #menu tfoot tr.asterix-info td { padding: 10px 0 0 0; font: italic 12px Georgia, Times, serif; } #menu tfoot .asterix-info span { padding: 0 3px 0 0; vertical-align: sub; font-size: 20px; color: #d22e2e; line-height: 22px; } #ui-dialog-title-modal-email { display: block; position: relative; margin: 0 -20px 20px -20px; text-transform: uppercase; padding: 10px 0 2px 20px; width: 440px; line-height: 35px; font-size: 32px; background: url(images/bg-scanlines.png) repeat left center; font-family: "League Gothic", Helvetica, Arial; } #modal-email { height: auto!important; margin: 0 0 20px; } #modal-email #modal-email-fields h3 { margin: 0 0 15px; } #modal-email #modal-email-fields p.form-field { position: relative; margin: 0 0 15px; } #modal-email #modal-email-fields p.form-field span { position: relative; } #modal-email #modal-email-fields label { display: inline-block; vertical-align: top; width: 50px; padding: 7px 10px 0 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: right; } #modal-email #modal-email-fields label.error { z-index: 999; width: auto; padding: 2px 5px; position: absolute; top: 18px; left: 65px; font: italic 12px Georgia, Times, Serif; text-transform: none; text-align: left; background-color: #bd1818; color: #fff; box-shadow: 0 0 3px #424242; -moz-box-shadow: 0 0 3px #424242; -webkit-box-shadow: 0 0 3px #424242; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #modal-email #modal-email-fields .name label.error { top: 23px; } #modal-email #modal-email-fields .email label.error { width: 200px; } #modal-email #modal-email-fields label.valid { display: none!important; } #modal-email #modal-email-fields .name label, #modal-email #modal-email-fields .phone label, #modal-email #modal-email-fields .email label, #modal-email #modal-email-fields .notes label { padding-top: 12px; } #modal-email #modal-email-fields select { font: italic 14px Georgia, Times, serif; color: #393939; } #modal-email #modal-email-fields input[type=text], #modal-email #modal-email-fields textarea { padding: 8px 0 7px 8px; font: italic 14px Georgia, Times, serif; color: #393939; background-color: #f8f8f8; border: 1px solid #c6c5c5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 3px #d6d6d6; -moz-box-shadow: inset 0 0 3px #d6d6d6; -webkit-box-shadow: inset 0 0 3px #d6d6d6; } #modal-email #modal-email-fields textarea { width: 546px; height: 100px; } #modal-email #modal-email-fields input[type=text]:focus, #modal-email #modal-email-fields textarea:focus { background-color: #fff; } #modal-email #modal-email-fields .name input, #modal-email #modal-email-fields .phone input, #modal-email #modal-email-fields .email input { width: 234px; } #modal-email #modal-email-fields .submit { text-align: right; } #modal-email #modal-email-fields .submit label { padding: 0; vertical-align: middle; width: auto; } #modal-email #modal-email-fields .submit .button { margin: 0 0 0 10px; } /* 2.10 Location */ #content.location .text { float: left; width: 310px; } #content.location .title { width: 345px; margin: 10px 0 20px -20px; padding: 17px 615px 9px 20px; } #content.location .text h3 { position: relative; margin: 20px 0 20px -20px; padding: 10px 615px 2px 20px; width: 345px; line-height: 29px; font-size: 26px; background: url(images/bg-scanlines.png) repeat left center; } #content.location .text p { font-style: italic; } #content.location .text input.txt { width: 92%; margin: 15px 0 10px 0; padding: 9px 0 7px 10px; border:1px solid #c6c5c5; color: #393939; background: #f8f8f8; font: italic 13px Georgia, Times, serif; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #content.location .text input.txt:focus { background: #fff; } #content.location .text .button { margin-left: 60px; padding-left: 30px; padding-right: 30px; } #content.location .map { position: relative; width: 620px; float: right; } #content.location .map .map-frame { position: relative; z-index: 88; padding: 5px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } #content.location .map .fakebg { width: 620px; height: 400px; } #overlay { position:absolute; top: 0; left: 0;width: 100%; height: 150%; background: url(images/bg-overlay.png) repeat left top; z-index: 9998; } #content.location #directions { display: none; width: 460px; margin-bottom: 50px; background: #fff; position: absolute; z-index: 9999; top: 120px; left: 39%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } #content.location #directions .googledir img { padding: 10px; } #content.location #directions h4 { position: relative; margin: 20px 0 20px 0; padding: 10px 0 2px 20px; width: 440px; line-height: 35px; font-size: 32px; background: url(images/bg-scanlines.png) repeat left center; } #content.location #directions h4 span { float: right; padding: 8px 15px 0 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } #content.location #directions h4 span a { margin: 0 5px 0 0; padding: 6px 15px 4px; border: 1px solid #e9e9e9; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; } #content.location #directions h4 span a.print { padding-left: 35px; background: #fff url(images/ico-print.png) no-repeat 12px center; } #content.location #directions h4 span a.email { padding-left: 42px; background: #fff url(images/ico-email.png) no-repeat 12px center; } #content.location #directions p { margin: 0 20px 30px; } /* 2.11 Reservations */ /*WIDGET*/ #wootable-calendar-holder .ui-datepicker-header { margin: 8px 0; } #wootable-calendar-holder .ui-datepicker-title { padding-top: 3px; text-align: center; text-transform: uppercase; font-style: italic; } #wootable-calendar-holder .ui-datepicker-prev, #wootable-calendar-holder .ui-datepicker-next { display: block; overflow: hidden; height: 0; width: 23px; padding-top: 23px; cursor: pointer; } #wootable-calendar-holder .ui-datepicker-prev { float: left; background: url(images/wootable-prev.png) no-repeat left top; } #wootable-calendar-holder .ui-datepicker-next { float: right; background: url(images/wootable-next.png) no-repeat left top; } #wootable-calendar-holder table { margin: 0 0 10px; width: 100%; color: #2c2525; border: 1px solid #dbdbdb; } #wootable-calendar-holder table td { border: 1px solid #dbdbdb; } #wootable-calendar-holder table thead { font: bold 12px Helvetica, Arial, sans-serif; text-transform: uppercase; } #wootable-calendar-holder table thead th { height: 38px; vertical-align: middle; border: 1px solid #dbdbdb; background: url(images/wootable-gradient.png) repeat-x left bottom; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; } #wootable-calendar-holder table tbody td { height: 34px; text-align: center; vertical-align: middle; outline: none; font: bold 15px Helvetica, Arial, sans-serif; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; text-shadow: 1px 1px 0 #fff; } #wootable-calendar-holder table tbody td.ui-state-disabled { padding-top: 2px; color: #cccccc; background-color: #f1f1f1; } #wootable-calendar-holder table tbody td.ui-datepicker-current-day a, #wootable-calendar-holder table tbody td.ui-datepicker-current-day a:hover { color: #2c2525; background: #b1ba8e url(images/wootable-gradient.png) repeat-x left bottom; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); } #wootable-calendar-holder table tbody td a { padding: 9px 0 8px; display: block; margin: 1px; color: #737373; } #wootable-calendar-holder table tbody td a:hover { color: #2c2525; background: url(images/wootable-gradient.png) repeat-x left bottom; } #wootable-calendar-holder table .ui-datepicker-other-month { background-color: #f1f1f1; } .widget-wootable-makereservation p.form-field { float: left; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; } .widget-wootable-makereservation p.form-field.people { margin: 0 25px 0 5px; } .widget-wootable-makereservation p.form-field.people select { width: 65px; } .widget-wootable-makereservation p.form-field.time select { width: 95px; } .widget-wootable-makereservation p.form-field label { padding: 0 10px 0 0; } .widget-wootable-makereservation p span.confirmation_message { float: left; font-size: 13px; margin: 0 0 7px; padding: 8px 0; width: 100%; text-align: center; font-style: italic; border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; } .widget-wootable-makereservation p.buttons-set { width: 100%; text-align: center; } .widget-wootable-makereservation p.buttons-set input { padding-left: 30px; padding-right: 30px; cursor: pointer; } /*RESERVATIONS PAGE*/ #main.reservation-page { width: 940px; } #main.reservation-page .title { margin-right: -20px; padding-right: 20px; } #main.reservation-page .title .heading-description { float: right; margin-top: 3px; padding: 4px 13px; font: italic 14px Georgia, Times, sans-serif; text-transform: none; border: 1px solid #e9e9e9; background-color: #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } #main.reservation-page h3 { margin: 0; padding: 0 0 10px; font: bold italic 14px Georgia, Times, serif; text-transform: none; border-bottom: 1px solid #e9e9e9; } #main.reservation-page #wootable-calendar-holder { float: left; width: 300px; margin: 0 20px 0 0; } #main.reservation-page .reservations-form { float: right; width: 620px; } #main.reservation-page .reservations-form h3 { margin: 0 0 15px; } #main.reservation-page p.form-field { position: relative; margin: 0 0 15px; } #main.reservation-page p.form-field span { position: relative; } #main.reservation-page .reservations-form label { display: inline-block; vertical-align: top; width: 50px; padding: 7px 10px 0 0; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: right; } #main.reservation-page .reservations-form label.error { z-index: 999; width: auto; padding: 2px 5px; position: absolute; top: 18px; left: 65px; font: italic 12px Georgia, Times, Serif; text-transform: none; text-align: left; background-color: #bd1818; color: #fff; box-shadow: 0 0 3px #424242; -moz-box-shadow: 0 0 3px #424242; -webkit-box-shadow: 0 0 3px #424242; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #main.reservation-page .reservations-form .name label.error { top: 23px; } #main.reservation-page .reservations-form .email label.error { width: 200px; } #main.reservation-page .reservations-form label.valid { display: none!important; } #main.reservation-page .name label, #main.reservation-page .phone label, #main.reservation-page .email label, #main.reservation-page .notes label { padding-top: 12px; } #main.reservation-page .reservations-form select { font: italic 14px Georgia, Times, serif; color: #393939; } #main.reservation-page .reservations-form input[type=text], #main.reservation-page .reservations-form textarea { padding: 8px 0 7px 8px; font: italic 14px Georgia, Times, serif; color: #393939; background-color: #f8f8f8; border: 1px solid #c6c5c5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 3px #d6d6d6; -moz-box-shadow: inset 0 0 3px #d6d6d6; -webkit-box-shadow: inset 0 0 3px #d6d6d6; } #main.reservation-page .reservations-form textarea { width: 546px; height: 100px; } #main.reservation-page .reservations-form input[type=text]:focus, #main.reservation-page .reservations-form textarea:focus { background-color: #fff; } #main.reservation-page .name input, #main.reservation-page .phone input, #main.reservation-page .email input { width: 234px; } #main.reservation-page .submit { text-align: right; } #main.reservation-page .submit label { padding: 0; vertical-align: middle; width: auto; } #main.reservation-page .submit .button { margin: 0 0 0 10px; } .ui-widget-overlay { position: absolute; top: 0; left: 0; background: url(images/bg-overlay.png) repeat left top; } .ui-dialog { display: none; padding: 20px; width: 460px; background: #fff; position: absolute; z-index: 9999; top: 120px; left: 39%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } #ui-dialog-title-1 { display: block; position: relative; margin: 0 -20px 20px -20px; text-transform: uppercase; padding: 10px 0 2px 20px; width: 440px; line-height: 35px; font-size: 32px; background: url(images/bg-scanlines.png) repeat left center; font-family: "League Gothic", Helvetica, Arial; } .ui-dialog-titlebar-close { position: absolute; top: 40px; right: 10px; display: block; overflow: hidden; width: 12px; padding-top: 12px; height: 0; background: #fff url(images/ico-close.png) no-repeat left top; } .modal-content { height: auto!important; margin: 0 0 20px; } .ui-dialog-buttonpane button { margin: 0 10px 0 0!important; } /*MANAGE RESERVATIONS*/ #wootable-bookings-table { width: 100%; border: 1px solid #e9e9e9; } #wootable-bookings-table th { padding: 10px 0; background: #f9f9f9; border: 1px solid #e9e9e9; } #wootable-bookings-table td { padding: 6px 0; border: 1px solid #e9e9e9; vertical-align: middle; text-align: center; } #wootable-bookings-table p { margin: 0; } #wootable-bookings-table a.update, #wootable-bookings-table a.confirm, #wootable-bookings-table a.cancel, #wootable-bookings-table span.cancelled { padding: 0 6px; text-transform: uppercase; font: bold 11px Helvetica, Arial, sans-serif; } #wootable-bookings-table a:hover { text-decoration: underline; } #wootable-bookings-table a.cancel, #wootable-bookings-table span.cancelled { color: #bd1818; } #wootable-bookings-table a.confirm { color: #39a643; } #wootable-bookings-table a.update { color: #3b3b3b; } { } #wootable-bookings-table p.status { margin: 7px 0 0; text-transform: uppercase; font: italic 11px Helvetica, Arial, sans-serif; } #wootable-bookings-table p.status_unconfirmed strong, #wootable-bookings-table p.status_cancelled strong { color: #bd1818; } #wootable-bookings-table p.status_confirmed strong { color: #39a643; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb { margin-bottom:1.5em;} .archive_header { display: block; float: left; width: 100%; margin:15px 0 20px; padding:0 0 15px; font: bold 12px Helvetica, Arial, sans-serif; text-transform: uppercase; border-bottom: 3px solid #e9e9e9; } .archive_header .catrss a { text-decoration: none; } .post, .woo_menu { margin: 0 0 40px; position: relative; } .post .comments, .woo_menu .comments { position: absolute; top: 25px; right: 20px; } .post .comments a, .woo_menu .comments, .menu-comments .comments { padding: 6px 15px 4px; text-transform: uppercase; font: bold 11px Helvetica, Arial, sans-serif; color: #2c2525; background: #fff; border: 1px solid #e9e9e9; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .post .comments a:hover { text-decoration: underline; } .title, .page-template-template-blog-php #main .title { position: relative; margin: 0 0 0 -20px; padding: 17px 90px 35px 20px; line-height: 35px; font-size: 32px; background: url(images/bg-scanlines.png) repeat left center; } .woo_menu .title { margin: 0 0 20px -20px; padding: 17px 90px 17px 20px; } .error404 .title, .page .title { margin-bottom: 20px; padding-bottom: 12px; } #main.fullwidth .title { margin-right: -20px; } .page-template-template-tags-php .title { margin-bottom: 40px; } .post .title a:link, .post .title a:visited { } .post-meta { float: left; position: relative; padding: 7px 10px 5px; z-index: 999; margin: -35px 0 35px -10px;font:bold 11px/1em sans-serif; text-transform:uppercase; background: #fff; border: 1px solid #e9e9e9; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; } .post-meta .comments a { padding: 0 0 0 20px; text-transform: uppercase; } .post-meta .small{text-transform:lowercase;} .post-meta, .post-meta .post-author a, .post-more { text-transform: uppercase; font: bold 11px Helvetica, Arial, sans-serif; } .post-more { clear:both; margin:1em 0; color:#868686;} .post-more a, .post-meta a { text-decoration:none; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .post p.tags, .woo_menu p.tags {background:url(images/ico-tag.gif) no-repeat center left;padding: 3px 0 3px 20px;width:100%;clear:both;margin-bottom:20px; font: bold 11px Helvetica, Arial, sans-serif; text-transform: uppercase;} p.ratings { } p.ratings img { -moz-box-shadow: none; padding: 0; } /* 3.1 Typographic Elements */ .entry, .entry p { } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { padding: 5px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 5px 15px 5px 0; } .alignright { float: right; height: auto; margin: 5px 0 5px 15px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; } .entry .wp-caption.aligncenter { margin:0 auto; } .gallery { margin: 0 auto 20px auto; float:left; } .gallery a { float:left; margin-top: 10px; text-align: center; width: 33%; } .gallery img { border 2px solid #cfcfcf; } /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi, .post-entries { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding:13px 15px 10px; background: url(images/bg-scanlines.png) repeat left center; font: bold 12px Helvetica, Arial, sans-serif; text-transform :uppercase; } .nav-entries a, .post-entries a { display: block; color:#2c2525; text-decoration:none;} .nav-entries a:hover, .post-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; text-align: center !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 5px 7px 3px!important; border:1px solid #DDDDDD !important; border-radius: 6px; -moz-border-radius: 6px; -moz-border-radius: 6px;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 5px 7px 3px!important; background: #fff !important; border:1px solid #bbb !important; border-radius: 6px; -moz-border-radius: 6px; -moz-border-radius: 6px; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin-bottom: 1.8em; } .widget h3 { position: relative; padding: 8px 0 3px 10px; line-height: 35px; font-size: 26px; background: url(images/bg-scanlines.png) repeat left center; border-bottom: 1px solid #e9e9e9; } .widget p { margin-bottom: 1em; } .widget ul { clear:both; } .widget ul li { padding: 5px 0; position: relative; width: 100%; border-bottom: 1px solid #e9e9e9; } .widget ul li a { padding: 0 0 0 7px; color: #2c2525; line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 10px; border-top: none; } .widget li li { border: none; } #footer-widgets .block { padding:20px 0 0 20px; width:220px; float:left; } #footer-widgets .widget { margin-bottom: 1.8em; color: #f9f3e3; text-shadow: 1px 1px 0 #000; font-size: 12px; } #footer-widgets .widget h3 { position: relative; margin: 0 0 4px; padding: 0 0 7px 0; line-height: 18px; font: bold 14px/18px Helvetica, Arial, sans-serif; color: #837272; text-transform: uppercase; background: url(images/indent-line.png) repeat-x left bottom; border: none; } #footer-widgets .widget p { margin-bottom: 1em; } #footer-widgets .widget ul { clear:both; } #footer-widgets .widget ul li { padding: 0; position: relative; width: 100%; border-bottom: none; } #footer-widgets .widget ul li a { padding: 0 0 0 7px; color: #f9f3e3; line-height: 22px; text-decoration: none; } #footer-widgets .widget ul li a:hover { text-decoration:underline; } #footer-widgets .widget ul ul { padding: 0 0 0 10px; border-top: none; } #footer-widgets .widget li li { border: none; } /* 4.2 Specific Widgets */ /* WIDGET THUMBNAILS */ .widget img.thumb { padding: 3px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } /* ALTERNATE LI'S */ .widget li.alt { background-color: #f9f9f9; } /* WIDGET FOOTLINKS */ a.widget-footlink { display: block; padding: 20px 0 0; text-align: center; color: #2c2525; font-size: 12px; text-transform: uppercase; } /* WIDGET CLICK-THROUGH ICONS */ .widget a.click-through { position: absolute; right: 0; top: 30px; opacity: 0.3; } .widget a.click-through:hover { opacity: 0.7; } /* LOCATION WIDGET */ .widget_woo_location h3 { margin: 0 0 10px 0; } .widget_woo_location .location-address { display: block; margin: 0 0 10px 10px; padding: 3px 0 3px 25px; font-style: italic; background: url(images/ico-location.png) no-repeat left center; } .widget_woo_location .location-map { position: relative; padding: 5px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } .widget_woo_location .location-map .button { position: absolute; top: 135px; left: 145px; border: 1px solid #fff; } /* BUSINESS HOURS WIDGET */ .widget-wootable-businesshours h3 { margin: 0 0 0 0; } .widget-wootable-businesshours { padding: 0 0 0 0; border-bottom: 1px solid #e9e9e9; } .widget-wootable-businesshours ul li { list-style: none; font-style: italic; border-bottom: 1px solid #e9e9e9; } .widget-wootable-businesshours ul li span { display: table-cell } .widget-wootable-businesshours li span.days { padding: 0 10px 0 0; width: 145px; font: bold normal 12px Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: right; } .widget-wootable-businesshours li span.times { } .widget-wootable-businesshours li sub { font-size: 11px; font-weight: bold; padding: 0 0 0 3px; } #footer-widgets .widget-wootable-businesshours { border-bottom: none; } /* SPECIALS WIDGET */ .widget_woo_specials h3 { margin: 0; } .widget_woo_specials ul li { float: left; padding: 10px 0; } .widget_woo_specials img { float: left; margin: 0 15px 0 5px; } .widget_woo_specials .details { float: left; width: 205px; padding: 10px 0 0 0; } .widget_woo_specials h4 { margin: 0; font: bold 14px Helvetica, Arial, sans-serif; text-transform: uppercase; } .widget_woo_specials h4 .special-title { display: inline-block; width: 160px; } .widget_woo_specials h4 a { padding: 0!important; line-height: 22px!important; } .widget_woo_specials li h4 a:hover { text-decoration: none; } .widget_woo_specials h4 .price { float: right; color: #828c59; font: bold italic 16px Georgia, Times, serif; } .widget_woo_specials li h4 a:hover .price { color: #4f5925; } .widget_woo_specials li .description { color: #606060; font-style: italic; font-size: 13px; } /* MONTHLY SPECIAL WIDGET */ .widget_woo_specialsmonthly h3 { margin: 0 0 10px 0; } .widget_woo_specialsmonthly .monthly-inside { padding: 0 6px; } .widget_woo_specialsmonthly img { padding: 5px!important; } .widget_woo_specialsmonthly h4 { margin: 10px 0 5px 0; font: bold 14px Helvetica, Arial, sans-serif; text-transform: uppercase; } .widget_woo_specialsmonthly h4 .special-title { display: inline-block; width: 160px; } .widget_woo_specialsmonthly h4 a { line-height: 22px!important; } .widget_woo_specialsmonthly h4 a:hover { text-decoration: none; } .widget_woo_specialsmonthly h4 .price { float: right; color: #828c59; font: bold italic 16px Georgia, Times, serif; } .widget_woo_specialsmonthly h4 a:hover .price { color: #4f5925; } .widget_woo_specialsmonthly p { color: #606060; font-size: 13px; } .widget_woo_specialsmonthly .widget-footlink { border-top: 1px solid #e9e9e9; } /* STAFF WIDGET */ .widget_woo_staff h3 { margin: 0; } .widget_woo_staff ul li { float: left; padding: 10px 0; } .widget_woo_staff .details { float: left; width: 205px; padding: 18px 0 0 0; } .widget_woo_staff img { float: left; margin: 0 15px 0 5px; } .widget_woo_staff h4 { width: 170px; margin: 0; font: bold 14px/14px Helvetica, Arial, sans-serif; text-transform: uppercase; } .widget_woo_staff ul li h4 a { padding: 0; line-height: 14px; } .widget_woo_staff .description { color: #606060; font-style: italic; font-size: 13px; } /* NEWS WIDGET */ .widget_woo_news h3 { margin: 0; } .widget_woo_news ul li { float: left; padding: 10px 0; } .widget_woo_news li img { float: left; margin: 0 15px 0 5px; } .widget_woo_news .details { float: left; width: 205px; padding: 2px 0 0 0; } .widget_woo_news .details .date { color: #606060; font-style: italic; font-size: 13px; line-height: 24px; } .widget_woo_news ul li .details .cats { font: italic 11px/14px Helvetica, Arial, sans-serif!important; } .widget_woo_news ul li .details .cats a { padding: 0; line-height: 16px; } .widget_woo_news h4 { width: 170px; margin: 0; font: bold 14px Helvetica, Arial, sans-serif; text-transform: uppercase; } .widget_woo_news ul li h4 a { padding: 0; line-height: 14px; } /* WIDGET FORMS */ .widget_woo_search { border-bottom: 1px solid #e9e9e9; } .widget_woo_search .search_main { margin: 0 0 10px 0; } .searchform { padding: 10px 5px 0 5px; } .widget input.s { margin-top: 6px; color:#777; float:left; width: 62%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget .screen-reader-text { display: none; } #footer-widgets .widget_woo_search { padding: 0 0 10px;border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .searchform { padding-top: 3px; } #footer-widgets .widget_woo_search .search_main { margin: 0; } #footer-widgets .widget input.s { width: 96%; background-color: #141010; border-color: #2f2828; } #footer-widgets .widget input.submit { float: right; padding: 2px 7px; font-size: 11px; } /* FLICKR */ .widget_woo_flickr { border-bottom: 1px solid #e9e9e9; } .widget_woo_flickr h3 { margin: 0 0 10px 0; } .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 5px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; padding: 3px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca;} .widget_woo_flickr a:hover img { background: #e9e9e9; } #footer-widgets .widget_woo_flickr { padding: 0 0 2px 0; border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .widget_woo_flickr h3 { margin: 0 0 10px; } #footer-widgets .widget_woo_flickr a img { background: #fff; box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000;} #footer-widgets .widget_woo_flickr a:hover img { background-color: #837272; } /* EMBED WIDGET */ .widget_woo_embedwidget h3 { margin: 0 0 10px 0; } .widget_woo_embedwidget .widget-video-unit { margin: 0 5px; } .widget_woo_embedwidget .widget-video-unit h4 { margin: 15px 0 10px; font: bold 14px Helvetica, Arial, sans-serif; } .widget_woo_embedwidget li.active a { font-weight: bold; } #footer-widgets .widget_woo_embedwidget .widget-video-unit h4 { color: #f9f3e3; font-size: 11px; } /* TAGS */ .widget_tag_cloud { border-bottom: 1px solid #e9e9e9; } .widget_tag_cloud div { padding: 15px 20px; } #footer-widgets .widget_tag_cloud { border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .widget_tag_cloud a { text-decoration: none; } /* TEXT WIDGET */ .widget_text { border-bottom: 1px solid #e9e9e9; } .widget_text .textwidget { padding: 15px 10px 0; } #footer-widgets .widget_text { border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .widget_text .textwidget { padding: 5px 10px 4px; } /* RECENT COMMENTS */ .widget_recent_comments ul li { width: auto; padding: 5px 10px; } .widget_recent_comments ul li a { color: #828c59; } .widget_recent_comments ul li a:hover { color: #4f5925; } #footer-widgets .widget_recent_comments ul li { padding-left: 5px; } /* CALENDAR */ #wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:5px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;border:1px solid #e9e9e9;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} #footer-widgets #wp-calendar th, #footer-widgets #wp-calendar td{background:#837272;color:#f9f3e3;border:1px solid #837272;} #footer-widgets #wp-calendar td { background: transparent; } /* TWITTER WIDGET */ .widget_woo_twitter h3 .username { float: right; margin: 7px 10px 0 0; font: 12px Georgia, Times, sans-serif; text-transform: uppercase; } .widget_woo_twitter h3 .username a { text-decoration: none!important; } .widget_woo_twitter ul li { width: auto; padding: 5px 7px; } .widget_woo_twitter ul li a { padding: 0; line-height: 18px; color: #828c59; } .widget_woo_twitter ul li a:hover { color: #4f5925; } #footer-widgets .widget_woo_twitter h3 .username { margin: 1px 0 0 0; } #footer-widgets .widget_woo_twitter h3 .username a { color: #f9f3e3; } #footer-widgets .widget_woo_twitter ul li { padding: 0 0 3px 0; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .widget_woo_twitter ul li a { padding: 0; line-height: 18px; } /* AD WIDGET */ .adspace-widget { padding: 0 0 10px; text-align: center; border-bottom: 1px solid #e9e9e9; } .adspace-widget h3 { margin: 0 0 10px 0; text-align: left; } #footer-widgets .adspace-widget { padding-bottom: 10px; border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .adspace-widget h3 { margin: 0 0 10px; } /* BLOG AUTHOR WIDGET */ .widget_woo_blogauthorinfo { padding: 0 0 10px; border-bottom: 1px solid #e9e9e9; } .widget_woo_blogauthorinfo h3 { margin: 0 0 10px 0; } .widget_woo_blogauthorinfo .author-inside { margin: 0 5px; } .widget_woo_blogauthorinfo .avatar { margin: 5px 5px 0 0; padding: 3px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca;} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } .widget_woo_blogauthorinfo a.author-more { display: block; text-transform: uppercase; text-align: right; font: bold 11px Helvetica, Arial, sans-serif; } #footer-widgets .widget_woo_blogauthorinfo { border: none; background: url(images/indent-line.png) repeat-x left bottom; } #footer-widgets .widget_woo_blogauthorinfo h3 { margin: 0 0 10px; } #footer-widgets .widget_woo_blogauthorinfo .avatar { box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; } /* WOOTABS */ #tabs { height:auto; display: block; margin-bottom:30px; } #tabs ul.wooTabs { float: left; width: 100%; padding:0px; background: url(images/bg-scanlines.png) repeat left center; } #tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#e9e9e9; text-decoration:none; } #tabs ul.wooTabs li a { color:#2c2525; margin: 0 2px 0 0; display: block;float: left;padding: 12px 11px 10px; text-transform:uppercase; font:bold 11px/16px sans-serif; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { border-top-right-radius:3px; border-top-left-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-topleft:3px;-webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius:3px; } #tabs .inside { background:#e9e9e9; padding:3px;} #tabs .inside li { background:#fff; } #tabs #tab-tags { padding:10px; } #tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; } #tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; } #tabs .inside li a { text-transform: uppercase; color:#2c2525; font:bold 13px/14px sans-serif; } #tabs .inside #tab-comm li a { font-size: 12px; Font-weight: normal; text-transform: none; } #tabs .inside a:hover{} #tabs .inside li span.meta { display:block; font-size: 11px; line-height: 12px; font-style: italic; color:#606060; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; } #tab-tags { background: #fff; } #tab-tags a { color: #2c2525; } #tab-tags a:hover { text-decoration: underline; } #footer-widgets #tabs ul.wooTabs { background: none; } #footer-widgets #tabs ul.wooTabs li a { padding: 7px 3px 5px; font-size: 9px; color: #f9f3e3; text-decoration: none; } #footer-widgets #tabs ul.wooTabs li a.selected, #footer-widgets #tabs ul.wooTabs li a:hover { color: #2c2525; background-color: #837272; } #footer-widgets #tabs .inside { background:#837272; padding:1px;} #footer-widgets #tabs .inside ul { border: none; } #footer-widgets #tabs .inside li { background:#443d3d; border-color: #837272; border-width: 0 0 1px; color: #f9f3e3; } #footer-widgets #tabs .inside li a { color: #f9f3e3; font-size: 11px; line-height: 10px; text-decoration: none; } #footer-widgets #tabs .inside li img.avatar, #footer-widgets #tabs .inside li img.thumbnail { border: none; background-color: #2c2525; } #footer-widgets #tabs .inside li span.meta { color: #000; } #footer-widgets #tab-tags { background:#443d3d; } #footer-widgets #tab-tags a { color: #f9f3e3; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:20px 0 0;padding:40px 0 0 0; } #comments h3 { font-size: 30px; margin-bottom:20px; } #comments .commentlist { padding: 0 0 20px; border-bottom: 1px solid #e9e9e9; } #comments .comment.thread-odd { background: #f9f9f9; border-top: 1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } #comments .comment{margin-top:10px;width:100%;list-style-type:none;border-top: 1px solid #e9e9e9;} #comments .comment .comment-container { position:relative; } #comments .comment-head { float: left; width: 96.7%; margin: 0 0 15px 0; padding: 10px 10px 0; font: bold 12px Helvetica, Arial, sans-serif; background: url(images/bg-scanlines.png) repeat left center; border-bottom: 1px solid #e9e9e9; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle;padding: 3px; background: #fff; box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; -webkit-box-shadow: 0 0 5px #cacaca; } #comments .comment-head .name { display: block; margin: 5px 0 5px; font-weight: bold; font-size: 15px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry { clear: both; padding: 0 20px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { font: 11px/18px sans-serif; background: #eee; border-color:#888; color:#555 !important; text-shadow: none; } #comments .reply a:hover { background-color: #e6e6e6;} #comments ul.children{margin:0 0 0 35px;padding:0 0 10px; } #comments ul.children li {border-top:1px solid #e9e9e9; } #comments .cancel-comment-reply{margin:10px 0;font: bold 11px Helvetica, Arial, sans-serif;text-transform: uppercase;} #comments #respond h3 { margin: -20px 0 0 0; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:35px; font-size: 22px; } #comments .pinglist { margin:10px 0; font-size: 12px!important; border-bottom: 1px solid #e9e9e9;} #comments .pinglist .author { font-size: 13px; } #comments .pinglist .pingcontent { margin: 0 0 20px; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { font-size: 30px; margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:9px; font: bold 11px Helvetica, Arial, Sans-serif; text-transform: uppercase; color: #2c2525; } #commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background: #f7f7f7; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #commentform input.txt:focus, #commentform textarea:focus { background: #fff; } #commentform input.txt { color:#666; width: 210px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#666; width: 95% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, a.comment-reply-link, #commentform #submit, .search_main .submit, input[type=submit].button, button.ui-state-default { display: inline-block; cursor: pointer; margin: 5px; padding: 5px 13px; border: 1px solid #6b7543; border-bottom-color: #616c33; color: white !important; font: bold italic 14px Georgia, Times, serif; text-align: center; text-shadow: 1px 1px 0 hsla(0,0%,0%,.6); text-decoration: none; /*Border radius*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /*Background*/ background: #828c59; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #828c59), color-stop(1, #6b7543) ); background: -moz-linear-gradient( center top, #828c59 20%, #6b7543 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } a.button.large { padding:6px 16px;} a.button.small, a.comment-reply-link { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, a.comment-reply-link:hover, #commentform #submit:hover, .search_main .submit:hover, input[type=submit].button:hover, button.ui-state-default:hover { text-decoration: none !important; /*Background*/ background: #6b7543; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #6b7543), color-stop(1, #4f5925) ); background: -moz-linear-gradient( center top, #6b7543 20%, #4f5925 100% ); } a.button:active, a.button.active { border-color: #424242; /*Box shadow*/ -webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; -moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/; } a.button.inactive, button.ui-state-default.inactive{ border: 1px solid #4c4c4c!important; color: #ffffff; text-shadow: 1px 1px 0 #606060; /*Background*/ background: #9e9e9e; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #cacaca), color-stop(1, #9e9e9e) ); background: -moz-linear-gradient( center top, #cacaca 20%, #9e9e9e 100% ); /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 0 3px #fff /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 0 3px #fff /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/, 0 0 3px #fff /*Shadow*/; } a.button.inactive:hover, button.ui-state-default.inactive:hover{ /*Background*/ background: #b0b0b0; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #b0b0b0), color-stop(1, #9e9e9e) ); background: -moz-linear-gradient( center top, #b0b0b0 20%, #9e9e9e 100% ); } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; } #archives .archives_list { border-left:4px solid #ccc; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 100px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; } p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }