@import "reset.css";

/* color swatches
pale green: #e5ebc4
grey text: #787878
dark red (links): #780000
*/

html { background-color:#e5ebc4;
}

body {font-family:'Trebuchet MS', Lucida, Helvetica, Arial, sans-serif;
}

.container {width:800px; margin:20px auto 0;
}

#masthead {width:800px; height:80px; position:relative;
}
	#branding {width:250px; height:80px; float:left;}
	#address {width:550px; height:40px; float:right;}

.footer {height:10px; position:relative; clear:both;
}

.content {width:800px; background-color:#fff; margin:0; padding:0; 
}

.home .content {height:484px; min-height:0; border-bottom:solid 1px #fff;
}

.main-content {width:507px; margin:0 20px 0 48px; float:right; display:inline; padding:30px 0 20px; position:relative; min-height:350px;
}
	

.sidebar {width:205px; margin:0; padding:35px 0 20px; z-index:1; background-color:transparent;
}

.slideshow {margin:30px 0 30px 13px; width:192px;
}
	.slideshow img {border:solid 1px #000;}
	.slideshow .slide-thumbs img {margin:2px 2px 0 0; padding:0; float:left;}
	.slideshow .slide-thumbs img.last {margin-right:0; padding:0;}

.placeholder {height:300px;
}

.prev-next {margin:20px 0 0;
}

.sub-list .cat-list {margin:0 0 15px;
}




/*-----
------------
------- main nav ------- */

ul#main-nav {height:40px; width:550px; margin:0; background:url(../images/main-nav-sprites.png) 0 0 #6c6c6c no-repeat; display:block; position:absolute; top:40px; left:250px;
}

#masthead #main-nav li {float:left; height:40px; text-indent:-9999px; padding:0; font-size:1px; line-height:1px;
}

#masthead #main-nav li a {background:url(../images/main-nav-sprites.png) 0 0 transparent no-repeat; height:40px; display:block;
}

#main-nav li a#about {background-position:0 0; width:73px;
} 
	#main-nav li a#about:hover, #main-nav li a#about:focus, #main-nav li.on a#about {background-position:0 -40px;}
	
#main-nav li a#menu {background-position:-73px 0; width:55px;
} 
	#main-nav li a#menu:hover, #main-nav li a#menu:focus, #main-nav li.on a#menu {background-position:-73px -40px;}
	
#main-nav li a#press {background-position:-128px 0; width:52px;
} 
	#main-nav li a#press:hover, #main-nav li a#press:focus, #main-nav li.on a#press {background-position:-128px -40px;}

#main-nav li a#links {background-position:-180px 0; width:52px;
} 
	#main-nav li a#links:hover, #main-nav li a#links:focus, #main-nav li.on a#links {background-position:-180px -40px;}

#main-nav li a#catering {background-position:-232px 0; width:141px;
} 
	#main-nav li a#catering:hover, #main-nav li a#catering:focus, #main-nav li.on a#catering {background-position:-232px -40px;}

#main-nav li a#locations {background-position:-374px 0; width:150px;
} 
	#main-nav li a#locations:hover, #main-nav li a#locations:focus, #main-nav li.on a#locations {background-position:-374px -40px;}




/*-----
------------
------- typography ------- */

p {font-size:12px; font-family:georgia, times, 'times new roman', serif; line-height:1.6; margin:0 0 10px 0;
}

.main-content h3 {margin:20px 0 10px; font-family:georgia, times, 'times new roman', serif; font-size:14px;
}

.main-content h3.friends {margin:25px 0 5px; font-family:'Trebuchet MS', Lucida, Helvetica, Arial, sans-serif; font-size:15px; text-transform:uppercase;
}

.main-content h2 {margin:25px 0 5px; padding:0 0 8px; font-family:georgia, times, 'times new roman', serif; font-size:20px; font-weight:normal;
}

.main-content h2.small {margin:30px 0 5px; padding:0 0 5px; border-bottom:none; font-family:georgia, times, 'times new roman', serif; font-size:13px; font-weight:bold;
}

