body {	
	width: 910px;
	margin: 0px auto;
	background: url(../../graphics/background.png) top repeat #fbfbf6;
	font-size: 62.5%; /* Resets 1em to 10px */
  	line-height: 1.5em;
        font-family: Georgia, Verdana, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	}

img { 
     border: 0px;
    }

a {
	text-decoration: underline;
	color: #000000;
        border-style: none;
 	}

a:hover {
     	text-decoration: underline;
	color: #000000;
        font-weight: none;
}

a:visited {
	text-decoration: underline;
	color: #000000;
	}

a:active {
	text-decoration: underline;
	color: #000000;
	}

/* The #page attribute controls the main area where the content is contained. The "padding-bottom" attribute is there to prevent any overspill of content in Firefox if the number of entries on the front page does not extend past the menu boxes. The attribute can be removed once there are sufficient entries.*/

#page {
	width: 910px;
	margin-top: 20px;
	border: none;
	text-align: justify;
	}

/* The header attributes, for the site title. */

#header {
	height: 200px;
	margin: 0px;
	border: none;
        background: url(../../graphics/header.png);
	}

.header-floating-picture {
        float: right;
        padding-top: 150px;
        outline: none;
        }


.headertitle {
	font-size: 36pt;
        color: #fbfbf6;
	}
	
.headersubtitle {
	font-size: 16pt;
	padding-left: 40px;
        padding-right: 300px;
	color: #EEEEEE;
	}

.headersubtext {
	font-size: 10pt;
	color: #fbfbf6;
	}

/* End of header attributes. */
	

/* Hjalles idé om hur man länkar saker i en header */
#header h1 {
      margin: 0;
      width: 910;
      heigh: 200;
}

#header h1 a {
      display: block;
      height: 200px; /* samma som head */
      text-indent: -100000px; /* flytta ut utanför hela skiten, men ändå läsas av skärmläsare osv */
      text-decoration: none; /* för att få bort underline i vissa browsers */
      outline: none; /* för att slippa dotted border i typ firefox vid fokus */
      width: 100%; /* matcha heads bredd, men 100% är default, så det kanske inte behövs */
}
/* Slut på Hjalles idé */



#pictures {
        height: 76px;
	margin-left: 10px;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 15px;
	}

.headerpicture {
     border: 0px;
    }

/* The #right attribute is where the blog entries are placed. ".rightbox" controls the main entry area,
".righttitle" controls the entry title, etc. */

#right {
	width: 587px;
	margin-left: 10px;
	margin-top: 0px;
	text-align: left;
	}


#right a {
	text-decoration: underline;
	color: #000000;
    border-style: none;
 	}

#right a:hover {
     	text-decoration: underline;
	color: #000000;
        font-weight: none;
}

#right a:visited {
	text-decoration: underline;
	color: #000000;
	}

#right a:active {
	text-decoration: underline;
	color: #000000;
	}

.rightbox {
	
	font-size: 10pt;
	line-height: 12pt;
    padding-right: 4em;
    padding-left: 4em; 
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    margin: 0px;
    text-align: justify;
        line-height: 1.4;
        font-family: 'Lucida Grande', Calibri, Verdana, sans-serif;
	background: url(../../graphics/right-bakground.png) repeat-y;
	color: #222222;

	}


.righttitle {
	font-size: 18pt;
	font-weight: bold;
        font-family: Arial, sans-serif;
	color: #222222;
        line-height: 30px;
	margin: 0px;
	padding-left: 2em; 
        padding-top: 80px;
	background: url(../../graphics/right-top.png) center top no-repeat;
        text-decoration: none;
	}

#right .righttitle a, #right .righttitle a:visited  { text-decoration: none;  }
	
#right .righttitle a:hover {
     	text-decoration: underline;
	color: #000000;
        font-weight: none;
}

.punch2 {
	float: right; 
	width: 140px; 
	margin: 1em 1px 0em -1.7em;
	text-align: left; 
	font-size: 13pt; 
	font-weight: bold; 
	font-style: italic; 
	padding: 1em; 
	background: white; 
	color: black; 
	border: solid black 1px;
	border-width: 1px 1px 0px 0px; }

/* Ett försök till lite roligare rebusrallylösning, genom dold text */

#dold a { text-decoration:none; color: blue}
#dold a:hover {background:gainsboro; text-decoration:none}
#dold a span  { display:none} 
#dold a:hover span  { display:inline} 

/* Slut på försök */

#entrytag a {
	text-decoration: underline;
	color: #222222;
    border-style: none;
 	}

#entrytag a:hover {
     	text-decoration: underline;
	color: #222222;
        font-weight: none;
}

#entrytag a:visited {
	text-decoration: underline;
	color: #222222;
	}

#entrytag a:active {
	text-decoration: underline;
	color: #222222;
	}



.date {
	padding-top: 10px;
	font-size: 8pt;
	font-style: italic;
	text-align: right;

	}

.entryfooter {
	width: auto;
        height: 83px;
	padding-right: 4.6em;
        padding-top: 0px;
	text-align: right;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #222222;
	background: url(../../graphics/right-bottom.png) center top no-repeat;
	}

.entryfooter a {
	border-bottom: 2px solid #c0c0c0;
	color: #222222;
	text-decoration: none;
	text-transform: uppercase;
	}

.entryfooter a:visited {
	color: #222222;
	text-decoration: none;
	}

.entryfooter a:active {
	color: #222222;
	text-decoration: none;
	}


/* End of the #right attributes. */








