/* TOC --------------------------------------- 1 - Global Reset 2 - HTML / Body 3 - Typography & Headings 4 - Layout Elements 5 - Navigation 6 - Accessibility Features 7 - General Styles 8 - Index Page ------------------------------------------*/ /* 1 - Global Reset ---------------------------------------------------------------------------------------------------------------*/ * {margin:0; padding:0;} img {border:0;} /* 2 - HTML / Body ---------------------------------------------------------------------------------------------------------------*/ body{text-align:center; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#000; background-color:#0F2339; letter-spacing:0.1em} /* 4 - Layout Elements ---------------------------------------------------------------------------------------------------------------*/ /*** MAIN STRUCTURE ***/ #wrapper {width:770px; font-size:1.0em; margin:20px auto 0 auto; text-align:left; border:solid 1px #a1a1a1; background-color:#002e4b;} #branding {width:770px; position:relative; margin:0 auto 0 auto; background:url(../img/circles-bg2.jpg) transparent 0 0 no-repeat; min-height:135px} * html #branding {height:135px} #logo {position:absolute; left:150px; bottom:0} #wrapper-inner {width:770px; margin:0 auto 0 auto; text-align:left; min-height:367px} * html #wrapper-inner {height:367px} #home #wrapper-inner {background:url(../img/bg-home.jpg) transparent 0 0 no-repeat} #reviews #wrapper-inner {background:url(../img/bg-reviews.jpg) transparent 0 0 no-repeat} #menus #wrapper-inner {background:url(../img/bg-menus.jpg) transparent 0 0 no-repeat} /*#menus-new #wrapper-inner {background:url(../img/bg-menus.jpg) transparent 0 0 no-repeat}*/ #book #wrapper-inner {background:url(../img/bg-book.jpg) transparent 0 0 no-repeat} #bookonline #wrapper-inner {background:url(../img/bg-livebookings.jpg) transparent 0 0 no-repeat} #email #wrapper-inner {background:url(../img/bg-email.jpg) transparent 0 0 no-repeat} #casa #wrapper-inner {background:url(../img/bg-casa.jpg) transparent 0 0 no-repeat} #casa-about #wrapper-inner {background:url(../img/bg-casa-about.jpg) transparent 0 0 no-repeat} #casa-food #wrapper-inner {background:url(../img/bg-casa-food.jpg) transparent 0 0 no-repeat} #casa-venues #wrapper-inner {background:url(../img/bg-casa-venues.jpg) transparent 0 0 no-repeat} #casa-testimonials #wrapper-inner {background:url(../img/bg-casa-testimonials.jpg) transparent 0 0 no-repeat} #casa-contact #wrapper-inner {background:url(../img/bg-casa-contact.jpg) transparent 0 0 no-repeat} #primary-content {font-size:1.2em; width:285px; float:left; display:inline; margin:0 0 0 25px; font-size:1.2em; min-height:342px; color:#fff; padding-top:25px; color:#fff; background:url(../img/bg-transparent2.png) transparent 0 0 repeat} * html #primary-content {height:367px} #primary-content * {margin-left:10px; margin-right:10px} #primary-content * * {margin-left:0px; margin-right:0px} #primary-livebookings {font-size:1.2em; width:320px; float:left; display:inline; margin:0 0 0 10px; font-size:1.2em; min-height:342px; color:#fff; padding-top:10px; color:#fff; background:url(../img/bg-transparent2.png) transparent 0 0 repeat} * html #primary-livebookings {height:367px} #primary-livebookings * {margin-left:10px; margin-right:10px} #primary-livebookings * * {margin-left:0px; margin-right:0px} /*#menus-new #wrapper-inner {background-color:#FFFF99}*/ #menus-new #primary-content {width:720px} #menus-new #nav-secondary {margin-bottom:10px} #menus-new h1 {color:#C74C00; text-transform:uppercase} #menus-new #primary-content {text-align:center; font-family:Georgia, "Times New Roman", Times, serif;} .menulist dt, .head {margin-bottom:10px; text-transform:uppercase} .menulist dd {font-weight:normal; margin-bottom:5px} .menulist dd strong {color:#fff} .menulist dd span {display:block; margin-bottom:5px} .split {padding-bottom:20px; margin-bottom:5px} .menulist {border-bottom:dotted 1px #fff; padding-bottom:20px} .pricelist {} .pricelist dt {clear:left; padding-right:10px} .choice {width:95%; margin-bottom:20px} .choice th, .choice td {padding:5px; border-bottom:solid 1px #fff; width:33% !important} .firstcol {width:60%} .winetable td, .winetable th {} .rowsplit th {padding:10px 0; text-align:center; color:#C74C00; text-transform:uppercase} .firstcol {width:10% !important} /* Extra info */ #extra {width:770px; margin:0 auto; text-align:left; font-size:1.0em; text-align:right; background-color:#003B62; font-size:1.2em} #extra p {margin:0; color:#fff; font-weight:bold; padding:3px 10px 3px 0} /* 3 - Typography & Headings ---------------------------------------------------------------------------------------------------------------*/ /** HEADINGS **/ h1 {font-size: 1.4em; margin-bottom:10px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#fff} h2 {font-size: 1.3em; margin-bottom:10px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#fff} /** PARAGRAPHS **/ p {margin-bottom:20px} p2 {padding:5px; margin-bottom:20px; border-color:red; border-style:dotted; border-width:thin} #reviews #primary-content p strong {display:block} #menus #primary-content ul {margin-left:25px} #menus #primary-content li {margin-bottom:10px} #menus #primary-content li a, .map {padding-right:20px; background:url(../img/new-win-icon.gif) transparent top right no-repeat} #casa #primary-content ul {margin-left:25px} #casa #primary-content li {margin-bottom:10px} dl {margin-bottom:20px} dt {font-weight:bold} /* 5 - Navigation & Links ---------------------------------------------------------------------------------------------------------------*/ /*** Primary Nav ***/ #nav-primary {position:relative; width:770px; text-align:right; font-size:1.4em; font-family:"Times New Roman", Times, serif; position:relative; margin-top:-14px} #nav-primary ul {float:right; list-style-type:none; margin-right:10px} #nav-primary ul li {float:left; padding:5px 0 5px 20px;background:url(../img/bullet.gif) transparent 0 0 no-repeat; margin-left:10px; font-weight:bold; color:#C74C00} #nav-secondary {float:right; text-align:right; font-size:1.2em} #nav-secondary ul {list-style-type:none; background:url(../img/bg-transparent2.png) transparent 0 0 repeat; height:35px} * html #nav-secondary ul {height:auto} #nav-secondary ul li {float:left; padding:10px 10px; font-weight:bold; color:#C74C00} /*** LINKS ***/ a {text-decoration:none; font-weight:bold; color:#fff} a:hover {color:#C74C00} #primary-content a {text-decoration:underline} /*** Accessibility Features ***/ #skip-link {position:absolute; top:-100000px; left: -100000px} /* 7 - General Styles ---------------------------------------------------------------------------------------------------------------*/ /*** CLEARING ***/ .clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden} .clearing {display: inline-table} /* Hides from IE-mac \*/ * html .clearing {height: 1%} .clearing {display: block} /* End hide from IE-mac */ /*** HIDE ***/ .hide {display:none} .winetable {} .winetable .rowsplit {} .winetable {width:95%; margin-bottom:20px} .winetable th, .winetable td {padding:5px; border-bottom:solid 1px #fff} .winetable .rowsplit {background-color:#ccc} .qlogo {display:none} td h2 {padding-top:30px; color:#C74C00; text-transform:uppercase} .row {margin-bottom:5px}