html {
	width: 100%;
}

body.newbody {
	background-color: #475A58;
	background-image: none;
	margin: 0px;
	padding:0px;
}

div.newcontent {
	background-color: #E0DCD7;
	text-align: justify;
	font-family: "Georgia", serif;
	font-size: 16px;
	width: 1000px;
	margin: 0px auto;
}

div.newheader {
	width: 1000px; 
	height: 64px;	
	margin: 0px;
	padding:0px;
	margin-top:3px;
	background-image: url(mattiasgustavssonlogo.png);
	}

div.newheaderhome {
	width: 1000px; 
	height: 64px;	
	margin: 0px;
	padding:0px;
	margin-top:3px;
	background-image: url(mattiasgustavssonlogo_home.png);
	cursor: pointer;
	cursor: hand;
	}

div.newentry {
	width: 640px;
	margin: 0px;
	margin-left: 95px;
	margin-top: 45px;
}
img
{
	display:inline; 
	margin-left:auto; 
	margin-right:auto; 
}
body {
	background-color: #50655E;
	background-image: url(background_body.jpg);
	background-attachment: scroll;
	text-align: center;
	font-family: "Georgia", serif;
	font-size: 16px;
	width: 100%;
}

ul.menu {
	margin-left: 10px;
	padding: 0px;
	font-size: 12px;
}

li.menu {
	padding-top: 4px;
	padding-bottom: 4px;
}

div.group {
	clear:both;
	width: 900px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
	padding-bottom: 10px;
	background-image: url(background_content_back.png);
}

div.header {
	width: 900px; 
	height: 200px;	
	margin: 0px auto;
	margin-bottom: 10px;
	padding:0px;
	border: #000000 2px solid; 
	background-color: #E8E4DD; 
	background-image: url(header.jpg);
}

div.menubar {
	text-align: left;
	width: 870px; 
	height: 20px;
	margin: 0px auto;
	margin-top: 8px;
	margin-bottom: 8px;
	padding:5px; 
	padding-left:25px; 
	border: #000000 2px solid; 
	background-color:#E8E4DD; 
	background-image: url(background_content.png);
}

div.menu {
	font-family: "Verdana",sans-serif;
	font-size: 10px;
	float:right;
	text-align: left;
	width: 210px; 
	margin: 0px;
	padding:20px; 
	background-color: #E8E4DD; 
	background-image: url(background_content.png);
	margin-right: 2px;
	margin-left: 2px;
}

div.content {
	float:left;
	text-align: justify;
	text-justify: newspaper;
	width: 470px; 
	margin: 0px;
	padding-top:60px; 
	padding-bottom:60px; 
	padding-left:80px; 
	padding-right:80px; 
	background-color:#E8E4DD; 
	background-image: url(background_content.png);
	margin-right: 2px;
	margin-left: 2px;
}

div.groupend {
	width: 900px;
	height: 2px;
	margin: 0px auto;
	padding: 0px;
	clear:both;
}

div.contentend {
	float: left;
	width: 634px;
	height: 2px;
	background-color: Black;
	margin: 0px;
	padding: 0px;
}

div.menuend {
	float: left;
	position:relative;
	left: 646px;
	width: 254px;
	height: 2px;
	background-color: Black;
	margin: 0px;
	padding: 0px;
}

div.footer {
	clear: both;
	text-align: center;
	font-family: sans-serif;
	font-size: 10px;
	width: 870px; 
	height: 10px;
	margin: 0px auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding:15px; 
	border: #000000 2px solid; 
	background-color:#E8E4DD; 
	background-image: url(background_content.png);

}


div.nextEntry {
	position: absolute;
	top: 280px;
	width: 600px;
	text-align:right;
	margin-left:-60px;
	margin-right:-60px;
	font-family: sans-serif;
	font-size: 11px;
}

div.previousEntry {
	position: absolute;
	top: 280px;
	width: 600px;
	text-align:left;
	margin-left:-60px;
	margin-right:-60px;
	font-family: sans-serif;
	font-size: 11px;
}

div.nextEntryBottom {
	float:right;
	width: 300px;
	text-align:right;
	margin-top:20px;
	margin-left:-60px;
	margin-right:-60px;
	font-family: sans-serif;
	font-size: 11px;
}

div.previousEntryBottom {
	float:left;
	width: 300px;
	text-align:left;
	margin-top:20px;
	margin-left:-60px;
	margin-right:-60px;
	font-family: sans-serif;
	font-size: 11px;
}

