/* Theme name: Aubree's 800x600 Description: Custom Theme for Aubree's, based on sandbox theme Author: thisisNK.com */ /* Layout */ @import url('wp-default.css'); * { margin: 0; padding: 0; outline: 0; } body { font: 12px/16px Helvetica,Arial,sans-serif; color: #000; text-align: left; background: #f7edca url(images/aubreesbackground_f7edca.jpg) repeat-x center 0; } a { color: #000; text-decoration: none; } a:hover { cursor: pointer; text-decoration: underline; } a img { border: 0; } .fl, .alignright { float: left; display: inline; } .fr, .alignleft { float: right; display: inline; } .ac { display: block; text-align: center; } .ar { display: block; text-align: right; } .al { display: block; text-align: left; } .cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; } .hidden { display: none; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .shell { margin: 0 auto; width: 820px; } p { padding-bottom: 15px; } /* Header */ #header { height: 114px; } h1#logo { float: left; display: inline; height: 84px; width: 194px; font-size: 0; line-height: 0; margin: 9px 0 0 0; } h1#logo a { display: block; height: 84px; background: url(images/logo.png); text-indent: -4000px; } h1#logo a:hover { display: block; height: 84px; background: url(images/logo.png); text-indent: -4000px; } #navigation { float: right; display: inline; width: 589px; margin-right: -5px; position: relative; padding-top: 39px; } #navigation ul { list-style: none; } #navigation li { float: left; display: inline; background: url(images/nav-separator.gif) no-repeat right 0; padding-right: 14px; margin-right: 12px; height: 44px; } #navigation li.last { background: none; padding-right: 0; margin-right: 0; } #navigation li a { float: left; display: inline; height: 42px; font-size: 0; line-height: 0; text-indent: -4000px; } #navigation li a { background-image: url(images/nav1.gif); background-repeat: no-repeat; } #nav1 { width: 141px; } #nav1:hover { background-position: 0 bottom; } #nav2 { width: 120px; background-position: -141px 0; } #nav2:hover { background-position: -141px bottom; } #nav3 { width: 144px; background-position: -262px 0;} #nav3:hover { background-position: -262px bottom; } #nav4 { position: relative; margin-top: -24px; height: 66px !important; width: 106px; background: url(images/nav2.gif) no-repeat 0 0 !important; } #nav4:hover { background-position: 0 bottom !important; } #content { margin-top: 20px; height: 100%; background: #fff url(images/content-bg.jpg) no-repeat right 0; padding: 55px 15px 20px; position: relative; } #content-wrapper { margin-top: 20px; height: 100%; background: #fff url(images/content-bg.jpg) no-repeat right 0; padding: 55px 15px 20px; position: relative; margin-left: 126px; } body.home #content { width: 772px; margin: 20px auto 0; padding: 15px 12px; } #sub-nav { position: absolute; top: -3px; right: -5px; height: 25px; z-index: 2; } #sub-nav li { list-style: none outside; display: inline; } #sub-nav li a { float: left; display: inline; height: 25px; line-height: 25px; padding: 0 5px; margin-left: 3px; background: #000; color: #fff; text-transform: uppercase; } body.home #sub-nav { font-size: 15px; } body.home #sub-nav li a { height: 21px; line-height: 21px; } #content-slider { position: relative; margin-bottom: 17px; height: 242px; } #content-slider .nav { position: absolute; bottom: 10px; right: 10px; height: 24px; padding-right: 5px; } #content-slider .nav .slider-left { background: url('images/slider-l.png') 0 0 no-repeat; float: left; display: inline; width: 7px; height: 24px; } #content-slider .nav .slider-right { background: url('images/slider-r.png') 0 0 no-repeat; float: left; display: inline; width: 9px; height: 24px; } #content-slider .nav .slider-middle { background: url('images/slider-m.png') 0 0 repeat-x; float: left; } #content-slider .nav a { float: left; display: inline; line-height: 18px; margin: 3px 0; font-size: 13px; font-weight: bold; color: #fff; padding: 0 4px; } #content-slider .nav a.active { background: #fff; color: #7a273d; } #content-slider .nav a:hover { text-decoration: none; } /* #content-slider .nav a:visited { float: left; display: inline; line-height: 21px; font-size: 13px; font-weight: bold; color: #fff; margin-left: 9px; } #content-slider .nav a:hover { float: left; display: inline; line-height: 21px; font-size: 13px; font-weight: bold; color:#AA273D; margin-left: 9px; } #content-slider .nav a:active { float: left; display: inline; line-height: 21px; font-size: 13px; font-weight: bold; color:#AA273D; margin-left: 9px; text-decoration: underline; } */ .home-ads a { float: left; display: inline; } .home-ads a.middle { margin: 0 13px; } #menu { float: left; display: inline; width: 248px; height: 421px; position: relative; margin-left: -140px; } #menu .bg { width: 205px; height: 340px; background: url(images/menu-bg.png) no-repeat 0 0; padding: 81px 0 0 43px; } #menu li { list-style: none outside; width: 160px; position: relative; } #menu li a { display: block; width: 160px; background-image: url(images/menu.gif); background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; } #appetizers { height: 25px; } #appetizers:hover, #appetizers.hover { background-position: right 0; } #soups-salads { height: 19px; background-position: 0 -25px; } #soups-salads:hover, #soups-salads.hover { background-position: right -25px; } #entrees { height: 35px; background-position: 0 -44px; } #entrees:hover, #entrees.hover { background-position: right -44px; } #sides { height: 26px; background-position: 0 -79px; } #sides:hover, #sides.hover { background-position: right -79px; } #sandwiches-wraps-oven-baked-subs { height: 31px; background-position: 0 -105px; } #sandwiches-wraps-oven-baked-subs:hover, #sandwiches-wraps-oven-baked-subs.hover { background-position: right -105px; } #burgers { height: 36px; background-position: 0 -136px; } #burgers:hover, #burgers.hover { background-position: right -136px; } #pizza { height: 53px; background-position: 0 -172px; } #pizza:hover, #pizza.hover { background-position: right -172px; } #desert { height: 32px; background-position: 0 -225px; } #desert:hover, #desert.hover { background-position: right -225px; } #main, #main-wide { float: right; display: inline; width: 512px; } #main-wide { width: 512px; } #page-header { background: url(images/page-header-bg.gif) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 10px; } a.pdf, a.print { padding-left: 25px; line-height: 18px; font-size: 9px; text-transform: uppercase; text-decoration: underline; color: #000; background: url(images/icon-pdf.gif) no-repeat 0 0; } a.pdf:hover, a.print:hover { text-decoration: none; } a.print { display: block; margin-bottom: 15px; } .post a.print { margin-left: 10px; } #page-header .pdf { float: right; display: inline; margin-top: 5px; } #page-header h1 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1; text-transform: uppercase; color: #aa273d; padding-bottom: 6px; } .products .food-image { float: right; display: inline; margin: 0 0 10px 50px; } .products .food-image img { border-width: 12px 10px; border-color: #000; border-style: solid; } .products .map-image { float: right; display: inline; margin: 0 0 15px 10px; } .products .map-image img { border-width: 5px 5px; border-color: #000; border-style: solid; } .products h2 { font: bold 21px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #000; } .products h2 a { color: #000; } #sidebar { float: left; display: inline; width: 237px; } #sidebar li { list-style: none outside; padding-bottom: 13px; } #sidebar .box { background: #f0f0f0; height: 100%; padding: 15px 10px 10px 10px; line-height: 15px; } #sidebar .box h2 { font-size: 21px; margin-bottom: 25px; text-transform: uppercase; } a.side-ad { display: block; } .location-images { padding-bottom: 15px; } .post { padding-bottom: 15px; } .no-bg .entry { background: none !important; } .post h2 a, .post h2 { font: bold 21px Helvetica, Arial, sans-serif; text-transform: uppercase; } .post h2 a:hover { color: #aa273d; text-decoration: none; } .post h4 { font-size: 17px; font-weight: normal; } .post .entry { padding-top: 15px; background: url(images/dots.png) repeat-x 0 bottom; padding-bottom: 5px; } blockquote { padding: 0 0 20px 62px; } blockquote h3 { font: bold 17px Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 20px; } label { display: block; font-size: 17px; margin-bottom: 5px; } .field { display: block; border: 0; background: #CCCCCC; padding: 6px 5px 7px; width: 263px; margin-bottom: 15px; } #book-event { padding: 0 0 0 10px; } #event-location { width: 273px; margin-bottom: 15px; } textarea { height: 122px !important; width: 382px !important; overflow: auto !important; padding: 6px 5px 7px !important; border: 0 !important; background: #CCCCCC !important; margin-bottom: 15px !important; } #captcha { float: left; display: inline; position: relative; margin-top: 6px; } #captcha img { float: left; display: inline; margin-right: 10px; } #captcha .field { float: left; display: inline; width: 80px; margin-right: 10px; } .button { float: left; display: inline; height: 41px; width: 140px; text-align: center; font: bold 17px Helvetica, Arial, sans-serif; border: 0; background: #aa273d; color: #fff; text-transform: uppercase; cursor: pointer; } /* Footer */ #footer { background: url(images/footer-bg-home.gif) no-repeat 0 center; margin: 10px 0 20px; } body.home #footer { width: 796px; margin: 10px auto 20px; } #footer.short-footer { background-position: -126px; margin-left: 126px; } #footer ul { float: right; display: inline; height: 25px; } #footer ul li { float: left; display: inline; margin-left: 5px; } #footer ul li a { float: left; display: inline; height: 25px; padding: 0 8px; background: #000; color: #fff; text-transform: uppercase; line-height: 25px; } .slider-cont { position: relative; height: 242px; } .slide { position: absolute; } .wpcf7 .field { margin-bottom: 0; }