/* Catering by Linda by co:lab http://colabinc.com Terracotta: #cc6633 Light Gray: #cccccc Dark Gray: #99999cc9 Tan: #f3f0e9 */ /* RESET */ * { margin: 0; padding: 0; } body { color: #999999; font:12px Georgia, serif; background:#CCC; } ul { list-style: square inside; } ol { list-style: decimal inside; } a { outline: none; text-decoration: none; color: #999999; } a:hover { color: #cc6633; } a img { border: 0; } table { border-collapse: collapse; } h2 { font: 18px Tahoma; letter-spacing: 2px; } h2 a { color: #cc6633} h2 a:hover { color: #cccccc } h3 { font: 15px Georgia serif italic; letter-spacing: 1px; color: #999999; padding: 20px 0 15px 0; } #masterwrap { width: 950px; margin-left: auto; margin-right: auto; margin-top: 0; padding-top: 0; } /* STRUCTURE */ #page-wrap { background:#CCC url(images/bg-middle.gif) top repeat-y; } #page-content { width: 100%;} #main-one { width: 334px; float: left; } #main-two { width: 295px; float: left; } #main-three { width: 235px; float: left; } #main-onetwo { width: 628px; float: left; background-color: #f3f0e9; } #main-twothree { width: 530px; height: 532px; float: left; background: url(images/classes.jpg) no-repeat; } #rule { margin-left: 68px; } #bodycontent { margin-left: 66px; } /* HEADER */ #header { width:100%; height:180px; background:#CCC url(images/bg-top.gif) top no-repeat; } #logo { float:left; width:425px; height:180px; } #logo img {margin-left:70px;} #main-nav { float:left; margin-top:105px;} ul#main-nav { } ul#main-nav li { display: inline; } ul#main-nav li a { font: 11px Tahoma; letter-spacing: 2px; color: #999999; padding: 8px; } ul#main-nav li a:hover { color: #cc6633 } ul#main-nav li.current_page_item a { color: #cc6633 } /* FOOTER */ #footer { width:100%; height:150px; background:#CCC url(images/bg-bottom.gif) bottom no-repeat; } #footer-content { width:780px; } #contact-email { margin-left: 733px; padding-top: 58px;} /* TYPOGRAPHY */ #statement { font: 12px Georgia serif; letter-spacing: 1px; line-height: 24px; color: #999999; background-color: #f3f0e9; padding: 32px 30px 32px 30px; } /* HOME */ #sm-rule { width: 18px; height: 169px; float: left; } #feed { margin: 0; width: 190px; margin-left: 11px; float: left; } #feed p { font: 11px Georgia; line-height: 15px; letter-spacing: 1px; padding: 10px 0 7px 0; color: #999999;} #feed a { font: 11px Georgia; line-height: 15px; letter-spacing: 1px; padding: 10px 0 7px 0; color: #999999;} #feed a:hover { font: 11px Georgia; line-height: 15px; letter-spacing: 1px; padding: 10px 0 7px 0; color: #cc6633;} .button-sm { padding: 7px; border-style: none; background-color: #b2afaf; } .button-sm:hover { padding: 7px; border-style: none; background-color: #cc6633; } #print-menu { float: left; margin-left: 68px; background: url(images/print-menu.jpg); } #print-menu a { float: left; background: url(images/print-menu.jpg); } #print-menu a:hover { float: left; background: url(images/print-menu-o.jpg); } #events-link { float: left; background: url(images/events-link.jpg); } #events-link a { float: left; background: url(images/events-link.jpg); } #events-link a:hover { float: left; background: url(images/events-link-o.jpg); } /* dinners */ #third-fdin { padding: 80px 20px 0 30px; background: url(images/howitworks.jpg) no-repeat;} #third-fdin li { font: 11px Georgia; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 20px 10px 0 0; padding: 0; list-style: none; } #third-fdin li a { color: #999999; } #third-fdin li a:hover { color: #cc6633 } #calendar { background-color: #f3f0e9; padding-top: 21px; padding-left: 55px; padding-right: 55px; margin: 0 21px 0 0; } #dinners-how { margin-left: 90px; padding: 80px 0 50px 30px; background: url(images/howitworks.jpg) no-repeat; float: left; } #dinners-how li { font: 11px Georgia; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 20px 10px 0 0; padding: 0; list-style: none; } #dinners-how li a { color: #999999; } #dinners-how li a:hover { color: #cc6633 } #dinners-content { margin: 10px 0 10px 96px; width: 495px; float: left; background: url(images/dinners-how.jpg) no-repeat; } #dinners-content li { font: 11px Georgia; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 40px 10px 40px 58px; list-style: none; } /* events */ #statement-events { padding-top: 90px; font: 12px Georgia; letter-spacing: 1px; line-height: 25px; color: #999999; } #second-events { padding: 20px 30px 200px 30px; background: url(images/served.jpg) no-repeat; background-color: #f3f0e9; } #third-events { padding: 50px 20px 0 30px; } #third-events p { font: 11px Tahoma; letter-spacing: 1px; line-height: 0; color: #999999; margin: 25px 10px 0 0; } #sample-title { font: 12px Georgia; letter-spacing: 2px; line-height: 25px; color: #cc6633; padding-bottom: 15px;} /* accolades */ #main-one-acc { width: 322px; float: left; background-color: #f3f0e9; } #first-accolades { padding: 80px 20px 0 30px; background: url(images/customers-o.jpg) no-repeat ; } #acc-statement { font: 14px Georgia; letter-spacing: 1px; line-height: 27px; color: #999999; padding: 20px 10px 0 40px; height: 431px; } #second-accolades { padding: 80px 20px 0 30px; background: url(images/the-menu-s.jpg) no-repeat; } #acc-menu { height: 426px; } #second-accolades li { width: 225px; font: 11px Tahoma; letter-spacing: 1px; line-height: 14px; color: #999999; margin: 25px 10px 0 0; padding: 0 0 0 10px; list-style: none; } #second-accolades p { width: 225px; font: 11px Tahoma; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 25px 10px 0 0; padding: 0 0 0 10px; list-style: none; } #third-accolades { padding: 80px 20px 0 30px; background: url(images/theL.jpg) no-repeat; } #third-accolades p { font: 11px Georgia; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 25px 10px 0 0; padding: 1px; list-style: none; } #prevnext { color: #999999; font-family: Tahoma; font-size: 11px; letter-spacing: 2px; padding: 30px 0 20px 30px; } #prevnext a { color: #999999; font-family: Tahoma; font-size: 11px; letter-spacing: 2px; } #prevnext a:hover { color: #cc6633; font-family: Tahoma; font-size: 11px; letter-spacing: 2px; } /* blog */ #blog-back { background: url(images/blog-back.jpg); background-repeat:repeat-y; margin-left: 66px;} #main-blog { width: 500px; margin-left: 80px; padding-top: 50px; padding-bottom: 200px;} .date { font: 12px Tahoma; margin: 10px 0 10px 0; } .blogcontent { font: 13px Georgia; line-height: 20px; padding: 10px 0 10px 0; } .post-title { margin: 30px 0 10px 0; color: #cc6633; } .navigation { font: 11px Tahoma; margin: 10px 0 10px 0; } .metadata-blog { font: 11px Tahoma; letter-spacing: 2px; padding-bottom: 20px; } #main-blog a { color: #555555; } #main-blog a:hover { color: #cc6633; } #main-blog h2 a { color: #cc6633; } #main-blog h2 a:hover { color: #cccccc; } #archives-blog { width: 500px; margin: 56px 0 64px 188px;} div.post { border-bottom:1px solid #cccccc; padding: 10px 0 20px 0; } #sidebar { width: 140px; margin: 55px 50px 20px 50px; float: right; background-color: #f3f0e9; } #sidebar li { list-style: none; font: 11px Tahoma; letter-spacing: 1px; line-height: 25px; } #sidebar h2 { font: 12px Tahoma; letter-spacing: 3px;} #blognav { margin-top: 20px; } img.alignright {float:right; margin: 0 0 20px 20px;} img.alignleft {float:left; margin: 0 20px 20px 0;} img.aligncenter {display: block; margin: 20px;} a img.alignright {float:right; margin: 0 0 20px 20px; } a img.alignleft {float:left; margin:0 20px 20px 0; } a img.aligncenter {display: block; margin: 20px; } #sidebar-title { padding: 20px 0 10px 0; } #navigation { width: 628px; } #respond { margin: 20px 0 20px 0; } #commenting { } ol.commentlist { list-style: none; padding: 0 0 20px 0; line-height: 25px; } #commentform { line-height: 23px; letter-spacing: 1px; } #comment { width: 490px; margin: 20px 0 10px 0; border-style: solid 1px; border-color: #999999; } #submit { font: 11px Georgia; padding: 5px; letter-spacing: 1px; color: white; } .button { padding: 20px; border-style: none; background-color: #b2afaf;} .button:hover { background-color: #cc6633; color: white; } /* classes */ #classes { padding: 0; } #classes p { font: 12px Georgia; letter-spacing: 1px; line-height: 25px; color: #999999; margin: 100px 70px 50px 51px; } #classes h2 { font: 15px Georgia; letter-spacing: 1px; line-height: 25px; color: #999999; margin: 50px 0 0 70px; } /* lunches */ #third-lunches { padding: 80px 20px 35px 30px; background: url(images/howitworks.jpg) no-repeat; } #third-lunches li { font: 11px Georgia; letter-spacing: 1px; line-height: 20px; color: #999999; margin: 20px 10px 0 0; padding: 1px; list-style: none; } #statement-lunches { font: 14px Georgia serif; letter-spacing: 1px; line-height: 27px; color: #999999; background-color: #f3f0e9; padding: 50px 30px 0 30px; } #statement-lunches2 { font: 14px Georgia serif; letter-spacing: 1px; line-height: 27px; color: #999999; background-color: #f3f0e9; padding: 30px 30px 0 30px; } #name { font: 11px Tahoma; padding-top: 15px;line-height: 20px; } #name2 { font: 11px Tahoma; padding-top: 15px;line-height: 20px; padding-bottom: 30px;} /* lunches */ #error { margin-left: 100px; } #hcx { margin: 200px; } #hcx p { font: 13px Tahoma; letter-spacing: 1px; line-height: 25px; padding-top: 50px;} #hcx h1 { font: 25px; color: black; padding-bottom: 50px; } #hcx a { font-style: italic; } #hcx a:hover { color: red;} #flickr { width: 275px; margin: 30px 0 10px 100px; } #flickr p { font: 11px Tahoma; line-height: 20px; padding-top: 20px; } #flickr a { margin:5px; } #flickr h1 { font: 15px Georgia; letter-spacing: 1px; color: black; padding-bottom: 10px;}