.main-content h2.small .highlight {text-transform:uppercase;
}

.sidebar h2 {border-bottom:solid 2px #cda14a; margin:25px 0 5px; text-transform:uppercase; font-size:14px;
}

.sidebar p {line-height:1.3; margin:0;
}

.sidebar h2.search, .reservations .sidebar h2, .contact .sidebar h2 {border-bottom:none; margin:25px 0 0;
}

p.post-meta {font-size:10px;
}

p.about-first {margin-top:40px;
}

.main-content ul {font-size:12px; font-family:georgia, times, 'times new roman', serif; list-style-type:disc;
}

.main-content ol {font-size:12px; font-family:georgia, times, 'times new roman', serif; list-style-type:decimal;
}

.main-content ul.link-list {font-size:13px; list-style-type:none;
}

.main-content ul.link-list li { margin:5px 0;
}

.main-content ul li, .main-content ol li {margin:5px 0 5px 10px;
}

.main-content .menu ul {list-style-type:none; font-family:georgia, times, 'times new roman', serif;
}

.menu h2 {text-align:center; margin:10px 0 -10px; text-transform:uppercase; letter-spacing:1px; border:none; font-size:14px; font-weight:bold; font-family:'Trebuchet MS', Lucida, Helvetica, Arial, sans-serif;
}

.menu h3 {font-family:georgia, times, 'times new roman', serif; font-size:13px; margin:20px 0 0;
}

.bar h3, .breakfast h3 {font-family:georgia, times, 'times new roman', serif; margin:0; width:235px; font-size:13px; font-weight:normal;
}

.menu p {margin:0 0 12px; line-height:1.6; font-size:12px;
}
.menu p.price {text-align:center; margin:10px 0;}

.main-content .menu  h4 {font-size:13px; font-weight:bold; margin:15px 0 5px; font-family:georgia, times, 'times new roman', serif; text-transform:uppercase;
}




/*-----
------------
------- home ------- */

.home .main-content {width:800px; margin:0; padding:0;
}

.home .home-image {border-width:0; margin:-5px 0 0;
}

.home h1 {position:absolute; top:230px; left:45px; color:#fff; font-weight:normal; font-family:georgia, times, 'times new roman', serif; font-size:32px; margin:0; padding:0;
}

