body { background: black; color: white; margin:0px 0px; padding:0px; text-align:center; }

#CenteredContent {
	width:1000px;
	margin:0px auto;
	text-align:left;
	padding:0px;
}


img { border: 0; }

A:link, A:active, A:visited { color: white; /*font-size: 7pt; font-family: verdana;*/ text-decoration: none; -moz-outline-style:none; }
A:hover { color: #0066c5; text-decoration: underline; }
A.grey:link, A.grey:active, A.grey:visited { color: #aaaaaa; font-family: verdana; text-decoration: none; font-size: 7pt; -moz-outline-style:none; }
A.grey:hover { color: #0066c5; text-decoration: underline; }

#toplink {position: absolute; z-index: 30; top: 0px; width: 1000px; height: 150px; display: block;}
#skyline {position: absolute; z-index: 0; margin:0px; padding: 0px; top:0px; width: 1000px; height: 234px; background: url("../images/Vaxjoskyline.jpg") no-repeat;}

#bakgr {position: absolute; z-index: 20; margin: auto; padding: 0px; top: 15px; left: 230px; width: 525px; height: 230px;
	background: url("../images/bakgrund1.png") no-repeat;
}

#puls2 {visibility: hidden; position: absolute; z-index: 20; margin: auto; padding: 0px; top: 15px; left: 230px; width: 525px; height: 230px;
	background: url("../images/bakgrund2.png") no-repeat;
}

#measuretext { position: absolute; top: 0px; left: 0px; z-index: 0; display: block; font: italic 11px/24px arial; visibility:hidden; }

/* ***rightside*** */

ul#rightside { position: absolute; margin: 0px; padding: 0px; top:178px; margin-left:780px; list-style: none; width: 220px; overflow: hidden;}

li#sivanloga { margin-top:11px; margin-left:29px; width: 200px; height:108px; background: url("../images/sivansloga3.gif") no-repeat;}
li#graceloga { margin-top:15px; margin-left:36px; width: 190px; height:82px; background: url("../images/graceloga2.gif") no-repeat;}
li#oleonattklubbloga { margin-top:15px; margin-left:33px; width: 200px; height: 107px; background: url("../images/oleonattklubbloga.gif") no-repeat;}
li#vaxjoparkenloga { margin-top:20px; margin-left:31px; width: 200px; height:125px; background: url("../images/vaxjoparkenloga.gif") no-repeat;}
li#vaxjoparkenloga2 { margin-top:20px; margin-left:30px; width: 200px; height:125px; background: url("../images/vaxjoparkenloga2.gif") no-repeat;}

#sivanlogalink { margin-left:20px; width: 160px; height:110px; display:block; }
#gracelogalink { margin-left:10px; width: 155px; height:80px; display:block; }
#oleonattklubblogalink { margin-left:20px; width: 160px; height:110px; display:block; }
#vaxjoparkenlogalink { margin-left:20px; width: 160px; height:110px; display:block; }
#vaxjoparkenloga2link { margin-left:20px; width: 160px; height:110px; display:block; }

li#karloskar { margin-top:20px; margin-left:30px; width: 200px; }/*ändrat 20px för Pudas halloween*/


li#studio54 { margin-top: 20px; margin-left: 30px; width: 170px; height: 220px; border:0px solid red; }

li#ehvsbankett { margin-top: 15px; margin-left: 38px; width: 170px; height: 100px; border:0px solid red; }

div#s54button { position: relative; top: -4px; left:-1px; width: 177px; height: 186px;border:0px solid red;
	background: url("../images/54link_hover2.jpg") -175px top no-repeat; }

a:link#s54buttonlink, a:active#s54buttonlink, a:visited#s54buttonlink {
	position: relative; left: 19px; top: 50px; width:137px;height:113px; display:block; }


li#allkarhem {margin-top:20px; margin-left:30px; width: 169px; height:100px; display:block; background: url("../images/images/allkarlank.gif") no-repeat;}
a:link#allkarhemlink,a:active#allkarhemlink,a:visited#allkarhemlink {
	top:0px; left:10px; width: 155px; height:45px; display:block; }

li#poll {margin-top:20px; margin-left:30px; width: 189px; font: 11px arial;}
li#lastphotocomment { margin-top:24px; margin-left:33px; width: 190px; font: 10px arial; height: 69px; }


/* *** grace / sivans info / vaxjoparken */

