/* THEME NAME: Allium THEME URI: http://www.alliumberkshires.com DESCRIPTION: Child theme of Sandbox, custom build for Allium Restaurant + Bar, Williamstown MA VERSION: 1.0 AUTHOR: Durable Goods Design */ /* Colors dark purple = #522558 dark brown = #4b1016 gray purple = #64494a true purple = #501a57 limey green = #6a803c bright red = #d72e01 */ /* Allium Restaurant */ @import url(reset.css); @import url(type/type.css); body { margin: 0; background: #f6f4f8 url(img/bg-top.png) top left repeat-x; font: 100%/1.5 Georgia, "Times New Roman", Times, serif; color: #461416; } /* ____________________ HEADER ____________________ */ #header-wrapper { width: 100%; margin: 20px 0 0 0; padding: 0 0 10px 0; overflow: hidden; } #header { width: 960px; margin: 0 auto; } #access { font-size: .75em; display: none; } #meta { font-size: .75em; font-style: italic; text-transform: lowercase; } #meta .mrg a:link,#meta .mrg a:visited { float: left; background: transparent url(img/mrg.png) top left no-repeat; width: 121px; height: 20px; text-indent: -999px; opacity: .75; } #meta .mrg a:hover { opacity: 1; } #meta ul { float: right; } #meta ul li { float: left; padding: 0 20px 0 0; } #meta ul li:last-child { padding: 0; } #meta ul li a:link, #meta ul li a:visited { color: #64494a; text-decoration: none; } #meta ul li a:hover { color: #4b1016; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; } #meta ul li a:active { color: #aa0b59; } #nav { clear: both; padding: 30px 0 20px 0; } #nav h1 a { float: left; background: transparent url(img/logo.png) top left no-repeat; width: 194px; height: 78px; text-indent: -999px; } #nav h1 + p { float: right; margin: 45px 0 0 0; font-size: .75em; font-style: italic; } #nav h1 + p a:link, #nav h1 + p a:visited { padding: 5px 8px 5px 9px; color: #f5f3f8; background: #d72e01; text-decoration: none; } #nav h1 + p a:hover { background: #461416; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; } #nav h1 + p a:active { color: #413737; background: transparent; } #nav p + p { float: right; clear: right; margin: 10px 0 0 0; font-size: .75em; font-style: italic; } #nav p + p a:link, #nav p + p a:visited { padding: 5px 8px 5px 9px; color: #f5f3f8; background: #602d67; text-decoration: none; } #nav p + p a:hover { background: #461416; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; } #nav p + p a:active { color: #413737; background: transparent; } #nav ul { clear: both; margin: 0; padding: 20px 0 5px 0; font: .90em/1 "SansumiRegular", Verdana, Arial, sans-serif; text-transform: lowercase; letter-spacing: .10em; } #nav ul li { float: left; padding: 0 30px 0 0; } #nav li:last-child { padding: 0; } #nav ul li a:link, #nav ul li a:visited { padding: 0 0 3px 0; color: #501a57; text-decoration: none; } #nav ul li a:hover { color: #64494a; border-bottom: 1px solid #8b7778; } #nav ul .current_page_item a:link, #nav ul .current_page_ancestor a:link, #nav ul .current_page_item a:visited, #nav ul .current_page_ancestor a:visited { color: #55682b; border-bottom: 1px solid #55682b; } #nav ul .current_page_item a:hover #nav ul .current_page_ancestor a:hover { color: #55682b; border-bottom: 1px solid #55682b; } #nav ul li a:active { color: #64494a; border-bottom: 1px solid #64494a; } /* ____________________ CONTENT ____________________ */ #content-wrapper { width: 100%; } #content { width: 960px; margin: 0 auto; padding: 0 0 30px 0; overflow: hidden; } #content .entry-content { width: 520px; padding: 0; } #content h2 { margin: 15px 0; font: 1.25em "SansumiRegular", Verdana, Arial, sans-serif; color: #6a803c; text-transform: lowercase; letter-spacing: .08em; } #content h3 { margin: 10px 0; font: 1em SansumiRegular, Verdana, Arial, sans-serif; color: #947d61; text-transform: lowercase; letter-spacing: .08em; } #content h4 { margin: 10px 0; font: .90em SansumiRegular, Verdana, Arial, sans-serif; color: #64494a; text-transform: lowercase; letter-spacing: .08em; } #content h5 { margin: 10px 0; font: .80em SansumiRegular, Verdana, Arial, sans-serif; color: #4b101; text-transform: lowercase; letter-spacing: .08em; } #content p { margin: 0 0 20px 0; font-size: .90em; } #content p strong, #content li strong { font-weight: bold; } #content p em, #content p cite { font-style: italic; } #content small { font-size: .80em; } #content a:link, #content a:visited { font-style: italic; text-decoration: none; color: #d72e01; } #content a:hover { color: #501a57; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; } #content a:active { color: #64494a; } #content ol, #content ul { margin: 0 0 20px 20px; font-size: .90em; } #content ol { list-style: lower-alpha; } #content ul { list-style: disc; } #content hr { margin: 0 0 30px 0; color: #cfc1d1; background: #cfc1d1; border: none; height: 1px; } #content input[type="text"] { padding: 5px; border: 1px solid #522558; font: italic .90em/1.5 Georgia, "Times New Roman", serif; color: #64494a; } #content input[type="text"]:focus { border: 1px solid #6a803c; } .columns { width: 960px; margin: 20px 0 0 0; padding: 0 0 20px 0; overflow: auto; } .columns .column { float: left; margin: 0 30px 0 0; } .columns .column-a { width: 460px; } .columns .column-b { width: 220px; } .columns .column-c { width: 220px; margin: 0; } /* home */ .home #content h2 { margin: 0; font: 2em SansumiRegular, Verdana, Arial, sans-serif; color: #501a57; text-transform: none; letter-spacing: .025em; } .home #content h3 { margin: 10px 0; font: 1.15em/1.65 SansumiRegular, Verdana, Arial, sans-serif; text-transform: none; color: #6a803c; letter-spacing: .08em; } .home #content h4 { margin: 0 0 10px 0; font: 1.15em SansumiRegular, Verdana, Arial, sans-serif; color: #64494a; text-transform: lowercase; letter-spacing: .08em; } .home #content h5 { margin: 0 0 10px 0; font: 1em SansumiRegular, Verdana, Arial, sans-serif;color: #947d61; text-transform: lowercase; letter-spacing: .08em; } .home #content h5 + ul li { font-style: italic; } .home #content .column-c img { padding: 0 0 10px 0; } .home #splash { width: 960px; height: 300px; } #splash img { display: none } #splash img.first { display: block } /* special style for two-col homepage (vs. normal three-col) */ #home-two-col .columns { width: 960px; margin: 20px 0 0 0; padding: 0 0 20px 0; overflow: auto; } #home-two-col .columns .column-a { float: left; width: 700px; } #home-two-col .columns .column-c { float: right; width: 220px; margin: 0; } #home-two-col .columns .reservation-floater { float: right; width: 180px; margin: 5px 0 20px 20px; padding: 10px 0 10px 15px; background: #fff; border: 1px solid #522558; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } /* interior pages */ /* img.alignleft { clear: left; float: left; margin: 0 20px 20px 0; } */ img.alignright { float: right; margin: 0 0 20px 20px; } /* the restaurant */ #post-4 .entry-content { float: left; width: 520px; } #post-4 .entry-content p:first-child { font: 1em/1.5 SansumiRegular, Verdana, Arial, sans-serif; text-transform: none; letter-spacing: .08em; color: #522558; } #post-4 .entry-content blockquote { float: right; margin: 0 0 20px 20px; padding: 20px 20px 10px 20px; width: 280px; background: #faf8fb; border: 1px solid #522558; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } #post-4 .entry-content blockquote p:first-child, #post-3 .entry-content blockquote p { font: italic 1.2em/1.5 "Georgia", "Times New Roman", serif; letter-spacing: normal; } #post-4 .entry-content blockquote p:last-child { font: .90em/1.5 Georgia, "Times New Roman", serif; font-style: italic; color: #947d61; letter-spacing: normal; text-align: right; } #post-4 #sidebar { float: right; width: 340px; } #post-4 #sidebar img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #post-4 #sidebar p { text-align: right; margin: 10px 0 0 0; font-style: italic; color: #64494a; } #post-4 #sidebar p + p { margin: 0; font-size: .80em; } /* the team */ .pageid-5 #content { background: transparent url(img/bg-carving-set.png) center right no-repeat; } .pageid-5 #content .entry-content { float: left; width: 700px; } .pageid-5 #content .entry-content h3 { margin: 0 0 10px 0; text-transform: none; } .pageid-5 #content .entry-content .person { clear: left; width: 700px; overflow: auto; margin: 0 0 20px 0; } .pageid-5 #content .entry-content .photo { float: left; width: 220px; margin: 0 20px 20px 0; } .pageid-5 #content .entry-content .bio { float: right; width: 460px; } .pageid-5 #sidebar p { font-style: italic; } .pageid-5 #sidebar h3 { margin: 0; color: #947d61; } /* menus */ #post-6 .entry-content, .parent-pageid-6 #content .entry-content { float: left; width: 700px; overflow: hidden; } .parent-pageid-6 .entry-content h4 { text-decoration: underline; } #post-6 .org, .parent-pageid-6 .org { font-size: 1em; font-weight: bold; color: #6a803c; } #post-6 .bio, .parent-pageid-6 .bio { font-size: 1em; font-weight: bold; color: #4b1016; } #post-6 #sidebar h3 .parent-pageid-6 #sidebar h3 { margin: 0; } #post-6 #sidebar .dinner-menu a:link:before, #post-6 #sidebar .dinner-menu a:visited:before { content: "» "; } #post-6 #sidebar p, .parent-pageid-6 #sidebar p { font-style: italic; color: #64494a; } #sidebar .page-item-15 { padding: 10px 0 0 0; } /* cultural cocktails */ .pageid-37 .entry-content p.alignleft { float: left; clear: left; width: 175px; padding: 0 40px 10px 0; text-align: center; } .pageid-37 .entry-content p.alignleft + p { padding: 10px 0 40px 0; } /* reservations */ #post-7 .entry-content { float: left; width: 520px; } #post-7 #sidebar { float: right; width: 340px; } #post-7 #sidebar img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #post-7 #sidebar p { text-align: right; margin: 10px 0 0 0; font-style: italic; color: #64494a; } #post-7 #sidebar p + p { margin: 0; font-size: .80em; } /* directions */ .pageid-8 .entry-content { float: left; width: 520px; } .pageid-8 #sidebar { float: right; width: 340px; } .pageid-8 #sidebar h3 { margin: 0 0 10px 0; } .pageid-8 #sidebar .map { width: 340px; padding: 10px 10px 0 10px; background: #fff; } .pageid-8 #sidebar .map small a:hover { background: transparent; color: #947d61; } /* press */ #post-10 .entry-content { float: left; width: 520px; } #post-10 .entry-content cite { font-weight: bold; color: #501a57; } #post-10 #sidebar { float: right; width: 340px; } #post-10 #sidebar img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #post-10 #sidebar p { text-align: right; margin: 10px 0 0 0; font-style: italic; color: #64494a; } #post-10 #sidebar p + p { margin: 0; font-size: .80em; } /* search, 404, etc. */ .four04 .blog-search, .search .blog-search { margin-bottom: 300px; } .four04 h3 a:link, .four04 h3 a:visited, .search h3 a:link, .search h3 a:visited { font-style: normal; } .search #content { margin-bottom: 200px; } /* email newsletter */ .pageid-33 form { margin: 0; padding: 15px 0 20px 15px; background: #faf8fb; border: 1px solid #522558; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .pageid-33 legend { margin: 10px 0; font: 1em SansumiRegular, Verdana, Arial, sans-serif; color: #501a57; text-transform: lowercase; letter-spacing: .08em; } .pageid-33 #content form + p { margin: 5px 0; font: italic .75em/1.5 Georgia, "Times New Roman", serif; letter-spacing: normal; color: #64494a; } /* open table */ #OT_searchWrapperAll{width:100%;height:150px;position:relative;margin:0 0 60px 0;padding:0;background: #fff;} #OT_searchWrapper{ background: #fff; border: 1px solid #522558; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;width:100%;height:150px;position:relative;margin:0;padding:20px 0 20px 20px;} #OT_searchWrapper .OT_feedTitle {position:absolute;top:0;left:0;margin:10px 0 0 10px;} #OT_searchWrapper dl{position:absolute;top:0;left:0;padding:0;margin:15px 0 0 0;} #OT_partySizeLbl{position:absolute;top:25px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;display:block;} #OT_partySize{position:absolute;top:25px;left:120px;margin:0;padding:0;} #OT_dateLbl{position:absolute;top:55px;left:0;margin:0 0 0 5px;padding:3px 0;text-align:right;width:110px;} #OT_date{position:absolute;top:55px;left:120px;width:100px;margin:0;padding:0;} #OT_timeLbl{position:absolute;top:55px;left:210px;width:60px;padding:3px 0;text-align:right;} #OT_time{position:absolute;top:55px;left:275px;margin:0;} #OT_empty{position:absolute;width:0;height:0;padding:0;margin:0;top:100px;left:0;} #OT_submitWrap{position:relative;top:115px;left:275px;margin:0 5px 0 0;z-index:5;} #OT_logo{position:absolute;top:120px;left:0;width:100%;padding:0;margin:0;display:block;} #OT_logoLink{position:absolute;top:100px;left:0;width:100%;padding:25px 0 10px 0;margin:0;display:block;} #OT_logoLink a{padding:0 0 0 10px;} #OT_logoLink a:link, #OT_logoLink a:visited { font-family: inherit; font-style: normal; } #OT_imglogo{border:0;margin:15px 0 0 15px;} #OT_searchWrapper form{margin:0;padding:0;} #OT_searchWrapper input.hidden{display:none;} #OT_searchWrapper .feedFormField,#OT_searchWrapper .feedFormField option{font-size:12px;margin:2px 2px 2px 2px;} #OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar{margin:0;width:85px;} #OT_searchWrapper #dateDisplay{float:right;margin:0 30px 0 0;display:inline;} #OT_searchWrapper .imgCal{position:absolute;display:none;z-index:100;} #OT_searchWrapper #imageCal table{font-size:12px;width:150px;font-family:arial;font-weight:bold;background:#FFF;} #OT_searchWrapper #imageCal td{padding:0;text-align:center;} #OT_searchWrapper .clickableDays{color:#000;text-decoration:none;height:18px;} #OT_searchWrapper .nonclickableDays{color:#CCC;height:18px;} #OT_searchWrapper .months{color:#FFF;text-decoration:none;} #OT_searchWrapper .weekdays{color:#000;text-decoration:none;color:#666;background-color:#EFEFEF;width:14%;} .onions { width: 127px; height: 216px; background: transparent url(img/bg-onions.png) top right no-repeat; position: absolute; top: 10px; right: 0; z-index: -1; opacity: .75; } .stalks { width: 109px; height: 262px; background: transparent url(img/bg-stalks.png) bottom right no-repeat; position: absolute; bottom: -98px; right: 0; } .chives { width: 159px; height: 143px; background: transparent url(img/bg-chives.png) bottom left no-repeat; position: absolute; bottom: -98px; left: 0; z-index: -1; opacity: .75; } /* ____________________ SIDEBAR ____________________ */ #sidebar { float: right; width: 220px; } #sidebar p { margin: 10px 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar .current_page_item a:link:before, #sidebar .current_page_item a:visited:before { content: "» "; } /* ____________________ FOOTER ____________________ */ #footer-wrapper { position: relative; clear: both; width: 100%; min-height: 410px; background: transparent url(img/bg-bottom-footer.png) bottom repeat-x; } #footer { width: 960px; margin: 0 auto; padding: 5px 0 40px 0; } #footer h5, #footer h6 { margin: 0 0 10px 0; font: .80em SansumiRegular, Verdana, Arial, sans-serif; text-transform: lowercase; letter-spacing: .10em; color: #501a57; } #footer ul, #footer p { font-size: .80em; font-style: italic; color: #461416; } #footer .column { margin: 0; } #footer .column:first-child { width: 740px; } #footer .affiliations li { float: left; padding: 20px 30px 0 0; } #footer .affiliations li a:hover { opacity: .5; } #footer .copyright { clear: left; padding: 0; } #footer .copyright ul li { float: left; padding: 0 10px 0 0; } /* about column */ #footer h5 + p { width: 460px; } /* contact column */ #footer .column:last-child { margin: 0; } #footer .column:last-child ul + ul { padding: 10px 0 0 0; } #footer .column:last-child ul + ul li { float: left; width: 30px; } #footer ul + ul li a { opacity: .7; } #footer ul + ul li a:hover { opacity: 1; } #footer ul + p { clear: left; font-size: .70em; } #footer a:link, #footer a:visited { color: #64494a; text-decoration: none; } #footer a:hover { color: #d72e01; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; -o-transition: color 1s ease; transition: color 1s ease; } #footer a:active { color: #501a57; } #footer .motto { position: absolute; bottom: 20px; right: 20px; width: 130px; padding: 7px 0 5px 8px; background: #8e8f4b; -webkit-box-shadow: 2px 2px 2px #333; -moz-box-shadow: 2px 2px 2px #333; -o-box-shadow: 2px 2px 2px #333; box-shadow: 2px 2px 2px #333; } #footer .motto p { font: .75em Helvetica, Arial, Verdana, sans-serif; letter-spacing: .08em; text-transform: uppercase; text-shadow: 2px 2px 2px #56572e; } #footer .motto p a { color: #fff; }