/* for debugging div {border: solid 1px #f00;} */ /* Typography */ #menu {font: normal 1.88em/1em Georgia, Times New Roman, Times, serif; font-variant: all-caps; margin:0 .1em;} #poem h4 { font: normal 1.7em/1.3em 'Times New Roman', Times, serif; margin-top: -5px; text-align: center; font-variant: all-caps; padding: 0em .2em;} #poem p { font: normal 1.1em/1.0em Georgia, 'Times New Roman', Times, serif; text-align: center; padding: 0em .5em;} /**/ /**/ #cellcontainer { position: relative; margin: 50px auto; width: 700px;border: solid #b3a577; border-width: 1px; background: #000;} #cellcontainer_transcorners {position:relative; margin:0; padding:0; z-index:20; height: 100%;} /*Transcorners 'rounding corners' javascript */ /**/ #header { position:relative; background: url('../images/header.jpg') #957e4e; margin:0; padding:0; width: 690px; height: 109px; margin: 5px 5px; 1px; /*border: 2px dashed #fff;*/} #content { float:left; padding:0; border:0;/*border:2px dashed #fff*/; width:691px; height:100%; margin: 1px 0px 4px 5px; background: url('../images/italianfamily-bg.jpg') /*#c2a54a*/ repeat-y;} #bravo_content { float:left; padding:0; border:0;/*border:2px dashed #fff*/; width:691px; height:100%; margin: 1px 0px 4px 5px; background: url('../images/italianfamily-bg.jpg') /*#c2a54a*/ repeat-y;} #home_left_column { position:absolute; z-index:10;float:left; width:260px; height:100%; margin:10px 0px 5px 5px; padding:0; border:0; } #home_right_column {float:right; width:415px; height:100%; margin:15px 2px 120px 0; border:0; padding:0;/*border:dashed 1px #fff;*/} #left_column { position:absolute; z-index:10;float:left; width:260px; height:100%; margin:10px 0px 5px 5px; padding:0; border:0; } #bravo_menu_left_column { float:left; width:168px; height:100%; margin:10px 0px 5px 5px; border:0; padding:0; } #right_column {float:right; width:500px; height:100%; margin:15px 2px 120px; border:0; padding:0;/*border:dashed 1px #fff;*/} #bravo_footer {clear:both; position:relative;/*border: dashed #fff;*/margin: 5px 5px 5px 4px; background: url('../images/footer.png') no-repeat #957e4e; width: 690px; height: 67px;} #home_link {position: absolute; top:10px; left:200px; width: 310px; height: 45px; color:#000; /*border: 1px dashed;*/} #home_link a {background: url(../images/blank.gif) no-repeat; display:block; width:310px; height:45px} #home_link a:hover a:visited{cursor:arrow;} /* TOP Bar button nav buttons are in a matrix of 219px by 25px exit: 0,0 -219,0 -428,0 over: 0,-25 -219,-25 -428,-25 */ #menu{position:relative; top:82px; padding:0; margin:0; width: 100%; height: 25px; /*border:dashed;*//*overflow:hidden;*/ } #menu a{ display:block;width:219px; height:25px; text-indent:-9000px; overflow:hidden; background: url('../images/topbar_main_menu_nav_matrix.gif') no-repeat 0px 0px;} #pizzeria_topmenu_btn {position: absolute;left: 5px;} #pizzeria_topmenu_btn a:link, #pizzeria_topmenu_btn a:visited{ background-position:0px 0px; } #pizzeria_topmenu_btn a:hover, #pizzeria_topmenu_btn a:focus {background-position:0px -25px;} #ferrara_topmenu_btn {position: absolute; left: 248px;} #ferrara_topmenu_btn a:link, #ferrara_topmenu_btn a:visited { background-position: -219px 0px;} #ferrara_topmenu_btn a:hover, #ferrara_topmenu_btn a:focus {background-position: -219px -25px;} #cucina_topmenu_btn{position: absolute; left: 463px;} #cucina_topmenu_btn a:link, #cucina_topmenu_btn a:visited { background-position: -428px 0px;} #cucina_topmenu_btn a:hover, #cucina_topmenu_btn a:focus {background-position: -428px -25px;} /**/ /**/ #bravo_inserted_content { float:right; width:490px; height:335px; margin: 0px 0px 10px 10px; padding-right:.5em; /*border: 1px dashed;*/ overflow-y: auto; overflow-x:hidden; border-bottom: inset 1px black;} body:last-child:not(:root:root) #bravo_inserted_content { overflow:auto; } /**/ #poem { position: relative; width: 260px; height:100%;} #poem #top { width:100%; height:12px; padding:0; overflow:hidden;/*border:dashed;*/ background: url(../images/poem_caps.jpg) no-repeat 0 0;} #poem #bottom{width:100%; height:12px; padding:0; overflow:hidden; /*border: 1px dashed;*/margin: 0px 0px 4px; background: url(../images/poem_caps.jpg) no-repeat 0px -15px; } #poem #text { position: relative; width:260px; padding-bottom:1em; margin-top:-5px; background: url('../images/poem_mid.jpg') 0 0 repeat-y; /*background-position: 0px -35px;*/} /**/ /**//*---------------------------Nav_Menu----------------------------------------*/ #bravo_nav_menu { position: relative; margin-top:7px; width: 168px; height: 283px; background: url("../images/menu-bg.jpg") no-repeat; } /* Center the Menu Unordered List over the menu background in #nav_menu */ #bravo_nav_menu ul {position:relative; padding: 14px 8px; list-style: none; } #bravo_nav_menu a { width: 145px; height: 37px; display: block; margin: 0px 2px ; text-indent: -9000px; background: url('../images/nav_button_matrix.gif') no-repeat 0px 0px;} #home a:link, #home a:visited { background-position: 0px 0px;} #home a:hover, #home a:focus { background-position: -148px 0px;} #menus a:link, #menus a:visited { background-position: 0px -37px; } #menus a:hover, #menus a:focus { background-position: -148px -37px;} #reviews a:link, #reviews a:visited { background-position: 0px -74px; } #reviews a:hover, #reviews a:focus { background-position: -148px -74px; } #events a:link, #events a:visited { background-position: 0px -111px; } #events a:hover, #events a:focus { background-position: -148px -111px; } #catering a:link, #catering a:visited { background-position: 0px -148px; } #catering a:hover, #catering a:focus { background-position: -148px -148px; } #shop a:link, #shop a:visited { background-position: 0px -185px; } #shop a:hover, #shop a:focus { background-position: -148px -185px; } #contact a:link, #contact a:visited { background-position: 0px -222px; } #contact a:hover, #contact a:focus { background-position: -148px -222px; } /**/ /*-----------------Close Nav Menu-------------------------- */ /**/ #nav_menu{ position:relative; width: 415px; height: 255px; } #nav_menu ol { list-style: none;} #nav_menu li{ float: left; display:inline; margin: 0px 5px 20px 0px;} #nav_menu a { width: 132px; height: 114px; display:block; text-indent:-9000px; background: url('../images/buttons_longstrip-med.jpg') no-repeat 0px 0px; } #pizza_btn a:link, #pizza_btn a:visited { background-position: 0px 0px; } #cucina_btn a:link, #cucina_btn a:visited { background-position: -264px 0px;} #ferrara_btn a:link, #ferrara_btn a:visited { background-position: -528px 0px;} #gifts_btn a:link, #gifts_btn a:visited { background-position: 0px -114px; } #catering_btn a:link, #catering_btn a:visited { background-position: -264px -114px;} #events_btn a:link, #events_btn a:visited { background-position: -528px -114px;} #pizza_btn a:hover, #pizza_btn a:focus {background-position:-132px 0px;} #cucina_btn a:hover, #cucina_btn a:focus {background-position: -396px 0px;} #ferrara_btn a:hover, #ferrara_btn a:focus {background-position: -660px 0px;} #gifts_btn a:hover, #gifts_btn a:focus {background-position:-132px -114px;} #catering_btn a:hover, #catering_btn a:focus {background-position: -396px -114px;} #events_btn a:hover, #events_btn a:focus {background-position: -660px -114px;} /**/ /**/ p#blurb {position: absolute; bottom: 88px; right:15px; width:397px; height:81px; padding:0; margin:0; background: url('../images/blurb.png') no-repeat 0px 0px; text-indent:-900em; /*border:dashed #fff;*/} /*body:last-child:not(:root:root) #blurb { top: 310px; left: 315px; } */ /**/ /**/ #owner_img{position: absolute; bottom: -88px; right: 0px; width: 159px; height: 207px; background: url('../images/owners_for-web_2.png') no-repeat; } /**/ /* Safari Hack */ body:last-child:not(:root:root) #owner_img { margin-top: 0px; } /**/ /**/