.bold{font-family:verdana,arial;font-size:8px;font-weight:bold;line-height:8px;color:#565656;}
.rubrik{font-family:verdana,arial;font-size:9px;font-weight:bold;color:black;line-height:14px;}
.content{font-family:verdana;font-size:9px;color:#333333;line-height:10px;}
.hyper{font-family:verdana,arial;font-size:9px;font-style:italic;color:blue;line-height:13px;}

#grace_mainbox { visibility: visible; position: absolute; z-index: 110;
	top:25px; margin-left:595px; width:0px; height:0px; background:red;font-size:0px; }

#grace_presbox_bg { background: url("../images/gracepres_bakgr2.png") no-repeat; visibility: hidden; position: absolute; z-index: 150; margin:0px; top:0px; left:0px;width: 278px; height:212px; }

#grace_bg_text { visibility: hidden; position: absolute; z-index: 170;display:block;
	padding-left:10px; padding-right:10px; padding-top:12px;top:3px;margin:0px;left:0px;width: 258px; height:213px; font-family: verdana,arial;
	font-size:9px; }

a:link#grace_knapplink, a:active#grace_knapplink, a:visited#grace_knapplink {
	z-index: 180; position: absolute;margin:0px;padding:0px; left: 194px; top: 170px; width:58px;height:19px; display:block;
	-moz-outline-style:none;}
a:link#grace_infolink, a:active#grace_infolink, a:visited#grace_infolink {
	z-index: 180; position: absolute; left: 40px; text-decoration:none; top: 181px; line-height:18px;width:115px;height:15px; -moz-outline-style:none;}
a:hover#grace_infolink{color:#f58c8c;background-image: url("../images/infohover_grace.gif"); background-repeat: no-repeat;}


#sivans_mainbox { visibility: hidden; position: absolute; z-index: 110;
	top:258px; margin-left:595px;width:0px; height:0px; font-size:0px; }

#sivans_presbox_bg { background: url("../images/sivanspres_bakgr4.png") no-repeat; visibility: hidden; position: absolute; z-index: 150;margin:0px;top:0px; left:0px;width: 278px; height:212px; }

#sivans_bg_text { visibility: hidden; position: absolute; z-index: 170; display: block;
	padding-left:10px; padding-right:10px; padding-top:18px;top:3px; margin:0px;left:0px;width: 258px; height:213px; font-family: verdana,arial;
	font-size:9px; }

a:link#sivans_knapplink, a:active#sivans_knapplink, a:visited#sivans_knapplink {
	z-index: 180; position: absolute;margin:0px;padding:0px; left: 194px; top: 170px; width:58px;height:19px; display:block;
	-moz-outline-style:none;}
a:link#sivans_infolink, a:active#sivans_infolink, a:visited#sivans_infolink {
	z-index: 180; position: absolute; left: 40px; color:#DDDCE5;text-decoration:none; top: 181px; width:115px;height:15px; line-height:18px; -moz-outline-style:none;}
a:hover#sivans_infolink{color:#7289b5; background-image: url("../images/infohover_siv.gif"); background-repeat: no-repeat;}



#oleonattklubb_mainbox { visibility: hidden; position: absolute; z-index: 110;
	top:140px; margin-left:595px;width:0px; height:0px; font-size:0px; }

#oleonattklubb_presbox_bg { background: url("../images/oleonattklubbpres_bakgr.png") no-repeat; visibility: hidden; position: absolute; z-index: 150;margin:0px;top:0px; left:0px;width: 278px; height:212px; }

#oleonattklubb_bg_text { visibility: hidden; position: absolute; z-index: 170; display: block;
	padding-left:10px; padding-right:10px; padding-top:14px;top:3px; margin:0px;left:0px;width: 258px; height:213px; font-family: verdana,arial;
	font-size:9px; }

a:link#oleonattklubb_knapplink, a:active#oleonattklubb_knapplink, a:visited#oleonattklubb_knapplink {
	z-index: 180; position: absolute;margin:0px;padding:0px; left: 194px; top: 170px; width:58px;height:19px; display:block;
	-moz-outline-style:none;}
a:link#oleonattklubb_infolink, a:active#oleonattklubb_infolink, a:visited#oleonattklubb_infolink {
	z-index: 180; position: absolute; left: 40px; color:#DDDCE5;text-decoration:none; top: 181px; width:115px;height:15px; line-height:18px; -moz-outline-style:none;}