/* The #left attribute is where the miscellaneous content is placed. ".leftbox" controls the content area, ."lefttitle" controls the content title, etc. */

#left {
	width: 265px;
	float: right;
	font-size: 9pt;
	text-align: left;
        margin-right: 10px;
	}

.leftbox {

	border: 1px solid #5A5957;
   	border-width: 1px 1px 1px 1px; 
	font-size: 9pt;
        text-align: justify;
	line-height: 12pt;
   	padding: 1em; 
   	line-height: 1.7em;
   	margin-bottom: 40px;
   	margin-top: 10px;
   	margin-left: 15px;
	}

.nyspanatleftbox {
        background: url(../../graphics/nyspanat.png) center top no-repeat;
	border: 0px;
	font-size: 9pt;
        text-align: justify;
	line-height: 12pt;
   	padding-left: 3em;
        padding-right: 2em;
        padding-top: 10px; 
   	line-height: 1.7em;
   	margin: 0px;
	}

.kommenteratleftbox {
        background: url(../../graphics/kommenterat.png) center top no-repeat;
	border: 0px;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
        text-align: justify;
	line-height: 12pt;
   	padding-left: 2em;
        padding-right: 2em;
        padding-top: 10px; 
        padding-bottom: 4px; 
   	margin-top: 20px;
   	margin-bottom: 20px;
	}

.serierleftbox {
        background: url(../../graphics/serier.png) center top no-repeat;
	border: 0px;
   	padding: 25px; 
       margin-top: 20px;
   	margin-bottom: 0px;
	}

.searchleftbox {
        background: url(../../graphics/search.png) center top no-repeat;
	border: 0px;
	font-size: 9pt;
        text-align: justify;
   	padding-left: 40px; 
        padding-top: 56px;
   	margin: 0px;

       line-height: 70px;
	}

.arkivtop {
	font-size: 12pt;
	font-weight: bold;
        font-family: Arial, sans-serif;
	color: #222222;
        line-height: 70px;
        background: url(../../graphics/arkiv-top.png) center top no-repeat;
        padding-left: 10px;
	border: 0px;
       height: 47px;
       width: 240px;
	margin-top: 20px;
   	margin-bottom: 0px;
	}


.arkivbox  {
        background: url(../../graphics/arkiv-back.png) repeat-y;
	border: 0px;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
        text-align: justify;
	line-height: 12pt;
   	padding-left: 3em;
        padding-right: 3em;
        padding-top: 10px; 
        padding-bottom: 4px; 
   	margin-top: 0px;
   	margin-bottom: 0px;
	}

.arkivbottom {
        background: url(../../graphics/arkiv-bottom.png) center top no-repeat;
	border: 0px;
       height: 35px;
       width: 250px;
	margin-top: 0px;
   	margin-bottom: 0px;
	}


.lefttitle {
	width: 150px;
	float: left;
        color: #fbfbf6;
	position: relative;
	margin-top: -10px;
        left: -30px;
	background-color: #5A5957;
	padding: 5px;
	font-size: 12pt;
   	}
   	
 /* these styles are for the search boxes */
.searchbox, .result-searchbox { 
	width: auto; 
	font-size: 10px;
}	
.searchbutton, .result-searchbutton {
	border: none;
	font-size: 10px;
        font-color: white;
       background: url(../../graphics/searchbutton.png);
}

.pivot-search legend {
	visibility:hidden;
	display:none;
	}
	
.pivot-search fieldset {
	border:0;
	padding:0;
	margin:0;
	}
.pivot-search label {
	visibility:hidden;
	display:none;
	}
.pivot-search-result label {
	visibility:hidden;
	display:none;
	}
	
.pivot-search-result legend {
	visibility:hidden;
	display:none;
	}

.pivot-search-result fieldset {
	border:0;
	padding:0;
	margin:0;
	} 


	/* Calendar appearances.*/

.calendar { 
	padding: 1px 5px;
	margin: 0px;
	font-size: 11px;

}

.calendarHeader { 
	font-weight: bold; 
	color: #000;                   
	background: #fbfbf6;
	margin:0px;
	padding: 2px 5px;
	font-size: 11px;

}

.calendartoday { 

	font-weight: bold;
	text-decoration: underline;

}

table.calendar {

/* only the calendar has a line, not the individual cells */
	padding: 0px;
	width: 170px;
	margin-left: 25px;
}

.calendarHeader A, .calendar A {
	font-weight: bold; 
	color: #FF0000;
	text-decoration: none;
}

.calenderHeader a:hover, .calender a:hover {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	}

	/* Attributes for the comment form. */
	

.commentform input {
	margin: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	background-color: #fbfbf6;
	color: #000000;
	border: 1px solid #000000;
	font-family: arial, sans-serif; 
	font-size: 8pt;
	}
	
.commentform textarea {
	margin: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	background-color: #fbfbf6;
	color: #000000;
	border: 1px solid #000000;
	font-family: arial, sans-serif; 
	font-size: 8pt;
	}
	
/* End of the #left attributes. */

/* End of the #page attributes. */

/* The #footer attribute is an empty space below the #page attribute. */

hr {
    border: 0;
    color: #000000;
    background-color: #000000;
    height: 1px;
}

#footer {
	width: 560px;
	height: 120px;
       margin-top: 40px;
       margin-left: 20px;
	}

#glideDiv {
       float: left;
       padding-top: 40px;
       padding-left: 80px;
      background-color: yellow;
      color: red;
      font-family: arial, sans-serif; 
      font-size: 12pt;
}