/* Remember the Top,left,bottom,right tango! */


/* Kommentarer 19.05.06:
	Det er slik at max-width på sidemenyene fucker opp.
	De er nå 12.3em, men de skaper en del trøbbel i 1024x768
	Spesielt når min-width på posts er 550px (hvor den må være)
	Designet MÅ fungere i denne modusen også.
	OG sjekk 120dpi vs. 96dpi!
	Sigg3
*/


body { 
    	background-color: #ffffff; 
    	background: url("bkgreel.gif");
	background-repeat: repeat-x;
    	font-family: Verdana, sans-serif; 
    	margin: 0em auto;
    	color: #000000;
	}

/* img and image swaps */

img {border: 0em;}
img.left-floating {float: left}
img.right-floating {float: right}
.imgcenter {margin: 0em auto;text-align: center; width: 100%;}
.centered {margin: 0em auto;display: block;}

#logo {
	margin: 0em;
	padding: 0em;
	position: absolute;
	left: 20px;
	top: 30px;
	z-index: 1;
	}

#logo h3 {
	margin: 0em;
	padding: 0em;
	background: url("http://www.sigg3.net/menu/anblog.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	width: 392px;
	height: 92px;
	}

#logo h3 span {display: none;}


/* general sitestuff */

a 		{color: #000000;text-decoration: none;font-weight: bold;background-color: white;}
a:link 		{color: #0066CC;background-color: transparent;}
a:visited	{color: #0066CC;background-color: transparent;}
a:hover		{color: #000000;background-color: transparent;}
a:active	{color: #0000FF;background-color: transparent;}
.box a		{background-color: transparent;}

.strike		{text-decoration: line-through;}
.u		{text-decoration: underline;}
.date		{font-family: Tahoma, sans-serif;color: #000000;background-color: transparent;font-size: 1em;}
.dateleft	{font-family: Tahoma, sans-serif;color: #000000;background-color: transparent;font-size: 0.9em;text-align: left;}
.quote		{font-family: Tahoma, sans-serif;color: #0066CC;background-color: transparent;font-size: 1em;font-weight: bold;}
.byline		{font-family: Verdana, sans-serif;color: #999999;background-color: transparent;font-size: 0.75em;margin: 0em .125em 1.8em .125em;}
.menu 	  	{font-family: "Arial black", sans-serif;color: #000000;background-color: transparent;font-size: 1.12em;margin: 0px auto;}

.music {
	background-image: url("http://www.sigg3.net/menu/music.gif");
	background-repeat: repeat-y;
	margin: .8em;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	font-style: italic;
	overflow: hidden;
	display: block;
	}
#b2postsbkg .music { margin-left: 2em;padding-left: 1.3em;}


/* backup for h1: Helvetica, 1.6em */

h1 {
		font-family: "Arial black", sans-serif;
		font-size: 1.8em;
		font-weight: normal;
		font-style: normal;
		text-align: left;
		margin: .125em .0626em 0em 0em;
		color: #000000;
		background-color: transparent;
		}

h2 {
		font-family: Arial, sans-serif;
		font-size: 1.4em;
		font-weight: bold;
		font-style: normal;
		text-align: left;
		margin: 0em .0626em 0em 0em;
		color: #000000;
		background-color: #ccffcc;
		display: block;
		}

p		{
		font-family: Verdana, sans-serif;
		font-size: .75em;
		margin: 0em .125em 0em .125em;
		}


pre, .blockquote {font-size: .8em;text-align: left;margin: .8em 6em .8em 6em;padding: 1em;display: block;}

.blockquote	{
		font-family: Georgia, serif;
		border: 1px #ffcc66 solid;
		color: #808000;
		font-weight: bold;
		background-color: #ffffcc;
		}

pre	{
		font-family: "Lucida Console", monospace;
		border: 1px #c0c0c0 solid;
		color: #808080;
		font-weight: normal;
		background-color: #eee;
		}

input {
	margin: .0626em;
	background-color: #3399CC;
	border: solid 0.0626em black;
	text-align: center;
	color: #ffffcc;
	}

.post	{font-family: Verdana, sans-serif;font-size: .9em;margin: 0em; padding: 0em;}
.center	{text-align: center;}


/* Div IDs */
#mother	{margin: 5.6em auto;padding: 0em;text-align: center;width: 100%;background-color: transparent;color: #000000;}
#menu 	{position: absolute;top: 132px;width: 100%;text-align: center;}
#footer	{border: 0em;text-align: center;}

#b2postsbkg {
	background-color: #ffffff;
	color: #000000;
	position: absolute;
	top: 162px;
	margin: .62em 19em 2em 19em;
	padding: 0em .25em 0em .25em;
	text-align: left;
	border: 0em;
	display: block;
	z-index: 1;
	}

/* 21 -> 18 */

#left-boxes, #right-boxes {
	position: absolute;
	margin-top: 3em;
	padding: .5em;
	text-align: center;
	display: block;
	z-index: 1;
	}

/* 2.1->3 */
/* changed z-index from 2 to 1 */

#left-boxes {top: 7.82em;left: 2.5em;margin-left: .5em;}
#right-boxes {top: 7.82em;right: 2.5em;margin-right: .5em;}
/* 4em to 2.5em */

#right.boxes .dateleft, #left-boxes .dateleft {text-align: left}

/* Div Classes */
.hidden {visibility: hidden;}
.box {	color: #000000;
	background-color: #ffffff;
	border: 1px dashed #999999;
	margin: 0em 0em .5em 0em;
	width: auto;
	max-width: 12.3em;
	padding: .3em;
 	}

.box:hover {background-color: #CCFFFF;color: #000000;}

.b2posts {
	font-family: Verdana, sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 1em;
	min-width: 550px;
	padding: 0em;
	margin-bottom: 2em;
	}


/* B2 Cafelog calendar shit */
.b2calendarmain 	{margin: .2em auto;text-align: center;}
.b2calendarmonth, .b2calendarheadercell, .b2calendarcell, .b2calendarcell a, .b2calendarcelltoday {font-family: Tahoma, sans-serif;font-size: .75em;}
.b2calendarmonth 	{color: #000000;background-color: transparent;font-weight: bold}
.b2calendarheadercell 	{color: #000000;background-color: transparent;font-weight: normal} 
.b2calendartable 	{border-color: #000000;margin: 0em auto;}
.b2calendarcell 	{color: #000000;background-color: #3399CC;}
.b2calendarcell a 	{color: #ffffcc;background-color: transparent;}
.b2calendartoday 	{color: #000000;background-color: #3399CC;font-weight: bold;} 
.b2calendaremptycell 	{visibility: hidden;}
/* Having this set to display none should solve the validation trouble! */

/* A fake IE information bar */
#infobar {
font-family: Verdana, sans-serif;
font-size: 0.9em;
z-index: 3;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
float: left;
clear: both;
width: 100%;
color: black;
background: #ffffe6 url(warning.gif) no-repeat fixed .3em .3em;
padding: .3em .3em .3em 2em;
border-bottom: .16em outset;
text-decoration: none;
cursor: default;
}

#infobar a:hover {
color: white;
background-color: #08246a;
}

/* A fake viewplot for IE information bar */
#viewplot {
width: 100%;
height: 3.13em;
overflow: hidden;
z-index: 3;
}