
.print { display: none; }
.screen { display: block; }


/* colours* .................. */
.black { color:black; }
.darkgrey {color:#A9A9A9; }
.gold { color:#f3db7f; }
.green { color:#808000; }
.green-bold { color:#808000; font-weight: bold; }
.grey-bold { color:#C0C0C0; font-weight: bold; }
.olive-bold { color: #b2bf24; font-weight: bold; }
.success-color { color: #54bb5f; }
/* endof: colours  */



/*~~~~
,,A
~~~~*/

/*~~~~
,,B
~~~~*/


.black-bold
{
 color: black;
 font-weight:bold;
}


blockquote
{
 color: grey;
}


/*~~~~
,,C
~~~~*/

/*~~~~
,,D
~~~~*/

.dates
{
 color:grey;
 padding-top:0.2em;
 float:left;
}


/*~~~~
,,E
~~~~*/


/*~~~~
,,F
~~~~*/

/* font* -------------------------------------------- */
* { font-family: "Open Sans",verdana, tahoma, arial, helvetica, sans-serif; }

/* -- footer* foot* --------------------------------- */
#footer
{
padding-top: 1.5em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 1em;
color: grey;
line-height: 1.7em;
clear: both;
background-color: #f5f5f5;
}



/* -- endof footer ---------- */




/*~~~~
,,G
~~~~*/

.grey
{
 color:grey;
}

/* Grey panel that spans with of page... */
.greypanel
{
padding-top: 1.5em;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 1em;
color: grey;
line-height: 1.7em;
clear: both;
background-color: #e6e6e6;
}



/*~~~~
,,H
~~~~*/


hr
{
 border-color:#A9A9A9;
}


/* used in dividing lines in recipe page */
.hr-dotted
{
 border: 0.1em;
 border-color:#A9A9A9;
 border-color:#c0c0c0;
 border-style:dotted;
}


/*~~~~
,,I
~~~~*/

/* resp* res* */

/* for NON-MOBILE view... */
@media (min-width: 767px)
{
 .img-responsive-ie { width: 100%; }
}

/* for PHONE in LANDSCAPE view... */
@media (min-width: 481px) and (max-width: 766px)
{
 .img-responsive-ie { width: 70%; }
}

/* for PHONE in PORTRAIT view... */
@media (max-width: 480px)
{
 .img-responsive-ie { width: 60%; }
}


/*~~~~
,,J
~~~~*/

/*~~~~
,,K
~~~~*/

/*~~~~
,,L
~~~~*/


/*~~~~
,,M
~~~~*/

/* -- validation for forms .................. */
#main-form label.error
{
/* Formats the label for the error places, inc placing it under the input box */
  color: grey;
  display: block;
  font-family: sans-serif;
  font-size: 0.8em;
  margin-left: 0.2em;
}
#main-form input.error, #main-form select.error
{
/* Formats the input box when there is a user input error */
  background: pink;
  border: 1px solid red;
}
/* endof: validation for forms */



/*~~~~
,,N
~~~~*/

/*~~~~
,,O
~~~~*/

/*~~~~
,,P
~~~~*/

/*~~~~
,,Q
~~~~*/


/*~~~~
,,R
~~~~*/

/* ================================================
   RECIPE PAGE (easy-vegetarian-vegan-recipes.htm)
   ================================================
*/

/* add a well type border to first img in the recipe page
   - add: class="recipe-page" to body tag
    ........................................ */
.recipe-page img:first-child
{
  min-height: 20px;
  padding: 19px;
  padding:0.5em;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
a.recipe-picture-link
{
	text-decoration:none;
  background-color: white;
}
.dish
{
 float: left;
 padding-left: 0.5em;
 padding-right: 1em;
}
.greybox
{
 background: #F2F2F2;
 color: #808000;
 color: #b2bf24;
 font-size: 1.5em;
 padding: 0.3em;
 width: 32em;
}
.recipe-body
{
 /* font-size: 1.2em; */
 font-size: 1em;
 text-align:left;
}
.recipe-details
{
 font-size: 1em;
 color: grey;
}
.recipe-heading
{
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 font-size: 1.5em;
 color: white;
 background-color: #808000;
 padding-bottom: 0.2em;
 padding-top: 0.5em;
}
.recipe-pic
{
 padding: 0.3em;
 border: 0.1em;
 border-color:#A9A9A9;
 border-style:dotted;
}
.recipe-title
{
 font-size: 1.5em;
 font-size: 1.3em;
 color: #808000;
 margin-bottom: 0.4em;
 margin-top: 0.4em;
 text-align:left;
}
/* endof:  recipe page --------------  */


/*~~~~
,,S
~~~~*/

/*~~~~
,,T
~~~~*/


/*~~~~
,,U
~~~~*/

/*~~~~
,,V
~~~~*/

/*~~~~
,,W
~~~~*/

/*~~~~
,,X
~~~~*/

/*~~~~
,,Y
~~~~*/

/*~~~~
,,Z
~~~~*/

