body {
margin:0px;
padding:0px;
}

/** the topbar **/
.top {
background-image: url(http://dun.se/images/index_01.jpg);
background-repeat: repeat-x;
background-position:top;
position:relative;
width:100%;
height:119px;
}


/** MENU **/
.menu {
	left: 50%;
	margin-left: -219.5px;
	padding-top: 6px;
	padding-left:30px;
	position:relative;
	width: 439px;
background-position:top;
position:relative;
height:27px;
text-align:center;
}
.menu ul {
list-style: none;
list-style-type: none;
margin-bottom:0px;
padding-bottom:0px;
height:27px;
}
.menu ul li {
float:left;
margin-right:10px;
height:27px;
}

.menu ul li a.aboutme{
background-image: url(http://dun.se/images/menu_10.jpg);
width:118px;
height:27px;
display:block;
}
.menu ul li a.aboutme:hover{
background-image: url(http://dun.se/images/menu_10-hover.jpg);
width:118px;
height:27px;
display:block;
}
.menu ul li a.aboutmethere {
background-image: url(http://dun.se/images/menu_10-hover.jpg);
width:118px;
height:27px;
display:block;
}

.menu ul li a.sites{
background-image: url(http://dun.se/images/menu_sites.jpg);
width:92px;
height:27px;
display:block;
}
.menu ul li a.sites:hover{
background-image: url(http://dun.se/images/menu_sites-hover.jpg);
width:92px;
height:27px;
display:block;
}
.menu ul li a.sitesthere{
background-image: url(http://dun.se/images/menu_sites-hover.jpg);
width:92px;
height:27px;
display:block;
}

.menu ul li a.blogg{
background-image: url(http://dun.se/images/menu_blogg.jpg);
width:43px;
height:27px;
display:block;
}
.menu ul li a.blogg:hover{
background-image: url(http://dun.se/images/menu_blogg-hover.jpg);
width:43px;
height:27px;
display:block;
}
.menu ul li a.bloggthere{
background-image: url(http://dun.se/images/menu_blogg-hover.jpg);
width:43px;
height:27px;
display:block;
}

.menu ul li a.contact{
background-image: url(http://dun.se/images/menu_contact.jpg);
width:55px;
height:27px;
display:block;
}
.menu ul li a.contact:hover{
background-image: url(http://dun.se/images/menu_contact-hover.jpg);
width:55px;
height:27px;
display:block;
}
.menu ul li a.contactthere{
background-image: url(http://dun.se/images/menu_contact-hover.jpg);
width:55px;
height:27px;
display:block;
}

/** Logo and slogan **/
.logo {
	left: 50%;
	margin-left: -219.5px;
	padding-top: 30px;
	padding-left:30px;
	position:relative;
	width: 439px;
}

.logo a {
background-image: url(http://dun.se/images/index_04.jpg);
width:105px;
height:28px;
display:block;
}

.slogan {
	background-image: url(http://dun.se/images/index_06.jpg);
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -186.5px;
	padding-top: 0px;
	position:relative;
	width: 373px;
	height:14px;
}

/** main and its contain **/
.mainram {
	margin-top: 0px;
	padding-top: 10px;
	padding-left:20px;
	padding-right:20px;
	width: 399px;
	position:relative;
	background-image: url(http://dun.se/images/index_10.jpg);
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -199.5px;
	height:auto;
	color:#bbbbbb;
	font-size:8pt;
	font-family: "verdana";
	min-height: 375px;
}

.mainram h1 {
width:391px;
max-width:391px;
height:auto;
font-weight: normal;
font-size:12pt;
color:#617fc3;
padding-left:8px;
padding-bottom:6px;
border-bottom:1px solid #eee;
margin:0px;
margin-bottom:10px;
font-family:Verdana;
}

.mainram h2 {
width:391px;
max-width:391px;
height:auto;
font-weight: normal;
font-size:11pt;
color:#617fc3;
padding-left:8px;
padding-bottom:6px;
border-bottom:1px solid #eee;
margin:0px;
margin-bottom:10px;
font-family:Verdana;
}

.mainram a {
color:#617fc3;
text-decoration: none;
font-weight: normal;
}

.mainram a:hover {
color:#617fc3;
text-decoration: underline;
font-weight: normal;
}

.mainram dt {
width: 150px;
float: left;
margin-right: 0px;
margin-left:10px;
margin-bottom: 10px;
text-align: left;
color:#617fc3;
font-weight: bold;
clear:both;
}
.mainram dd {
margin-bottom: 10px;
margin-left:10px;
width: 200px;
float: left;
}

.border {
height:1px;
width:400px;
max-width:400px;
background-color: #eee;
margin-bottom:10px;
margin-top:10px;
}

.banner {
border:none;
margin:0px;
padding:0px;
margin-bottom:10px;
}


/** Twitter setings **/
.twitter_div ul {
list-style: none;
list-style-type: none;
margin:0px;
padding:0px;
}
.twitter_div ul li {
list-style: none;
list-style-type: none;
margin:0px;
margin-bottom: 10px;
padding:0px;
}


/** cleaner and copyright **/
.kant {
clear:both;
}

.copyright {
	left: 50%;
	margin-left: -199.5px;
	padding-top: 10px;
	position:relative;
	width: 399px;
	margin-top:10px;
	padding-left:20px;
	padding-right:20px;
	border-top: 1px solid #eee;
	font-size:8pt;
	color:gray;
	text-align: center;
}