a:hover#oleonattklubb_infolink{color:#7289b5; background-image: url("../images/infohover_oleonattklubb.gif"); background-repeat: no-repeat;}



#vaxjoparken_mainbox { visibility: hidden; position: absolute; z-index: 110;
	top:525px; margin-left:595px;width:0px; height:0px; font-size:0px; }

#vaxjoparken_presbox_bg { background: url("../images/vaxjoparkenpres_bakgr.png") no-repeat; visibility: hidden; position: absolute; z-index: 150;margin:0px;top:0px; left:0px;width: 278px; height:212px; }

#vaxjoparken_bg_text { visibility: hidden; position: absolute; z-index: 170; display: block;
	padding-left:10px; padding-right:10px; padding-top:18px;top:3px; margin:0px;left:0px;width: 258px; height:213px; font-family: verdana,arial;
	font-size:9px; }

a:link#vaxjoparken_knapplink, a:active#vaxjoparken_knapplink, a:visited#vaxjoparken_knapplink {
	z-index: 180; position: absolute;margin:0px;padding:0px; left: 194px; top: 170px; width:58px;height:19px; display:block;
	-moz-outline-style:none;}
a:link#vaxjoparken_infolink, a:active#vaxjoparken_infolink, a:visited#vaxjoparken_infolink {
	z-index: 180; position: absolute; left: 40px; color:#DDDCE5;text-decoration:none; top: 181px; width:115px;height:15px; line-height:18px; -moz-outline-style:none;}
a:hover#vaxjoparken_infolink{color:#7289b5; background-image: url("../images/infohover_vaxjoparken.gif"); background-repeat: no-repeat;}



/* *** sivans/grace/vaxjoparken calendar *** */

.presbox_calendar {
	position: absolute;
	margin-left: 0px;
	width: 210px;
	overflow: hidden;
	visibility: hidden;
	top:181px;
	z-index: 160;
}

.presbox_calendar_bg_top {
	width: 208px;
	position: absolute;
	margin: 0px;
	left: 0px;
	top: 0px;
}

.presbox_calendar_content_container {
	position: absolute;
	top: 22px;
}

.presbox_calendar_content {
	width: 193px;
	margin-left: 15px;
}

.presbox_calendar_bg_footer {
	z-index: -1;
	position: relative;
	width: 208px;
	height: 28px;
	font-size: 0px;
	margin-top: -6px;
}

.presbox_calendar_content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width:165px;
}
html>body li.presbox_calendar_entry {
	line-height: 9px;
	padding-left:2px;
}
li.presbox_calendar_entry {
	font: 8px verdana;
	margin-top: 0px;
	padding: 0px 0px 2px 1px;
	width: 163px;
	padding-right: 1px;
	line-height: 12px;
}

.presbox_calendar_content li.spacer {
	background: none;
	width: 164px;
	font-size: 0px;
	height: 10px;
}

/*** sivans specific ***/
.presbox_calendar_bg_top#sivans_presbox_calendar_bg_top {
	background: url("/images/images/sivans_bakgr_cal2_01.png") no-repeat;
}

.presbox_calendar_bg_footer#sivans_presbox_calendar_bg_footer {
	background: url("/images/images/sivans_bakgr_cal2_02.png") no-repeat;
}

#sivans_presbox_calendar_content li.presbox_calendar_entry {
	background:#eeeefd;
	border:1px solid #8a8de5;
}

/* grace */
.presbox_calendar_bg_top#grace_presbox_calendar_bg_top {
	background: url("/images/images/grace_bakgr_cal2_01.png") no-repeat;
}

.presbox_calendar_bg_footer#grace_presbox_calendar_bg_footer {
	background: url("/images/images/grace_bakgr_cal2_02.png") no-repeat;
}

#grace_presbox_calendar_content li.presbox_calendar_entry {
	background:#f2eceb;
	border:1px solid #b23f39;
}

/* oleo nattklubb */
.presbox_calendar_bg_top#oleonattklubb_presbox_calendar_bg_top {
	background: url("/images/images/oleonattklubb_bakgr_cal_01.png") no-repeat;
}

.presbox_calendar_bg_footer#oleonattklubb_presbox_calendar_bg_footer {
	background: url("/images/images/oleonattklubb_bakgr_cal_02.png") no-repeat;
}

