body {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#eee; margin: 0px; background-color:#000; background:url(/naft/naft00.gif); }
#bottom { background-color:#000; b-order-right:solid 7px #dce1e1; b-order-bottom:solid 7px #dce1e1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px  20% 0px auto; width: 800px;}
hr {color:#333;}
.userimage { margin:8px; margin-right:14px; float:left; border: solid 4px #dce1e1;}

 a {  }
 a:link { text-decoration: none; color: #eee; }
 a:visited { text-decoration: none; color: #eee; }
 a:hover { text-decoration: underline; color: #606060; }
 a:active { text-decoration: underline; color: #606060; }

 a.no:hover {text-decoration: none;}

.com { padding:2px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999;background-color: #fafafa; border: solid 1px #e6e6e6;}
.nav{ font-size: 40px; font-weight: Normal; margin: 0px 0px 3px -1px; color: #ddd; font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, Sans-Serif; }

h1 { font-size: 50px; font-weight: Normal; margin: 6px 0px 8px -1px; color: #666; font-family: Arial, Helvetica, sans-serif; }
h2{ font-size: 19px; font-weight: Normal; margin: 0px 0px 3px -1px; color: #666; font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, Sans-Serif; }
h3 { font-size: 14px; font-weight: Normal; margin: 2px 0px 2px -1px; color: #666; font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, Sans-Serif; }

a { text-decoration:none; color: #eee;}
a:hover { text-decoration:underline;}

strong { color: #444; }
.black { color: #000; }
.dark { color: #444; }
.medium { color: #808080; }
.light { color: #999; }
.white { color: #fff}
.small {font-size:11px;}
.left {float:left}
.right {float:right}
.clear {clear:both;}

/*********************************
***** Img overview styles *********** 
*********************************/
#imgoverview { padding-left: 0px; }
#imgoverview h1 { margin: 5px 0px 0px 0px; border-bottom: solid 1px #ccc; color: #666; font-size: 16px; margin-right: 20px; }

#imgoverview img { border: solid 4px #eee; margin: 5px 5px 10px 5px; }
#imgoverview a img.thumb { margin: 7px 4px 4px 0px; border: solid 7px #222; filter: Alpha(Opacity=65); opacity: 0.65; -moz-opacity: 0.65; }
#imgoverview a img.thumb_on { margin: 2px 0px 5px 0px; border: solid 9px #222; filter: Alpha(Opacity=95); opacity: 0.95; -moz-opacity: 0.95; }
.timestamp { margin-left: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; }

      a.medium  { color: #909090; }
   a.medium:link  { color: #909090; }
    a.medium:visited  { color: #909090; }
     a.medium:hover  { color: #333; }



/**********************************************
***** ImageBlogPage - Full image and navbars ***** 
 **********************************************/
/* Innesluter Hela bloggsidan - bild, kommentarer */
#ImageBlogPage {margin-top:0px;}
/* h1 relativ för att komma ner en bit (navbarcontainerONE tar 30 blanka pixlar) */
#ImageBlogPage h1 { float:left; font-size: 19px; font-weight: Normal; margin: 8px 0px 0px -1px; color: #eee; font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Verdana, Sans-Serif; }
#ImageBlogPage a.comm { margin-top:15px; display:block; float:right; font-size:12px;margin-right:15px; }

/* Innesluter navigering och fullskalig bild - Inte så mycket att göra något med*/ 
#ImageAndNavbarsContainer {margin: 0px;}

/* Fullskalig bild - Själva bilden */
#fullimage { border: solid 6px #dce1e1; margin-top:-80px; margin-right:0px; m-argin-bottom:-30px;}
 #video {   margin-top:-80px; margin-right:0px; margin-bottom:-30px;}
 
/* Innesluter navigerings par ett (uppe)  - Ligger direkt ovan bilden */
#NavContainerOne {width:100%; height: 70px; position: relative; top: 10px;}
/* Nav items */
#NavitemPrevOne { margin-left: 15px; border:solid 1px #ddd; float: left; back-ground: #fff url('/_images/buttons/img_prev.png'); }
#NavitemNextOne { margin-right: 15px; border:solid 1px #ddd; float: right; back-ground: #fff url('/_images/buttons/img_next.png'); }

/* Innesluter navigerings par två (nere) - Ligger direkt under bilden */
#NavContainerTwo {visibility: hidden; width: 100%; height: 30px; position: relative;top: -70px; }
/* Nav items */
#NavitemPrevTwo {  margin-left: 15px; float: left;  backg-round: #fff url('/_images/buttons/img_prev.png'); }
#NavitemNextTwo {  margin-right: 15px; float: right; backg-round: #fff url('/_images/buttons/img_next.png');  }

/* Gemensamt för alla fyra navbarsitems */
#NavitemNextOne, #NavitemNextTwo, #NavitemPrevOne, #NavitemPrevTwo 
{display:block;width:70px; height:70px;  background-color: #333; filter: Alpha(Opacity=35); opacity: 0.35; -moz-opacity: 0.35; }
#NavitemNextOne:hover, #NavitemNextTwo:hover, #NavitemPrevOne:hover, #NavitemPrevTwo:hover 
{filter: Alpha(Opacity=95); opacity: 0.95; -moz-opacity: 0.95;} 

/*********************************
***** Calender style *************
*********************************/
#calendar { font-size: 9px; color: #aaaaaa; width: 160px; margin: 0px auto 0px auto; font-family: Times New Roman; }
#calendar .head { border-bottom: solid 1px #ddd; }
#calendar td { height:19px;}
 

#calendar a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; }
#calendar a:hover { text-decoration: underline; color: #eee; }
#calendar a:link { text-decoration: none; color: #eee; }
#calendar a:visited { text-decoration: none; color: #eee; }

/***** Calendar - Says that belongs to previous or next month *************/
#calendar .day_othermonth { color: #333333; }
#calendar .day_othermonth a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #dddddd; }
#calendar .day_othermonth a:hover { text-decoration: underline; color: #dddddd; }
#calendar .day_othermonth a:link { text-decoration: none; color: #dddddd; }
#calendar .day_othermonth a:visited { text-decoration: none; color: #dddddd; }

/***** Calendar - Selected day *************/
#calendar .day_selected {background-color:#333; color:White;}
#calendar .day_selected a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; }
#calendar .day_selected a:hover { text-decoration: underline; }
#calendar .day_selected a:link { text-decoration: none; }
#calendar .day_selected a:visited { text-decoration: none; }