/*
    |--------------------|
    |-------FONTS--------|
    |--------------------|
*/
    body{
        font-family: 'Myriad Pro', Verdana, Calibri, Arial;
    }
    a{
        color:#000;
        text-decoration:none;
    }
        a:hover{
            color:#8C8059;
        }
    #content a{
        text-decoration:underline;
    }
        #content a:hover{
            text-decoration:none;
        }
    #sidebar-start{
        line-height:150%;
    }
        #sidebar-start h2{
            border-bottom:1px solid #dedede;
            font-size:20px;
            margin-bottom:0px;
            padding-bottom:6px;
        }
        #sidebar-start ul{
            margin:0 0 24px 12px;
        }



/*    #back{
        font-size:14px;
        text-decoration:underline;
    }
        #back:hover{
            text-decoration:none;
        }                                   -------------------- can I remove this?
*/

/*
    |--------------------|
    |------- MENU -------|
    |--------------------|
*/
    .menu li a{
        font-size:18px;
        margin:0 8px;
        text-decoration:none;
    }
    .current {
        color:#8C8059;
    }


/*  |------------------------|
    |------- ELEMENTS -------|
    |------------------------|
*/
    p{
    	font-family: 'Myriad Pro', calibri, arial;
    	margin: 0 0 16px 0;
    	line-height:24px;
    	font-size:16px;
    }

    h1, h2, h3, h4, h5, h6{
    	font-family: 'Myriad Pro', Verdana, Calibri, Tahoma;
    }
    h1{
        font-size:24px;
        margin: 0 0 16px 0;
    }
    h2{
    	font-size: 16px;
    	margin: 0 0 16px 0;
    }
    h3{
    	font-size: 24px;
    }



/*
    |------------------------|
    |-- SIDEBAR-START.php ---|
    |------------------------|
*/
    #sidebar-start h2.widgettitle{ /* title in sidebar, not footer */
        font-size:16px;
        margin:0 0 12px 0;
    }





/*  |------------------------|
    |------- FOOTER ---------|
    |------------------------|
*/
    .widget-area h2.widgettitle{ /* title of every widet */
        font-size:16px;
        margin:0 0 12px 0;
    }
    .widget-area a{ /* links in the widget */
        color:#8C8059;
        list-style-type:disc;
    }
        .widget-area a:hover{
            color:#dcd3b8;
        }
    #copyright a{ /* link to the author */
        color:#8C8059;
    }
        #copyright a:hover{
            color:#000;
        }



/*  |------------------------|
    |-------- SINGLE --------|
    |------------------------|
*/

    .postinfo h2{ /* the post title */
        border-bottom:1px solid #dedede;
        font-size:20px;
        margin-bottom:0px;
        padding-bottom:6px;
    }
        .postinfo p{ /* text in post */
            font-size:12px;
        }




/*
    |-----------------------------|
    |---------- PRODUKTER --------|
    |-----------------------------|
*/
    .box h2{ /* the heading in the box */
        font-size:16px;
        margin-bottom:6px;
    }
    .box{ /* the box with each product */
        color:#555;
        text-align:center;
    }
        .box:hover{
            color:#000;
        }

    #ingrediens ul{
    }
        #ingrediens li{
            list-style-image:url('images/bullet.png');
            margin-left:16px;
        }
    ul#produkter{
        line-height:22px;
        margin-top:-12px;
    }
        ul#produkter ul{
            margin-bottom:16px;
        }