h1 {
	font-weight: bold;
	font-family: "Verdana", sans-serif;
	font-size: 	18px;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-weight: bold;
	font-family: "Verdana", sans-serif;
	font-size: 	16px;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-weight: bold;
	font-family: "Verdana", sans-serif;
	font-size: 	14px;
	padding: 0px;
	margin: 0px;
}

pre {
 border: #000000 1px solid; 
 background-color:#FFFFFF; 
 padding: 5px;
 font-size:12px;
 width:620px;
}

p.postit1 {
	background-image: url(background_postit1.gif);
	width: 290px;
	height: 176px;
	font-family: "Marker Felt", "Kristen ITC", "TSCu_Comic", cursive;
	font-size: 18px;
	color: Navy;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	margin-left: -82px;
	padding-left: 95px;
	padding-top: 49px;
	padding-right: 20px;
	padding-bottom: 29px;
}

p.postit2 {
	background-image: url(background_postit2.gif);
	width: 315px;
	height: 154px;
	font-family: "Marker Felt", "Kristen ITC", "TSCu_Comic", cursive;
	font-size: 18px;
	color: Maroon;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	margin-left: 110px;
	margin-right:-100px;
	padding-left: 41px;
	padding-top: 68px;
	padding-right: 97px;
	padding-bottom: 52px;
}

p.postit3 {
	background-image: url(background_postit3.gif);
	width: 377px;
	height: 197px;
	font-family: "American Typewriter", monospace;
	font-size: 15px;
	vertical-align: middle;
	text-align: left;
	margin: 0px;
	margin-left: 15px;
	padding-left: 43px;
	padding-top: 51px;
	padding-right: 28px;
	padding-bottom: 29px;
}

p.card1 {
	background-image: url(background_card1.gif);
	width: 361px;
	height: 243px;
	font-family: "Marker Felt", "Kristen ITC", "TSCu_Comic", cursive;
	font-size: 18px;
	color: Black;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	margin-left: 15px;
	padding-left: 43px;
	padding-top: 51px;
	padding-right: 28px;
	padding-bottom: 29px;
}


div.advert {
	margin: 0px auto;
	text-align: center;
}

img.advert {
	border: 0;
}



div.comment {
	margin-top: 24px;
}

div.commentName {
	font: bold 12px sans-serif;
	display: inline;
	margin-left: 27px;
	margin-right: 7px;
}

div.commentDate {
	font: italic 11px sans-serif;
	display: inline;
}

div.commentComment {
	text-justify: inter-word;
	font: 12px sans-serif;
	margin-top: 4px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 15px;
	border: Black 1px solid; 
	background-color:#eeeeee;
}

div.commentCommentAdmin {
	text-justify: auto;
	font: 16px serif;
	margin-top: 4px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 15px;
	border: Black 2px dashed; 
	background-color:#ffffcc;
}



label.commentNameLabel {
	font: bold 12px sans-serif;
	float: left;
	width: 110px;
	}

input.commentNameBox {
	width: 340px;
}

label.commentEmailLabel {
	font: bold 12px sans-serif;
	float: left;
	width: 110px;
}

input.commentEmailBox {
	width: 340px;
}

label.commentWebsiteLabel {
	font: bold 12px sans-serif;
	float: left;
	width: 110px;
}

input.commentWebsiteBox {
	width: 340px;
}

label.commentCommentLabel {
	font: bold 12px sans-serif;
	float: left;
	width: 110px;
}

textarea.commentCommentBox {
	width: 340px;
	height: 250px;
}

img.commentSecurityImage {
	float: left;
	padding-right: 10px;
}

div.commentSecurityInput {
}

label.commentSecurityLabel {
	font: bold 12px sans-serif;
	width: 100px;
	float: left;
	display: block;
}

input.commentSecurityBox {
	float: left;
	display: block;
	}

input.commentSubmitButton {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 110px;
	margin-top: 10px;
	width: 110px;
	height: 30px;
}

p.commentError {
	margin: 20px;
	padding: 10px;
	float: left;
	background-color: #ffffaa;
	font: bold 14px sans-serif;
	width: 410px;
	height: 40px;
	border: red 3px solid;
}

div.commentInfo{
	margin: 3px;
	padding: 3px;
	float: left;
	background-color: #ffffcc;
	font: bold 12px sans-serif;
	width: 440px;
	border: black 1px solid;
}