/* Generella stilar */

* { font: 11px Verdana, Arial, sans-serif; }
i { font-style: italic; }
b { font-weight: bold; }
ul { list-style-type: none; }
#debug { padding: 15px; }
SPAN.copyright { margin: 0.5em; }

/* Links */
a { color: #acf; text-decoration: none; }
a:hover { border-bottom: 1px dotted red; text-decoration: none; }
.error { color: red; }

IMG.urllinkimage { border: 0; margin-right: 2px; }

.on { color: #00AA00; }
.oninactive { color: #005500; }
.oninactive:visited { color: #005500; }
.off { color: #AA0000; }
.offinactive { color: #550000; }
.offinactive:visited { color: #550000; }

.mood { color: #4c7; } /* Mörk */
.online { color: yellow; }
.rights { color: #600; }
.relation { color: #e81; }
a.user, a.user:visited { color: #fab; }

a.group, a.group:visited { color: #9fd54f; } /* Gröngul */
a.write, a.write:visited { color: #6df; }
a.site, a.site:visited { color: #79f; }
a.popup, a.popup:visited { color: #dd9; }

span.gud { background: url(../img/god.gif) 45% 0% no-repeat; }
span.Gud { background: url(../img/god.gif) 80% 0% no-repeat; }

span.ond { background: url(../img/ond.gif) -180% 80% no-repeat; }
span.Ond { background: url(../img/ond.gif) -85% 0% no-repeat; }

SPAN.links {float: right; margin-left: 1em; }

html { height: 100%; }
body { margin: 0 auto; padding: 0; width: 780px; height: 100%; }

table#body { margin: 0 auto; padding: 0; }
tr { margin: 0; padding: 0;  }
td, th { margin: 0; padding: 0; vertical-align: top; text-align: left; }

#maindiv { width: 560px; padding: 0; margin: 0 auto; }
#boxdiv { width: 210px; padding: 0; margin: 0 auto;; }

/* Mainrutor */
ul#main { padding: 0; margin: 0; width: 550px; }
ul#main li { display: block; width: 550px; }

/* Boxar */
ul#box { padding: 0; margin: 0; width: 200px; }
ul#box li	{ display: block; width: 200px; }

div.content { display: block; padding: 5px; }

/* Titlebar */
div#titlebar .container {display: inline;}
div#titlebar 	{ display: block; padding: 1px 1em; text-align: right; color: #ddd; }
div#title 	{ display: inline; text-align: right; margin: 0 6px; color: #d00; font-weight: bold; }
div#clock 	{ display: inline; color: #ddd;}

/* Banner */
div#banner 	{ display: block; }

/* Meny */
#mainmenu { display: block; padding: 0; margin: 0 5px; }

/* Notice */
.notice {position: relative; }

#gbnotice { top: 1em; left: 250px; }
#mailnotice { top: 1em; left: 260px; }
#relnotice { top: 1em; left: 275px; }
#dcommentnotice {top: 1em; left: 285px; }
#icommentnotice {top: 1em; left: 285px; }
#forumnotice { top: 1em; left: 300px; }
#groupnotice { top: 1em; left: 325px; }

/* Changelog */


/* Hjälp */
DL.helplist DD { display: none; }

/* Search */
DL#advs { margin: 0 0 10px 20px; }
DL#advs DD { margin: 0 0 10px; padding: 0; }
DL#advs TABLE {width: 500px; }
DL#advs DIV {padding: 0 5px 5px; }
DL#advs TD.advsimg { width: 77px; min-height: 100px; background: transparent;  }
DL#advs H4 { padding: 0 0 2px; margin: 0 0 5px; }

/* Popups */
SPAN.popup { width: 280px;  }
DL#helplist DD { width: 190px; }
DD#helplist { margin-bottom: 8px; }

/* Userhell */
.icqimg { height: 9px; width: 9px; display: inline; }

/* Sekter */
#sektmembers {	width: 500px; }
#sektmembers td { width: 150px;}
#sektmembers td.online { width: 100px;}
#sektsearch TD { padding: 1px 10px; }

/* Rista */
DL#rista { margin: 0 0 10px 20px; }
DL#rista DD { margin: 0 0 10px; padding: 0; }
DL#rista TABLE {width: 500px; }
DL#rista DIV {padding: 0 5px 5px; }
DL#rista H4 { padding: 0 0 2px; margin: 0 0 5px; }
DL#rista TD.ristaimg { width: 77px; min-height: 100px; background: transparent;  }

SPAN.ristapagelist { width: 180px; display: block; margin: 0 auto; }

#ristabox textarea { margin-top: 1em; }

div.ristatext { overflow: hidden; }

/* Gästbok */
DL#gb { margin: 0 0 10px 20px; }
DL#gb DD { margin: 0 0 10px; padding: 0; }
DL#gb TABLE {width: 500px; }
DL#gb DIV {padding: 0 5px 5px; }
DL#gb H4 { padding: 0 0 2px; margin: 0 0 5px;  }
DL#gb TD.gbimg { width: 77px; min-height: 100px; background: transparent; }

/* Relationer */
SPAN.xfn_list_name { display: block; float: left; width: 140px;  }
SPAN.xfn_list_time { float: left; width: 120px; }
SPAN.xfn_list_rel { float: left; width: 200px; font-weight: bold;  }

.ignore TD, .ignore TH { padding-right: 2em; }
.ignore TH { font-weight: bold;  margin-bottom: 1em;}

/* Dagbok */
TABLE.diarylist TD { padding: 2px 4px 0; }
TABLE.diarylist TH.head { padding: 5px; }
H4.diarytitle { padding: 0; margin: 0; }
DIV.diarytext { padding: 0; margin: 0.5em 0 1em;  }

DIV.diaryimagebox { float: left; width: 240px; margin: 5px; }
DIV.diaryimagebox H4 { padding: 0; margin: 0; }

IMG.diaryimage { margin: 5px 10px; }

/* Vernissage */
UL#gallery {
	display: block;
	padding: 0;
	margin: 0;
	}

UL#gallery LI {
	display: block; background: black;
	padding: 0;
	width: 480px; margin: 10px auto 10px auto;
	height: 60px;
	}

UL#gallery LI DIV { margin: 0.2em;  width: 480px; height: 60px;}


UL#images {
	padding: 0 0 4em;
	margin: 0;
	}

UL#images LI {
	display: block;
	padding: 0;
	width: 480px;
	margin: 5px auto;
	clear: left;
	}

UL#images LI H3 { margin: 0.1em; }
UL#images LI IMG { width: 160px; float: left; text-align: center; width: 160px; margin: 5px; }
UL#images LI DIV { padding-top: 0.5em; }

IMG.FULLSIZE { margin: 0;}


DL.ruleslist { list-style-type: disc; }
DL.ruleslist DD { margin-left: 20px; border: 0; display: list-item;}

/* Jävlas */
TABLE.forum TH { padding: 2px 0.2em; }
TABLE.forum TD { padding: 2px 0.1em; }
DL#forum { margin: 0 0 10px 20px; }
DL#forum DD { margin: 0 0 10px; padding: 0; }
DL#forum TABLE {width: 500px; }
DL#forum DIV {padding: 0 5px 5px; }
DL#forum H4 { padding: 1px 0 1px; margin: 0; }
DL#forum TD.forumimg { width: 77px; min-height: 100px; background: transparent;  }
IMG.threadmark { padding: 0; margin-right: 2px; }

/* Kommentarer */

DL#comments { margin: 0 0 10px 20px; }
DL#comments DD { margin: 0 0 10px; padding: 0; }
DL#comments TABLE {width: 500px; }
DL#comments DIV {padding: 0 5px 5px; }
DL#comments TD { text-align: left; }
DL#comments TD.commentsimg { width: 77px; min-height: 100px; background: transparent; }
DL#comments H4 { padding: 2px 0 2px; margin: 0 0 5px;  }

/*	Login	*/
DIV#loginbox { margin: 2em auto 0; padding: 0;
		background: url(../img/login.jpg) top right no-repeat;
		width: 760px; height: 300px;
		border: 1px solid #444;
		border-top-color: #666;
		border-left-color: #666;
		}

DIV#messages {
width: 300px; margin: 80px 0 0 10px;
padding: 0; clear: right; float: left;
}

DIV#messages H1 {font-weight: bold; margin: 0 0 1em; padding: 0; }

DIV#messages OL LI { margin: 0 0 1em; font-weight: bold; }
DIV#messages P { margin: 0 0 1em; font-weight: normal; }

DIV#logincontent
{
width: 400px; margin: 0 1em 0 0; padding: 0; float: right;
}

DIV.msg, DIV#loginform, DIV#loginimages {  }

DIV.msg { width: 260px; margin: 0; padding: 0;  }
DIV.msg UL { margin: 0.4em; }
DIV.msg OL { width: 220px; padding: 0 0 0 1em; margin-left: 0; list-style: none; }
DIV.msg LI { width: 220px; margin-left: 1em;  }


DIV.msg P { width: 220px; }
DIV#loginform
{
width: 270px;
padding: 5px;
margin-top: 80px;
}

DIV#loginform input, select
{
padding: 0; margin: 2px;
clear: right;
}


DIV#loginform label
{
margin: 2px;
clear: left;
float: left;
padding: 0 0;
display: block;
width: 100px;
}

DIV#loginimages
{
float: right;
text-align: center;
width: 90px;
margin-top: 1em;
}

DIV#loginimages h4 { margin: 0 0 0.5em; padding: 2px; }

DIV#loginimages img { margin: 0 auto 1em; border: 3px double #555;  }
DIV#loginimages img.notices { border: 3px double #bb5; }

DIV#loginimages img:hover { border: 3px double red;  }

SPAN.bottom { position: relative; top: 0.5em; left: 2em;   }