/*
Theme Name: Vibako
Theme URI: http://www.intdesign.se
Description: The theme for Vimmerby Bageri & Konditori
Version: 0.1
Author: Andreas Olsson
Author URI: http://www.intdesign.se

*/


/*
    |-------------------------------|
    |------------ MIXED ------------|
    |-------------------------------|
*/
    body{
    	background-image: url(images/bg.jpg);
    }
    #post-it{ /* the post it note */
        background:url(images/note.png) no-repeat;
        float:right;
        height:240px;
        margin-top:40px;
        width:246px;
        z-index:1; /* shows the post-it on top */
    }


/*
    |-------------------------------|
    |---------- STRUCTURE ----------|
    |-------------------------------|
*/

        #wrapper{
            background:url(images/shadow.png) repeat-y;
            padding:0 15px;
        }
            #header{
            	background: #fefefe url(images/logo.png) no-repeat 40px 10px;
            	height:150px;
            }
            #banner{
            	background: url(images/banner.jpg) no-repeat;
            	height:234px;
            	z-index:-1;
            }
            #container{
            	background-color: #fefefe;                 	
            	padding-top:30px; /* gets the extra space under the banner */
            	padding-bottom:15px;
            }

            #footer-wrapper{
                background:url(images/shadow-footer.png) no-repeat;
                padding:0 15px;
            }
            #footer{
                border-bottom:1px solid #dedede;
                padding-bottom:16px;
            }
                #footer-widget-area{
                    background: url(images/footer.png) repeat-x;;                  	
                }


/*
    |----------------------------|
    |----------- MENU -----------|
    |----------------------------|
*/
        .menu{
            float:right;
            margin: 112px 60px 0 0;
        }
            .menu li{
                display: inline;
            }




/*
    |-----------------------------|
    |---- SIDEBAR - START.PHP ----|
    |-----------------------------|
*/




/*
    |-----------------------------|
    |---------- FOOTER -----------|
    |-----------------------------|
*/
    #footer-widget-area{
        padding-top:15px; /* gives the space between the container and the footer */
        padding-bottom:15px; /* gives the space between the footer and the copyright */
        border-top:1px solid #ddd;
    }
    #copyright{
        padding-top:15px;
    }


/*
    |-----------------------------|
    |---------- PRODUKTER --------|
    |-----------------------------|
*/
    .box{ /* the box with each product */
        background:url(images/produkt.png) repeat-x;
        border:1px solid #ddd;
        padding:4px;
    }
    .box:hover{
        border-color:#888;
    }
        .box img{
            margin-bottom:6px;
        }
    #ingrediens{
        margin-bottom:16px;
    }




/*
    |-----------------------------|
    |---------- KONTAKT ----------|
    |-----------------------------|
*/
    .button{
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
        -webkit-border-radius: 5px; /* G�r alla h�rn runda */
    }
    #karta{
        float:right;
    }