html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }

/*
 * play around with these to change settings on your blog!
 */

/* link colors */
a.menu {
  color: #ffffff;
  text-decoration : none;
	font: 13 Trebuchet MS1, Trebuchet MS, sans-serif;
   text-transform: uppercase;
   font-weight: 600;
}
a.menu:hover {
  color: #555555;
  text-decoration : none;
	font: 13 Trebuchet MS1, Trebuchet MS, sans-serif;
   text-transform: uppercase;
   font-weight: 600;

}


a {
  color: #919191;
  text-decoration : none;
	font: 12 Trebuchet MS1, Trebuchet MS, sans-serif;

   font-weight: 600;
}
a:hover {
  color: #F6358A;
  text-decoration : none;
	font: 12 Trebuchet MS1, Trebuchet MS, sans-serif;

   font-weight: 600;

}

a.comment {
  color: #919191;
  text-decoration : none;
	font: 12 Trebuchet MS1, Trebuchet MS, sans-serif;


}
a.comment:hover {
  color: #666666;
  text-decoration : none;
	font: 12 Trebuchet MS1, Trebuchet MS, sans-serif;



}



/* font & border */
body {
  font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
  font-weight:bold
}

h1,h3,h4,h5,h6, div.navheader, div.default, div.tavlingBox {
	font: 13 Trebuchet MS1, Trebuchet MS, sans-serif;
  color: #555555;
}

div#side h3 div.navheader {
  color: #666;
}

/*
 * do not alter these if you don't know what you're doing
 */

body {

background: #F1EEE7;
overflow-x:hidden;
background-attachment:fixed;





}

div#base{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index:-1;
}

div#popUpDiv{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index:1;
pointer-events:none;

}

div#arrowBox{
position: absolute;
left: 50%;
top: 130px;
width: 210px;
  padding: 0 0px 0px 450px;
}





div#tavlingBox{
font-size: 16px;
position: absolute;
top: 200px;
left:50%;
margin-left:-600px;
width: 180px;
height: auto;
  padding: 0px 0px 0px 0px;

}






div#wrapper {
  margin:  auto auto 0px auto;
  background: #ffffff;
  width: 1020px;
  height: 100%;


z-index: 2;
}

div#headerBase {
  background-image: url('https://cdn3.cdnme.se/cdn/7-1/3085141/images/2011/charcoal_172856618.gif');
  float: left;
  clear: left;
  display: inline;
  padding: 0 20px 20px 20px;
  width: 100%;
  height: 120px;
}

div#header {
  background-image: url('http://julytwentythree.blogg.se/images/2011/header-ny-3_173009310.png');
  float: left;
  clear: left;
  display: inline;
  padding: px px 0px 0px;
  width: 100%;
  height: 140px;
}

div#buttonMenu {
  background: #777777;
  float: left;
  clear: left;
  padding: 8px 8px;
  width: 100%;
  height: 13px;
  margin-top: 0px;
  margin-bottom: 10px;
border-top: 1px solid #999999; 
border-left: 0px;
border-bottom: 1px solid #777777;
border-right: 0px;


}

div#centerDiv {

left: 50%;

}

div#baseblogg{
 width: auto;
 background-color: #ffffff;

}

div#content {
  background-color: #ffffff;
  float: left;

  display: inline;
  padding: 10px 0px 0px 0px;
  width: 640px;

  font-size: 12px;
  font-weight: normal;
  margin: 0px 10px 0px 10px;

}


div#side {
  background-color: #ffffff;
  width: 170px;
  height: 100%;
  padding: 20px 3px 5px 5px;
  float: left;
  display: inline;
  margin: 0 px 10px 0px 0px;


}


div#side2 {
  background-color: #ffffff;
  width: 170px;
  padding: 20px 5px 5px 5px;
  float: left;
  display: inline;
  margin 10px 10px 10px 10px;
  color: #919191;


}

#footer{
float: right;
clear: both;
bottom: 0px;
position: fixed;
width: 100%;
height: 18px;
background-color: #666666;
border-top: 1px solid #555555; 
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
color: #ffffff;

} 


div#side div.navheader, div#side h4, div.default {
  padding: 5px 0px 0px 0;
  font-size: 16px;
  font-weight: normal;
}


div#tavlingBox div.text{
  padding: 5px 0 0px 0;
  font-size: 16px;
  font-weight: normal;
}


/* hide calender - doesn't work anyway */
div#side div#calendar {
  display: none;
}

div#header h1 {
  font-size: 45px;
  letter-spacing: -2px;
  font-weight: bold;
  margin: 50px 0 15px 0;
}

div#header h1 a {
  text-decoration: none;
  color: #222;
  cursor: default;
}

div#header h2 {
  font-size: 10px;
  margin-left: 15px;
  color: #666;
}

div#content h3 {

  font-size: 20px;
  font-weight: normal;
}







div#content div.entrybody {
  margin: 0px 10px 0px 10px;
}

div#content div.entrybody ul {
  margin: 10px 0 10px 10px;
}

div#content div.entrybody li {
  font-size: 12px;
  color: #222;
  list-style-type: square;
}

div.default {
  margin: 10px 5px 15px 0;
}

div.nav input {
  margin-right: 5px;
}

div.nav li {
  list-style: none;
  padding: 2px 0;
}

div.nav ul li strong {
  line-height: 37px;
  font-size: 11px;
}

div.entrymeta {
  font-size: 11px;
  margin: 0 0 0 15px;
  padding: 0 0 10px 10px;
  color: #666;
  line-height: 7px;
}

div.commentheader, p.commenttext {
  margin: 0 5px 0 15px;
  font-weight: bold;
  color: #222;
}

p.commenttext {
  font-weight: normal;
}

div.commentmeta {
  color: #666;
  margin: 5px 0 20px 15px;
  font-size: 11px;
}

form.commentform {
  font-size: 11px;
}

form.commentform input, form.commentform textarea {
 margin: 0 5px 10px 0;
 vertical-align: middle;
}

input.formbutton {
 margin-top: 10px;
}

.separator {
  display:none;
}

.subside {}

.image {
  border: 0;
  margin: 0 6px 6px 0;
}

.thumbnail {
  margin: 0 6px 6px 0;
}

.video {
  padding: 0;
}

.xmlButton {
  border: 1px solid;
  border-color: #FC9 #630 #330 #F96;
  padding: 0 3px;
  font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
  color: #FFF;
  background: #F60;
  text-decoration: none;
  margin:0;
}