INGREDIENTS
color
1 serving
border-left:#c 1px solid
1 serving
border-right:#c 1px solid
5671
color: #2e
5671
color:#2e
1 serving
a:active
1 serving
color: #0186df
1 serving
color: #ca0a09
1 link
sidetop a:visited { color: #ca0a09
1 serving
color: #ca0a09
1 link
sidetop a:active
1 serving
margin-bottom:4px
1 serving
brownie
1 serving
border-left:#c 1px solid
1 serving
border-top:#c 1px solid
1 serving
border-bottom:#c 1px solid
1 serving
background-color:#ffff99
1 serving
background-color:#00ffff
1 serving
list-style-type: none
1 serving
display: block
1 serving
background-color: #ffff99
1 serving
color: #d72130
1 serving
border-right:#c 1px solid
1 serving
border-bottom:#c 1px solid
1 serving
margin-bottom: 0px
1 serving
border-left:#c 1px solid
1 serving
border-bottom:#c 1px solid
1 serving
background-color: #fff
1 serving
background-color: #fff
1 serving
top: 26px
1 serving
top: 0px
1 serving
display: block
1 serving
display: block
1 serving
top: 6px
1 serving
color: #d72130
1 serving
margin-top:20px
1 serving
left-column-wide {
1 serving
margin-top:20px
1 serving
margin-top: 40px
1 serving
margin-top: 40px
font-size:85em
1 serving
margin-top: 0px
1 serving
margin-bottom: 15px
1 serving
margin-top: 0px
1 serving
margin-bottom: 15px
1 serving
margin-top:15px
1 serving
margin-bottom:15px
1 serving
padding-top:20px
1 serving
margin-bottom:15px
1 serving
margin-top: 18px
1 serving
webkit-text-size-adjust: none
1 serving
width:100%
1 serving
margin-top:2px
1 serving
left-column-wide {
1 serving
width:100%
1 serving
width:100%
1 serving
width:100%
1 serving
margin-top: 40px
1 serving
width:100%
1 serving
margin-top: 40px
1 serving
display: block
1 serving
display: block
1 serving
margin-top: 30px
1 serving
margin-top:12px
1 serving
cereal-navpoint-short {
font-size:85em
1 serving
margin-top:5px
1 serving
padding-top:5px
1 serving
margin-top:10px
1 serving
margin-bottom: 34px
1 serving
item3a-hot {
1 serving
hot-home-content {
1 serving
margin-bottom:24px
1 serving
margin-bottom:10px
1 serving
cereal-navpoint {
1 serving
cereal-navpoint-short {
1 serving
display: block
1 serving
inner-content-wide {
1 serving
width:100%
1 serving
width:100%
1 serving
display: block
1 serving
margin-top: 10px
1 serving
margin-top:12px
1 serving
clear:left
1 serving
font-size:90%
1 serving
background-color:#ffffff
1 serving
width:100%
1 serving
margin-top:20px
font-size:9em
1 serving
cereal-navpoint {
1 serving
cereal-navpoint-short {
1 serving
display: block
1 serving
margin-top: 7px
1 serving
font-size:80%
1 serving
display: block
1 serving
width:100%
1 serving
width:100%
1 serving
margin-bottom:8px
1 serving
margin-bottom:10px
1 serving
margin-top: 15px
1 serving
margin-bottom: 20px
1 serving
margin-top: 15px
1 serving
margin-bottom: 20px
1 serving
display: block
1 serving
margin-top: 6px
1 serving
font-size:76%
1 serving
padding-top:1px
1 serving
margin-bottom:5px
1 serving
margin-bottom:4px
1 serving
item3a-hot {
1 serving
margin-bottom: 24px
1 serving
margin-bottom: 24px
1 serving
display: inline-block
1 serving
body {
9 pts
font: verdana
1 serving
background
1 serving
margin: 0; /* it's practice to zero the margin and padding of the body element to account
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 container
text-align: center; /* this centers the in ie 5* browsers. the text is then set to the left aligned default in the #container selector
1 serving
}
1 container
onecolelsctr # {
1 serving
width: 900px
1 serving
background: #ffffff
margin: auto; /* the auto margins
1 serving
text-align: left; /* this overrides the text-align: center on the body element
1 serving
}
1 serving
onecolelsctr #maincontent {
boxes
padding: 0px; /* remember that padding is the space inside the div and margin is the space outside the div box
1 serving
}
1 serving
mrsides {
1 serving
}
1 link
a: {
1 serving
text-decoration:none
1 serving
}
1 serving
a:visited {
1 serving
text-decoration:none
1 serving
}
1 serving
a:hover {
1 serving
}
1 serving
sidehead
1 link
sidetop a:link {
1 serving
text-decoration: none
1 serving
font-weight: bold
1 serving
}
1 serving
text-decoration: none
1 serving
font-weight: bold
1 serving
}
1 link
sidetop a:hover {
1 serving
text-decoration: underline
1 serving
}
1 serving
sidelists li {
8 pts
1 serving
}
1
legacy code from styleinc below
1 serving
td
1 serving
menu a:hover
1 serving
menu
1 serving
noline
1 serving
impact
1 serving
impact2
1 serving
impact3
1 serving
impact4
1 small
1 small
1 small
1 serving
closed
1 serving
rules
1 serving
topnavholder {
1 serving
width: 900px
1 serving
height: 27px
1 serving
text-align: left
1 serving
webkit-box-sizing: border-box; /* safari/chrome
1 oz
m -box-sizing: border-box; /* firefox
8
box-sizing: border-box; /* opera/ie
1 serving
}
1 serving
ul#navmenu {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
margin: 0px
1 serving
padding: 0px
1 serving
}
2
ul#navmenu
9 pts
? margin:0; margin:0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
9 pts
1 serving
}
1 serving
ul#navmenu li {
1 serving
text-align: center
1 serving
position: relative
1 serving
float: left
100
1 serving
}
1 serving
ul#navmenu a {
1 serving
text-decoration: none
1 serving
height: 25px
1 serving
line-height: 25px
1 serving
font-weight: bold
1 serving
font-family:arial
10 pts
1 serving
}
1
point {
1 serving
width: 147px
1 serving
}
2
point {
1 serving
width: 165px
1 serving
}
3
point {
1 serving
width: 165px; /* was restaurants
1 serving
}
4
point {
1 serving
width: 153px
1 serving
}
5
point {
1 serving
width: 221px
1 serving
}
6
point {
1 serving
width: 213px
1 serving
}
1
ul#navmenu .sub li {
1 serving
}
1
ul#navmenu .sub a {
1 serving
width: 161px
1 serving
font-weight:normal
1 serving
text-align: left
1 serving
padding-left:6px
9 pts
1 serving
}
2
ul#navmenu .sub a {
1 serving
margin-left: 77px
1 serving
}
1 serving
ul#navmenu li:hover > a {
1 serving
}
1 serving
ul#navmenu li:hover a:hover {
1 serving
}
1
ul#navmenu ul.sub {
1 serving
display: none
1 serving
position: absolute
1 serving
left: -41px
1 serving
}
2
ul#navmenu ul.sub {
1 serving
display: none
1 serving
position: absolute
1 serving
left: 51px
1 serving
}
1
ul#navmenu li:hover .sub {
1 serving
}
1
ul#navmenu .sub li:hover .sub2 {
1 serving
}
1 serving
rarrow {
6 pts
1 serving
position: absolute
1 serving
right: 4px
1 serving
}
1 serving
end of rules
1 serving
new responsive css ... new responsive css .... new responsive css .... new responsive css
1 serving
media queries
1 serving
mobilenavigation {
1 serving
display: none
1 serving
}
1 container
onecolelsctr # {
1 serving
width: 900px
1 serving
}
1 serving
whole-page {
1 serving
width:900px
1 serving
margin-right:10px
1 serving
margin-left: 10px
1 serving
}
1 serving
left-column {
1 serving
width:620px
1 serving
float: left
1 serving
margin-left: 20px
1 serving
margin-right: 60px
1 serving
}
1 serving
width:690px
1 serving
float: left
1 serving
margin-left: 0px
1 serving
margin-right: 28px
1 serving
}
1 serving
left-column-pg-defined is defined on the page and then reponsive css here takes over
1 serving
right200-column {
1 serving
width:200px
1 serving
float: left
1 serving
text-align: center
1 serving
}
1 serving
right-column-narow {
1 serving
width:172px
1 serving
float: left
1 serving
text-align: center
1 serving
}
1 serving
right-column-pg-defined is defined on the page and then reponsive css here takes over
1 serving
body {
1 serving
}
150
pic {
1 serving
width: 150px
1 serving
margin-left: 12px
1 serving
margin-right: 12px
1 serving
float: right
1 serving
text-align: center
1 serving
}
175
pic {
1 serving
width: 175px
1 serving
margin-left: 12px
1 serving
margin-right: 12px
1 serving
float: right
1 serving
text-align: center
1 serving
}
1 serving
addthis {
1 serving
float:right
1 serving
}
1 serving
whereyouat {
1 serving
float:left
1 serving
}
1 serving
wide_nav {
1 serving
}
1 serving
item3a img
1 serving
tablet landscape breakpoint
1 serving
media screen and {
1 ml
ht {
1 serving
}
1 ml
ht {
1 serving
overflow-x: hidden
1 serving
}
1 serving
}
1 serving
tablet portrait breakpoint
1 serving
media screen and {
1 serving
wide_nav {
1 serving
display: none
1 serving
}
1 container
onecolelsctr # {
1 serving
width
1 serving
}
1 serving
whole-page {
1 serving
width:92%
1 serving
padding-right:12px
1 serving
padding-left:18px
1 serving
}
1 serving
left-column {
1 serving
float: none
1 serving
margin-left: 0px
1 serving
margin-right: 0px
1 serving
}
1 serving
float: none
1 serving
}
1 serving
left-column-pg-defined {
1 serving
float: none
1 serving
margin-left: 0px
1 serving
margin-right: 0px
1 serving
}
1 serving
right200-column {
1 serving
float: none
1 serving
text-align: center
1 serving
}
1 serving
right-column-pg-defined {
1 serving
float: none
1 serving
}
1 serving
no-show-mobile {
1 serving
display: none
1 serving
}
1 serving
show-mobile-only {
1 serving
}
1 serving
mobilenavigation {
1 serving
width
1 serving
text-align:right
1 serving
}
1 container
mobile {
1 serving
float:right
1 serving
}
1 serving
mobilenavpoint {
1 serving
float: left
1 serving
padding-left: 10px
1 serving
padding-right: 20px
1 serving
}
1 serving
mobilelogo {
1 serving
float:left
1 serving
width: 200px
1 serving
}
1 serving
display: none
1 serving
}
1 serving
img
1 serving
body {
1 serving
}
1 serving
addthis {
1 serving
}
1 serving
whereyouat {
1 serving
}
1 serving
home_mrbg {
? padding-left:0; padding-left:0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background-image:none
1 serving
}
1 serving
home_topfour {
1 serving
margin-left:1%
1 serving
width
1 serving
}
1 serving
item3a-home {
1 serving
width: 170px
1 serving
margin-right: 6px
1 serving
}
1 serving
item3a-alt {
1 serving
width: 140px
1 serving
margin-right: 6px
1 serving
}
1 serving
width: 150px
1 serving
}
? padding-top:0; padding-top:0; padding-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
pics3-home {
1 serving
max-width: 170px
1 serving
}
1 serving
pics3-alt {
1 serving
max-width: 140px
1 serving
}
1 serving
home-social {
1 serving
float:none
1 serving
text-align:center
1 serving
margin-right:2px
1 serving
}
1 serving
}
1 serving
custom
1 serving
media screen and {
1 serving
home-navpoint {
1 serving
display:none
1 serving
}
1 serving
display: none
1 serving
}
1 serving
}
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin-right: 0; margin-right: 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
inner-content-narrow {
? margin-left: 0; margin-left: 0; margin-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin-right: 0; margin-right: 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
custom
1 serving
media screen and {
1 serving
mobilenavigation {
1 serving
width
1 serving
text-align: center
1 serving
}
1 container
mobile {
1 serving
float:none
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
width: 410px
1 serving
}
1 serving
mobilelogo {
1 serving
float:none
1 serving
width: 192px
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
640
no-show-mobile {
1 serving
display: none
1 serving
}
1 serving
mobilenavpoint {
1 serving
}
1 serving
home_topfour {
1 serving
}
1 serving
}
1 serving
mobile landscape breakpoint
1 serving
media screen and {
1 container
onecolelsctr # {
1 serving
width
1 serving
}
1 serving
whole-page {
1 serving
width:92%
1 serving
padding-right:10px
1 serving
padding-left:5px
1 serving
}
1 serving
left-column {
1 serving
float: none
1 serving
margin-left: 0px
1 serving
padding-right: 0x
1 serving
}
1 serving
img {
1 serving
max-width:96%
1 serving
}
1 serving
addthis {
1 serving
display:none
1 serving
}
1 serving
body {
1 serving
}
1 serving
home-navpoint {
1 serving
display:none
1 serving
}
1 serving
display: none
1 serving
}
1 serving
}
1 container
mobile {
1 serving
float:none
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
width: 330px
1 serving
}
1 serving
mobilenavpoint {
1 serving
padding-left: 10px
1 serving
padding-right: 10px
1 serving
}
500
no-show-mobile {
1 serving
display: none
1 serving
}
500
only-show-mobile {
1 serving
}
1 serving
do-not-float {
1 serving
float: none
1 serving
}
1 serving
right-column-narow {
1 serving
}
100
make-it {
1 serving
}
1 serving
home_topfour {
1 serving
margin-left:1%
1 serving
width:49%
? margin-top:0; margin-top:0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
height:auto
1 serving
}
1 serving
item3a-home {
1 serving
width
1 serving
margin-right
1 serving
height: auto
1 serving
}
1 serving
pics3-home {
1 serving
max-width
1 serving
}
1 serving
item3a-alt {
1 serving
width
1 serving
margin-right
1 serving
height: 194px
1 serving
}
1 serving
pics3-alt {
1 serving
max-width
1 serving
}
1 serving
}
1 serving
iphone portrait and similar
1 serving
media screen and {
150
pic {
1 serving
width
1 serving
margin-left: 0px
1 serving
margin-right: 0px
1 serving
float: none
1 serving
text-align: center
1 serving
}
175
pic {
1 serving
width
1 serving
margin-left: 0px
1 serving
margin-right: 0px
1 serving
float: none
1 serving
text-align: center
1 serving
}
1 serving
ability2comment {
1 serving
display:none
1 serving
}
400
no-show-mobile {
1 serving
display: none
1 serving
}
400
only-show-mobile {
1 serving
}
1 container
mobile {
1 serving
float:none
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
width: 300px
1 serving
}
1 serving
mobilenavpoint {
1 serving
padding-left: 8px
1 serving
padding-right: 8px
1 serving
}
1 serving
whereyouat {
1 serving
}
1 serving
item3a img
1 serving
item3a {
1 serving
max-width:126px
1 serving
height: 176px
1 serving
}
1 serving
width: 134px
1 serving
margin-right:8px
1 serving
}
1 serving
left-column-pg-defined .item {
1 serving
margin-right: 7px
1 serving
}
1 serving
recipe1left {
1 serving
width: 302px
1 serving
}
1 serving
recipe1right {
1 serving
width: 302px
1 serving
}
1 serving
all .citytable {
1 serving
width: 300px
1 serving
}
1 serving
listtext {
1 serving
}
1 serving
home_topfour {
1 serving
height:230px
1 serving
}
1 serving
home_topfour img {
1 serving
max-height: 200px
1 serving
}
1 serving
}