#page_navigation p#subpages a[name=featured_recipes] { width:212px; } #page_navigation p#subpages a[name=cabot_recipes] { width:211px; } #page_navigation p#subpages a[name=wine_and_cheddar] { width:211px; } #page_navigation p#subpages a[name=beer_and_cheddar] { width:211px; } div[pairing=wine] { width:181px; margin-left:50px; display:block; float:left; } div[pairing=wine]:last-child { clear:right; } div[pairing=wine] img { margin:5px auto 0; } div[type=cheddar_pairing] a { width:181px; height: 15px; display:block; text-align:center; line-height:12px; font-weight:bold; font-size:12px; } div[pairing=beer] a:first-child { height: 18px; font-size:16px; } div[type=cheddar_pairing] img { width:150px; height:150px; display:block; cursor:pointer; } div[pairing=beer] img { margin:0 auto 10px; } #cheddar_pairings_underlay { position: fixed; z-index:98; top: 0px; left: 0px; width: 100%; height: 100%; display: none; background-color:#000000; opacity:0.50; } #cheddar_pairings { position:absolute; z-index:99; top: 50px; left: 50%; width:535px; height:535px; margin-left:-268px; display: none; overflow:hidden; } #cheddar_pairings div { position:absolute; z-index: 3; top: 5px; left: 5px; width:525px; height:525px; display:block; overflow:hidden; background-color:#FFFFFF; } #cheddar_pairings div > a { position:absolute; z-index: 4; top: 10px; left:495px; width: 20px; height: 20px; display:block; background-color:#D54640; border:0; text-align:center; line-height:20px; font-weight:bold; font-style:normal; font-size:12px; color:#FFFFFF; cursor:pointer; } #cheddar_pairings div a:hover { background-color:#4EA1AF; } #cheddar_pairings div span#imagery { position:absolute; z-index: 3; top: 10px; left: 10px; width:200px; height:500px; display:block; overflow:hidden; } #cheddar_pairings div span#imagery img { position:relative; z-index: 3; top: 0px; left: 0px; width:200px; height:500px; display:block; overflow:hidden; } #cheddar_pairings div span#imagery b { position:absolute; z-index: 4; top:250px; left: 50px; width:100px; height:140px; display:block; overflow:hidden; } #cheddar_pairings div span#imagery b a { position:relative; z-index: 4; top: 0px; left: 0px; width:100px; height: 20px; margin-bottom:10px; display:block; overflow:hidden; text-align:center; line-height:20px; font-family:Georgia; font-size:15px; color:#7F3029; } #cheddar_pairings div span#imagery b a.current_pairing { font-size:17px; color:#FFFFFF; } #cheddar_pairings div span#imagery b a:hover { background-color:transparent; } #cheddar_pairings div span#imagery b[color=white] { top:275px; } #cheddar_pairings div span#imagery b[color=white] a { color:#555555; } #cheddar_pairings div span#imagery b[color=white] a.current_pairing { color:#000000; } #cheddar_pairings div span#imagery b[color=dark] { top:150px; left: 40px; width:120px; } #cheddar_pairings div span#imagery b[color=dark] a { width:120px; color:#3F3C08; } #cheddar_pairings div span#imagery b[color=dark] a.current_pairing { color:#000000; } #cheddar_pairings div span#imagery b[color=both] { top:150px; left: 40px; width:120px; } #cheddar_pairings div span#imagery b[color=both] a { width:120px; color:#AAAA00; } #cheddar_pairings div span#imagery b[color=both] a.current_pairing { color:#FFFFFF; } #cheddar_pairings div span#imagery b[color=pale] { top:245px; left: 40px; width:120px; } #cheddar_pairings div span#imagery b[color=pale] a { width:120px; color:#041F13; } #cheddar_pairings div span#imagery b[color=pale] a.current_pairing { color:#FFFFFF; } #cheddar_pairings div h2 { position:absolute; z-index: 3; top: 10px; left:220px; width:275px; height: 30px; display:block; line-height:30px; font-family:Arial; color:#D54640; } #cheddar_pairings div span#pairing { position:absolute; z-index: 3; top: 45px; left:220px; width:295px; height:500px; display:block; overflow:hidden; } #cheddar_pairings div span#pairing cite { display:block; font-style:normal; line-height:17px; font-family:Arial; font-weight:bold; font-size:13px; color:#D54640; } #cheddar_pairings div span#pairing h3 { width:295px; padding:5px 0 2px; display:block; overflow:hidden; font-family:Arial; } #cheddar_pairings div span#pairing label { width:295px; padding:5px 0 5px; display:block; border-top:2px solid #D54640; line-height:20px; font-family:Arial; font-weight:normal; font-size:12px; } #cheddar_pairings div span#pairing h4 { width:295px; padding:5px 0 2px; display:block; font-family:Arial; } #cheddar_pairings div span#pairing h5 { width:295px; padding:5px 0 2px; display:block; font-family:Arial; } #cheddar_pairings div span#pairing blockquote { border-top:2px solid #D54640; } #cheddar_pairings div span#pairing blockquote img { width:150px; padding:10px 0; display:block; float:left; clear:left; } #cheddar_pairings div span#pairing blockquote p { width:135px; margin-left:10px; padding:10px 0; display:block; float:left; clear:right; line-height:16px; font-family:Arial; font-size:12px; } #cheddar_pairings div span#pairing blockquote p a { background-color:transparent; color:#D54640; } #cheddar_pairings div span#pairing blockquote:after { content:"."; zoom:1; height:0; display:block; clear:both; visibility:hidden; } #my_recipe_box { width:372px; margin-bottom:10px; clear:both; background:#E07F76; color:#FFFFFF; } #my_recipe_box .top { width:372px; height:10px; overflow:hidden; background:transparent url(/images/page/my_recipe_box.jpg) no-repeat 0px 0px; } #my_recipe_box h3 { width:372px; height:25px; background-color:#E07F76; line-height:20px; text-indent:10px; } #my_recipe_box p { padding:0 0 10px 10px; display:block; clear:both; background-color:#E07F76; line-height:17px; font-size:13px; } #my_recipe_box p cite { line-height:20px; font-style:normal; font-size:15px; } #my_recipe_box div.box { width:352px; margin:0 auto; padding:0; clear:both; background-color:#FFFFFF; border:1px solid #d06e65; text-align:left; color:#000000; } #my_recipe_box div.box p { padding:10px; background-color:#FFFFFF; border:0; } #my_recipe_box form { width:352px; margin:0 auto; padding:0; clear:both; background-color:#FFFFFF; border:1px solid #d06e65; text-align:left; color:#000000; } #my_recipe_box form h6 { position:relative; padding:10px 0 5px 10px; font-weight:bold; } #my_recipe_box input[type=button] { width:100px; margin-left:5px; padding:0 10px; } #my_recipe_box form label { position:relative; width:102px; height:20px; left:20px; display:block; clear:right; line-height:20px; font-size:12px; } #my_recipe_box form label.username { left:10px; float:left; clear:left; } #my_recipe_box form input[type=text] { position:relative; width:100px; height:16px; left:10px; padding:1px; display:block; float:left; clear:left; border:1px solid #888888; } #my_recipe_box form input[type=password] { position:relative; width:100px; height:16px; left:20px; padding:1px; display:block; float:left; border:1px solid #888888; } #my_recipe_box form input[type=submit] { position:relative; width: 64px; left:30px; display:block; float:left; clear:right; } #my_recipe_box form input[type=checkbox]:before { content:"."; zoom:1; height:0; display:block; clear:both; visibility:hidden; } #my_recipe_box form input[type=checkbox] { position:relative; width: 10px; height:10px; left:10px; margin:5px 0 0 0; display:block; float:left; clear:left; } #my_recipe_box form cite { position:relative; width:100px; height:20px; left:15px; display:block; float:left; clear:right; line-height:20px; font-style:normal; } #my_recipe_box form cite:after { content:"."; zoom:1; height:0; display:block; clear:both; visibility:hidden; } #my_recipe_box form input:last-child { margin-left:5px; clear:right; } #my_recipe_box form p { padding-top:5px; background-color:#FFFFFF; border:0; } #my_recipe_box form b { padding:0 0 10px 10px; display:block; background-color:#FFFFFF; border:0; color:#FF0000; } #my_recipe_box .bottom { width:372px; height:10px; overflow:hidden; background:transparent url(/images/page/my_recipe_box.jpg) no-repeat -372px 0px; }