/* Theme Name: It's Italia Restaurant Theme URI: http://itsitaliarestaurant.com/ Description: Italian Restaurant website Version: 1.0 Author: Kevin James Vreeburg Author URI: http://kjvdesigns.com Tags:XHTML/CSS, jQuery, 1 column, 2 column, CSS Sprites */ /*##########################################################################################################################*/ /* Home Page Navigation Styles */ /*########################################################################################################################*/ /*################################################*/ /*########## Home Page Menu Styles ##############*/ /*##############################################*/ #homeNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/menuNav.png) no-repeat;float:right;border-top:1px solid #7ba6c0;border-bottom:1px solid #7ba6c0;} #homeNav li, #homeNav a {display:block;height:100px;} #homeNav li {float:left;list-style:none; display:inline;margin:0px;} #homeNav span {display:none;} #homeHome {width:98px;} #homeAbout {width:98px;} #homeMenu {width:100px;} #homeParty {width:100px;} #homeHappenings {width:100px;} #homeReservations {width:100px;} #homeContact {width:95px;} #homeHome a:hover {background: url(images/menuNav.png) -1px -101px no-repeat;} #homeAbout a:hover {background: url(images/menuNav.png) -99px -101px no-repeat;} #homeMenu a:hover {background: url(images/menuNav.png) -198px -101px no-repeat;} #homeParty a:hover {background: url(images/menuNav.png) -299px -101px no-repeat;} #homeHappenings a:hover {background: url(images/menuNav.png) -400px -101px no-repeat;} #homeReservations a:hover {background: url(images/menuNav.png) -501px -101px no-repeat;} #homeContact a:hover {background: url(images/menuNav.png) -602px -101px no-repeat;} .homeActive {background: url(images/menuNav.png) -1px -101px no-repeat;} /*##########################################################################################################################*/ /* About Navigation Styles */ /*########################################################################################################################*/ /*################################################*/ /*########## About Top Menu Styles ##############*/ /*##############################################*/ #aboutNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/aboutNav.png) no-repeat;float:right;border-bottom:1px solid #8d5c33;} #aboutNav li, #aboutNav a {display:block;height:100px;} #aboutNav li {float:left;list-style:none; display:inline;margin:0px;border-left:1px solid #8d5c33;} #aboutNav span {display:none;} #aboutHome {width:98px;} #aboutAbout {width:98px;} #aboutMenu {width:100px;} #aboutParty {width:100px;} #aboutHappenings {width:100px;} #aboutReservations {width:100px;} #aboutContact {width:95px;} #aboutHome a:hover {background: url(images/aboutNav.png) -1px -101px no-repeat;} #aboutAbout a:hover {background: url(images/aboutNav.png) -100px -101px no-repeat;} #aboutMenu a:hover {background: url(images/aboutNav.png) -199px -101px no-repeat;} #aboutParty a:hover {background: url(images/aboutNav.png) -300px -101px no-repeat;} #aboutHappenings a:hover {background: url(images/aboutNav.png) -401px -101px no-repeat;} #aboutReservations a:hover {background: url(images/aboutNav.png) -502px -101px no-repeat;} #aboutContact a:hover {background: url(images/aboutNav.png) -603px -101px no-repeat;} .aboutActive {background: url(images/aboutNav.png) -100px -101px no-repeat;} /*################################################*/ /*########## About Sidebar Menu ###############*/ /*##############################################*/ #aboutSidebar {background: url(images/blckBG.png) repeat;width:187px;padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:50px;border-left:1px solid #8d5c33;border-bottom:1px solid #8d5c33;margin-left:175px;float:left;} ul #aboutSide{margin:0px;} #aboutSide li {list-style:none; border-bottom:1px dotted #e2a877;padding:5px; margin:0px;display:block;} #aboutSide li a {color:#e2a877;text-decoration:none;} #aboutSide li a:hover {color:#b67c4b;} /*##########################################################################################################################*/ /* Menu Navigation Styles */ /*########################################################################################################################*/ /*################################################*/ /*########## Menu Top Menu Styles ##############*/ /*##############################################*/ #menuNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/menuNav.png) no-repeat;float:right;border-bottom:1px solid #7ba6c0;} #menuNav li, #menuNav a {display:block;height:100px;} #menuNav li {float:left;list-style:none; display:inline;margin:0px;border-left:1px solid #7ba6c0;} #menuNav span {display:none;} #menuHome {width:98px;} #menuAbout {width:98px;} #menuMenu {width:100px;} #menuParty {width:100px;} #menuHappenings {width:100px;} #menuReservations {width:100px;} #menuContact {width:95px;} #menuHome a:hover {background: url(images/menuNav.png) -1px -101px no-repeat;} #menuAbout a:hover {background: url(images/menuNav.png) -100px -101px no-repeat;} #menuMenu a:hover {background: url(images/menuNav.png) -199px -101px no-repeat;} #menuParty a:hover {background: url(images/menuNav.png) -300px -101px no-repeat;} #menuHappenings a:hover {background: url(images/menuNav.png) -401px -101px no-repeat;} #menuReservations a:hover {background: url(images/menuNav.png) -502px -101px no-repeat;} #menuContact a:hover {background: url(images/menuNav.png) -603px -101px no-repeat;} .menuActive {background: url(images/menuNav.png) -199px -101px no-repeat;} /*################################################*/ /*########## Menu Sidebar Menu ###############*/ /*##############################################*/ #menuSidebar {background: url(images/blckBG.png) repeat;width:187px;padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:50px;border-left:1px solid #7ba6c0;border-bottom:1px solid #7ba6c0;margin-left:175px;float:left;} ul #menuSide{margin:0px;} #menuSide li {list-style:none; border-bottom:1px dotted #9cc3da;padding:5px; margin:0px;display:block;} #menuSide li a {color:#9cc3da;text-decoration:none;} #menuSide li a:hover {color:#ffffff;} /*##########################################################################################################################*/ /* Large Party Navigation Styles */ /*########################################################################################################################*/ /*################################################*/ /*########## Party Top Menu Styles ##############*/ /*##############################################*/ #partyNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/partyNav.png) no-repeat;float:right;border-bottom:1px solid #bd1e70;} #partyNav li, #partyNav a {display:block;height:100px;} #partyNav li {float:left;list-style:none; display:inline;margin:0px;border-left:1px solid #bd1e70;} #partyNav span {display:none;} #partyHome {width:98px;} #partyAbout {width:98px;} #partyMenu {width:100px;} #partyParty {width:100px;} #partyHappenings {width:100px;} #partyReservations {width:100px;} #partyContact {width:95px;} #partyHome a:hover {background: url(images/partyNav.png) -1px -101px no-repeat;} #partyAbout a:hover {background: url(images/partyNav.png) -100px -101px no-repeat;} #partyMenu a:hover {background: url(images/partyNav.png) -199px -101px no-repeat;} #partyParty a:hover {background: url(images/partyNav.png) -300px -101px no-repeat;} #partyHappenings a:hover {background: url(images/partyNav.png) -401px -101px no-repeat;} #partyReservations a:hover {background: url(images/partyNav.png) -502px -101px no-repeat;} #partyContact a:hover {background: url(images/partyNav.png) -603px -101px no-repeat;} .partyActive {background: url(images/partyNav.png) -300px -101px no-repeat;} /*#################################################*/ /*########## Party Sidebar Menu ###############*/ /*###############################################*/ #partySidebar {background: url(images/blckBG.png) repeat;width:187px;padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:50px;border-left:1px solid #bd1e70;border-bottom:1px solid #bd1e70;margin-left:175px;float:left;} ul #partySide{margin:0px;} #partySide li { list-style: none;background: url(images/pdf.png) 0px 5px no-repeat;border-bottom:1px dotted #f2c6dd;padding:10px 5px 5px 30px; margin:0px;display:block;} #partySide li a {color:#f2c6dd;text-decoration:none;} #partySide li a:hover {color:#ffffff;} /*##########################################################################################################################*/ /* It's Happenings Navigation Styles */ /*########################################################################################################################*/ /*##########################################################*/ /*########## It's Happenings Top Menu Styles ##############*/ /*########################################################*/ #happenNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/happenNav.png) no-repeat;float:right;border-bottom:1px solid #c2872e;} #happenNav li, #happenNav a {display:block;height:100px;} #happenNav li {float:left;list-style:none; display:inline;margin:0px;border-left:1px solid #c2872e;} #happenNav span {display:none;} #happenHome {width:98px;} #happenAbout {width:98px;} #happenMenu {width:100px;} #happenParty {width:100px;} #happenHappenings {width:100px;} #happenReservations {width:100px;} #happenContact {width:95px;} #happenHome a:hover {background: url(images/happenNav.png) -1px -101px no-repeat;} #happenAbout a:hover {background: url(images/happenNav.png) -100px -101px no-repeat;} #happenMenu a:hover {background: url(images/happenNav.png) -199px -101px no-repeat;} #happenParty a:hover {background: url(images/happenNav.png) -300px -101px no-repeat;} #happenHappenings a:hover {background: url(images/happenNav.png) -401px -101px no-repeat;} #happenReservations a:hover {background: url(images/happenNav.png) -502px -101px no-repeat;} #happenContact a:hover {background: url(images/happenNav.png) -603px -101px no-repeat;} .happenActive {background: url(images/happenNav.png) -401px -101px no-repeat;} /*###########################################################*/ /*########## It's Happenings Sidebar Menu ###############*/ /*#########################################################*/ #happenSidebar {background: url(images/blckBG.png) repeat;width:187px;padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:50px;border-left:1px solid #c2872e;border-bottom:1px solid #c2872e;margin-left:175px;float:left;} ul #happenSide{margin:0px;} #happenSide li {list-style:none; border-bottom:1px dotted #c2872e;padding:5px; margin:0px;display:block;} #happenSide li a {color:#f6dda0;text-decoration:none;} #happenSide li a:hover {color:#ffffff;} /*##########################################################################################################################*/ /* Contact Us Navigation Styles */ /*########################################################################################################################*/ /*##########################################################*/ /*############ Contact Us Top Menu Styles #################*/ /*########################################################*/ #contactNav {margin:0px;padding:0px;width:700px; height:100px;background: url(images/contactNav.png) no-repeat;float:right;border-bottom:1px solid #82512c;} #contactNav li, #contactNav a {display:block;height:100px;} #contactNav li {float:left;list-style:none; display:inline;margin:0px;border-left:1px solid #82512c;} #contactNav span {display:none;} #contactHome {width:98px;} #contactAbout {width:98px;} #contactMenu {width:100px;} #contactParty {width:100px;} #contactHappenings {width:100px;} #contactReservations {width:100px;} #contactContact {width:95px;} #contactHome a:hover {background: url(images/contactNav.png) -1px -101px no-repeat;} #contactAbout a:hover {background: url(images/contactNav.png) -100px -101px no-repeat;} #contactMenu a:hover {background: url(images/contactNav.png) -199px -101px no-repeat;} #contactParty a:hover {background: url(images/contactNav.png) -300px -101px no-repeat;} #contactHappenings a:hover {background: url(images/contactNav.png) -401px -101px no-repeat;} #contactReservations a:hover {background: url(images/contactNav.png) -502px -101px no-repeat;} #contactContact a:hover {background: url(images/contactNav.png) -603px -101px no-repeat;} .contactActive {background: url(images/contactNav.png) -100px -101px no-repeat;} /*###########################################################*/ /*########## It's Happenings Sidebar Menu ###############*/ /*#########################################################*/ #contactSidebar {background: url(images/blckBG.png) repeat;width:187px;padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:50px;border-left:1px solid #82512c;border-bottom:1px solid #82512c;margin-left:175px;float:left;} ul #contactSide{margin:0px;} #contactSide li {list-style:none; border-bottom:1px dotted #ac7852;padding:5px; margin:0px;display:block;} #contactSide li a {color:#ac7852;text-decoration:none;} #contactSide li a:hover {color:#f6dda0;}