/* -------------------------------------------------------------- 
  
   Unpry
   * Version:   0.2 (28/8/2007)
   * Website:   http://www.sparkable.com/
      
   This is the main CSS-file for the framework.
   
-------------------------------------------------------------- */

body {
  line-height: 1.5;
  color:#000;
  background: none;
  font-size: 11pt;
}

h1,h2,h3,
h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Arial, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 

img { 
  float:left; 
  margin:1.5em 1.5em 1.5em 0;
}
p img.top { 
  margin-top: 0; 
}

hr { 
  background:#ccc; 
  color:#ccc;
  width:100%; 
  height:1px; 
  margin: .3em 0; 
  padding:0; 
  border:none; 
}
blockquote { 
  margin:1.5em 0; 
  padding:1em; 
  border:0.2em solid #ccc; 
  font-style:italic; 
  font-size:0.9em; 
}

.small, .small p  { font-size: 0.9em; }
.large, .large p  { font-size: 1.1em; }
.quiet, .quiet p  { color: #999; }
.hide             { display:none; }

.clear { 		float: none; clear: both; }
br.clear {		line-height: 1.0; }

.center { text-align: center; }
.half { float: left; display: block; width: 48%; padding-right: 2%; }
.thirds { float: left; display: block; width: 32%; padding-right: 1%; }

a, a:link, a:visited {
	background: transparent;
	/* font-weight: bold; */
	text-decoration: underline;
}
/*
a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}
*/
/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */ 

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */

#b,
input[type="submit"],
input[type="image"] { 
  display: none;
}  

/* Recipes */

#smm,
.recipeSMM,
.backToRecipes { display: none; }

.servingSizeInput { 				margin-left: 5px; width: 40px; text-align: left; border: 0px solid #fff; }
#recipeLeftDetail { 				position: relative; display: block; float: right; width: 30%; padding-bottom: 20px;}
  #recipeLeftDetail img {  	float: right; clear: both; width: 100%; }
#recipeRightDetail {  			display: block; width: 68%; padding-right: 1%; }