#oleonattklubb_presbox_calendar_content li.presbox_calendar_entry {
	background:#f2eceb;
	border:1px solid #777777;
}


.presbox_calendar_entry A:link, .presbox_calendar_entry A:active, .presbox_calendar_entry A:visited {
	color:#333333;
}


/* vaxjoparken */
.presbox_calendar_bg_top#vaxjoparken_presbox_calendar_bg_top {
	background: url("/images/images/vaxjoparken_bakgr_cal_01.png") no-repeat;
}

.presbox_calendar_bg_footer#vaxjoparken_presbox_calendar_bg_footer {
	background: url("/images/images/vaxjoparken_bakgr_cal_02.png") no-repeat;
}

#vaxjoparken_presbox_calendar_content li.presbox_calendar_entry {
	background:#f2eceb;
	border:1px solid #8a8de5;
}


.presbox_calendar_entry A:link, .presbox_calendar_entry A:active, .presbox_calendar_entry A:visited {
	color:#333333;
}


/* *** menu *** */

.buttons2 {
    position:absolute;
    display:block;
    margin: 0;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    top: 180px;
    margin-left: 120px;
    z-index: 20;
    /*background: url("/images/buttons/knapprad_blue_red_blue.gif") no-repeat;
    padding-top: 4px;
    padding-left: 14px;*/
}
.buttons2 ul {
    margin:0;
    list-style:none;
    padding:0;
}
.buttons2 li {
    float:left;
    padding:0 0 0 9px;
}
.buttons2 a {
    display:block;
    background:url("/images/buttons/chattredwide_full.jpg") no-repeat left top;
    text-decoration:none;
    float:left;
    padding:0 0 0 9px;
    -moz-outline-style:none;
}
.buttons2 a:hover {
    background: transparent url("/images/buttons/chattredwide_full.jpg") no-repeat left -50px;
}

.buttons2 span {
    background:url("/images/buttons/chattredwide_full.jpg") no-repeat right -25px;
    color:#888888;
    padding:4px 12px 7px 2px;
    display:block;
    cursor: pointer;
}

.buttons2 a:hover span {
    background:url("/images/buttons/chattredwide_full.jpg") no-repeat right -76px;
    /*color:#0BAB03;*/
    color:#c06e0e;
}

.buttons2 span#current {
    color: #e56c00;
}

form#loginform {
	padding: 0px;
	padding-top: 0px;
	position:absolute;
	clear: both;
	margin: 0px 0px 0px 0px;
}
form#loginform ul{
	list-style:none;
	position:absolute;
	margin-left:737px;
	margin-top:73px;
	padding: 0px 0px 0px 0px;
	width:220px;
	border:0px solid red;
}
form#loginform li label {float:left; position:absolute; margin-left:0px; margin-top:4px; font-family: verdana; color: red; text-align:left; font-size: 9px;}
form#loginform li input#username {vertical-align: top; margin-left: 66px; margin-top:3px; font-family: Verdana; color: black; background:url("/images/buttons/loginbakgr.gif") no-repeat; font-size: 9px; border: 1px inset #cc7a00; width: 105px;}
form#loginform li input#passwd {vertical-align: top; margin-left: 66px; margin-top:3px; font-family: Verdana; color: black; background:url("/images/buttons/loginbakgr.gif") no-repeat; font-size: 9px; border: 1px inset #cc7a00; width: 105px;}
form#loginform li input#push1,form#loginform li input#push2 {font-family: Verdana; color: black;font-size: 10px; border: 1px solid #000000; background-color: #f3f3f3; height:17px; width: 53px;}
form#loginform li input#push1 {  margin-left: 65px; margin-top:4px; }
form#loginform li input#push2 {  margin-left: 5px; margin-top:4px; }
form#loginform li label#submitindicator {visibility: hidden; float:left; position:absolute; left: 85px; margin-top:7px; font-family: Verdana; color: white; text-align:left; font-size: 10px;}
div#newmember { position: absolute; top: 49px; margin-left: 127px; height: 20px; }
button#loginbutton { position: absolute; cursor:pointer; width: 63px; height: 21px; border: 0px; background:url('/images/buttons/loginbutton1.gif'); margin: 0px; margin-left: 53px; margin-top: 6px; padding: 0px; }




