/* Body */
body {
background: #999;
color: white;
}

table#body { 
background: #aaaaaa url(../img/haze-bg.jpg) 0px 144px no-repeat;
border: 1px solid black; 
}

/* Links */
a, a:visited, a:active, a:hover { color: #ddd; border: 0; }
.error { color: red; }
.mood { color: #284; } /* Mörkare! */
.online { color: yellow; }
.rights { color: #600; }
.relation { color: #FC0; }
a.user, a.user:visited { color: #ccc; }
a.popup, a.popup:visited { color: #BB7; }

a:hover { color: white; }

/* Main */
ul#main li {
background: url(../img/haze-mainbg.png) top left repeat; padding: 0; margin: 0 0 15px;
border: 1px solid black;
}
ul#main li h1 {
padding: 5px; margin: 0;
background: url(../img/haze-maintitle.png) top left repeat;
}

/* Boxar */
ul#box li {
background: url(../img/haze-mainbg.png) 0 0 repeat; padding: 0; margin: 0 0 15px;
border: 1px solid black;
}
ul#box li h1 { padding: 5px; margin: 0; background: url(../img/haze-maintitle.png) 0 0 repeat-y; }

/* Banner */
div#banner
{ width: 778px; height: 102px; padding: 0; margin: 0; 
background: black url(../img/haze-banner_01.jpg) top left no-repeat;
}

/* Titlebar */
div#titlebar    { color: white;  }
div#titlebar .container { background: url(../img/haze-maintitle.png) top left repeat; padding: 0 0.2em; }
div#title       { color: #d00; }
span#clock       { color: white; }


/* Meny */
#mainmenudiv {
display: block; width: 778px; height: 16px;
background: black url(../img/haze-banner_02.jpg) top left no-repeat;
padding: 0; margin: 0 0 0px;
}

#mainmenu a { margin: 0 3px; text-align: center; color: #aaa; }
#mainmenu li { float: left; text-indent: 0; margin: 0;  padding-top: 1px;}
#mainmenu li.active {  }
#mainmenu li.active a { color: white; }

#mainmenu a:hover { text-decoration: none; color: white; }

.menunotify { color: white; text-decoration: blink; }

#submenudiv { 
	display: block; width: 778px;
	background: url(../img/haze-submenu.jpg) top left no-repeat;
	height: 26px;
	}

#submenu { display: block; float: left; float: left;  padding: 0; margin: 5px;
}
#submenu li {
margin: 0 6px 0 0; padding: 1px 4px;
display: block;
float: left; 
}

#submenu a:hover { color: white; }
#submenu a { color: #ccc; }

.notice { background: #330000; }

/* Startsidan */
H3.newstitle
{
font-weight: bold; padding: 2px 3px 2px 0; margin: 0;
border-bottom: 1px solid #999;
}
SPAN.newstime { color: #999; }

/* Search */
DL#advs TD { background: url(../img/haze-mainbg.png) top left repeat; }
DL#advs H4 { border-bottom: 1px dashed white; }

/* Userhell */
#usertable { margin: 0; width: 100%; background: url(../img/haze-mainbg.png) top left repeat; }
#usertable td { padding: 14px; }

/* Rista */
DL#rista TD { background: url(../img/haze-mainbg.png) top left repeat; }

DL#rista TD.ristahighlight1 { background: url(../img/haze-mainbg1.png) top left repeat; }
DL#rista TD.ristahighlight2 { background: url(../img/haze-mainbg2.png) top left repeat; }
DL#rista TD.ristahighlight4 { background: url(../img/haze-mainbg4.png) top left repeat; }

DL#rista TD.ristahighlight3 { background: url(../img/haze-mainbg3.png) top left repeat; }
DL#rista TD.ristahighlight5 { background: url(../img/haze-mainbg5.png) top left repeat; }
DL#rista TD.ristahighlight6 { background: url(../img/haze-mainbg6.png) top left repeat; }

DL#rista TD.ristahighlight7 { background: url(../img/haze-mainbg7.png) top left repeat; }
DL#rista TD.ristahighlight { background: url(../img/haze-mainbg7.png) top left repeat; }


DL#rista H4 { border-bottom: 1px solid #555; }

/* Gästbok */
DL#gb TD { background: url(../img/haze-mainbg.png) top left repeat; }
DL#gb H4 { border-bottom: 1px solid #800; }

/* Relationer */
SPAN.xfn_list_rel:hover { color: #FCC;  }
SPAN.xfn_fri { color: #fd7; }
SPAN.xfn_met { color: #f77; }
SPAN.xfn_geo { color: #bfb; }
SPAN.xfn_pro { color: #779; }
SPAN.xfn_settings { color: #99f; }
SPAN.xfn_fam { color: #fbb; }
SPAN.xfn_rom { color: red; }

/* Dagbok */
TABLE.diarylist { background: transparent; width: 550px; text-align: left;  }
TABLE.diarylist TR.odd { background: url(../img/haze-mainbg.png) top left repeat; }
TABLE.diarylist TR.even { background: transparent;  }
TABLE.diarylist TR.titles { background: url(../img/haze-maintitle.png) top left repeat; }
SPAN.charcount { color: green; }
H4.diarytitle { border-bottom: 1px dashed #666; }

/* Vernissage */
UL#gallery LI {
	display: block; background: black;
	width: 480px; margin: 10px auto 10px auto;
	height: 60px;
	border: 1px solid #666;
	border-right-color: #444;
	border-bottom-color: #444;
	}

UL#gallery LI:hover {
	border-color: #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	}

UL#gallery LI SPAN.galleryname { font-weight: bold; }

UL#images LI {
	background: url(../img/haze-mainbg.png) top left repeat;
	border: 1px solid #666;
    border-right-color: #444;
    border-bottom-color: #444;
	}

UL#images LI H3 { font-weight: bold; }
UL#images LI IMG { border: 1px solid black; }
UL#images LI IMG:hover { border-color: #FFF;}

SPAN.imageslinks { border-left: 1px solid #777; margin: -4px 0 0 1ex; padding: 4px 1ex 4px 2ex; float: right; }

/* Jävlas */
TABLE.forum { background: transparent; width: 100%; text-align: left;  }
TR.forumhead { background: url(../img/haze-maintitle.png) top left repeat; }
TR.forum { background: url(../img/haze-mainbg.png) top left repeat; }

DL#forum TD { background: url(../img/haze-mainbg.png) top left repeat; }
DL#forum H3 { padding: 0 0 1px 5px; margin: 0 -5px 3px; font-weight: bold;
		border-bottom: 1px solid #666; }

DL#forum TD DIV.threadlink { border-top: 1px solid white; margin: 1em 0 -8px; text-align: right;}

/* Kommentarer */
DL#comments TD { background: url(../img/haze-mainbg.png) top left repeat; }