/* CSS FOR 34ETG.NO VERSION 1.0 JUNE 2005 */ /* © Jan Tore Eger-Heed */ /* Please don't steal - borrow!! */ html {height:100%} body {min-height:101%} body { margin: 0; padding: 0; text-align: center; background: #EFEFEF; font-family: "Trebuchet MS", "Lucida", "Lucida Grande", Arial, Helvetica, Sans-serif; font-size: 1em; } /* pageholders */ #topbghold { margin: 0 auto; padding: 0; line-height: 25px; clear: both; background: url(../interface/common/pageshadow_toppage.png) no-repeat top center;} #bottombghold{ margin: 0 auto; padding: 0; line-height: 25px; clear: both; background: url(../interface/common/pageshadow_bottompage.png) no-repeat bottom center;} #bottombghold2{ margin: 0 auto; padding: 0; line-height: 25px; clear: both; background: url(../interface/common/pageshadow_bottompage2.png) no-repeat bottom center;} #bghold { margin: 0 auto; padding: 0; background: url(../interface/common/page_background.png) repeat-y top center;} #bghold2 { margin: 0 auto; padding: 0; background: url(../interface/common/page_background2.png) repeat-y top center;} #page { margin: 0 auto; width: 905px; text-align: left;} /* sections */ /* top section holds identity and main navigation */ #top { width: 903px; font-size: 0.74em; padding: 0 1px 0 1px; float: left;} #identity {width: 151px; float: left; margin-left: 2px; display: inline; margin-right: 120px;} #identity img { padding: 0; margin: 0; width: 150px; float: left;} #topnav { width: 752px; } .navpad ul { background: url(../interface/menu/menu_bg_skybar.png) no-repeat; width: 233px; float: left; height: 81px; margin: 0; padding: 0; list-style: none; float: left; padding: 32px 0 0 16px; } .navpad ul li a, .navpad ul li a:link, .navpad ul li a:visited { color: #E10915; text-decoration: none;} .navpad ul.skybargreen { background: url(../interface/menu/menu_bg_skybar.png) no-repeat; width: 233px; float: left; height: 81px; margin: 0; padding: 0; list-style: none; float: left; padding: 32px 0 0 16px; } .navpad ul.skybar li a, .navpad ul.skybar li a:link, .navpad ul.skybar li a:visited {color: #7F7F7F;} .navpad ul.skybar a:hover, .navpad ul.skybar a:active {color: #7F7F7F;} .navpad ul.mediterraneanred { background: url(../interface/menu/menu_bg_mediterranean.png) no-repeat; width: 233px; float: left; height: 81px; margin: 0; padding: 0; list-style: none; float: left; padding: 32px 0 0 16px;} .navpad ul.mediterranean li a, .navpad ul.mediterranean li a:link, .navpad ul.mediterranean li a:visited {color: #E10915;} .navpad ul.mediterranean a:hover, .navpad ul.mediterranean a:active {color: #E10915;} .navpad ul.tapas { background: url(../interface/menu/menu_bg_tapas.png) no-repeat; width: 233px; float: left; height: 81px; margin: 0; padding: 0; list-style: none; float: left; padding: 32px 0 0 16px; display: none;} .navpad ul.tapas li a, .navpad ul.tapas li a:link, .navpad ul.tapas li a:visited {color: #7E7F28;} .navpad ul.tapas a:hover, .navpad ul.tapas a:active {color: #7E7F28;} .navpad ul li { list-style: none; clear: both; margin: 0; padding: 0;} .navpad ul li a, .navpad ul li a:link, .navpad ul li a:visited { text-decoration: none; margin-bottom: 2px; } .navpad ul li a:hover, .navpad ul li a:active {text-decoration: underline; margin-bottom: 2px;} .navpad { width: 249px; margin: 0; padding: 0; list-style: none; float: left; } #indicatorOne { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_skybar.png) no-repeat;} #indicatorOneA { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_skybar.png) no-repeat; background-position: 0 -100px;} #indicatorTwo { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_mediterranean.png) no-repeat;} #indicatorTwoA { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_mediterranean.png) no-repeat; background-position: 0 -100px;} #indicatorThree { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_tapas.png) no-repeat;} #indicatorThreeA { width: 249px; float: left; line-height: 14px; margin: 0; padding: 0; background: url(../interface/menu/menu_inactive_tapas.png) no-repeat; background-position: 0 -100px;} /* content section holds local navigation, main content and sub content */ #content { width: 903px; float: left; clear: both; padding: 0 1px 0 1px;} #localnav {width: 156px; font-size: 0.8em; float: left; display: inline;} .mediterranean{background: #E10915; } .mediterranean a, .mediterranean a:link, .mediterranean a:visited {color: #E10915;} .tapas{background: #7E7F28; }.tapas a, .tapas a:link, .tapas a:visited {color: #7E7F28;} .skybar{background: #7F7F7F; }.skybar a, .skybar a:link, .skybar a:visited {color: #7F7F7F;} .main {background: pink; }.main a, .main a:link, .main a:visited {color: pink;} #localnav h2, #localnav h3 { margin: 0; text-align: left; color: white; padding: 0 0 0 16px; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } #localnav h3 {font-size: 10px; font-weight: bold; border-bottom: 1px solid #666666;} ul.submenu a, ul.submenu a:link, ul.submenu a:visited {text-decoration: none;} ul.submenu a:hover, ul.submenu a:active {border-bottom: 1px solid #333333; text-decoration: none;} ul.submenu {list-style: none; margin: 0; padding: 0; float: left;} ul.submenu li {list-style: none; margin: 0; padding: 0; float: left; } ul.submenu li a, ul.submenu li a:link { background: white; width: 140px; clear: both; float: left; padding: 2px 0 2px 16px; border-bottom: 1px solid #CCCCCC;} ul.submenu li a:hover {background: #F3F3F3; border-bottom: 1px solid #333333; } #maincontent {width: 747px; float: left;} #article {float: left; padding: 5px 15px 0 15px; width: 717px;} #article h1 {font-weight: normal; font-size: 28px;} #article p {font-size: 0.8em; color: #333333;} #article img {margin: 0 0 5px 5px; padding: 0;} #article .mediterranean {color: #E10915; background: white; border-bottom: 1px solid #e10915;} #article .tapas {color: #7E7F28; background: white; border-bottom: 1px solid #7e7f28;} #article .skybar {color: #7F7F7F; background: white; border-bottom: 1px solid #7f7f7f;} #article .imgwrap {width: 325px; float: right;} #article .imgtapas {border: 8px solid #7E7F28; float: right; clear: both;} #article .imgmediterranean {border: 8px solid #e10915; float: right; clear: both;} #article .imgskybar {border: 8px solid #7F7F7F; float: right; clear: both;} #article #winetbl {margin: 0; padding: 0; border: 0; font-size: 1em;} #article #menutbl {margin: 0; padding: 0; border: 0; font-size: 1em;} #menutbl td {padding: 6px 2px; margin: 0;} #winetbl td {padding: 6px 2px; margin: 0;} table#menutbl {width: 390px; float: left; } table#winetbl {width: 717px; float: left;} #menutbl td .desc, #winetbl td .desc {font-size: 0.9em; color: #666666;} #menutbl td.price, #winetbl td.price { font-style: italic; font-size: 1.2em; color: #666666;} #winetbl td.wine {font-size: 1em; color: #666666;} #winetbl td.country {font-weight: bold; font-size: 1.2em; color: #333333;} #winetbl td.vintage, #winetbl td.origin {font-size: 0.9em; color: #999999;} .fronttapas {float: left; width: 240px; margin-left: 121px; display: inline;margin-right: 9px; background: #7f7f7f; height: 320px;} .frontmediterranean {float: left; width: 240px; display: inline; margin-right: 9px; background: #e10915;height: 320px;} .frontskybar {float: left; width: 240px; background: #7f7f7f;height:320px; display: inline;} .fronttapas img {padding: 0; margin: 0; float: left;} .frontmediterranean img {padding: 0; margin: 0; float: left;} .frontskybar img {padding: 0; margin: 0; float: left;} #frontleft {width: 156px; float: left; background: white; color: #666666; padding: 0 0 10px 0;} #frontleft h6 {font-size: 14px; font-weight: bold; margin: 0; padding: 0 3px 2px 8px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #F3f3f3;} #frontleft p {background: white; font-size: 0.7em; margin: 0 2px 0 2px; padding: 0 3px 10px 5px;} #frontleft p a, #frontleft p a:link, #frontleft p a:visited {color: #e10915; text-decoration: none; } #frontleft p a:hover, #frontleft p a:active{text-decoration: underline; color: #333333;} #front h1 {color: white; font-size: 11px; font-weight: normal; margin: 0; padding: 0 10px 0 10px; text-transform: uppercase; letter-spacing: 2px; text-align: center;} #front h2 {color: #efefef; font-size: 14px; font-weight: bold;} #front p.text { padding: 0 10px 0 10px; font-size: 11px; color: white; } #navshow {width: 902px; clear: both; line-height: 12px; } .index {background: #CCCCCC;} #welcome {clear: both; } #sifrwelcome {width: 717px; float: left;clear: both; margin: 0 0 0 1px; text-align: left; padding: 20px 0 0 0 ;} #sifrwelcome h6 {font-size: 36px; padding: 0; margin:0; } #sifrwelcome p{margin: 0 0 10px 0; padding: 0; font-size: 14px; text-align: left; clear: left;} #sifrwelcome .spot {color: #e10915; font-size: 1.4em; font-weight: bold; } /* bottom section holds legal stuff and credits if necessary */ #bottom { float: left; width: 903px; margin: 0; padding: 0 1px 0 1px; font-size: 0.7em; color: #999999; text-align: right;} #bottom p {padding: 10px 10px 0 0; margin: 0;} /* sifr styles */