/* /////////////////// Template Styles /////////////////// */ /* General Template Styles */ body {background-color:#f3efb6; font-family: Verdana, Geneva, Sans-serif; font-size:10px;} .clear {clear:both; line-height:0;} strong {font-weight:bold;} em {font-style:italic;} /* Always style HR, even when Ruled Line widget is not installed; HR is available through markdown. */ hr {width:100%; height:1px; margin:11px 0 4px 0; background-color:#603913; border:0;} a {text-decoration:none;} /* Targeting elements on the home page only? Use the following selector: */ body#rp_page_1 {} /* Background Stuff */ #home_templ_sky_repeat {position:absolute; left:0; bottom:0; width:100%; height:651px; background:url(../../img/site_specific/layout/sky-x.jpg) repeat-x; z-index:280;} #home_templ_weed_repeat {width:100%; height:651px; background:url(../../img/site_specific/layout/weeds-tile.png) repeat-x left bottom;} #cloud_bg {width:100%; height:651px; background:url(../../img/site_specific/layout/clouds.jpg) no-repeat center bottom;} #int_templ_sky_repeat {position:absolute; left:0; top:0; width:100%; height:651px; background:url(../../img/site_specific/layout/sky-x.jpg) repeat-x #57bbe4; z-index:280;} #int_templ_weed_repeat {width:100%; height:651px; background:url(../../img/site_specific/layout/weeds-tile.png) repeat-x left bottom;} /* Header */ #header {padding-top:200px; position:relative; width:950px; margin:0 auto; z-index:300;} a#logo {display:inline-block; position:absolute; top:60px; left:0; width:516px; height:106px; background:url(../../img/site_specific/layout/logo.png); text-indent:-9999px;} a#logo-mobile {display:inline-block; position:absolute; top:60px; left:0; width:332px; height:166px; background:url(../../img/site_specific/layout/logo-mobile.png); text-indent:-9999px; display: none; opacity: 0; visibility: hidden; } a#how_to {display:inline-block; position:absolute; top:0px; left:477px; width:314px; height:186px; background:url(../../img/site_specific/layout/how-to.png); text-indent:-9999px;} #noa_100 {position:absolute; top:50px; left:800px; width:160px; height:148px; background:url(../../img/site_specific/layout/noa_100_logo.png); text-indent:-9999px;} /* Tip Top Nav */ ul#tip_top_nav {display:block; position:absolute; right:0; top:29px; text-align:right; } ul#tip_top_nav li {display:inline-block; padding:0 6px 2px 8px; background:url(../../img/site_specific/layout/tip-top-border.gif) no-repeat 0 1px; zoom:1; *display:inline; _height:30px; } ul#tip_top_nav li.first {background:none;;} ul#tip_top_nav li a {display:inline-block; padding-bottom:2px; color:#603913; font-size:1.2em; } ul#tip_top_nav li a:hover {text-decoration:underline;} /* Responsive Nav */ .responsive-nav select {width:100%} /* Top Level Navigation */ ul#main_nav {background:url(../../img/site_specific/layout/main-nav-bg.png) repeat-y; min-height:64px; padding-bottom:10px; display: flex; background-size: cover;} ul#main_nav li {display:inline-block; background:url(../../img/site_specific/layout/main-nav-border.png) no-repeat left 27px; padding:17px 9px 18px 15px; height:30px; zoom:1; *display:inline; _height:30px;} ul#main_nav li.first {background:none;} ul#main_nav li.last {padding-right:0;} ul#main_nav li a {display:block; height:21px; padding-top:9px; color:#603913; font-size:1.4em; font-weight:bold; } ul#main_nav li a:hover {background:url(../../img/site_specific/layout/main-nav-rollover.png) repeat-x left bottom; } ul#main_nav li.selected a {background:url(../../img/site_specific/layout/main-nav-rollover.png) repeat-x left bottom; } /* Subnav */ ul#sub_nav {background:url(../../img/site_specific/layout/sub-nav-top.jpg) no-repeat left top; padding:18px 0 30px 0;} ul#sub_nav li {background:url(../../img/site_specific/layout/sub-nav-dash.gif) no-repeat bottom; } ul#sub_nav li a {display:block; padding:8px 0 9px 27px; font-size:1.4em; color:#603913; line-height:1.3em;} ul#sub_nav li a:hover {background:url(../../img/site_specific/layout/sub-nav-selected.gif) no-repeat 0 center; font-weight:bold; color:#bf6427; } ul#sub_nav li.selected a {background:url(../../img/site_specific/layout/sub-nav-selected.gif) no-repeat 0 center; font-weight:bold; color:#bf6427; } ul#sub_nav li.last {background:none;} /* Third Level Nav */ ul#sub_nav li ul {background:none;} ul#sub_nav li ul li, ul#sub_nav li.selected ul li, ul#sub_nav li.last ul li {background:none; padding:8px 0 15px 40px;} ul#sub_nav li ul li a, ul#sub_nav li.selected ul li a, ul#sub_nav li.last ul li a {background:none; display:block; padding:0; font-weight:normal; font-size:1.2em; line-height:1.5em; color:#603913;} ul#sub_nav li ul li a:hover {background:none; font-weight:bold;} ul#sub_nav li ul li.selected a, ul#sub_nav li.selected ul li.selected a, ul#sub_nav li.last ul li.selected a {background:none; font-weight:bold;} ul#sub_nav li ul li.last {background:none;} /* Home Template: Header Contents */ #home_templ_contents_head_wrap {position:relative; background-color:#57bbe4;} #home_templ_head_contents_center {position:relative; width:950px; margin:0 auto; z-index:300;} #home_templ_head_transparent_wrap {float:left; position:relative;} #home_templ_head_transparent_cap {background:url(../../img/site_specific/layout/transparent-cap.png) no-repeat; width:768px; height:14px;} #home_templ_head_transparent_base {background:url(../../img/site_specific/layout/transparent-base.png) no-repeat; width:768px; height:14px; padding-bottom:17px;} #home_templ_head_transparent {z-index:300; position:relative; width:768px; padding-top:4px; background:url(../../img/site_specific/layout/trans-white-bg.png); } #home_templ_head_transparent div.rp-widget-item:first-child .rp-content {padding-top:0px !important;} div#onions {z-index:350; position:absolute; top:241px; right:-204px; width:472px; height:269px; background:url(../../img/site_specific/layout/onions.png) no-repeat;} div#onion_part {z-index:250; position:absolute; top:262px; right:0; width:34px; height:58px; background:url(../../img/site_specific/layout/onion-part.png) no-repeat; } #home_templ_head_narrow_col_l {float:left; width:170px; padding-left:17px; } #home_templ_head_wide_col_m {float:left; width:567px; padding-left:14px; } #home_templ_head_narrow_col_r {float:left; width:170px; padding-left:12px; } /* Home Template: Main Contents */ #home_templ_main_contents_wrap {background-color:#fff; } #home_templ_main_contents {width:950px; margin:0 auto; padding-bottom:35px;} #home_templ_main_wide_col_l {float:left; width:651px; padding-top:30px; } #home_templ_main_narrow_col_r {float:left; width:299px; padding-top:127px;} /* Interior Template: Header Contents */ #int_templ_head_contents_wrap {position:relative; background-color:#fff; } #int_templ_main_contents {position:relative; background-color:#fff; width:950px; margin:0 auto; padding:35px 0 10px 0; z-index:400;} #int_templ_wide_col_l {float:left; width:578px; min-height:325px; padding:0 30px; background:url(../../img/site_specific/layout/sub-nav-side-border.gif) repeat-y right top; } #int_templ_narrow_col_r {float:left; width:282px; padding:0 15px;} /* Footer */ #foot_wrap {background-color:#f3efb6; } #foot_contents {background:url(../../img/site_specific/layout/foot-texture.png) no-repeat center top; width:958px; min-height:265px; margin:0 auto; padding-top:34px;} #foot_news {float:left; background-color:#fff; width:242px; height:113px;} #foot_news form input#email {width:156px; height:16px; margin-left:20px; padding:0 6px; border:1px solid #999999; font-size:.9em; color:#999999;} #foot_news form input#submit {} #foot_twitter {display: block; visibility: visible; opacity: 1; float:left; position:relative; background:url(../../img/site_specific/layout/foot-twitter.png) no-repeat; width:675px; height:161px; margin-left:125px; } #foot_twitter a#follow {display:inline-block; position:absolute; top:128px; left:168px; width:135px; height:10px; background:url(../../img/site_specific/layout/foot-twit-follow.png); text-indent:-9999px;} #foot_twitter #twitter_text {position:absolute; top:0; left:160px; width:476px; height:113px; padding:0 20px; } #foot_twitter #twitter_text p.headline {padding-top:16px; font-size:1.2em; color:#bf6427; line-height:1.3em;} #foot_twitter #twitter_text p.teaser {font-size:1.2em; font-weight:bold; color:#603913; line-height:1.3em;} #foot_twitter a {color:#bf6427;} #foot_twitter a:hover {text-decoration:underline;} #foot_twitter #twitter_text a.read-more {font-weight:normal; text-decoration:underline; color:#bf6427;} #foot_twitter a#follow {position:absolute; bottom:0; right:0; display:inline-block; width:135px; height:10px; background:url(../../img/site_specific/layout/follow-me.png) no-repeat; text-indent:-9999px;} #foot_twitter_m, #twitter_text_m {display: none; visibility: hidden; opacity: 0;} #foot_cms {background:url(../../img/site_specific/layout/foot-dash.png) repeat-x left top; padding-top:10px;text-align: center;} #foot_cms p {font-size:1.2em; color:#603913;} #foot_cms a {text-decoration:underline; color:#603913;} #foot_cms a:hover {text-decoration:none;} /*Lightbox*/ #bottomNav {padding-top: 20px;} /* /////////////////// Widget Styles /////////////////// */ /* ------------- Standard Widgets ------------- */ /* Text Styles */ .rp-content p {padding:9px 0 0 0; font-size:1.2em; line-height:1.5em; color:#603913;} #int_templ_main_contents .rp-content p {font-size:1.1em; padding-top:11px;} .rp-content h1 {padding:30px 0 0 0; font-size:2.4em; font-weight:bold; line-height:1em; color:#5F781A;} .rp-content h1.recipes {padding:30px 0 20px 0; font-size:2.4em; font-weight:bold; line-height:1em; color: #5F781A;} .rp-content h2 {padding:15px 0 0 0; font-size:1.4em; font-weight:bold; line-height:1.1em; color:#bf6427;} .rp-content h3 {padding:8px 0 0 0; font-size:1.3em; font-weight:bold; font-style:italic; color:#603913;} /* Padding for text wrap widgets. Match Text Styles padding above, then adjust by eye. */ .text {padding-top:8px !important;} .heading {padding-top:32px !important;} .sub-heading {padding-top:21px !important;} .title {padding-top:11px !important;} /* Override rp_widgets.css: Reset margin on all first widgets (for specific content area). Replace #name_your_content_area, and match spacing to spacing above. */ #name_your_content_area div.rp-widget-item:first-child .rp-content>p:first-child {margin-top:0 !important; padding-top:5px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>div.paragraph:first-child p {margin-top:0 !important; padding-top:5px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>h1:first-child {margin-top:0 !important; padding-top:30px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>h2:first-child {margin-top:0 !important; padding-top:20px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>h3:first-child {margin-top:0 !important; padding-top:10px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>.rp-side-images + p {margin-top:0 !important; padding-top:5px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>.rp-side-images + h1 {margin-top:0 !important; padding-top:30px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>.rp-side-images + h2 {margin-top:0 !important; padding-top:20px !important;} #name_your_content_area div.rp-widget-item:first-child .rp-content>.rp-side-images + h3 {margin-top:0 !important; padding-top:10px !important;} /* Caption */ .rp-content h4 {font-size:1.1em; line-height:1.1em; font-style:italic; color:#666;} /* Inline Links */ .rp-content a {color:#603913;} #int_templ_wide_col_l .rp-content a {text-decoration:underline;} .rp-content a:hover {text-decoration:underline;} #int_templ_wide_col_l .rp-content a:hover {text-decoration:none;} /* Read More Links */ .rp-content div.read-more-wrapper a {display:block; padding:0 10px 0 0; font-size:1.3em; font-weight:bold; text-align:right;} .rp-content div.read-more-wrapper a:hover {color:#000; text-decoration:none;} /* Special Markdown Span Styling */ .rp-content div.paragraph span {text-transform:uppercase;} /* Font Styles */ .rp-content strong {} .rp-content em {} .rp-content sub {font-size: smaller; vertical-align: sub;} .rp-content sup {font-size: smaller; vertical-align: super;} /* Markdown Default Styling */ /* Lists */ .rp-content div.paragraph ul {padding:11px 0 0 33px; font-size:1.2em; line-height:1.5em; color:#603913;} #int_templ_main_contents .rp-content div.paragraph ul {padding:11px 0 0 33px; font-size:1.1em; line-height:1.5em; color:#603913;} .rp-content div.paragraph ul li {padding:0 0 5px;} .rp-content div.paragraph ol {padding:11px 0 0 33px; font-size:1.2em; line-height:1.5em; color:#603913;} #int_templ_main_contents .rp-content div.paragraph ol {padding:11px 0 0 33px; font-size:1.1em; line-height:1.5em; color:#603913;} .rp-content div.paragraph ol li {padding:0 0 5px;} .rp-content div.paragraph ul li ul, .rp-content div.paragraph ol li ol {font-size:1em;} /* Block Quote */ .rp-content div.paragraph blockquote {padding-left:2.5em;} /* Text w/ Image */ .rp-text-img {} .rp-text-img img {max-width:100%; padding:10px 0 0 0;} .rp-text-img div.rp-content h4 {padding:3px 10px 7px 10px;} .rp-text-img div.rp-content div.read-more-wrapper {} .rp-text-img div.rp-content div.read-more-wrapper a {} /* Text w/ Images on Left */ .rp-text-l-imgs {} .rp-text-l-imgs ul.rp-side-images {padding:0 15px 0 0; width:33%;} .rp-text-l-imgs ul.rp-side-images li {padding-bottom:10px;} .rp-text-l-imgs div.rp-content div.read-more-wrapper {} .rp-text-l-imgs div.rp-content div.read-more-wrapper a {} /* Text w/ Images on Right */ .rp-text-r-imgs {} .rp-text-r-imgs ul.rp-side-images {padding:0 0 0 8px; width:144px; text-align:right;} .rp-text-r-imgs ul.rp-side-images li {padding-bottom:10px;} .rp-text-r-imgs div.rp-content div.read-more-wrapper {} .rp-text-r-imgs div.rp-content div.read-more-wrapper a {} /* Table */ .rp-table {margin:5px 0;} .rp-table .rp-content {} .rp-table h5 {padding:15px 0 4px 0; height: 15px; line-height: 4px; background-color:#bf6427; font-size:1.5em; color:#fff; font-weight:bold; text-align:center;} .rp-table:first-child .rp-content > h5:first-child {margin-top:0 !important; padding-top:15px !important;} .rp-table table {width:100%; border:none;} .rp-table table.cols-1 {}/* Change .cols-# to suit the design. Class name unnecessary if no design differences exist with different column #s. */ .rp-table table tbody {background-color:#fff;} .rp-table table tr {} .rp-table table tr.rp-altrow {} .rp-table table tr th {padding:6px 20px 6px 12px; background-color:#5f781a; border:none; border-left:none; vertical-align:middle; font-weight:bold;} .rp-table table tr th p {color:#fff;} .rp-table table tr th:first-child {border-left:none;} .rp-table table tr th.rp-first-table-column {background-color:#5b7217; border-left:none;} .rp-table table tr td {padding:6px 20px 6px 12px; background-color:transparent; border:none; border-left:none;} .rp-table table tr td p {padding-top:0 !important;} .rp-table table tr td:first-child {border-left:none;} .rp-table table tr td.rp-first-table-column {background-color:#f4f3e1; border-left:none;} .rp-table table tr.rp-altrow td {background-color:#f3efbc;}/* Alt-Row comes first in the DOM */ .rp-table table tr.rp-altrow td.rp-first-table-column {background-color:#e9e4a6;} .rp-table table tr th p:first-child {padding-top:0 !important;} .rp-table table tr td p:first-child {padding-top:0 !important;} /* Pull Quote */ .rp-pull-quote {background:url(../../img/site_specific/layout/pull-quote-cap.png) no-repeat left top; margin-top:16px; background-color:#f3efb6; border-radius:8px;} .rp-pull-quote .rp-content {padding:10px 20px 10px 17px; background:url(../../img/site_specific/layout/pull-quote-base.png) no-repeat right bottom; border-radius:8px;} .rp-pull-quote h5 {padding:5px 0 6px 0; font-size:1.3em; font-weight:bold; color:#bf6427;} .rp-pull-quote div.paragraph p {font-size:1.1em; line-height:1.4em; padding-bottom:9px; padding-top:5px !important;} .rp-pull-quote strong.rp-quote-name {display:block; font-size:1.1em; font-style:italic; font-weight:normal; line-height:1.5em; color:#bf6427; text-align:left;} .rp-pull-quote span.rp-quote-title {display:block; font-size:1.1em; font-style:italic; line-height:1.5em; color:#bf6427; text-align:left;} /* Pseudo Blog */ .rp-pseudo-blog {} .rp-pseudo-blog div.pseudo-img-cap {padding:0 0 5px 10px; width:33%;} .rp-pseudo-blog div.pseudo-img-cap h4 {text-align:center;} .rp-pseudo-blog div.paragraph {padding:0 0 5px 0;} .rp-pseudo-blog span.rp-blog-info {padding:0 20px 0 0; font-size:1.1em; font-weight:bold; text-transform:uppercase; color:#999;} .rp-pseudo-blog span.rp-blog-info span.rp-date {color:#333;} .rp-pseudo-blog span.rp-blog-info span.rp-author {color:#333;} .rp-pseudo-blog div.rp-content div.read-more-wrapper {} .rp-pseudo-blog div.rp-content div.read-more-wrapper a {display:inline;} /* Image */ .rp-img {} .rp-img .rp-content {padding-top:6px;} .rp-img img {width:100% !important;} .rp-img h4 {padding:3px 10px 7px 10px;} /* Random Image */ .rp-random-image {} /* Row of Images. Currently can allow up to 20 images. Image total set using app -> config -> rp_config.php -> ['img_per_row'] */ .rp-row-imgs {} .rp-row-imgs div.rp-content div h4 {text-align:center;} .rp-row-imgs div.rp-content div.img-1 {margin-right:3%; width:23%;} .rp-row-imgs div.rp-content div.img-2 {margin-right:3%; width:23%;} .rp-row-imgs div.rp-content div.img-3 {margin-right:3%; width:23%;} .rp-row-imgs div.rp-content div.img-4 {margin-right:0; width:22%;} /* Gallery */ .rp-gallery div.rp-content div.gallery-imgs {} .rp-gallery div.rp-content div.gallery-imgs a {} .rp-gallery div.rp-content div.gallery-imgs a img {} /* Animated Image Slider */ .rp-img-slider {} .rp-img-slider div.rp-content {} /* Slideshow [Rocket] Javascript */ div.rp-javascript-slideshow div.rp-content {position:relative;overflow:visible;} div.rp-javascript-slideshow div.swrapper {overflow:visible;position:relative;} /* Slides */ div.rp-javascript-slideshow div.rp-content > div {position:absolute; top:0px; left:0px; z-index:50; margin: 0px; padding: 0px; line-height:0px; height:100%; width:100%;overflow:visible;} div.rp-javascript-slideshow div.rp-content > div img {background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1;} div.rp-javascript-slideshow div.rp-content > div > a {border: none; outline: none;} div.rp-javascript-slideshow div.rp-content > div > div.rocketslidercaption {position: absolute; bottom:0px; left: 0px; margin: 0px 0px; padding: 0px; line-height: 0px;background-color:#FFFFFF; filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;width:100%;} div.rp-javascript-slideshow div.rp-content > div > div.rocketslidercaption > h4 {color: #000000; font-size:12pt; font-family:Helvetica, Arial, sans-serif; letter-spacing: -1px; margin: 10px; padding: 0px; font-weight:normal; line-height:11pt;} /* Shortcut Buttons */ div.rp-javascript-slideshow div.swrapper ul {margin: 0px 0px 0px 0px; padding: 0px; position:absolute; z-index:100; top:10px; right: 10px; display:block;} div.rp-javascript-slideshow div.swrapper ul li {text-indent:-9999px;cursor:pointer;margin:3px 5px 3px 0px;padding: 0px;display:inline-block;height:8px; width:8px;background-color:#CCCCCC;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; border:2px solid #777777;} div.rp-javascript-slideshow div.swrapper ul li.selected {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;} /* Next & Prev buttons */ div.rp-javascript-slideshow div.swrapper a.rocketsliderprev {position: absolute; top:50%; left: -50px; margin: -25px 0px 0px 10px;z-index:100;display:block; cursor:pointer; height: 40px; width: 40px;display:inline-block;background: transparent url('/img/rocket_slideshow/prev.png') top left no-repeat;} div.rp-javascript-slideshow div.swrapper a.rocketslidernext {position: absolute; top:50%; right: -50px; margin: -25px 10px 0px 0px;z-index:100;display:block; cursor:pointer;height: 40px; width: 40px;display:inline-block;background: transparent url('/img/rocket_slideshow/next.png') top right no-repeat;} div.rp-javascript-slideshow div.swrapper a.rocketsliderplay {position: absolute; top:0px; left: 0px; margin: 10px 0px 0px 10px;z-index:100;display:block; cursor:pointer; height: 40px; width: 40px;display:inline-block;background: transparent url('/img/rocket_slideshow/play.png') top left no-repeat;} div.rp-javascript-slideshow div.swrapper a.rocketsliderpause {position: absolute; top:0px; left: 0px; margin: 10px 0px 0px 10px;z-index:100;display:block; cursor:pointer;height: 40px; width: 40px;display:inline-block;background: transparent url('/img/rocket_slideshow/pause.png') top left no-repeat;} /* Slideshow [Flash] */ .rp-flash-slideshow {} /* SWF Flash Video */ .rp-swf-flash-video {} .rp-swf-flash-video div.rp-content {} .rp-swf-flash-video div.rp-content .swf-flash-wrapper {} /* JW Flash Video */ .rp-jw-flash-video {} .rp-jw-flash-video div.rp-content {} .rp-jw-flash-video div.rp-content .jw-flash-wrapper {} /* Flash Audio */ .rp-flash-audio {} .rp-flash-audio .rp-content {} .rp-flash-audio .wrapper {} /* Premium Flash Audio */ .rp-premium-flash-audio {} .rp-premium-flash-audio .rp-content {} .rp-premium-flash-audio .rp-content object {} /* Ruled Line */ /* Style HR separately under template styles at top, because HR is available through markdown. Ruled line widget may have unique styling from plain HR on occasion. */ .rp-ruled-line {padding:5px 0;} .rp-ruled-line hr {width:100%; height:1px; margin:11px 0 4px 0; background-color:#603913; border:0;} /* vCard */ .rp-vcard {} .rp-vcard div.paragraph {padding-top:30px;} .rp-vcard div.paragraph a {padding:18px 0px 18px 60px; background-image:url('/img/icon-vcard.png'); background-repeat:no-repeat; background-position:top left; font-size:1.7em;display:block;} /* Spacer */ .rp-spacer {} /* Link to File */ .rp-link-to-file {} .rp-link-to-file img {display:block; float:left; margin:0 0 0 0;} .rp-link-to-file a {display:block; float:left; margin:20px 0 0 8px; font-size:1.2em;} /* [Simple] Paypal */ .rp-paypal {padding-top:20px;} .rp-paypal div.rp-content {} /* Image CAN float if desired */ .rp-paypal div.paypal_image {float:right; width:40%; margin:10px 0 10px 10px;} .rp-paypal div.paypal_image img {width:100%;} .rp-paypal div.paypal_data {} .rp-paypal div.paypal_data h3 {font-size:1.6em; font-weight:normal;} .rp-paypal div.paypal_data span.price {font-size:1.1em; color:#666; font-style:italic;} .rp-paypal div.paypal_data div.paragraph {} .rp-paypal div.paypal_data div.paragraph p {} .rp-paypal div.paypal_data form {margin-top:10px;} .rp-paypal div.paypal_data form input {} /* Premium Paypal */ .rp-premium-paypal {padding-top:20px;} .rp-premium-paypal div.rp-content {} /* Image CAN float if desired */ .rp-premium-paypal div.paypal_image {float:right; width:40%; margin:10px 0 10px 10px;} .rp-premium-paypal div.paypal_image img {width:100%;} .rp-premium-paypal div.paypal_data {} .rp-premium-paypal div.paypal_data h3 {font-size:1.6em; font-weight:normal;} .rp-premium-paypal div.paypal_data span.price {font-size:1.1em; color:#666; font-style:italic;} .rp-premium-paypal div.paypal_data div.paragraph {} .rp-premium-paypal div.paypal_data div.paragraph p {} .rp-premium-paypal div.paypal_data form {margin-top:10px;} .rp-premium-paypal div.paypal_data form input {} /* [Simple] Contact Form */ .rp-contact-form {} .rp-contact-form div.rp-content h1 {} .rp-contact-form div.rp-content legend {width:200px; padding:6px 0 2px 25.39%; font-size:1.2em; font-weight:bold; color:#603913;} .rp-contact-form div.rp-content div.rp-form-item {clear:both; width:100%; margin-bottom:8px;} .rp-contact-form div.rp-content div.rp-form-item label {display:block; float:left; width:24.41%; padding-right:.9765%; font-size:1.1em; line-height:2.2em; color:#603913; text-align:right;} .rp-contact-form div.rp-content div.rp-form-item input {width:37.89%;} .rp-contact-form div.rp-content div.rp-form-item select {width:39.0625%;} .rp-contact-form div.rp-content div.rp-form-item textarea {width:37.89%; height:50px; vertical-align:top;} .rp-custom-field div.rp-form-item, .rp-form-email div.rp-form-item, .rp-form-phone div.rp-form-item, .rp-form-comments div.rp-form-item {padding-left:25.39%;} .rp-contact-form div.rp-content div.rp-form-item div.submit {padding:10px 0 0 25.39%;} .rp-contact-form div.rp-content div.rp-form-item div.submit input {width:auto;} .rp-contact-form div.rp-content div.rp-form-item span.rp-form-req {font-size:12px; line-height:1em; color:#c00; padding-left:.390%;} .rp-contact-form div.rp-content div.rp-form-item div.error-message {margin:0 0 5px 13.67%; padding:2px 1.17%; background-color:#c00; font-size:10px; line-height:1.4em; color:#fff;} .rp-custom-field div.error-message, .rp-form-email div.error-message, .rp-form-phone div.error-message, .rp-form-comments div.error-message {margin-left:0px !important;} .rp-form-email div.error-message, .rp-form-phone div.error-message, .rp-form-comments div.error-message {margin-left:0px !important;} .rp-contact-form div.rp-content div.rp-form-item #recaptcha_widget_div {width:74.61%; height:auto; padding-left:25.39%;} /* Twitter Feed */ .rp-twitter {} .rp-twitter div.rp-content {} .rp-twitter div.rp-content h2 {} .rp-twitter div.rp-content img {} .rp-twitter div.rp-content p {} .rp-twitter div.rp-content strong.rp-screen-name {} .rp-twitter div.rp-content strong.rp-screen-name a {} .rp-twitter div.rp-content strong.rp-screen-name a:hover {} .rp-twitter div.rp-content span.rp-tag-line {} .rp-twitter div.rp-content div.rp-status-updates {} .rp-twitter div.rp-content div.rp-status-updates p {} .rp-twitter div.rp-content div.rp-status-updates span.rp-status-time {} .rp-twitter div.rp-content div.rp-status-updates span.rp-status-source {} /* RSS Feed */ .rp-rss-feed {} .rp-rss-feed div.rp-content {} .rp-rss-feed div.rp-content h2 {} .rp-rss-feed div.rp-content div.rss-item {} .rp-rss-feed div.rp-content div.rss-item h3 {} .rp-rss-feed div.rp-content div.rss-item h3 a {} .rp-rss-feed div.rp-content div.rss-item h3 a:hover {} .rp-rss-feed div.rp-content div.rss-item p {} .rp-rss-feed div.rp-content div.rss-item p span {} .rp-rss-feed div.rp-content div.rss-item p span a {} .rp-rss-feed div.rp-content div.rss-item p span a:hover {} /* Like Button */ .rp-like-button {} .rp-like-button div.rp-content {} .rp-like-button div.rp-content span {} .rp-like-button div.rp-content span iframe {} /* Embed Code */ .rp-embed-code {} .rp-embed-code .rp-content {} .rp-embed-code .rp-content iframe {width:100%;} /* Video Responsiveness */ .rp-youtube, .rp-vimeo {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;} .rp-youtube iframe, .rp-vimeo iframe, .rp-youtube object, .rp-vimeo object, .rp-youtube embed, .rp-vimeo embed {position:absolute; top:0; left:0; width:100%; height:100%;} /* YouTube */ .rp-youtube {} .rp-youtube .rp-content {} .rp-youtube .rp-content iframe {width:100%;} /* Vimeo */ .rp-vimeo {} .rp-vimeo .rp-content {} .rp-vimeo .rp-content iframe {width:100%;} /* AddThis */ .rp-addthis-code {} .rp-addthis-code div.rp-content {} .rp-addthis-code div.rp-content a {display:block; float:left; margin-right:5px;} .rp-addthis-code div.rp-content a.addthis_button_print {} .rp-addthis-code div.rp-content a.addthis_button_email {} .rp-addthis-code div.rp-content a.addthis_button_facebook {} .rp-addthis-code div.rp-content a.addthis_button_twitter {} .rp-addthis-code div.rp-content a.addthis_button_facebook_like {} .rp-addthis-code div.rp-content a.addthis_button_tweet {} /* Site Map */ .rp-site-map {font-size:1.3em;} .rp-site-map ul {font-weight:bold;} .rp-site-map li {margin-top:5px;} .rp-site-map div.rp-content a {color:#603913;} .rp-site-map ul ul {margin-left:20px; font-weight:normal;} .rp-site-map ul ul ul {font-style:italic;} .rp-site-map ul ul ul ul {font-style:normal;} /* Growy Image */ .rp-growy-img {float:left; margin:5px;} .admin-content .rp-growy-img {float:none;} .rp-growy-img img {width:100%; height:100%;} .rp-growy-img h4 {position:absolute;top:100%;margin:auto;left:0px;padding:3px 0px 7px 0px;text-align:center;font-size:inherit;font-weight:bold;position:absolute;width:100%;display:block;zoom:1;} .rp-growy-img .rp-content {position:relative;} .rp-growy-img .rp-growy-img-wrapper {position: relative;width:100%; height:100%;} .rp-growy-img .rp-growy-img-overlay {position: absolute; top:0px; left: 0px; height:100%; width:100%;border: 2px solid #FFF;} .rp-growy-img .rp-growy-img-overlay img {height:100%; width:100%;} /* ------------- Custom Widgets ------------- */ .rp-custom-contact-form {padding-top:18px;} .rp-custom-contact-form div.checkbox {padding-left:70px;} .rp-custom-contact-form div.checkbox input {float:left; margin-right:4px;} .rp-custom-contact-form div.rp-content div.rp-form-item select {width:auto;} .rp-custom-contact-form div.checkbox label {color:#603913; display:block; font-size:1.1em; line-height:1.3em; width: 400px; float:left;} .rp-pay-now {font-size:1.2em;} .rp-pay-now label {float:left; width:120px; margin-top:3px; padding-right:6px; line-height:16px; text-align:right;} .rp-pay-now input, .rp-pay-now textarea {float:left; margin-top:3px;} .rp-pay-now span.rp-form-req {display:block; float:left; width:5px; margin-top:3px; line-height:16px; color:#aa0000;} .rp-pay-now span.describe {display:block; float:left; margin:5px 0 0 5px; font-size:10px; line-height:16px; color:#aaaaaa;} .rp-pay-now .error-message {color:#c00; font-weight:bold; padding:4px 0 0 127px;} .rp-pay-now p {font-size:12px; float:left; width:30%; margin-left:10px; padding-top:0;} .rp-pay-now .submit {padding-left:125px; margin-top:8px;} #int_templ_head_contents_wrap .rp-pay-now p.note {padding-top:0px; font-size:1em;} #int_templ_main_contents .rp-bulb-production .rp-content, .rp-bulb-production .rp-content {padding-bottom:10px; background-color:#FFFFFF;} #int_templ_main_contents .rp-bulb-production .rp-content table, .rp-bulb-production .rp-content table {border:none;} #int_templ_main_contents .rp-bulb-production .rp-content table th, .rp-bulb-production .rp-content table th {border:none; background-color:none;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th, .rp-bulb-production .rp-content table tr th {height:20px; background-color:#5F781A; border:none; vertical-align:middle;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th p, .rp-bulb-production .rp-content table tr th p {padding:0; color:#FFFFFF; text-align:left; font-weight:bold;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th.right p, .rp-bulb-production .rp-content table tr th.right p {padding-right:35px; text-align:right;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th.header, .rp-bulb-production .rp-content table tr th.header {height:30px; background-color:#bf6427; vertical-align:middle;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th.header p, .rp-bulb-production .rp-content table tr th.header p {text-align:center; color:#FFFFFF; font-size:14px; font-weight:bold;} #int_templ_main_contents .rp-bulb-production .rp-content table tr, .rp-bulb-production .rp-content table tr {border:none;} #int_templ_main_contents .rp-bulb-production .rp-content table tr td, .rp-bulb-production .rp-content table tr td {height:20px; border:none; vertical-align: middle;} #int_templ_main_contents .rp-bulb-production .rp-content table tr td p, .rp-bulb-production .rp-content table tr td p {padding:0; color:#603913;} #int_templ_main_contents .rp-bulb-production .rp-content table tr td.right, .rp-bulb-production .rp-content table tr td.right {text-align:right; padding-right:35px;} #int_templ_main_contents .rp-bulb-production .rp-content table tr td.altrow, .rp-bulb-production .rp-content table tr td.altrow {background-color:#F3EFBC;} #int_templ_main_contents .rp-bulb-production .rp-content table tr th.left, #int_templ_main_contents .rp-bulb-production table tr td.left, .rp-bulb-production .rp-content table tr th.left, .rp-bulb-production table tr td.left {padding-left:35px;} /* /////////////////// Custom Module Styles /////////////////// */ #feature_recipe {background:url(../../img/site_specific/layout/feature-recipe-wrap.png) no-repeat center bottom; width:256px; margin-bottom:20px; padding:11px 13px;} #feature_recipe_title {background:url(../../img/site_specific/layout/feature-recipe.gif) no-repeat 98px 0; width:100%; height:30px; padding-bottom:10px;} #feature_recipe img {float:left; width:86px; padding-right:12px;} #feature_recipe a {color:#603913; font-weight: bold;} #feature_recipe a:hover {text-decoration:underline;} #feature_recipe div.paragraph {font-size:1.1em; line-height:1.3em; color:#603913; } .rp-content h1.recipe-title {padding-top:0;} /*img.recipe-image {float:right; padding: 0 0 12px 12px; width:150px;}*/ /* Recipe Detail Page */ .recipe-detail {line-height:1.2;} .recipe-detail li ul {padding: 5px 10px;} .recipe-detail li ol {padding: 5px 10px;} .recipe-detail ul {list-style-type: initial; padding-left: 45px} .recipe-detail ol {list-style-type: decimal; padding-left: 45px} /* Recipe Titles */ .recipe-detail h2 {padding-bottom:0px;} .recipe-detail .p-name {margin-top:0; padding: 0 0 20px 0;} /* Recipe Image */ .recipe-detail .u-image {width:100%; height:300px; overflow:hidden; -webkit-box-shadow: 3px 3px 3px #7C7C7C; box-shadow: 3px 3px 3px #7C7C7C;} .recipe-detail .u-image a {display:block;} .recipe-detail .u-image img {width: auto; height: 300px;} .recipe-detail p.center {text-align:center; margin:0; padding:0; display:block;} /* Recipe Misc */ .recipe-detail .print-friendly {float:right; display:block; padding: 6px 10px; background:#BF6427; border:1px solid #333; border-radius:8px; text-decoration:none !important; color:#fff; font-weight:bold;} .related_information h2 {margin-bottom:10px;} .related_information li a {color:#333; line-height:1.5; text-decoration:underline; font-size:13px;} /* Recipe Index Page */ /* Category feed */ .recipe-index {padding: 0 30px; margin-top:30px;} .recipe-index .recipe_category .view-all {display:block; color:#333; margin: 5px 0 3px; text-decoration:underline;} .recipe-index .recipe_category h2, .recipe-index .recipe_category h2 a {font-size:14px; color:#333; font-weight:bold;} .recipe-index .recipe {float:left; width: 280px; margin:5px 24px 5px 0; height:204px;} .recipe-index .recipe:nth-child(3n) {margin-right:0;} .recipe-index .recipe .name {text-align:center; font-size:1.3em; } .recipe-index .recipe .name a {text-decoration:underline; color:#333; display:block; margin: 4px 0;} .recipe-index .recipe .pinit {text-align:center; padding: 6px 0;} .recipe-index .recipe .image {display:block; height:150px; overflow:hidden; border:1px solid #333;} .recipe-index .recipe .image img {max-width:100%; height:150px; /*margin-top:-50%;*/} /* Other Catgories sidebar widget */ .other_categories {line-height:1.6;} .other_categories h3 {font-size:18px; font-weight:bold; margin-bottom:10px; color: #603913;} .other_categories li a {color:#333; text-decoration:underline; display:block; font-size:14px;} #int_templ_wide_col_l .rp-content h2.slide-header a {background:url(../../img/disclose_r.png) no-repeat 0 4px; padding-left: 14px; text-decoration:none;} #int_templ_wide_col_l .rp-content h2.slide-header a:hover {background:url(../../img/disclose_r_rol.png) no-repeat 0 4px; text-decoration:underline;} #int_templ_wide_col_l .rp-content h2.slide-header a.open {background:url(../../img/disclose_d.png) no-repeat 0 6px;} #int_templ_wide_col_l .rp-content h2.slide-header a.open:hover {background:url(../../img/disclose_d_rol.png) no-repeat 0 6px;} #int_templ_wide_col_l .rp-content .slide-text p {line-height:18px;} div.slide-text div.links-list-content {display:none; overflow:hidden;} #link-content {float:right; border-left:1px dashed #603913; margin:18px 0; padding-left:18px; width:262px;} /* Supplier Legend */ .supplier-legend {padding: 1em;} .supplier-legend ul {color: #603913; list-style: none; font-size: 1.5em; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #603913; height: 100%; margin: 0 auto;} .supplier-legend ul li {float: left;} .supplier-legend ul li.legend-text {font-weight: 600;} /* Renew Membership Form */ #MemberRenewForm div.select .additional-listing-label {width: 250px; padding-right: 15px;} #MemberRenewForm label, #MemberRenewForm span.describe {font-size:1.2em;} #MemberRenewForm span.required {margin-left:4px; color:#a00} #MemberRenewForm p.describe {padding:10px 0 5px 0; font-size:1.2em; line-height:1.1em; font-weight:normal; color:#000;} #MemberRenewForm legend {padding:15px 0 0 0; font-size:1.4em; font-weight:bold; line-height:1.1em; color:#bf6427;} #MemberRenewForm fieldset legend {padding-bottom:4px;} #MemberRenewForm div.checkbox {float:left;} #MemberRenewForm div.select {margin-top:8px;} #MemberRenewForm div.submit {margin-top:20px;} #MemberRenewForm div.text label, #MemberRenewForm div.select label {display:block; float:left; padding:3px 3px 0 0; width:150px; text-align:right;} #MemberRenewForm #active, #MemberRenewForm #support {padding-left:10px;} #MemberRenewForm #active h3, #MemberRenewForm #support h3 {margin-top:10px; clear:both;} #MemberRenewForm table, #MemberRenewForm td {border-style:none;} #MemberRenewForm .error-message {color:#c00; font-size:1.2em; font-weight:bold; padding:4px 0 0 155px;} #MemberRenewForm .no-indent {padding:6px 0 0 6px;} /* New Membership Form */ #MemberBecomeMemberForm label, #MemberBecomeMemberForm span.describe {font-size:1.2em;} #MemberBecomeMemberForm span.required {margin-left:4px; color:#a00} #MemberBecomeMemberForm p.describe {padding:10px 0 5px 0; font-size:1.2em; line-height:1.1em; font-weight:normal; color:#000;} #MemberBecomeMemberForm legend {padding:15px 0 0 0; font-size:1.4em; font-weight:bold; line-height:1.1em; color:#bf6427;} #MemberBecomeMemberForm fieldset legend {padding-bottom:4px;} #MemberBecomeMemberForm div.checkbox {float:left;} #MemberBecomeMemberForm div.select {margin-top:8px;} #MemberBecomeMemberForm div.submit {margin-top:20px;} #MemberBecomeMemberForm div.text label, #MemberBecomeMemberForm div.select label {display:block; float:left; padding:3px 3px 0 0; width:150px; text-align:right;} #MemberBecomeMemberForm #active, #MemberBecomeMemberForm #support {padding-left:10px;} #MemberBecomeMemberForm #active h3, #MemberBecomeMemberForm #support h3 {margin-top:10px; clear:both;} #MemberBecomeMemberForm table, #MemberBecomeMemberForm td {border-style:none;} #MemberBecomeMemberForm .error-message {color:#c00; font-size:1.2em; font-weight:bold; padding:4px 0 0 155px;} #MemberBecomeMemberForm .no-indent {padding:6px 0 0 6px;} /* /////////////////// Teh Responsive Hotness /////////////////// */ /* ----------- Suppliers Legend ------------------- */ @media only screen and (max-width: 949px) { .supplier-legend ul { min-height: 120px; } .supplier-legend ul li {width: 100%; margin: 7.5px;} } @media only screen and (min-width: 950px) { .supplier-legend ul { min-height: 35px;} .supplier-legend ul li {margin: 10px;} } /* ----------- iPhone 4 Portrait to 479 ----------- */ @media only screen and (min-width : 320px) and (max-width : 479px) { /* Keep font-size normal since we're not using normalize.css */ body{-webkit-text-size-adjust: 100%;} #rp_page_41 .rp-table .rp-content .table {min-width: 500px;} /* Header */ #header {width:320px;} #home_templ_head_contents_center {width:320px;} a#logo {position:absolute; top:50px; left:auto; display: none; opacity: 0; visibility: hidden;} a#logo-mobile {position:absolute; top:70px; left:auto; display: block; opacity: 1; visibility: visible;} a#how_to {display:none;} #noa_100 {display:none;} ul#tip_top_nav {right:auto; left:12px;} /* Navigations */ ul#main_nav {display:none;} .responsive-nav {display:block; width:280px; padding:20px; margin-top: 25px;} /* Slideshow Area */ #home_templ_head_transparent_base {padding-bottom:10px;} #onions, #onion_part {display:none;} #home_templ_head_transparent_cap {background:url(../../img/site_specific/layout/transparent-cap-portrait.png) no-repeat; width:320px; height:14px;} #home_templ_head_transparent_base {background:url(../../img/site_specific/layout/transparent-base-portrait.png) no-repeat; width:320px; height:14px; padding-bottom:17px;} #home_templ_head_transparent {z-index:300; position:relative; width:320px; padding-top:4px; background:url(../../img/site_specific/layout/trans-white-bg.png); } #home_templ_head_narrow_col_l {float:left; width:280px; padding-left:20px; padding-right:20px;} #home_templ_head_narrow_col_l .rp-img {float:left; width:135px; margin:0 10px 10px 0;} #home_templ_head_narrow_col_l .rp-img:nth-child(even) {margin-right:0;} #home_templ_head_narrow_col_l .rp-img:nth-child(3n+3) {} #home_templ_head_narrow_col_l .rp-img .rp-content {padding:0;} #home_templ_head_narrow_col_l .rp-img img {display:block;} #home_templ_head_wide_col_m {float:left; width:280px; padding-left:20px; padding-right:20px;} #home_templ_head_narrow_col_r {float:left; width:100%; padding-left:0px;} #home_templ_head_narrow_col_r .rp-spacer {display:none;} #home_templ_head_narrow_col_r .rp-img {float:left; width:150px; margin-bottom:15px; margin-right:20px;} #home_templ_head_narrow_col_r .rp-img + .rp-img {margin-right:0;} /* Slideshow Overrides */ #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper {width:280px !important; height:170px !important;} #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper .rp-content {width:280px !important; height:170px !important;} #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper .rp-content img {max-width:100%;} div.rp-javascript-slideshow div.rp-content > ul img {max-width:100%;} /* Home Bottom Content */ #home_templ_main_contents {width:320px; margin:0 auto; padding-bottom:35px;} #home_templ_main_wide_col_l {float:left; width:280px; padding:30px 20px;} #home_templ_main_narrow_col_r {float:left; width:280px; padding:0 20px 0 20px;} #feature_recipe {background:url(../../img/site_specific/layout/feature-recipe-wrap-portrait.png) no-repeat center bottom; width:254px; margin-bottom:20px; padding:11px 13px;} #feature_recipe_title {background:url(../../img/site_specific/layout/feature-recipe-landscape.png) no-repeat 98px 0; width:100%; height:30px; padding-bottom:10px;} /* Footer */ #foot_contents {background:url(../../img/site_specific/layout/foot-texture.png) no-repeat center top; width:320px; min-height:104px; margin:0 auto; padding-top:34px;} #foot_news {margin: 0 auto 34px auto; float: none;} #foot_twitter {/*display:none;*/} #foot_cms {margin-left:20px; margin-right:20px;} #foot_cms p {font-size:1.2em; line-height:1.2em; color:#603913;} /* Home Template Widgets */ .rp-text-r-imgs ul.rp-side-images, .rp-text-l-imgs ul.rp-side-images {width:100%;} .rp-row-imgs div.rp-content div.img-1 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-2 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-3 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-4 {margin-right:0; width:100%;} /* [Simple] Contact Form */ .rp-contact-form {} .rp-contact-form div.rp-content legend {padding:6px 0 2px 73px;} /* 130px/512px = 25.39% */ .rp-contact-form div.rp-content div.rp-form-item {clear:both; margin-top:8px;} .rp-contact-form fieldset.rp-form-email div.rp-form-item {width:175px;} .rp-contact-form fieldset.rp-form-phone div.rp-form-item {width:175px;} .rp-contact-form fieldset.rp-form-organization div.rp-form-item {width:175px;} .rp-contact-form fieldset.rp-form-comments div.rp-form-item {width:175px;} .rp-contact-form div.rp-content div.rp-form-item label {display:block; float:left; width:69px; padding-right:.9765%; text-align:right;} /* 125px/512px = 24.41% | 5px/512px = .9765% */ .rp-contact-form div.rp-content div.rp-form-item input {width:150px;} .rp-contact-form div.rp-content div.rp-form-item select {width:168px;} .rp-contact-form div.rp-content div.rp-form-item textarea {width:155px; height:50px;} .rp-form-email div.rp-form-item, .rp-form-phone div.rp-form-item, .rp-form-comments div.rp-form-item, .rp-form-organization div.rp-form-item {padding-left:71px;} .rp-contact-form div.rp-content div.rp-form-item div.submit {padding:10px 0 0 73px;} .rp-contact-form div.rp-content div.rp-form-item div.submit input {width:auto;} .rp-contact-form div.rp-content div.rp-form-item span.rp-form-req {padding-left:.390%;} /* 2px/512px = .390625% */ .rp-contact-form div.rp-content div.rp-form-item div.error-message {margin:0 0 5px 13.67%; padding:2px 1.17%; background-color:#c00;} /* 70px/512px = 13.671875% | 6px/512px = 1.171875% */ .rp-form-email div.error-message, .rp-form-phone div.error-message, .rp-form-comments div.error-message {margin-left:0px !important;} .rp-contact-form div.rp-content div.rp-form-item #recaptcha_widget_div {width:74.61%; height:auto; padding-left:25.39%;} /* Interior Template */ #int_templ_main_contents {position:relative; background-color:#fff; width:320px; margin:0 auto; padding:35px 0 10px 0; z-index:400;} #int_templ_wide_col_l {float:left; width:280px; min-height:325px; padding:0 20px; background-image:none; } #int_templ_narrow_col_r {float:left; width:280px; padding:20px 20px 0 20px;} ul#sub_nav {background:url(../../img/site_specific/layout/landscape-sub-nav-top.png) no-repeat left top; padding:18px 0 30px 0;} ul#sub_nav li {background:url(../../img/site_specific/layout/sub-nav-dash-portrait.png) no-repeat bottom; } } /* ------------- Fixing Twitter Feed ------------- */ @media only screen and (max-width: 767px) { #foot_news {margin-bottom: 20px;} #foot_twitter {opacity: 0; visibility: hidden; display: none;} #foot_twitter_m {opacity: 1; visibility: visible; display: block; float:left; position:relative; background:url(../../img/site_specific/layout/foot-twitter-m.png) no-repeat left bottom; width: 100%; max-width: 516px; height: 162px; margin: 0; padding: 8px;} #foot_twitter_m a#follow {display:inline-block; position:absolute; top:134px; left:168px; width:135px; height:10px; background:url(../../img/site_specific/layout/foot-twit-follow.png); text-indent:-9999px;} #twitter_text_m {opacity: 1; visibility: visible; display: block; background: #FFFFFF; position:relative; display:block; width: auto; height: auto; padding: 0 20px 20px 20px; clear: both;} #twitter_text_m p.headline {padding-top:16px; font-size:1.2em; color:#bf6427; line-height:1.3em;} #twitter_text_m p.teaser {font-size:1.2em; font-weight:bold; color:#603913; line-height:1.3em;} #foot_twitter_m a, #twitter_text_m a {color:#bf6427;} #foot_twitter_m a:hover, #twitter_text_m a:hover {text-decoration:underline;} #twitter_text_m a.read-more {font-weight:normal; text-decoration:underline; color:#bf6427;} #foot_twitter_m a#follow {position:absolute; bottom:0; right:0; display:inline-block; width:135px; height:10px; background:url(../../img/site_specific/layout/follow-me.png) no-repeat; text-indent:-9999px;} } /* ----------- iPhone 4 Landscape: 480 to 567 (almost iPad) ----------- */ @media only screen and (min-width : 480px) and (max-width : 767px) { /* Keep font-size normal since we're not using normalize.css */ body{-webkit-text-size-adjust: 100%;} /* Header */ #header {width:480px;} #home_templ_head_contents_center {width:480px;} a#logo {} a#how_to {display:none;} #noa_100 {position:absolute; top:50px; left:auto; right:20px; width:160px; height:148px; background:url(../../img/site_specific/layout/noa_100_logo.png); text-indent:-9999px;} ul#tip_top_nav {right:20px;} /* Navigations */ ul#main_nav {display:none;} .responsive-nav {display:block; width:440px; padding:20px;} /* Slideshow Area */ #home_templ_head_transparent_base {padding-bottom:10px;} #onions, #onion_part {display:none;} #home_templ_head_transparent_cap {background:url(../../img/site_specific/layout/transparent-cap-landscape.png) no-repeat; width:480px; height:14px;} #home_templ_head_transparent_base {background:url(../../img/site_specific/layout/transparent-base-landscape.png) no-repeat; width:480px; height:14px; padding-bottom:17px;} #home_templ_head_transparent {z-index:300; position:relative; width:480px; padding-top:4px; background:url(../../img/site_specific/layout/trans-white-bg.png); } #home_templ_head_narrow_col_l {float:left; width:440px; padding-left:20px; padding-right:20px;} #home_templ_head_narrow_col_l .rp-img {float:left; width:140px; margin:0 10px 10px 0;} #home_templ_head_narrow_col_l .rp-img:nth-child(3n+3) {margin-right:0;} #home_templ_head_narrow_col_l .rp-img .rp-content {padding:0;} #home_templ_head_narrow_col_l .rp-img img {display:block;} #home_templ_head_wide_col_m {float:left; width:440px; padding-left:20px; padding-right:20px;} #home_templ_head_narrow_col_r {float:left; width:100%; padding-left:0px;} #home_templ_head_narrow_col_r .rp-spacer {display:none;} #home_templ_head_narrow_col_r .rp-img {float:left; width:170px; margin-bottom:15px; margin-right:20px;} /* Slideshow Overrides */ #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper {width:440px !important; height:267px !important;} #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper .rp-content {width:440px !important; height:267px !important;} #home_templ_head_wide_col_m .rp-javascript-slideshow .swrapper .rp-content img {max-width:100%;} div.rp-javascript-slideshow div.rp-content > ul img {max-width:100%;} /* Home Bottom Content */ #home_templ_main_contents {width:480px; margin:0 auto; padding-bottom:35px;} #home_templ_main_wide_col_l {float:left; width:440px; padding:30px 20px;} #home_templ_main_narrow_col_r {float:left; width:440px; padding:0 20px 0 20px;} #feature_recipe {background:url(../../img/site_specific/layout/feature-recipe-wrap-landscape.png) no-repeat center bottom; width:414px; margin-bottom:20px; padding:11px 13px;} #feature_recipe_title {background:url(../../img/site_specific/layout/feature-recipe-landscape.png) no-repeat 98px 0; width:100%; height:30px; padding-bottom:10px;} /* Footer */ #foot_contents {background:url(../../img/site_specific/layout/foot-texture.png) no-repeat center top; width:480px; min-height:104px; margin:0 auto; padding-top:34px;} #foot_news {/*display:none;*/} #foot_cms {margin-left:20px; margin-right:20px;} #foot_cms p {font-size:1.2em; line-height:1.2em; color:#603913;} /* Home Template Widgets */ .rp-text-r-imgs ul.rp-side-images, .rp-text-l-imgs ul.rp-side-images {width:100%;} .rp-row-imgs div.rp-content div.img-1 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-2 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-3 {margin-right:0; margin-bottom:10px; width:100%;} .rp-row-imgs div.rp-content div.img-4 {margin-right:0; width:100%;} /* [Simple] Contact Form */ .rp-contact-form {} .rp-contact-form div.rp-content legend {padding:6px 0 2px 73px;} /* 130px/512px = 25.39% */ .rp-contact-form div.rp-content div.rp-form-item {clear:both; margin-top:8px;} .rp-contact-form fieldset.rp-form-email div.rp-form-item {width:212px;} .rp-contact-form fieldset.rp-form-phone div.rp-form-item {width:212px;} .rp-contact-form fieldset.rp-form-organization div.rp-form-item {width:212px;} .rp-contact-form fieldset.rp-form-comments div.rp-form-item {width:212px;} .rp-contact-form div.rp-content div.rp-form-item label {display:block; float:left; width:69px; padding-right:.9765%; text-align:right;} /* 125px/512px = 24.41% | 5px/512px = .9765% */ .rp-contact-form div.rp-content div.rp-form-item input {width:165px;} .rp-contact-form div.rp-content div.rp-form-item select {width:182px;} .rp-contact-form div.rp-content div.rp-form-item textarea {width:176px; height:50px;} .rp-form-email div.rp-form-item, .rp-form-phone div.rp-form-item, .rp-form-comments div.rp-form-item, .rp-form-organization div.rp-form-item {padding-left:73px;} .rp-contact-form div.rp-content div.rp-form-item div.submit {padding:10px 0 0 73px;} .rp-contact-form div.rp-content div.rp-form-item div.submit input {width:auto;} .rp-contact-form div.rp-content div.rp-form-item span.rp-form-req {padding-left:.390%;} /* 2px/512px = .390625% */ .rp-contact-form div.rp-content div.rp-form-item div.error-message {margin:0 0 5px 13.67%; padding:2px 1.17%; background-color:#c00;} /* 70px/512px = 13.671875% | 6px/512px = 1.171875% */ .rp-form-email div.error-message, .rp-form-phone div.error-message, .rp-form-comments div.error-message {margin-left:0px !important;} .rp-contact-form div.rp-content div.rp-form-item #recaptcha_widget_div {width:74.61%; height:auto; padding-left:25.39%;} /* Interior Template */ #int_templ_main_contents {position:relative; background-color:#fff; width:480px; margin:0 auto; padding:35px 0 10px 0; z-index:400;} #int_templ_wide_col_l {float:left; width:440px; min-height:325px; padding:0 20px; background-image:none; } #int_templ_narrow_col_r {float:left; width:440px; padding:20px 20px 0 20px;} ul#sub_nav {background:url(../../img/site_specific/layout/landscape-sub-nav-top.png) no-repeat left top; padding:18px 0 30px 0;} ul#sub_nav li {background:url(../../img/site_specific/layout/sub-nav-dash-landscape.png) no-repeat bottom; } } /* Forms */ @media only screen and (max-width : 949px) { .rp-contact-form div.rp-content legend {padding:2px; width:auto;} .rp-contact-form div.rp-content div.rp-form-item label {float:none; width:auto; text-align:left;} .rp-contact-form div.rp-content div.rp-form-item input {width:98%; display:block;} .rp-contact-form div.rp-content div.rp-form-item {padding-left:0; width:100%; position:relative;} .rp-contact-form div.rp-content div.rp-form-item select {width:99%; display:block;} .rp-contact-form div.rp-content div.rp-form-item textarea {width:99%;} .rp-contact-form div.rp-content div.rp-form-item span.rp-form-req {position:absolute; top:11px; right:4px;} .rp-form-email div.rp-form-item span.rp-form-req {top:-16px !important;} } /* ----------- iPad Portrait ----------- */ @media only screen and (min-width : 768px) and (max-width : 949px) { /* Header */ #header {width:768px;} #home_templ_head_contents_center {width:768px;} a#how_to {position:absolute; top:0px; left:auto; right:159px;} #noa_100 {position:absolute; top:50px; left:auto; right:0; width:160px; height:148px; background:url(../../img/site_specific/layout/noa_100_logo.png); text-indent:-9999px;} /* Navigations */ ul#main_nav {display:none;} .responsive-nav {display:block; width:728px; padding:20px;} /* Slideshow Area */ #home_templ_head_transparent_base {padding-bottom:10px;} #onions, #onion_part {display:none;} #home_templ_head_narrow_col_r {float:left; width:100%; padding-left:0px;} #home_templ_head_narrow_col_r .rp-spacer {display:none;} #home_templ_head_narrow_col_r .rp-img {float:left; width:170px; margin-bottom:15px; margin-right:20px;} /* Home Bottom Content */ #home_templ_main_contents {width:768px; margin:0 auto; padding-bottom:35px;} #home_templ_main_wide_col_l {float:left; width:466px; padding:30px 20px 0 20px; } #home_templ_main_narrow_col_r {float:left; width:242px; padding-right:20px;} /* Feature Column */ #feature_recipe {background:url(../../img/site_specific/layout/feature-recipe-wrap-ipad.png) no-repeat center bottom; width:216px; margin-bottom:20px; padding:11px 13px;} #feature_recipe_title {background:url(../../img/site_specific/layout/feature-recipe-ipad.png) no-repeat 98px 0; width:100%; height:24px; padding-bottom:10px;} /* Footer */ #foot_contents {background:url(../../img/site_specific/layout/foot-texture.png) no-repeat center top; width:768px; min-height:265px; margin:0 auto; padding-top:34px;} #foot_news {display:none;} #foot_twitter {margin-bottom:20px;} #foot_cms {margin-left:20px; margin-right:20px;} #foot_cms p {font-size:1.2em; line-height:1.2em; color:#603913;} /* Interior Template */ #int_templ_main_contents {position:relative; background-color:#fff; width:768px; margin:0 auto; padding:35px 0 10px 0; z-index:400;} #int_templ_wide_col_l {float:left; width:466px; min-height:325px; padding:0 30px; background:url(../../img/site_specific/layout/sub-nav-side-border.gif) repeat-y right top; } #int_templ_narrow_col_r {float:left; width:212px; padding:0 15px;} ul#sub_nav li {background:url(../../img/site_specific/layout/sub-nav-dash-ipad.png) no-repeat bottom; } #int_templ_main_contents #feature_recipe {background:url(../../img/site_specific/layout/interior-feature-recipe-wrap-ipad.png) no-repeat center bottom; width:186px; margin-bottom:20px; padding:11px 13px;} #int_templ_main_contents #feature_recipe_title {background:url(../../img/site_specific/layout/interior-feature-recipe-ipad.png) no-repeat 98px 0; width:100%; height:20px; padding-bottom:10px;} } div.wli-form label {font-size:12px !important; max-width: 226px !important;} #content1_content_WebInput_CreditCardInfo_tblCreditCardInfo span {font-size:12px !important;} div.wli-form-input-field {max-width: 375px; margin-left:15px;} div.wli-form-input-field.creditcardinfo {max-width: 380px; margin-left:15px;} div.wli-form-radio-field.creditcardtype {margin-left:15px;} div.wli-form-radio-field.creditcardtype table#content1_content_WebInput_CreditCardType_rdoWebInputRadioButton tr td {float: left; width: 100%;} div.wli-form-radio-field.creditcardtype label{text-align:right;} table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr td {float:left; width: 50%;} #select_Country {max-width: 80px !important;} div.wli-form-radio-field.creditcardtype {padding: 9px 0 0 0; font-size: 1.5em; line-height: 1.5em; color: #603913;} span#content1_content_WebInput_Submit_Label1 {padding: 9px 0 0 0; font-size: 1.5em; line-height: 1.5em; color: #603913;} div.wli-form-radio-field.creditcardtype p {font-size: 1em !important;} input#total {max-width:100px} .wli-form-input-field label {margin-top: 5px;} table#content1_content_WebInput_CreditCardInfo_tblCreditCardInfo tr td span {line-height: 19px;} table#content1_content_WebInput_Submit_tblSubmit {margin:35px 0px 0px 15px;} a#content1_content_OnlineBillPay1_dgOpenInvoices_hypInvoice_0 {font-size: 1.3em;} /* Pushing addthis social media icons down per Kim */ div div#at4-follow {padding-top: 40px;} /* ----------- iPad Landscape to Almost Original Site Size ----------- */ @media only screen and (min-width : 950px) { .responsive-nav {display:none;} }