/* Cookizzas */
@import url(http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica);
@import url(http://fonts.googleapis.com/css?family=Sonsie+One);

section#cookizzas {
    background: url('../gfx/pizza.jpg') 50% 0 repeat fixed;
    min-height: 700px;
    padding: 10px 40px;
    position: relative; 
}

section#cookizzas hgroup h1 {
    color: #C16826;
    font-size: 40px;
    font-family: 'Sonsie One', cursive;
    text-shadow: 5px 5px 15px rgba(0,0,0,.6); 
}

section#cookizzas hgroup h2 {
    color: #C18866;
    margin-top: -30px;
    font-size: 16px;
    font-family: 'Sonsie One', cursive;   
    text-shadow: 5px 5px 15px rgba(0,0,0,.6); 
}


section#cookizzas .cookizza {
    height: 270px;
    margin-bottom: 20px;
    border-bottom: 4px dotted #01323D;
}

section#cookizzas .cookizza img {
    z-index: 45;
    position: absolute;
    width: 320px;
    border: 10px solid #FAFAFA;
    box-shadow: 0px 0px 10px black;
    transition: all .1s ease-in-out;  
}

section#cookizzas .cookizza:hover img,  section#cookizzas .cookizza:focus img {
    width: 350px;
    box-shadow: 0px 0px 30px rgba(0,0,0,.5);
    
    -moz-transform:rotate(-2deg);
	-webkit-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
}

section#cookizzas .cookizza .content {
    left: 400px;
    position: absolute;
    padding: 20px;
    padding-right: 40px;
    z-index: 40;
    margin-right: 10px;
    transition: all .4s ease-in-out;  
}

section#cookizzas .cookizza:hover .content, section#cookizzas .cookizza:focus .content {
   
    
    background: rgba(53,129,143,.4);
    
    background-image: -webkit-gradient(
	linear,
	left top,
	right bottom,
	color-stop(0.26, rgba(0,0,0,0.4)),
	color-stop(0.63, rgba(53,129,143,0.5)),
	color-stop(.84, rgba(0,0,0,0.2))
);
background-image: -o-linear-gradient(right bottom, rgba(0,0,0,0.4) 26%, rgba(53,129,143,0.5)  63%, rgba(0,0,0,0.2) 84%);
background-image: -moz-linear-gradient(right bottom, rgba(0,0,0,0.4) 26%, rgba(53,129,143,0.5)  63%, rgba(0,0,0,0.2) 84%);
background-image: -webkit-linear-gradient(right bottom, rgba(0,0,0,0.4) 26%, rgba(53,129,143,0.5)  63%, rgba(0,0,0,0.2) 84%);
background-image: -ms-linear-gradient(right bottom, rgba(0,0,0,0.4) 26%, rgba(53,129,143,0.5)  63%, rgba(0,0,0,0.2) 84%);
background-image: linear-gradient(to right bottom, rgba(0,0,0,0.4) 26%, rgba(53,129,143,0.5)  63%, rgba(0,0,0,0.2) 84%);

    
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    
}

section#cookizzas .cookizza .content h2 {
    margin-top: 5px;
    color: white;
    font-size: 30px;
    font-family: 'IM Fell DW Pica', serif; 
    text-shadow: 5px 5px 15px rgba(0,60,30,.8); 
}

section#cookizzas .cookizza .content h3 {
    color: grey;
    font-size: 15px;
    margin-top : -15px;
    font-family: 'Sonsie One', cursive;      
    transition: all .4s ease-in-out;  
}


section#cookizzas .cookizza:hover .content h3, section#cookizzas .cookizza:focus .content h3 {
    color: #408080;   
    text-shadow: 0px 2px 3px #101010;
}

section#cookizzas .cookizza .content p {
    text-align : justify;
    text-shadow: 0px 1px 1px black;
}