@charset "UTF-8"; body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #FFFFFF; background-image: url(images/central-bg2.gif); background-repeat: repeat; background-position: top center; margin: 0px; padding: 0px; background-color: #161616;} @font-face { font-family: journal; src: url(http://www.foundryhillbar.co.uk/journal.ttf); font-weight: normal;} #container { width: 934px; margin-right: auto; margin-left: auto; background-color: #161616;} #main-pic { width: 606px; background-image: url( ); background-repeat:no-repeat; background-position: top center; height: 319px;} #jobs-pic { width: 606px; background-image: url(images/bar-shorts.jpg); background-repeat:no-repeat; background-position: top center; height: 319px;} #events-pic { width: 606px; background-image: url(images/local_ales.jpg); background-repeat:no-repeat; background-position: top center; height: 319px;} #about-pic { width: 606px; background-image: url(images/coffee_bingley.jpg); background-repeat:no-repeat; background-position: top center; height: 319px;} #contact-pic { width: 606px; background-image: url(images/foundry-relax.jpg); background-repeat:no-repeat; background-position: top center; height: 319px;} #menus-pic { width: 606px; background-image: url(images/foundry-food.jpg); background-repeat:no-repeat; background-position: top center; height: 319px;} #main-border { width: 606px; padding: 8px; background-color: #3C3C3C; float: left; } #title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 110%; padding-top: 317px; margin-left: 10px;} #header-right { width: 302px; float:right; height: 335px; background-image: url(images/menu-board.jpg); background-position: top; background-repeat: no-repeat; } #menu-board { height: 280px; padding: 16px 24px 0px 24px; font-family:journal; } #menu-board h1 { margin-top: 0px; font-size: 250%; margin-bottom: 0px;} #menu-board p { font-size: 120%; line-height: 20px; margin-top: 2px; padding-top: 0px;} #menu-board b { color: #E1CD63; font-weight: normal; font-size: 120%;} #nav { margin-left: 2px; margin-bottom: 10px;} #nav ul { margin: 0px; padding: 0px;} #nav li { list-style: none; display: block; padding: 4px 8px; border-width: 0px 0px 0px 0px; float: left; margin-right: 12px; margin-bottom: 0px;} #nav a { font-size: 70%; color: #FFFFFF; text-decoration: none;} #nav a:hover { color: #fff; text-decoration: none; } #nav li:hover { display: block; background-color: #1F1F1F;} #nav a.on { color: #fff; } #nav a:hover.on { color: #fff; } #nav li.on { font-weight: bold; border-width: 0px 0px 0px 0px; background-color: #AB0600;} #subnav { width: 122px; float: left;} #subnav ul { padding: 0px; } #subnav li { list-style: none; display: block; padding: 6px 6px; border-width: 0px 0px 1px 0px; background-color: #1F1F1F; border-color: #161616; border-style: solid; margin-bottom: 1px; margin-top: 0px;} #subnav li:hover { display: block; background-color: #1F1F1F;} #subnav a { font-size: 70%; color: #FFFFFF; text-decoration: none;} #subnav a:hover { color: #AB0600; text-decoration: none;} #subnav a:hover.on { color: #fff; } #subnav li.on { font-weight: bold; border-width: 0px 0px 0px 0px; border-color: #8F0500; border-style: solid; background-color: #AB0600; } /* #bistro-subnav { padding-left: 140px; margin-bottom: 4px; background-color: #161616;} #bistro-subnav ul { margin-top: 10px;} #bistro-subnav li { list-style: none; display: block; padding: 6px 6px; border-width: 0px 0px 1px 0px; background-color: #111; border-color: #161616; border-style: solid; float: left; margin-right: 1px; margin-top: 0px;} #bistro-subnav a { font-size: 70%; color: #fff; text-decoration: none;} #bistro-subnav a:hover { color: #AB0600; text-decoration: none;} #bistro-subnav li.on { color: #FFFFFF; font-weight: bold; border-width: 0px 0px 0px 0px; border-color: #8F0500; border-style: solid;} */ #maincontainer { width: 934px; margin-top: 10px;} #main-home-left { width: 394px; float: left;} #main-home-left h1 { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; font-size: 130%; font-weight: normal;} #main-home-left h2 { padding-left: 10px; padding-right: 10px; padding-top: 10px; font-size: 95%; font-weight: normal; } #main-home-left p { padding-top: 0px; font-size: 80%; line-height: 16px; color: #CCCCCC;} #main-home-left li { padding-left: 10px; padding-right: 10px; padding-top: 0px; font-size: 80%; color: #CCCCCC;} #main-home-left a { color: #E1CD63; text-decoration: none;} #main-home-left a:hover { color: #E1CD63; text-decoration: underline;} #main-left { width: 515px; float: left; margin-left:15px;} #main-left h1 { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 0px; font-size: 130%; font-weight: normal;} #main-left h2 { font-size: 90%; font-weight: normal; } #main-left p { padding-top: 0px; font-size: 80%; line-height: 16px; color: #CCCCCC;} #main-left li { padding-left: 10px; padding-right: 10px; padding-top: 0px; font-size: 80%; color: #CCCCCC;} #main-left a { color: #E1CD63; text-decoration: none;} #main-left a:hover { color: #E1CD63; text-decoration: underline;} #main-menu h1 { font-family: journal, Georgia, "Times New Roman", Times, serif; padding-top: 0px; font-size: 220%; font-weight: normal;} #main-menu h2 { font-family: journal, Georgia, "Times New Roman", Times, serif; font-size: 180%; font-weight: normal; color: #E1CD63; } #main-right { width: 267px; float: right;} #main-right h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 130%; font-weight: normal;} #main-right h2 { font-size: 95%; font-weight: normal; } #main-right p { font-size: 70%; line-height: 16px; color: #CCCCCC;} #main-right li { font-size: 80%; color: #CCCCCC;} #main-right a { color: #E1CD63; text-decoration: none;} #main-right a:hover { color: #E1CD63; text-decoration: underline;} #eventsad { width: 186px; height: 125px; background-image: url(images/comedy-night.jpg); background-repeat:no-repeat; background-position: center; background-color: #111111; padding: 5px;} #menuad { width: 186px; height: 125px; background-image: url(images/menu-pic.jpg); background-repeat:no-repeat; background-position: center; background-color: #111111; padding: 5px;} .trans_bg { background-image:url('images/transparent_bg.png');} #main-right img, div { behavior: url(iepngfix.htc); } #main-middle {width: 248px; float:left; margin-left: 12px; background-image: url(images/middle-bg.gif); background-repeat: repeat-y; } #main-middle h1 { font-family: journal, Georgia, "Times New Roman", Times, serif; padding-left: 26px; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; font-size: 220%; font-weight: normal; color: #E1CD63; margin-top: 0px; margin-bottom: 0px;} #main-middle hr { margin-left: 26px; margin-right: 20px; } #main-middle p { padding-left: 26px; padding-right: 20px; padding-top: 0px; font-size: 70%; line-height: 16px; color: #CCCCCC;} #main-left a { color: #E1CD63; text-decoration: none;} #main-left a:hover { color: #E1CD63; text-decoration: underline;} #eventsad p { font-size: 70%; padding-left: 10px; } #menuad p { font-size: 70%; padding-left: 10px; } #exampleHeader1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; padding-left: 10px;} #exampleHeader2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; padding-left: 10px;} #footer { width: 914px; background-color: #1F1F1F; font-size: 70%; color: #CCCCCC; padding: 10px;} #footer a { color: #CCCCCC; text-decoration: underline;} #footer a:hover { color: #CCCCCC; text-decoration: none;} #opening { width: 257px; background-color: #111111; padding: 5px;} #opening p { font-size: 70%; padding-left: 10px; } #opening h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; padding-left: 10px; font-weight: normal;} #menu-right h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #FFFFFF; font-weight: normal; } .whttxt { color:#FFFFFF; } .greybg { background-color:#333333; } hr { height: 2px; background-image: url(images/hr-home.gif); background-repeat:repeat-x; border: 0px; }