/*#############################################################

Name: Bitter Sweet

Date: 2006-10-02

Description: Lime flavoured template with two columns.

Author: Viktor Persson

URL: http://templates.arcsin.se



Feel free to use and modify but please provide credits.

#############################################################*/



/* standard elements */

* {

        margin: 0;

        padding: 0;

}



#menu1act a {

        background-color: #EFF0EA;

        /* font: normal 62.5% "Lucida Sans Unicode",sans-serif; */

        font: normal 12px "Lucida Sans Unicode",sans-serif;

}



#menu2ul li {

        margin: 0px;

        padding-top: 0px;

        padding-bottom: 0px;

        list-style-type: none;

        border: 0;

}



#menu2ul ul {

        margin: 0px;

        margin-left: 1.2em;

        border-bottom: 1px solid #D0E000;

}



a {color: #CC5600;

        /*font: normal 62.5% "Lucida Sans Unicode",sans-serif; */

        font: normal 12px "Lucida Sans Unicode",sans-serif;

        text-decoration: none;

}

body {

        background-color: #FFFFFF;

        font-size: 100.01%;

        color: #333;

        font: normal 62.5% "Lucida Sans Unicode",sans-serif;

}

input {

        color: #555;

        font: normal 1.1em "Lucida Sans Unicode",sans-serif;

}

p,cite,code,ul {

        font-size: 1.2em;

        line-height: 1.2em;

        padding-bottom: 1.2em;

}

ul {margin-left: 1.2em;}

li {list-style-image: url(img/li.gif);}

h1 {font-size: 1.4em;}

blockquote {

        background: #FFF;

        border-bottom: 1px solid #EEE;

        border-top: 1px solid #EEE;

        color: #333;

        display: block;

        font-size: 0.9em;

        margin-bottom: 1.2em;

        padding: 6px 12px;

}

blockquote p {padding: 3px 0;}

h1,h2,h3 {color: #654;}





#haupt {

        margin: 0 0 0 0;

        width: 702px;

}





/* misc */

.clearer {clear: both;}



/* structure */

.container {

        margin: 60px auto;

        width: 702px;

        border: 1px solid #D0E000;

}





/* header */

.header { background-image:url(img/logo-shiva.gif); background-repeat: no-repeat; height: 80px; margin: 0 auto; padding-top: 0; width: 702px; }



.orange {

        background-color: #E06922;

        height: 20px;

        margin: 0 auto;

        margin-bottom: 5px;

        width: 702px;

}



.orange h1 {

        color: #FFF;

        line-height: 20px;

        padding-left: 16px;

}





/* item */

.item {clear: both;}

.item .content {

        float: left;

        width: 493px;

}

.item h1 {

        background: #FFFFFF;

        color: #474B4C;

        line-height: 30px;

        padding-left: 16px;

}

.item .body {padding: 12px 18px;





}



/* main */

.main {float: left;



}



/* navigation */

.navigation {

        float: left;

        margin-left: 10px;

        width: 190px;

        border-top: 1px solid #D0E000;

        border-left: 1px solid #D0E000;

        border-right: 1px solid #D0E000;



}

.navigation h1 {

        background: #D0E000;

        color: #FFF;

        font-size: 1.3em;

        line-height: 30px;

        padding-left: 12px;

}

.navigation ul {

        margin: 0;

        padding: 0;

        display: inline;

}

.navigation li {

        border-bottom: 1px solid #D0E000;

        list-style-type: none;

}

.navigation li a {

        background: #FFFFFF;

        color: #553;

        display: block;

        padding: 8px 4px 8px 12px;

        text-decoration: none;

}

.navigation li a:hover {

        background: #EFF0EA;

        color: #553;

}





/* -----------footer--------------------------- */



#footer {



        clear: left;



        width: 750px;



        background-color: #000000;



        padding: 3px 8px 5px 7px;



        margin: 0 0 0 0;



        color: #ffffff;



        height: 30px



        font-size: 10px;



        vertical-align: center;



        border-top: 2px solid #B7252F;



        text-align: center;



       }







.align-center { text-align: center; }



#act {

        width: 765px;

        padding-top: 5px;

        text-align: center;

        color: #666;

}





.flash {

        background-color: #ffffff;

        width: 702px;

        height: 140px;

}