/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text
	background: #42B4E6; */

body {
	padding-top: 0px;
  
    	background-image: url('/images/.jpg');
}

img 
{
          display: block;
          height: auto;
          max-width: 100%;
}

.layout
{ 	
	text-align: center;
  	padding-top: 30px;
	background: transparent;
}


.logo 
{
  
	position: absolute;
  
	top: 0px;
  
	left: 50px;
  
	top: 1px;	
	z-index: -1;
	border: 0px solid black;
}

.display
{ 	
	background: white;
	opacity: 0.9;
     	filter: alpha(opacity=95);

     	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid gray;
}

.display-image
{
	background: white;	
	opacity: 1.0;
     	filter: alpha(opacity=100);
     	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid gray;
	
}

.cookbook
{ 	
	background: white;
	opacity: 1.0;
     	filter: alpha(opacity=100);
 
     	border-radius: 10px;
	padding-left: 90px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 6px solid #6ab608;
	border-left: 0px solid #6ab608;

    	background-image: url('/images/edge.jpg');

	background-repeat: repeat-y;

     	background-position: 0px; 
}

.cookbook-centre
{ 	
	float: left;
	padding-right: 20px;
	border: 0px solid gray;

}

/* Customize container     	background-image: url('/images/edge.jpg'); */


@media (min-width: 768px) 
{
  
.container {
    max-width: 1000px;
	
  }
}


.container-narrow > hr {
  margin: 30px 0;
}





.narrow
{ 	
	width: 800px;
  	display: block;
 	margin-left: auto;
  	margin-right: auto;
	background: white;
	opacity: 0.9;
     	filter: alpha(opacity=95);

     	border-radius: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


footer 
{
	padding-top: 10px;
	text-align: center;
	width: 100%;
	height: 50px;
	background: transparent;
}




/* CUSTOMIZE THE NAVBAR #6ab608 .navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */


.navbar-height
{
	height: 32px;
}


.navbar 
{
 
	background: #6ab608;
 	color: black;
	border-bottom: 1px solid grey;

}


.navbar .nav > li > a 
{
 	color: black;
}











/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) 
{


  /* Navbar positioning foo */
  .navbar-wrapper {


	background: white;
	border-bottom: 1px solid grey;


	background: white;
    	margin-top: 0px;
    	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;	

  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 6px;
  }


.logo 
{
  
	
	z-index: 9999;
	left: 140px;
 
}



}