form#logoutform {
	padding: 0px;
	padding-top: 0px;
	position:absolute;
	clear: both;
	margin: 0px 0px 0px 0px;
}
form#logoutform ul{
	list-style:none;
	position:absolute;
	margin-left:737px;
	margin-top:73px;
	padding: 0px 0px 0px 0px;
	width:220px;
	height:40px;
   	background:url("/images/loginsky.jpg") no-repeat;
	border:0px solid red;
}
button#logoutbutton { position: absolute; cursor:pointer; top: 40px; width: 63px; height: 21px; border: 0px; background:url('/images/buttons/logoutbutton.gif'); margin: 0px; margin-left: 53px; margin-top: 6px; padding: 0px; }
form#logoutform li#autologin {visibility:hidden; position:absolute; cursor:pointer;/*z-index: 400; */margin: auto; padding: 0px; top: 20px; left: 51px; border:0px solid red;width: 25px; height: 17px; background-image: url('/images/autologincheck.gif'); background-repeat: no-repeat;}
form#logoutform li#autologin2 {visibility:visible; position: absolute; cursor:pointer;/*z-index: 400; */margin: auto; padding: 0px; top: 20px; left: 51px; width: 25px; height: 17px;}


form.registerForm {
   font: 11px/13px verdana;
   color: white;
   padding: 0px;
   margin: 0px;
}
form.registerForm input {
   border: 1px solid black;
   font: 12px verdana;
   background: #f3f3f3;
}
form.registerForm input.checkbox {
   background: black;
}
form.registerForm input#push1 {
   width: 80px;
   border: 1px solid black;
   font: 12px verdana;
   background: #f3f3f3;
   padding: 2px;
}
div.LastCommentBox {
	/*position:relative;*/
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin: 0px;
	width: 176px;
	background: black;
}
div.LastCommentBoxTop {
	position:relative;
	left:0px;
	padding-left:10px;
	padding-bottom:0px;
	margin-bottom:6px;
	margin-top:0px;
	background: url("/images/latestcomment/main.jpg") top left no-repeat;
	height: 45px;
	width: 176px;

}
div.LastCommentBoxBody {
	margin:0;
	font: 11px/14px arial;
	vertical-align: text-top;
	position:relative;
	margin-top: -9px;
	right:0px;
	width: 176px;
	background: url("/images/latestcomment/more.gif") bottom left repeat-y;
}
#LastCommentBoxContent {
	position:relative; z-index:1; width:174px; display:block; left:3px;
	top: -22px;
	height: 26px;
}
#LastCommentBoxInnerContent {
	word-wrap: break-word;
	overflow: hidden;
	width: 169px;
	height: 46px;
	position: absolute;

}
ul.lastcomments {
   margin: 0px;
   padding: 0px;
   list-style: none;
   color: #999999;
}
ul.lastcomments li.title {
   padding-left: 1px;
   margin: 0px;
   height: 13px;
   font: italic 11px/14px arial;
   overflow: hidden;
   margin-top: 2px;
}
span.commenttime {
   font: italic 9px/14px arial;
}

ul.lastcomments li.message {
   padding-left: 1px;
   margin-left: 0px;
   height: 27px;
   overflow: hidden;
   /*background: #222222;*/
   background: #1e1010;
   /*background: #090a21;*/
   border-top: 1px solid #333333;
   border-bottom: 1px solid #333333;
}

li.message a {
   width:100%;
   display:block;
   height: 27px;
}
li.message a:link, li.message a:visited, li.message a:active {color: #F0F0F0; text-decoration: none;}
/*li.message a:hover { color: white; text-decoration: none; background: #292929; }*/
li.message a:hover { color: white; text-decoration: none; background: #3c080b; }
/*li.message a:hover { color: white; text-decoration: none; background: #0f1133; }*/


div#commentnotification {
   visibility: hidden; position: absolute; top: 17px; left:  95px; width: 21px; height: 18px;
   background: url('/images/latestcomment/notify.jpg') no-repeat;
}

a:link#morecommentslink, a:active#morecommentslink, a:visited#morecommentslink {
	z-index: 200; position: absolute; top: 21px; left: 115px; width: 36px; height: 12px; display:block;}
a:hover#morecommentslink {background: url("/images/latestcomment/hover.jpg") no-repeat;}

#register_box { display: none; position: absolute; z-index: 300;
   top:230px; left:720px; width: 245px; height: 320px;
}