.home .info {width:230px; margin:30px 30px 30px 50px; padding:10px;
}
	.home a.block {color:inherit; font-size:11px; font-weight:normal; cursor:pointer;}
	.home .info:hover, .home .info:focus {background-color:#eee;}

.home .info h3 {margin:0 0 10px; padding:0; font-size:11px; font-family:georgia, times, 'times new roman', serif; color:#336633 !important;
}

.home .info img {padding:2px; border:solid 1px #aaa; float:left; margin:0 10px 0 0; background-color:#fff;
}

.home .info p {line-height:1.3;
}
	.home a p {color:#000;}

.home .quote {position:absolute; top:310px; left:350px; border-width:0;
}




/*-----
------------
------- bounce ------- */

.bounce .main-content {width:800px; margin:0; padding:0; min-height:100px;
}

.bounce .bounce-image {border-width:0; margin:0;
}

.bounce h1 {position:absolute; top:230px; left:45px; color:#fff; font-weight:normal; font-family:georgia, times, 'times new roman', serif; font-size:38px; margin:0; padding:0;
}

.bounce #masthead {height:75px;
}

.bounce .footer {height:auto; padding:30px 15px 60px;
}

.bounce .col-1, .bounce .col-2, .bounce .col-3 {float:left; width:230px; padding:10px;
}
	.bounce .col-2 {margin:0 10px;}
	.bounce .col-1:hover, .bounce .col-2:hover, .bounce .col-3:hover {background-color:#eee;}

.bounce .footer a {color:inherit; font-size:11px; font-weight:normal; cursor:pointer;}
	.bounce .footer a p {color:#000; font-weight:normal !important;}

.bounce .footer a h3 {margin:0 0 10px; padding:0; font-size:11px; font-family:georgia, times, 'times new roman', serif; font-weight:bold;
}	
	.bounce h3.liquori, .bounce h3.liquori {color:#787878;}
	.bounce h3.ino, .bounce h3.ino {color:#cc3300;}
	.bounce h3.inoteca, .bounce h3.inoteca {color:#336633;}
	.bounce p {line-height:1.3;}
	
.bounce .footer img {padding:2px; border:solid 1px #aaa; float:left; margin:0 10px 0 0; background-color:#fff;
}


	
	
	
	
/*-----
------------
------- menus ------- */

.menu {width:480px; margin:0 20px 0 0;
}
	.dinner-party-menu, .wine-menu, .brunch-menu {width:400px; margin:0 40px;}

	.brunch-menu p.info {text-align:center;margin-bottom:0;}
	.brunch-menu p.heading {font-weight:bold;}
	.brunch-menu p.note {font-weight:bold;font-style:italic;}

/*-----
------------
------- press ------- */

.press .main-content {float:left; width:750px; margin:0 25px; display:inline;
}

.press .content {background:url(../images/press-bg.png) 0 0 repeat-y #fff;}

.press-image {float:left; width:240px; margin-bottom:20px;
}
	.content .main-content .press-image img {border-width:0; background-color:transparent; padding:15px 0 0;}

.press-text {border-top:solid 1px #bbb; padding:15px 0 0; margin:0 0 20px 248px;
}

.press p.cite {margin-top:-5px; text-align:right; font-style:italic; font-weight:bold; color:#780000;}




/*-----
------------
------- locations ------- */

.locations .main-content {float:left; width:740px; margin:0 35px; display:inline;
}

.locations .col-1, .locations .col-2, .locations .col-3 {float:left; display:inline; width:240px;
}
	.locations .col-2 {margin:0 10px;}
	
.locations h2.welcome {font-family:georgia, times, 'times new roman', serif; font-size:36px; color:#787878; margin:0 0 20px 10px; border-width:0;}
	.locations h3 {margin:12px 0 5px; padding:0; font-size:12px;}
	.locations h3.liquori a, .locations h3.liquori a:visited {color:#787878;}
	.locations h3.ino a, .locations h3.ino a:visited {color:#cc3300;}
	.locations h3.inoteca a, .locations h3.inoteca a:visited {color:#336633;}
	.locations h3 a:hover, .locations h3 a:focus {color:#000 !important;}
	.locations p {line-height:1.3;}
	
	
	

/*-----
------------
------- links ------- */

.links #book1-links {position:absolute; top:287px; left:55px; color:#787878;
}
.links #book2-links {position:absolute; top:287px; left:275px; color:#787878;
}
	.links #book1-links a, .links #book2-links a, .links #book1-links a:visited, .links #book2-links a:visited {font-size:11px; color:#787878;}
	.links #book1-links a:hover, .links #book2-links a:hover, .links #book1-links a:focus, .links #book2-links a:focus {color:#000;}
	
.links .footer {height:auto; padding:0 40px 20px;
}

.links .main-content {min-height:275px; margin-bottom:30px;
}

.links .col-1, .links .col-2, .links .col-3 {float:left; display:inline; width:230px;
}
	.links .col-2 {margin:0 15px;}

.links h3 {margin:0 0 10px; padding:0; font-size:11px; font-family:georgia, times, 'times new roman', serif;
}	
	.links h3.liquori {color:#787878;}
	.links h3.ino {color:#cc3300;}
	.links h3.inoteca {color:#336633;}
	.links p {line-height:1.3;}
	
.links .footer img {padding:2px; border:solid 1px #aaa; float:left; margin:0 10px 0 0;
}




/*-----
------------
------- search results table ------- */

.news table td, .news table th {border-bottom:solid 1px #cda14a; padding:5px; text-align:left;
}

.news table th {font-family:'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; text-transform:uppercase; border-width:0 0 2px;
}

.news table tr.rowtwo {background-color:#eee;
}

.news table {font-size:12px; font-family:georgia, times, 'times new roman', serif; margin:30px 0 0;
}






/*-----
------------
------- links ------- */

a, a:visited {text-decoration:none; color:#780000; font-weight:bold;
}

a:hover, a:focus {color:#666;
}

ul.side-nav {font-family:georgia, times, 'times new roman', serif; font-size:11px; font-weight:bold; margin:0 15px 0 25px;
}
	ul.side-nav li {margin:0 0 6px; padding:0 0 6px; border-bottom:solid 1px #bbb;}
		ul.side-nav li.on {border-bottom:solid 1px #000;}
		ul.side-nav li#last {border-bottom-width:0;}
	ul.side-nav li a, ul.side-nav li a:visited {color:#787878;}
	ul.side-nav li a:hover, ul.side-nav li a:focus, ul.side-nav li.on a {color:#000 !important;}

div.side-nav h3 a, div.side-nav h3 a:visited, div.side-nav h4 a, div.side-nav h4 a:visited {color:#999;
}

div.side-nav h3 a:hover, div.side-nav h3 a:focus, div.side-nav h4 a:hover, div.side-nav h4 a:focus {color:#000;
}

.prev-next a {font-size:11px;
}

div.side-nav h3 {margin:-1px 0 5px; padding:0; letter-spacing:1px; border-bottom:solid 1px #bbb;
}

div.sub-list h4 {margin:-5px 0 5px; padding:0; letter-spacing:1px; border-bottom:none;
}

div.side-nav h3.on {margin:-1px 0 5px; padding:0; letter-spacing:1px; border-bottom:solid 1px #cda14a;
}

div.sub-list h4.on {margin:-5px 0 5px;; padding:0; letter-spacing:1px; border-bottom:none;
}

div.sub-list {margin:10px 0 10px; list-style:none !important;
}

div.sub-list div.cat-list h5 {font-family:georgia, times, 'times new roman', serif; margin:0 0 5px 10px; text-transform:none; font-weight:normal; font-size:12px;
}

div.side-nav h3.on a, div.sub-list h4.on a, div.sub-list div.cat-list h5.on a {color:#000 !important;
}

div.side-nav {text-transform:uppercase; font-size:12px; font-weight:bold; margin-top:30px;
}

ul.side-nav-news {font-size:12px; font-family:georgia, times, 'times new roman', serif;
}

ul.side-nav-news li {padding:4px 0; border-bottom:solid 1px #bbb;
}

ul.side-nav-news li.on {border-bottom:solid 1px #cda14a;
}

ul.side-nav-news li a, ul.side-nav-news li a:visited {color:#000;
}

ul.side-nav-news li a:hover, ul.side-nav-news li a:focus {color:#cda14a; text-decoration:none;
}




/*-----
------------
------- images ------- */

.main-content img {border:solid 1px #000; margin:0; padding:0;
}

.main-content img.running-float-left {float:left; margin:5px 20px 10px 0;
}

.main-content img.map {margin:30px 0 100px;
}

.press img.press-image {margin-left:-200px; float:left; display:inline;
}



/*-----
------------
------- general ------- */

strong {font-weight:bold;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;
}

.clear {clear:both;
}

.no-border {border:none !important;
}

input.submit {margin:8px 0 0;
}


/*************** NEW FORMATTING ADDED 7/21/10 FOR NEW HOME PAGE **********************************/

/*  =IMAGE REPLACEMENT *

Neal Image Replacement by Neal Venditto:http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets 
are disable or when images are turned off.

In your html, add class "replace" to any text element you want to replace with an image.
Then surround the text with <span> tags. 
*/
.replace span {
position:relative;
z-index:-1;
}
.replace a {
display:block;
width:100%;
height:100%;
text-decoration:none;
border-bottom:none;
}

#newsletter {
position:relative;
margin:50px 0 0 27px;
height:80px;
width:250px;
background-color:#eaeaea;
}
#newsletter h3 {
margin:0;
position:absolute;
background:url(http://www.inotecanyc.com/images/signup.gif) 0 0 no-repeat;
height:26px;
width:200px;
top:14px;
left:25px;
}
#newsletter form {
position:absolute;
left:25px;
bottom:14px;
}
#newsletter form input.email {
width:155px;
color:#666;
text-align:center;
font-family:georgia,serif;
}
#footer {
width:800px;
height:50px;
margin:0 auto;
}
#footer ul {
margin-top:4px;
width:400px;
}
#footer ul li {
color:#999b5f;
font:normal.75em/1.2 georgia,serif;
float:left;
}
#footer p {
clear:none;
float:right;
margin-top:4px;
color:#999b5f;
font:normal.625em/1.2 arial, verdana, sans-serif;
text-align:right;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#999b5f;font-weight:normal;}
#footer p a:link, #footer p a:visited {text-decoration:underline;}
#footer p a:hover, p #footer a:active {text-decoration:none;}
#footer ul li a:link, #footer ul li a:visited {text-decoration:none;}
#footer ul li a:hover, p #footer a:active {text-decoration:underline;}

/*************** NEW FORMATTING ADDED 8/16/10 FOR NEW HEADER **********************************/


#navList {
position: relative;
list-style:none;
margin:0;
padding:0;
width:800px;
height:75px;
background: transparent url(../images/liquori-nav.jpg) 0 0 no-repeat;
}
#navList li {
position: absolute;
top:0;
display: block; /*eliminates any flickering of the hover images*/
}
#navList li.navHome {width:258px; left:0; top:0;}
#navList li.navAbout {width:68px; left:258px;}
#navList li.navMenu {width:62px; left:326px;}
#navList li.navPress {width:60px; left:388px;}
#navList li.navGroup {width:122px; left:448px;}
#navList li.navContact {width:182px; left:570px;}

#navlist li a {background-repeat: no-repeat;}

/* THIS ADDITIONAL PLACEMENT OF BACKGROUND IMAGE FOR LINKS IS NECESSARY ONLY WHEN
	USING NIR IMAGE REPLACEMENT SO THAT TEXT LINKS DON'T SHOW ABOVE IMAGE IN IE  */

#navList li.navHome a {background:transparent url(../images/liquori-nav.jpg) 0 0;}
#navList li.navAbout a {background:transparent url(../images/liquori-nav.jpg) -258px 0;}
#navList li.navMenu a {background:transparent url(../images/liquori-nav.jpg) -326px 0;}
#navList li.navPress a {background:transparent url(../images/liquori-nav.jpg) -388px 0;}
#navList li.navGroup a {background:transparent url(../images/liquori-nav.jpg) -448px 0;}
#navList li.navContact a {background:transparent url(../images/liquori-nav.jpg) -570px 0;}

#navList li.navHome a:hover {background:transparent url(../images/liquori-nav.jpg) 0 75px;}
.about #navList li.navAbout a, #navList li.navAbout a:hover {background:transparent url(../images/liquori-nav.jpg) -258px 75px;}
.menus #navList li.navMenu a, #navList li.navMenu a:hover {background:transparent url(../images/liquori-nav.jpg) -326px 75px;}
.press #navList li.navPress a, #navList li.navPress a:hover {background:transparent url(../images/liquori-nav.jpg) -388px 75px;}
.catering #navList li.navGroup a, #navList li.navGroup a:hover {background:transparent url(../images/liquori-nav.jpg) -448px 75px;}
.locations #navList li.navContact a, #navList li.navContact a:hover {background:transparent url(../images/liquori-nav.jpg) -570px 75px;}

#navList li a span {
padding-top:50px;
display:block;
font: .85em arial,verdana, sans-serif;
color:#444;
text-align:center;
text-transform:uppercase;
}