/* screen css Fjodor blog
author: Annette Schwindt
www.phc.no/fjodor */

html {height:101%}

* {margin:0; padding:0;}

body     {background-color: #B7D7D7;
          background-image:url(background2.jpg);
          background-position: left bottom;
          background-attachment:fixed;
          background-repeat: no-repeat;
          margin:0;
          padding:0 0 200px 0;  /* to make Victor visible in every browser */
          font-family:Verdana, Helvetica, sans-serif;}


/* navi */

#navi    {position: fixed;
          top: 0;
          left: 0;
          width: 130px;
          height:530px;
          padding:20px 0 20px 10px;
          float:left;}  /*for IE 6*/

#navi ul {
          list-style:none;
          margin:0; padding:0;
          text-align: right;
          font-family:Arial, Helvetica, sans-serif;
          font-size: 0.9em;
          font-weight: 600;
          line-height: 1.3em;
          color: #FFFFFF;}

#navi li {border-bottom: 2px dotted #2A7766;
          margin:2px;
          padding:0.5em;
}

#navi a:link    {text-decoration:none; color:#1D5246;}
#navi a:visited {text-decoration:none; color:#1D5246;}
#navi a:hover   {text-decoration:underline; color:#FFFFFF;}
#navi a:active  {text-decoration:none; color:#FFFFFF;}



/*     Fjodor     */

#fjodor {background-image: url(fjodor.gif);
         background-position: left top;
         background-repeat:no-repeat;
         width:169px;
         height:96px;
         border-bottom:none;
}

#fjodor:hover {background-image: url(fjodor_hover.gif);
         background-position: left top;
         background-repeat:no-repeat;
         width:169px;
         height:96px;
}

#fjodor:active {background-image: url(fjodor_hover.gif);
         background-position: left top;
         background-repeat:no-repeat;
         width:169px;
         height:96px;
}

#fjodor a {text-decoration:none !important;
           padding:65px 50px 0 70px;
           line-height:150px;}  /* linkdesign cleared */


/* content */


#content    {background-color: #E9F2F5;
             border: 2px dotted #2A7766;
             margin:0 60px 0 160px;
             width: 600px;
             padding:15px 40px;
             z-index:2;}

h1      {font-style:italic;
         font-size: 2em;
         line-height: 1.0em;
         font-weight: 300;
         color: #880000;
         margin:0;
         padding:0.2em 0 1em 0;
         border-bottom:2px dotted #2A7766;}

h2       {font-style:italic;
          font-size: 1.3em;
          line-height: 1.3em;
          font-weight: 300;
          color: #CD0000;
          letter-spacing:1px;
          margin:1.5em 0 0.7em 0;}


p       {font-size: 0.8em;
         font-weight: 300;
         line-height: 1.6em;
         color: #000000;
         margin:1.4em 0 1.4em 0;}


ul    {font-family:Verdana, Helvetica, sans-serif;
       font-size: 0.8em;
       line-height: 1.2em;;
       font-weight: 300;
       margin:1em 0 1em 2em;
       padding:0;
       color: #000000;}

li     {padding:0 0 0.6em 0.4em;}


a:link    {text-decoration:underline; color:#466023;}
a:visited {text-decoration:underline; color:#466023;}
a:hover   {text-decoration:none; color:#FF5B24;}
a:active  {text-decoration:none; color:#FF5B24;}

img {border:none;
}


/* startpage*/

#start {background-color: #E9F2F5;
        border: 2px dotted #2A7766;
        width:600px;
        text-align:center;
        margin-top:20px;
        margin-left:180px;
        padding:20px;
}

#start h1 {border:none;
           font-size: 3em;
           font-weight: 600;
           color:#800000;
           padding:10px;
           margin:10px;
}

#start a {font-weight: 600;}


/* classes */

.flags {float:right;
        margin:0;
}

.entry   {clear:both;
          border-bottom:2px dotted #2A7766;
}

.books   {text-align:center;
          border-bottom:2px dotted #2A7766;
}


.gallery {text-align:center;
          margin:0;
          padding-bottom:30px;
          border-bottom:2px dotted #2A7766;
}

.gallery img {border: 2px solid #2A7766;
}

.special {color: #CD0000;
       font-size: 1em;
       font-weight:600;
       letter-spacing:1px;}

.translation {clear:both;
              border-top:2px dotted #2A7766;
              border-bottom: 2px dotted #2A7766;
              margin-right: 30px;
              margin-left:30px;
}

.askfjodor {float:left;
            margin-right:20px;
            margin-bottom:100px;
}

.date {text-align:right;
       margin-top:-10px;
}

.top {clear:both;
      text-align:center;}
