/* Theme Name: Billy's Downtown Diner Theme URI: http://www.billysdiner.com Description: This WordPress theme created by Peer Pressure Creative is for use by Billy's Downtown Diner Only. Author: Peer Pressure Creative Author URI: http://www.peerpressurecreative.com */ /** ALL MIGHTY RESET **/ 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, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} * {margin: 0; /* border: solid 1px red !important; */ } :focus {outline: 0;} html {height: 100%} body {background-color: #ffffff; height: 100%; font-family: Arial;} ol, ul {list-style: none;} .clear {clear: both;} a {text-decoration: none;} a:hover {text-decoration: none;} /* @font-face ----------------------------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'BlackJack'; src: url('fonts/Blackjar.eot'); src: local('☺'), url('black_jack-webfont.woff') format('woff'), url('fonts/Blackjar.ttf') format('truetype'), url('black_jack-webfont.svg#webfontVZcfyX7f') format('svg'); font-weight: normal; font-style: normal; } @font-face {font-family: Copperplate; src: url("fonts/Copperplate.eot");} @font-face {font-family: Copperplate; src: url(fonts/Copperplate.ttf); format('truetype');} /* font-family: BlackJack, Helvetica, Arial, sans-serif; font-weight: 700; */ /* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */ #design-award {background: url(images/css-design-award-sprite.png) 0px 0px no-repeat; width: 164px; height: 69px; position: absolute; top: 0; right: 0; display: block; z-index: 1000; text-indent: -99999px;} #design-award:hover {background: url(images/css-design-award-sprite.png) 0px -80px no-repeat;} #screen-reader {position: absolute; left: -99999px; top: -99999px;} #logo a {background: url(images/logo.png) 0px 0px no-repeat; width: 170px; height: 193px; display: block; text-indent: -99999px;} #header {position: absolute; top: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 422px; z-index: 1 !important;} #parallax-images {position: absolute; top: 0; left: 0; right: 0; overflow: hidden; width: 100%; height: 422px; margin: 0px auto;} .sky {width: 1800px; height: 422px; text-align: center;} .gray-buildings {width: 1800px; height: 422px; padding-top: 0; text-align: center;} .atil {width: 1800px; height: 422px; padding-top: 0; text-align: center;} .irmak {width: 1800px; height: 422px; padding-top: 0; text-align: center;} .bruksel {width: 1800px; height: 422px; padding-top: 0; text-align: center;} .front {width: 1800px; height: 422px; padding-top: 0; text-align: center;} /* MAIN NAVIGATION */ #main-nav {background: url(images/nav/nav-bg2.png) 0px 0px no-repeat; width: 960px; height: 153px; margin: 355px auto 20px auto; position: relative; z-index: 100;} #main-nav li {float: left; display: inline; position: relative;} #main-nav li a {margin: 60px 90px 0 0; font-size: 28px; color: #e4dfbf; float: left; display: block; position: relative; text-decoration: none; font-family: BlackJack, Helvetica, Arial, sans-serif;} li#lnav a {margin: -10px 80px 0 0px;} /* HOVER */ #main-nav li a:hover{color: #ffffff; position: relative;} /* HERE */ li#abou a {margin: 60px 110px 0 90px;} li#abou a.here {background: url(images/nav/about-here.png) 0px 0px no-repeat; width: 105px; height: 80px; margin: 40px 66px 0 80px; padding: 20px 0 0 15px; font-size: 32px; color: #ffffff;} li#news a {margin: 60px 85px 0 0;} li#news a.here {background: url(images/nav/about-here.png) 0px 0px no-repeat; width: 95px; height: 80px; margin: 40px 23px 0 -10px; padding: 20px 0 0 25px; font-size: 32px; color: #ffffff;} li#menu a {margin: 60px 90px 0 0;} li#menu a.here {background: url(images/nav/menu-here.png) 0px 0px no-repeat; width: 108px; height: 90px; margin: 35px 52px 0 -45px; padding: 25px 0 0 35px; font-size: 32px; color: #ffffff;} li#cont a {margin: 60px 0px 0 0;} li#cont a.here {background: url(images/nav/menu-here.png) 0px 0px no-repeat; width: 108px; height: 90px; margin: 37px 0 0 -15px; padding: 25px 0 0 25px; font-size: 32px; color: #ffffff;} /* BODY ------------------------------------------------------------------------------------------------------------------------------------------ */ #page-wrap {width: 960px; margin: 0 auto -70px; min-height: 100%; height: auto !important; height: 100%;} /* HOME PAGE ------------- */ #main-content-home {margin: 0 0 0 28px; width: 600px; float: left;} #sidebar-home {margin: 0 20px 0 0; width: 285px; float: right;} #welcome-block {margin: 0 0 20px 0;} #body-block-top {background: url(images/body/body-top.png) 0px 0px no-repeat; width: 592px; height: 160px;} #body-block-body {background: url(images/body/body-body.png) 0px 0px repeat-y; width: 592px; height: auto; z-index: 1; position: relative;} #body-block-bottom {background: url(images/body/body-bottom.png) 0px 0px no-repeat; width: 592px; height: 127px;} #block-content {width: 515px; margin: -100px 0 -90px 40px; float: left; z-index: 0; position: relative;} #body-block-body h2 {margin: 0 0 0 0; font-size: 40px; margin-bottom: 15px; color: #b21826; font-family: BlackJack, Helvetica, Arial, sans-serif;} #body-block-body p {margin-bottom: 15px; font-size: 15px; line-height: 19px; color: #555555;} a#the-store-btn {background: url(images/btns/the-store-btn.png) 0px 0px no-repeat; width: 255px; height: 155px; margin: 80px 0 0 0; display: block; float: left; text-indent: -99999px;} a#billys-tv-btn {background: url(images/btns/billys-tv-btn.jpg) 0px 0px no-repeat; width: 305px; height: 171px; margin: 80px 0 0 35px; display: block; float: left; text-indent: -99999px;} /* INSIDE BUTTONS */ a#store-small-home {background: url(images/btns/store-inside-btn.jpg) 0px 0px no-repeat; width: 179px; height: 111px; margin: 20px 0 0 0px; display: block; text-indent: -99999px; float: left;} a#tv-small-home {background: url(images/btns/tv-inside-btn.jpg) 0px 0px no-repeat; width: 203px; height: 122px; margin: 15px 0 0 0px; display: block; text-indent: -99999px; float: left;} a#gallery-small-home {background: url(images/btns/gallery-inside-btn.jpg) 0px 0px no-repeat; width: 205px; height: 128px; margin: 0px 0 0 0px; display: block; text-indent: -99999px; float: left;} /* SIDEBAR -------------- */ /* VIDEO LINK */ a#video-link {background: url(images/btns/video-icon.png) 0px 0px no-repeat; width: 33px; height: 30px; margin: -30px 20px 0 0; display: block; text-indent: -99999px; float: right; z-index: 105; position: relative;} #billy-phone {margin: -30px 0 0 65px; font-size: 25px; color: #b21826; z-index: 105; float: left; position: relative; font-family: BlackJack, Helvetica, Arial, sans-serif;} #billy-phone a {color: #b21826;} a#diner-hours {margin: -30px 0 0 65px; font-size: 25px; color: #b21826; z-index: 105; float: left; position: relative; font-family: BlackJack, Helvetica, Arial, sans-serif;} /* HOVER */ a#diner-hours:hover {color: #555555;} /* SPECIALS */ #home-specials {margin-bottom: 5px; float: right;} #home-specials-top {background: url(images/sidebar/specials/specials-top.jpg) 0px 0px no-repeat; width: 283px; height: 175px; text-indent: -99999px;} #home-specials-body {background: url(images/sidebar/specials/specials-body.jpg) 0px 0px repeat-y; width: 283px; height: auto; z-index: 1; position: relative;} #home-specials-content {width: 200px; margin: -30px 0 -70px 40px; float: left; z-index: 0; position: relative;} #home-specials-content a{color: #ffffff;} #home-specials-bottom {background: url(images/sidebar/specials/specials-bottom.jpg) 0px 0px no-repeat; width: 283px; height: 135px;} .special-post {width: 200px; border-bottom: 1px solid #6c141e; margin: 0 0 5px 0; padding-bottom: 10px; float: left;} .special-post h3 a {color: #f5f4df; font-size: 22px; letter-spacing: 1px; line-height: 20px; text-decoration: none; margin-bottom: 20px; font-family: Copperplate, Helvetica, Arial, sans-serif;} .special-post h3 a:hover{color: #ffffff; font-size: 23px;} .special-post p {color: #f5f4df; font-size: 14px; line-height: 17px; margin: 5px 0 5px 0; float: left;} .special-price {color: #ffffff; font-size: 15px; line-height: 21px; float: right; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #see-more-specials {font-size: 28px; font-family: BlackJack, Helvetica, Arial, sans-serif; color: #f5f4df;} #see-more-specials:hover {text-decoration: none !important;} /* NEWS */ #home-news {margin-top: 5px; float: right;} #home-news-top {background: url(images/sidebar/news/news-top.jpg) 0px 0px no-repeat; width: 283px; height: 175px; text-indent: -99999px;} #home-news-body {background: url(images/sidebar/news/news-body.jpg) 0px 0px repeat-y; width: 283px; height: auto; z-index: 1; position: relative;} #home-news-content {width: 200px; margin: -30px 0 -20px 40px; float: left; z-index: 0; position: relative;} #home-news-bottom {background: url(images/sidebar/news/news-bottom.jpg) 0px 0px no-repeat; width: 283px; height: 95px;} .home-news-post {width: 200px; border-bottom: 1px solid #6c141e; margin: 0 0 5px 0; padding-bottom: 10px; float: left;} .home-news-post a {color: #ffffff;} .home-news-post h3 a {color: #f5f4df; font-size: 22px; line-height: 20px; text-decoration: none; margin-bottom: 20px; font-family: Copperplate, Helvetica, Arial, sans-serif;} .home-news-post h3 a:hover{color: #ffffff; font-size: 23px;} .home-news-post p {color: #f5f4df; font-size: 14px; line-height: 17px; margin: 5px 0 5px 0; float: left;} /* INSIDE PAGES ----------------------------------------------------------------------------------------------------------------------------------- */ /* UNIVERSALS -------------- */ #main-content {margin: 0 20px 0 0; width: 710px; min-height: 300px; float: right;} #sidebar {margin: 0 0 0 20px; width: 200px; float: left;} #main-content-tv{margin: 0 20px 0 0; width: 630px; min-height: 300px; float: right;} #sidebar-tv {margin: 0 0 0 20px; width: 280px; float: left;} /* INSIDE BODY CONTAINER */ #inside-body-block-top {background: url(images/body/inside/inside-body-top.png) 0px 0px no-repeat; width: 707px; height: 150px;} #inside-body-block-body {background: url(images/body/inside/inside-body-body.png) 0px 0px repeat-y; width: 707px; height: auto; z-index: 1; position: relative;} #inside-body-block-bottom {background: url(images/body/inside/inside-body-bottom.png) 0px 0px no-repeat; width: 707px; height: 130px;} #inside-block-content {width: 630px; margin: -100px 0 -90px 40px; float: left; z-index: 0; position: relative;} #inside-block-content a {color: #b21826;} #inside-block-content a:hover{text-decoration: underline;} #inside-body-block-body h2 {margin: 0 0 0 0; font-size: 40px; margin-bottom: 15px; color: #b21826; font-family: BlackJack, Helvetica, Arial, sans-serif;} #inside-body-block-body h2 a{margin: 0 0 0 0; font-size: 40px; margin-bottom: 15px; color: #b21826; text-decoration: none;} #inside-body-block-body p {margin-bottom: 18px; font-size: 15px; line-height: 19px; color: #555555;} /* SIDEBAR NAVIGATION */ #sidebar-nav {} #sidebar-nav-top {background: url(images/nav/sidebar/sidebar-top.png) 0px 0px no-repeat; width: 190px; height: 115px;} #sidebar-nav-body {background: url(images/nav/sidebar/sidebar-body.png) repeat-y; width: 190px; height: auto;} #sidebar-nav-bottom {background: url(images/nav/sidebar/sidebar-bottom.png) 0px 0px no-repeat; width: 190px; height: 105px;} #sidebar-nav ul {margin: -40px 0 -10px 24px; width: 145px; float: left;} #sidebar-nav ul li {position: relative; margin: 0px 0 0px 0; text-align: center; width: 145px; border-bottom: 1px solid #6c141e; display: block;} #sidebar-nav ul li a{font-size: 17px; color: #f5f4df; width: 145px; padding: 8px 0 8px 0; display: block; position: relative; text-decoration: none; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} /* HOVER */ #sidebar-nav ul li a:hover {background-color: #a21421;} /* HERE */ #sidebar-nav ul li.current_page_item a {background-color: #6c141e; padding: 8px 0 8px 0;} #sidebar-nav ul li.current-cat a {background-color: #6c141e; padding: 8px 0 8px 0;} /* INSIDE BUTTONS */ a#store-inside {background: url(images/btns/store-inside-btn.jpg) 0px 0px no-repeat; width: 179px; height: 111px; margin: 20px 0 0 35px; display: block; text-indent: -99999px; float: left;} a#tv-inside {background: url(images/btns/tv-inside-btn.jpg) 0px 0px no-repeat; width: 203px; height: 122px; margin: 15px 0 0 30px; display: block; text-indent: -99999px; float: left;} a#gallery-inside {background: url(images/btns/gallery-inside-btn.jpg) 0px 0px no-repeat; width: 205px; height: 128px; margin: 0px 0 0 30px; display: block; text-indent: -99999px; float: left;} /* NEWS PAGE ------------- */ .post {margin-bottom: 20px; border-bottom: 1px solid #b21826; float: left;} .post h2 {font-size: 30px !important;} .post h2 a {font-size: 30px !important;} .post a {color: #b21826;} .post-meta {width: 630px; height: 30px; float: left;} .author-date {height: 20px; float: left;} .author-date p {font-size: 12px !important; color: #9e9c73 !important;} .author-date a {color: #9e9c73 !important;} .comments {background-color: #d9d7b1; width: 85px; height: 20px; float: right;} .comments a {color: #ffffff !important; text-decoration: none !important; font-size: 12px; margin: 3px 0 0 5px; float: left;} .comments span {color: #ffffff; font-size: 12px; margin: 3px 0 0 5px; float: left;} .post-image {background: url(images/inside-special-pic-bg.jpg) 0px 0px no-repeat; width: 233px; height: 181px; margin: 4px 0 1px 0; padding: 14px 0 0 17px; float: left;} .navigation {font-size: 12px;} /* SPECIALS PAGE */ .special-post-page {width: 250px; height: 220px; margin: 10px 40px 40px 20px; padding-bottom: 10px; float: left;} .special-post-page h3 a {color: #b21826; font-size: 20px; line-height: 20px; text-decoration: none; margin-bottom: 10px; width: 250px; text-align: center; float: left; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} .special-post-page img {margin: 0 0 0 15px; float: left;} .special-post-page p {color: #f5f4df; font-size: 14px; line-height: 17px; margin: 5px 0 5px 0; float: left;} .special-page-image {background: url(images/inside-special-pic-bg.jpg) 0px 0px no-repeat; width: 248px; height: 181px; margin: 4px 0 1px 0; padding: 14px 0 0 2px; float: left;} /* SPECIALS INSIDE PAGE */ #inside-image {background: url(images/inside-special-pic-bg.jpg) 0px 0px no-repeat; width: 233px; height: 181px; margin: 4px 0 1px 0; padding: 14px 0 0 17px; float: left;} #special-price-inside {color: #9e9c73; font-size: 24px; line-height: 25px; margin: -40px 10px 0 0; float: right; font-family: BlackJack, Helvetica, Arial, sans-serif;} /* BILLY'S TV PAGE */ #video-info-block {margin-bottom: 20px; float: left;} #video-info-top {background: url(images/tv/video-info/video-info-top.png) 0px 0px no-repeat; width: 274px; height: 160px;} #video-info-body {background: url(images/tv/video-info/video-info-body.png) 0px 0px repeat-y; width: 274px; height: auto;} #video-info-bottom {background: url(images/tv/video-info/video-info-bottom.png) 0px 0px no-repeat; width: 274px; height: 50px;} #video-info-content {width: 215px; margin: -100px 0 -10px 35px; float: left;} #video-info-body h2 {margin: 0; font-size: 18px; margin-bottom: 5px; color: #b21826; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #video-info-body p {margin-bottom: 15px; font-size: 14px; line-height: 19px; color: #555555;} #video-info-body a {color: #b21826; text-decoration: underline;} #video-area {background: url(images/tv/billy-tv-bg.png) 0px 0px no-repeat; width: 626px; height: 508px; margin: 30px 0 0 0; float: right; position: relative;} #video-area h3 {text-indent: -99999px;} #video-holder {margin: 75px 0 0 50px; float: left;} a#video-tab {background: url(images/sprite.png) 0px 0px no-repeat; width: 88px; height: 74px; margin: -57px 22px 0 0; float: right; text-indent: -99999px;} a#video-tab:hover {background: url(images/sprite.png) -200px 0px no-repeat; width: 88px; height: 74px; margin: -57px 22px 0 0; float: right; text-indent: -99999px;} a#store-inside-tv {background: url(images/btns/store-inside-btn.jpg) 0px 0px no-repeat; width: 179px; height: 111px; margin: 20px 0 0 10px; display: block; text-indent: -99999px; float: left;} a#tv-inside-tv {background: url(images/btns/tv-inside-btn.jpg) 0px 0px no-repeat; width: 203px; height: 122px; margin: 15px 0 0 5px; display: block; text-indent: -99999px; float: left;} a#gallery-inside-tv {background: url(images/btns/gallery-inside-btn.jpg) 0px 0px no-repeat; width: 205px; height: 128px; margin: 0px 0 0 5px; display: block; text-indent: -99999px; float: left;} /* GALLERY PAGE */ .gallery-box {background: url(images/gallery-box-bg.jpg) 0px 0px no-repeat; width: 194px; height: 154px; margin: 15px 0 0 15px; padding: 21px 0 0 21px; float: left;} /* CONTACT PAGE */ #diner-info {background: url(images/open-daily-bg.jpg) 0px 0px no-repeat; width: 294px; height: 335px; margin: 5px 0 20px 20px; float: left;} #diner-info-content {width: 225px; height: 205px; margin: 100px 0 0 30px; text-align: center; float: left;} #diner-info-content p {min-height: 50px; margin-bottom: 10px; padding-bottom: 0px; font-size: 15px; color: #6c141e;} .line-break {border-bottom: 1px solid #ffffff;} #contact-form {width: 315px; margin: 30px 10px 0 0; float: right;} #contact-form p {color: #b21826; font-size: 15px;} .form-input-contact {width: 270px; height: 20px; font-size: 17px; color: #555555; border: 1px solid #b21826; background-color: #e6e5cb; margin-bottom: 5px;} .form-long-input-contact {width: 270px; max-width: 270px; height: 140px; font-size: 17px; color: #555555; border: 1px solid #b21826; background-color: #e6e5cb;} /* SEND BUTTON */ #send-btn {background: url(images/sprite.png) 0px -100px no-repeat; width: 62px; height: 36px; margin: 5px 40px 0 0; display: block; border: none; font-size: 0px; line-height: 0px; cursor: pointer; text-indent: -99999px; float: right;} #send-btn-app {background: url(images/sprite.png) 0px -100px no-repeat; width: 62px; height: 36px; margin: 5px 0px 0 0; display: block; border: none; font-size: 0px; line-height: 0px; cursor: pointer; text-indent: -99999px; float: left;} /* HOVER */ #send-btn:hover {background: url(images/sprite.png) -70px -100px no-repeat;} #send-btn-app:hover {background: url(images/sprite.png) -70px -100px no-repeat;} /* SOCIAL MEDIA BOX */ #social-box {margin: 20px 0 25px 0; float: left;} a#fb {background: url(images/social/fb-icon.png) 0px 0px no-repeat; width: 80px; height: 56px; margin: 0 0 0 20px; display: block; float: left; text-indent: -99999px;} #tw {background: url(images/social/tw-box-bg.png) 0px 0px no-repeat; width: 781px; height: 60px; margin: -5px 0 0 40px; float: left;} #tw p {font-size: 14px; line-height: 16px; color: #555555; width: 680px; height: 27px; margin: 15px 0 0 5px; float: left; position: relative;} #tw a {color: #38c2d7;} a#tw-link {background: url(images/social/tw-icon.png) 0px 0px no-repeat; width: 88px; height: 63px; margin: 0 0 0 -20px; display: block; float: left; text-indent: -99999px;} /* STUPID XHANCH PLUGIN STYLES */ #xmt_primary_wid {margin: 0 !important;} ul.tweet_area {margin: 0 !important;} li.tweet_list {font-size: 14px !important; line-height: 16px !important; color: #555555 !important; width: 680px !important; height: 27px !important; margin: 15px 0 0 5px !important; float: left !important; position: relative !important;} /* FORM STYLING */ .section-label {font-size: 20px !important; font-weight: bold;} .form-input {width: 250px; height: 25px; font-size: 20px; color: #555555;} /* FOOTER ----------------------------------------------------------------------------------------------------------------------------------------- */ .push {height: 70px;} #footer {background: url(images/footer-bg.png) 0px 0px repeat-x; min-height: 70px; height: auto;} #footer-wrap {background: url(images/footer-wrap-bg.jpg) 0px 0px no-repeat; height: 70px; width: 960px; margin: 0 auto;} /* NAVIGATION */ #footer-wrap ul {margin: 10px 0 0 215px; float: left;} #footer-wrap ul li {font-size: 10px; color: #fffeeb; line-height: 10px; float: left; position: relative; display: inline;} #footer-wrap ul li a{font-size: 14px; letter-spacing: 1px; color: #fffeeb; border-right: 1px solid #fffeeb; margin: 0 0 0 10px; padding-right: 10px; float: left; position: relative; display: inline; text-decoration: none; font-family: Copperplate, Helvetica, Arial, sans-serif;} li#last a {border: none !important;} /* HOVER */ #footer-wrap ul li a:hover {color: #ffffff;} #copyright {font-size: 12px; color: #fffeeb; margin: 22px 0 0 15px; float: left; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #site-by {font-size: 12px; color: #fffeeb; margin: 22px 15px 0 0; float: right; font-family: Copperplate, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #site-by a {color: #fffeeb; text-decoration: none;} #site-by a:hover {color: #e66c34; text-decoration: none;} /* 404 --------------------------------------------------------------------------------------------------------------------------------------------- */ #hate-404 {font-size: 35px !important; line-height: 40px !important; margin-top: 30px; font-family: BlackJack, Helvetica, Arial, sans-serif;} #hate-404 a {color: #b21826;} /* ASTEROIDS ----------------------------------------------------------------------------------------------------------------------------------------- */ #ASTEROIDS-NAVIGATION {color: #b21826; font-size: 28px; font-family: BlackJack, Helvetica, Arial, sans-serif !important; font-weight: 700 !important;}