
#col1 hgroup
{text-align:left;
margin-left:0px;}

#col1 hgroup h1
{font-size:72px;
background-color:#f0f0f0;
background-color:rgba(254, 254, 254, 0.7);
padding-left:10px;
padding-right:10px;
display:inline-block;} /*is this ok*/

#col1 hgroup h2 
{font-size:24px;
line-height:28px;
border-left:10px solid rgba(254, 254, 254, 0.7);
} /*why doesn't padding work here? because it's inline?*/

#col1 hgroup h2 span
{background-color:#f0f0f0;
background-color:rgba(254, 254, 254, 0.7);}

hgroup h3 
{font-size:24px;
background-color:#f0f0f0;
background-color:rgba(254, 254, 254, 0.7);
margin-top:24px;
padding:6px;
display:inline-block;}

#basket
{margin-left:0px;
margin-top:20px;
position:relative;}

#basketBottom
{position:absolute;
top:130px;
z-index:50;}

#basketTop
{position:absolute;
top:236px;
left:10px;
z-index:100;}

#basketRecipe
{position:absolute;
top:80px;
left:340px;
z-index:60;
color:#b4131b;
cursor:pointer;} /*COMES FROM THE BACKEND, please change*/

#featuredRecipe
{font-size:12px;
position:absolute;
top:40px;
left:35px;
z-index:60;
padding-bottom:6px;
border-bottom:1px solid #b4131b;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
transform: rotate(-6deg);}

#recipeName
{font-size:20px;
position:absolute;
top:68px;
left:68px;
z-index:60;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);}

#vegLeft
{position:absolute;
top:160px;
left:70px;
z-index:80;} 

#vegCenter
{position:absolute;
top:150px;
left:200px;
z-index:70;} 

#vegRight
{position:absolute;
top:0px;
left:490px;
z-index:80;} 

