/* tags */

html { height: 100%; width: 100%; font: normal 8pt verdana; overflow-y: hidden; overflow-x: hidden; }
body { margin: 0px; height: 100%; width: 100%; }
a { text-decoration: none; }
hr { border: 0px; border-bottom: 1px solid #383838; margin-bottom: 20px; display: block; width: 100%; }
li { text-align: justify; }
embed { margin: 0px; }
p { text-align: justify; margin-bottom: 20px; width: 698px; padding-left: 0px; line-height: 17px; }
h1 { font-size: 18pt; margin: 0px 0px; cursor: pointer; }


/* diverse */


.pointer { cursor: pointer; }
.opacity { opacity: .7; }
.skojmejl { display: none; }
.remember { margin-left: 0px; }
.unclicked { width: 7px; height: 7px; cursor: pointer; margin-right: 3px; }
.clicked { width: 6px; height: 6px; cursor: pointer; margin-right: 3px; }
.knapp { font: 8pt verdana; padding: 1px; margin: 5px 5px 0px 0px; cursor: pointer; }
.input { font: 8pt verdana; display: inline-block; padding: 2px; }
.mp_inner { line-height: 17px; padding: 6px 6px 8px 6px; }
.html_wrapper { display: -moz-inline-box; display: inline-block; margin: 0px 0px 3px 0px; }
.tmp_html { margin-bottom: 15px; }


/* main */


#wrapper { position: relative; width: 900px; height: 100%; margin: 0px auto; text-align: left; overflow-y: hidden; overflow-x: hidden; }
#top { margin: 0px auto; width: 900px; padding: 0px; position: relative; height: 100px; }

#main { width: 900px; height: auto; text-align: left; display: block; float: left; overflow-y: hidden; overflow-x: hidden; position: relative; }


/* top */


#top_link_holder { position: absolute; bottom: 1px; left: 0px; height: 16px; padding: 2px; width: 900px; z-index: 2; }
#top_active_bild { margin: 0px; margin-bottom: -2px; width: 900px; z-index: 1; position: absolute; top: 0px; opacity: 1; }
#top_tmp_bild { display: block; }
#top_menu { height: 16px; width: 900px; bottom: 4px; left: 0px; position: absolute; margin: 0px auto 0px auto; z-index: 2; }
.top_hidden_bild {z-index: 0; display: block; position: absolute; top: 0px; display: none; }
.top_link, .top_link_nc { font: bold 10px verdana; text-transform: uppercase; cursor: pointer; margin: 3px 0px 0px 4px; cursor: pointer; }


/* blogg */


#blogg_nav { display: -moz-inline-box; display: inline-block; width: 145px; height: 100%; float: left; padding-left: 5px; margin-right: 15px; }
#blogg_cont { display: -moz-inline-box; display: inline-block; width: 735px; height: 100%; float: right; overflow-y: auto; overflow-x: hidden; position: relative; }

#blogg_handler_menu { margin: 20px 9px 0px 0px; text-align: right; width: auto; position: relative; cursor: pointer; }
.blogg_post { position: relative; width: 700px; text-align: center; padding: 10px 0px 20px; }
.blogg_small_menu { cursor: pointer; font-weight: normal; font-size: 7pt; padding-right: 1px; }
.blogg_active_date { font-weight: bold; cursor: pointer; }

#blogg_month { width: 138px; text-align: left; line-height: normal; margin-top: 10px; height: auto; padding: 0; position: relative; }
#blogg_month_head { font-variant: small-caps; letter-spacing: 2px; display: block; width: 100%; text-align: center; margin-bottom: 3px; white-space: nowrap; }
#blogg_month_month_name { font: bold 8pt verdana; cursor: pointer; }
#blogg_month_pil_v { display: block; text-align: left; position: absolute; left: 3px; top: -1px; }
#blogg_month_pil_h { display: block; text-align: right; position: absolute; right: 2px; top: -1px; }
.blogg_month_pilar { cursor: pointer; }
.blogg_month_td { text-align: center; padding: 0; width: 16px; height: 12px; display: -moz-inline-box; display: inline-block; }
.bild_kommentar, html_kommentar { min-height: 15px; vertical-align: center; position: relative; display: block; }

.blogg_mini_datum, .blogg_mini_h1 { font-weight: bold; cursor: pointer; }
.blogg_mini_h1 { margin-left: 10px; }
.blogg_nav_link { cursor: pointer; }

.blogg_date { margin: 3px 0px 13px; }
.blogg_bild_cont { margin-bottom: 20px; text-align: center; }
.blogg_bild { margin: 2px auto 5px auto; }

.blogg_kommentar_textarea { font: 8pt verdana; width: 509px; height: 52px; overflow-y: auto; padding: 2px; }
.blogg_kommentar_input { width: 163px; margin: 4px 0px; }


/* kommentarer */


.kommentar_cont { margin: 0px auto; width: 512px; text-align: left; }
.kommentar_skriv { display: none; position: relative; width: 516px; margin: 3px auto 20px; text-align: left; }
.kommentar { width: 502px; padding: 4px 6px; margin: 7px auto; line-height: 17px; text-align: justify; }
.kommentar_hus { margin: 0px -2px -2px 0px; border: none; }
.kommentar_mail { font-weight: bold; }


/* bilder */

.m { cursor: pointer; }
.l { width: 100px; height: 67px; margin: 23px 7px 24px; cursor: pointer; }
.s { width: 67px; height: 100px; margin: 7px 24px 7px 23px; cursor: pointer; }
.ss { width: 400px; height: 600px; }
.ls { width: 700px; height: 467px; }




/* minigalleri */


.mini_galleri_anchor { font: 7pt verdana; cursor: pointer; margin-left: 1px; text-align: left; }
.mini_galleri_anchor_pil { position: relative; top: 1px; }
.mini_galleri { white-space: nowrap; margin: 2px 0px 0px 0px; left: 0px; }
.mini_filler { padding: 10px; text-align: left; width: auto; }


/* bildvisaren */


#bildvisaren_cont { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 13; overflow-y: hidden; overflow-x: hidden; }
#bildvisaren_nav_cont { display: block; padding: 0px 5px; position: relative; height: 15px; width: 100%; margin-top: 5px; }
#bildvisaren_body { height: 100%; width: 100%; text-align: center; }
#bildvisaren_bild_cont { position: relative; }
.bildvisaren_bild { cursor: pointer; }

#bildvisaren_nav { margin: 0px auto; position: relative; width: 710px; text-align: left; }
#bildvisaren_help { display: none; width: 330px; position: absolute; text-align: justify; padding: 4px; padding-right: 8px; }
.bildvisaren_nav_menu { font: bold 7pt verdana; cursor: pointer; display: inline-block; text-align: center; margin: 0px; padding: 1px 2px 2px 3px; }
#bildvisaren_nav_kryss { font-size: 8pt; padding-top: 0px; }

#bildvisaren_utrop { display: inline-block; font: bold 24pt verdana; position: absolute; right: -15px; bottom: -5px; cursor: pointer; }
.bildvisaren_kommentar { text-align: left; padding: 4px; font-weight: normal; display: none; position: absolute; bottom: 6px; left: 5px; }


/* galleri */


#galleri_menu { display: block; position: relative; height: 18px; width: auto; padding: 2px 4px 0px 6px; font-weight: bold; margin: 2px 0px 5px; }
#galleri_body { position: relative; padding: 6px; text-align: center; overflow-y: auto; }

#galleri_year_cont { position: relative; top: 1px; }
.galleri_month_cont { position: relative; display: none; }
#galleri_sub_cont { position: absolute; right: 3px; top: 3px; }
#galleri_bilder_cont { text-align: left; width: 812px; display: block; margin: 0px auto; padding-left: 1px; }

.galleri_year, .galleri_month { margin-right: 5px; cursor: pointer; }
.galleri_sub { padding-left: 3px; cursor: pointer; }
.galleri_loading { font: normal 7pt verdana; }


/* slider */


#slider_cont { display: none; position: absolute; height: 11px; width: 220px; z-index: 10; top: 2px; left: 85px; margin-left: 7px; cursor: pointer; }
#slider_spak { height: 11px; width: 8px; position: absolute; top: 0px; left: 166px; display: inline-block; cursor: pointer; z-index: 11; }
#slider_bar { width: 200px; position: absolute; margin-top: 6px; left: 10px; cursor: pointer; height: 0px; }
#slider_center { position: absolute; left: 50%; top: -2px; font: normal 11px verdana; }
#slider_info { font-size: 9px; position: absolute; margin-top: -2px; margin-left: 12px; display: none; }


/* gästbok */


.input_g { width: 145px; margin: 2px 0px; }
.text_g {width: 300px; height: 52px; margin: 2px 0px; }

#gastbok_head { position: relative; display: inline-block; width: 308px; float: left; margin: 16px 0px 0px 5px; line-height: 17px; }
#gastbok_cont { position: absolute; right: 0px; top: 0px; width: 570px; overflow-y: auto; height: 100%; padding: 0px 10px 0px 0px; }
#gastbok_subs { width: 300px; padding: 4px; margin: 12px 0px 0px 22px; line-height: 17px; }


/* floatlager */


.float_lager { z-index: 10; display: none; position: absolute; }
.float_lager_nav { height: 18px; cursor: pointer; text-align: right; }
.float_lager_nav_close { font: 7pt verdana; display: -moz-inline-box; display: inline-block; padding: 0px 2px; margin: 2px 3px; -moz-user-select: none; }
.float_lager_nav_hide { position: relative; top: -1px; font: bold 7pt arial; display: -moz-inline-box; display: inline-block; padding: 0px 4px 1px 0px; width: 7px; margin-right: 0px; -moz-user-select: none; }


/* generell login, ska innehålla färger och så, än så länge iaf */


#login { display: block; margin: -40px 0px 0px -70px; width: 140px; height: 50px; position: absolute; top: 50%; left: 50%; }
.login_knapp { font: 8pt verdana; background: #181818; color: #383838; border: 1px solid #1f1f1f; margin-right: 3px; padding: 1px; cursor: pointer; }
.login_knapp_aktiv { background: #1f1f1f; color: pink; }

.login_input { font: 8pt verdana; background: #181818; color: #383838; border: 1px solid #1e1e1e; margin-bottom: 3px; padding: 1px;  }
.login_input_aktiv { background: #282828; color: #585858; border: 1px solid #2b2b2b; }


/* ska nog sorteras här under */




.mejl { width: 300px; margin-bottom: 4px; }
#text_mejl { height: 104px; margin-bottom: 0px; }

.load_page { position: relative; top: 10px; left: 6px; }

/* deleta kommentarer */
.del_inaktiv { color: #660000; cursor: pointer; font-weight: bold; }
.del_aktiv { color: #ff3333; }
.del_date { color: pink; }
.del_ui { color: #787878; }

/* vet inte vart det hör... än */
.nice { color: #5FFB17; }
.fail { color: red; }
.done { color: #E799A3; }
.white { color: white; }


#noscript { padding: 10px; position: absolute; top: 0px; left: 0px; width:100%; height:100%; z-index:200; }

.smiley { vertical-align: top; margin-top: -2px; padding: 0px; border: 0px; }


/* experiment-tjafs */

#slideshow {
	position: absolute; 
	left: 0px;
	top: 0px;
	background: black;
	display: none;
	z-index: 14;
}

.slideshow_image
{
	position: absolute;
	border: 1px solid white;
	top: 15px;
	cursor: pointer;
}

.slideshow_image_cont { display: inline-block; font: normal 7px verdana; }
.slideshow_kommentar { margin: 2px 15px 0; }

#slideshow_image_holder {
	top: 200px;
	left: -2px;
	border: 1px solid #292929;
	background: #1c1c1c;
	height: 182px;
	position: absolute;
	overflow-y: hidden;
}

.slideshow_l, .slideshow_kommentar_l { width: 225px; }
.slideshow_s, .slideshow_kommentar_s { width: 100px; }

.slideshow_l { height: 150px; }
.slideshow_s { height: 150px; }

.litenliggande { width: 538px; }
.liten { display: inline-block; margin: 0px 0px 2px; }
.litenl { margin-right: 2px; }
.litenimg { margin: 0px; }

#tooltip { z-index: 100; font: 7pt verdana; display: none; position: absolute; padding: 2px; border: 1px solid #4f4f4f; background: #484848; color: #e1e1e1; line-height: 14px; }

.video {
	margin: 0px auto 15px;
}

.video_link {
	width: 100%;
	height: 100%;
}