body { background:#ffffff url(http://styleblogg.blogg.se/bakgrunder/images/2010/bakgrund_49581998_90196049.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; }  a {color: #999999;text-decoration:none;} a:hover {color: #ed5b8c; background: none;

border-bottom:1px dotted #ed5b8c;

text-decoration:none;}

#wrapper {

margin:0px auto;

width: 1020px;

position:relative; padding: 0px; vertical-align: top; text-align: left;

background-image: url(''); color:#ffffff; }  #wrapper:after {

content: url('botten bild');  display: block;  height: 0;  clear: both;  }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#header {

background:#ffffff url('http://cajsagrasberg.webblogg.se/ploppko/images/2011/baj_140785290.png') no-repeat center top;

margin-left: 28px;

margin-right: 40px;

margin-top:30px;

padding: 50px 10px 10px 10px;

height: 130px;

width: 930px;

border: 0px none;

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff;

}

#box {

width: 200px;

padding: 10px 10px 10px 10px;

background: #FFFFFF;

border-left: 0px solid #BAA89E;

border-right: 0px solid #BAA89E;

}

#datum {

background: ;

color: #000;

font-family: tahoma;

font-size: 20px;

padding-left: 18px;

padding-bottom: 5px;

padding-top: -22px;

padding-right: 5px;

margin: -29px 5px 0px 0px;

font-weight: normal;

text-align:right;

letter-spacing: 0px;

font-style: none;

background: transparent;

height:7px;

}

#side {

margin-right: 40px;

padding: px; float: right; width: 200px; margin-top:18px;

border:5px solid;

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff;

padding: 0px 0px 0px 0px;

}

#box {

width: 180px;

padding: 5px 5px 5px 5px;

background: #FFFFFF;

margin-top: -3px;

margin-bottom: -1px;

}

#content {

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff; padding: 0px 0px 0px 0px; overflow: hidden; width:714px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 5px; margin-left: 28px; margin-top: 18px; background: #ffffff;  }  #header a { color: #f46797; text-decoration: none;cursor: crosshair;}  h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #f46797; margin-top:-228px; margin-bottom:0px; padding:180px; text-align: center; text-shadow: #cccccc 1px 4px 3px;  }  h2 { font-family: Trajan Pro, Trajan Pro, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding:0px; text-align: left; }  /** Entry headers **/ h3 { font-family: Georgia, verdana, sans-serif; font-size: 22px; font-weight: normal; color: #f46797; background:#ffffff; padding-right:20px; margin: 0px 9px 0px; vertical-align: top; text-align:left; -moz-box-shadow:0px 0px 15px #cccccc; box-shadow: 0px 0px 15px #cccccc; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; border:#cccccc; }  .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; text-align:left; padding: 0px; padding-left:10px; background:#ed5b8c; text-transform: absolute; margin-left: 0px; }  .nav { font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; text-align: left; }  .nav ul { padding: 0px 0px 0px; background: none; font-weight: normal; margin-left: 0px; }  .nav li { list-style: none; padding: 0px 0px 0px; background: none; font-weight: normal; margin: 0px; }  .nav a { color: #000;text-decoration:none; } .nav a:hover {color: #ed5b8c;text-decoration:none;padding-left:7px;  cursor: crosshair; }  /** Post's body text **/ .entrybody { background:none; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: normal; color: #ed5b8c; line-height: 140%; text-align:justify; padding:10px; margin: 5px 0px 0px 0px; border: 0px solid #ccc; }  /** 'Posted by' txt **/ .entrymeta { background:none; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; padding:15px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:none; border: 0px solid #ccc; }  .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #ed5b8c;text-decoration:none; cursor: crosshair;}  .commentheader { font-family:  tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; margin: 30px 30px 0px 30px; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }  .commenttext { font-family: tahoma , verdana, arial, sans-serif; font-size: 14px; background:#ffffff; font-weight: normal; color: #000000; padding: 0px 0px 10px 5px; line-height: 130%; margin: 0px 30px 0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .commentmeta { font-family: tahoma , arial, sans-serif; font-size:12px; font-weight: normal; color: #000000; height:30px; background:#ffffff; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 30px 0px 30px; }  #datum2 { background: ; color: #999; font-family: tahoma; font-size: 15px; padding-left: 100px; padding-bottom: 0px; padding-top: -0px; padding-right: 0px; margin: -20px 30px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:0px; }  .commentform { background:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; }  .separator { border-top: 2px solid #e35786;  border-bottom: 0px solid #e35786;  margin: 10px 10px 10px 10px }  .default { display:none; }  .subside { font-family: "tahoma" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; }   .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px tahoma, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; }  .image { border: 0px solid #cccccc; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 0px solid #889977; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 30px 30px; }  .fieldName{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; }  /***************************************************************************** * Calendar * *****************************************************************************/  #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #BBB; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; }  #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; }  #calendar table tr td.cssDayMouseOut { border: 1px solid #F1F1F1; }  #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; }  #calendar table tr td ul li { }  #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; }  #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; }  #profile { font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; background: #ffffff; margin: 10px 0px 10px; padding: 5px; }  #profile h4{ font-family: tahoma, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #343434; background: #ffffff; padding: 5px; margin: 10px 0px 0px; }  #profile p{ padding: 0px 5px 5px; background: #ffffff; }  #profile p a{ color: #000000; } .knapp{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappen{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappe{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma; } #profile p a:hover{ color: #000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url('')top; color: #000; font-weight: normal;  font-family: tahoma;  } .knappinapp{ border: 1px solid #000; font-size: 12px; background:#ffffff; color: #000; font-weight: normal;  font-family: tahoma;  }  img{ border: 0px; }   .flikar { height:1em;  /*Flytta åt vänster/höger/upp/ner */ margin-left: 60px; margin-right: 0px; margin-top: -35px; margin-bottom: -80px;  padding:0px; }  .flikar li { float:left; list-style: none;   }  .flikar li a {  display:block; margin:0 15px 0 0px; padding:2px 0px 0 10px; width: 98px; height: 16px; background-color: none; /*Ändra färgen på menyflikarna här*/   color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Tahoma; /*Ändra typsnittet här*/ font-size: 11px; /*Ändra storleken på texten här*/ text-align: left; }    .flikar li a:hover, .flikar li.selected a{  background: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */  /* opacitet for IE */ filter:alpha(opacity=0.6); /* opacity: 0.6; filter: alpha(opacity=0.6); */ /* opacitet CSS3 standard */ opacity: 0.6; /* opacitet for Mozilla */ opacity: 0.6; }  .flikar li ul { display: none;  background-color:none; width:135px; /* opacitet for IE */ filter:alpha(opacity=0.95); /* opacity: 0.95; filter: alpha(opacity=0.95); */ /* opacitet CSS3 standard */ opacity:0.95; /* opacitet for Mozilla */ -moz-opacity:0.95; }   .flikar li:hover ul, .flikar li.hover ul {  display:block ; position: absolute; margin: 0px; padding: 0px; z-index: 1; }  .flikar li:hover li, .flikar li.hover li { border-left: solid 1px #b3b2b3; float: none; background-color: #ffffff; }   .flikar li:hover li a, .flikar li.hover li a { border-right: solid 1px #b3b2b3; width: 125px; /* Ändra bredden på undermenyn här */ background-color: #b2f6f7; /*Ändra färgen på undermenyn*/  color: #333333; /*ändra textfärgen på undermenyn här*/  }   .flikar li li a:hover { background-color: ; } /*Ändra färgen när man håller musen över dropdownmenyn*/

body { background:#ffffff url(http://styleblogg.blogg.se/bakgrunder/images/2010/bakgrund_49581998_90196049.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; }  a {color: #999999;text-decoration:none;} a:hover {color: #ed5b8c; background: none;

border-bottom:1px dotted #ed5b8c;

text-decoration:none;}

#wrapper {

margin:0px auto;

width: 1020px;

position:relative; padding: 0px; vertical-align: top; text-align: left;

background-image: url(''); color:#ffffff; }  #wrapper:after {

content: url('botten bild');  display: block;  height: 0;  clear: both;  }  p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#header {

background:#ffffff url('http://cajsagrasberg.webblogg.se/ploppko/images/2011/baj_140785290.png') no-repeat center top;

margin-left: 28px;

margin-right: 40px;

margin-top:30px;

padding: 50px 10px 10px 10px;

height: 130px;

width: 930px;

border: 0px none;

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff;

}

#box {

width: 200px;

padding: 10px 10px 10px 10px;

background: #FFFFFF;

border-left: 0px solid #BAA89E;

border-right: 0px solid #BAA89E;

}

#datum {

background: ;

color: #000;

font-family: tahoma;

font-size: 20px;

padding-left: 18px;

padding-bottom: 5px;

padding-top: -22px;

padding-right: 5px;

margin: -29px 5px 0px 0px;

font-weight: normal;

text-align:right;

letter-spacing: 0px;

font-style: none;

background: transparent;

height:7px;

}

#side {

margin-right: 40px;

padding: px; float: right; width: 200px; margin-top:18px;

border:5px solid;

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff;

padding: 0px 0px 0px 0px;

}

#box {

width: 180px;

padding: 5px 5px 5px 5px;

background: #FFFFFF;

margin-top: -3px;

margin-bottom: -1px;

}

#content {

-moz-box-shadow:0px 0px 15px #ffffff;

box-shadow: 0px 0px 15px #ffffff; padding: 0px 0px 0px 0px; overflow: hidden; width:714px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 5px; margin-left: 28px; margin-top: 18px; background: #ffffff;  }  #header a { color: #f46797; text-decoration: none;cursor: crosshair;}  h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #f46797; margin-top:-228px; margin-bottom:0px; padding:180px; text-align: center; text-shadow: #cccccc 1px 4px 3px;  }  h2 { font-family: Trajan Pro, Trajan Pro, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding:0px; text-align: left; }  /** Entry headers **/ h3 { font-family: Georgia, verdana, sans-serif; font-size: 22px; font-weight: normal; color: #f46797; background:#ffffff; padding-right:20px; margin: 0px 9px 0px; vertical-align: top; text-align:left; -moz-box-shadow:0px 0px 15px #cccccc; box-shadow: 0px 0px 15px #cccccc; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; border:#cccccc; }  .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; text-align:left; padding: 0px; padding-left:10px; background:#ed5b8c; text-transform: absolute; margin-left: 0px; }  .nav { font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; text-align: left; }  .nav ul { padding: 0px 0px 0px; background: none; font-weight: normal; margin-left: 0px; }  .nav li { list-style: none; padding: 0px 0px 0px; background: none; font-weight: normal; margin: 0px; }  .nav a { color: #000;text-decoration:none; } .nav a:hover {color: #ed5b8c;text-decoration:none;padding-left:7px;  cursor: crosshair; }  /** Post's body text **/ .entrybody { background:none; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: normal; color: #ed5b8c; line-height: 140%; text-align:justify; padding:10px; margin: 5px 0px 0px 0px; border: 0px solid #ccc; }  /** 'Posted by' txt **/ .entrymeta { background:none; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; padding:15px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:none; border: 0px solid #ccc; }  .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #ed5b8c;text-decoration:none; cursor: crosshair;}  .commentheader { font-family:  tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; margin: 30px 30px 0px 30px; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }  .commenttext { font-family: tahoma , verdana, arial, sans-serif; font-size: 14px; background:#ffffff; font-weight: normal; color: #000000; padding: 0px 0px 10px 5px; line-height: 130%; margin: 0px 30px 0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .commentmeta { font-family: tahoma , arial, sans-serif; font-size:12px; font-weight: normal; color: #000000; height:30px; background:#ffffff; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 30px 0px 30px; }  #datum2 { background: ; color: #999; font-family: tahoma; font-size: 15px; padding-left: 100px; padding-bottom: 0px; padding-top: -0px; padding-right: 0px; margin: -20px 30px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:0px; }  .commentform { background:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; }  .separator { border-top: 2px solid #e35786;  border-bottom: 0px solid #e35786;  margin: 10px 10px 10px 10px }  .default { display:none; }  .subside { font-family: "tahoma" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; }   .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px tahoma, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; }  .image { border: 0px solid #cccccc; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; }  .thumbnail { border: 0px solid #889977; margin: 0px 6px 6px 0px; }  .video{ padding: 0px 0px 30px 30px; }  .fieldName{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px }  select{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; }  /***************************************************************************** * Calendar * *****************************************************************************/  #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; }  #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; }  #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; }  #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; }  #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; }  #calendar table tr ul  { color: #BBB; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; }  #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; }  #calendar table tr td.cssDayMouseOut { border: 1px solid #F1F1F1; }  #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; }  #calendar table tr td ul li { }  #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; }  #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; }  #profile { font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; background: #ffffff; margin: 10px 0px 10px; padding: 5px; }  #profile h4{ font-family: tahoma, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #343434; background: #ffffff; padding: 5px; margin: 10px 0px 0px; }  #profile p{ padding: 0px 5px 5px; background: #ffffff; }  #profile p a{ color: #000000; } .knapp{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappen{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma;  } .knappe{ border: 1px solid #999;  font-size: 11px;  background:#ffffff url('');  color: #000;  font-weight: normal;  font-family: tahoma; } #profile p a:hover{ color: #000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url('')top; color: #000; font-weight: normal;  font-family: tahoma;  } .knappinapp{ border: 1px solid #000; font-size: 12px; background:#ffffff; color: #000; font-weight: normal;  font-family: tahoma;  }  img{ border: 0px; }   .flikar { height:1em;  /*Flytta åt vänster/höger/upp/ner */ margin-left: 60px; margin-right: 0px; margin-top: -35px; margin-bottom: -80px;  padding:0px; }  .flikar li { float:left; list-style: none;   }  .flikar li a {  display:block; margin:0 15px 0 0px; padding:2px 0px 0 10px; width: 98px; height: 16px; background-color: none; /*Ändra färgen på menyflikarna här*/   color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Tahoma; /*Ändra typsnittet här*/ font-size: 11px; /*Ändra storleken på texten här*/ text-align: left; }    .flikar li a:hover, .flikar li.selected a{  background: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */  /* opacitet for IE */ filter:alpha(opacity=0.6); /* opacity: 0.6; filter: alpha(opacity=0.6); */ /* opacitet CSS3 standard */ opacity: 0.6; /* opacitet for Mozilla */ opacity: 0.6; }  .flikar li ul { display: none;  background-color:none; width:135px; /* opacitet for IE */ filter:alpha(opacity=0.95); /* opacity: 0.95; filter: alpha(opacity=0.95); */ /* opacitet CSS3 standard */ opacity:0.95; /* opacitet for Mozilla */ -moz-opacity:0.95; }   .flikar li:hover ul, .flikar li.hover ul {  display:block ; position: absolute; margin: 0px; padding: 0px; z-index: 1; }  .flikar li:hover li, .flikar li.hover li { border-left: solid 1px #b3b2b3; float: none; background-color: #ffffff; }   .flikar li:hover li a, .flikar li.hover li a { border-right: solid 1px #b3b2b3; width: 125px; /* Ändra bredden på undermenyn här */ background-color: #b2f6f7; /*Ändra färgen på undermenyn*/  color: #333333; /*ändra textfärgen på undermenyn här*/  }   .flikar li li a:hover { background-color: ; } /*Ändra färgen när man håller musen över dropdownmenyn*/

ta om du vill ha ;)

En med "klotter"

Om du tar dom så får du helst skriva ett inlägg om att det är från mig :)

Det vore schysst =)

Ska snart även göra en hel design av dom här headers =)

Kopiera stilmallen under för att få den designen helt gratis :D men du får gärna skriva att jag har gjort den (:

body {

background: #f8ded7;

background-image: url(http://nipstaden.se/wordpress/bokeh_bg.png);

background-repeat: no-repeat;

background-position: top center;

}

margin:0;

padding:0px 0 14px;

text-align:center;

color:#000000;

}

a {color: #333;text-decoration:none; }

a:hover {color: #c3ccbc;text-decoration:none;}

.a { color: #d88b89; }

.a:hover { color: #d88b89;text-decoration:underline; }

#wrapper {

text-align: left;

width: 1019px;

margin: 40px auto;

padding: 30px;

vertical-align: top;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background: url(http://designbloggar.blogg.se/blue/images/2011/header_128006402.png) no-repeat right top;

margin: 0px;

padding: 5px 0px 0px 0px;

height: 315px;

text-align: right;

border-top: 0px solid #bbbac0;

border-bottom: 1px solid #d3a3a3;

width: 815px;

float: right;

}

#navbar {

margin: 0px 6px 17px 215px;

padding: 23px 10px 16px 10px;

height: 0em; }

#navbar li {

list-style: none;

float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {

border-left: 0px dotted #96938E;

border-bottom: 0px dotted black;

border-top: 0px dotted black;

display: block;

padding: 2px 14px;

background-color: ; /*Ändra färgen på menyflikarna här*/

color: #a0968d; /*Ändra färgen på texten här*/

text-decoration: none;

font-family: arial; /*Ändra typsnittet här*/

font-size: 10px; } /*Ändra storleken på texten här*/

#navbar li ul {

margin-top: 6px;

display: none;

text-align: left;

width: 10em; /* Ändra bredden på undermenyn här */

background-color: white;/* opacitet for IE */

filter:alpha(opacity=80);

/* opacity: 0.80; filter: alpha(opacity=80); */

/* opacitet CSS3 standard */

opacity:0.80;

/* opacitet for Mozilla */

-moz-opacity:0.80;}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1; }

#navbar li:hover li, #navbar li.hover li {

float: none; }

#navbar li:hover li a, #navbar li.hover li a {

background-color: white;  /*Ändra färgen på undermenyn*/

font-size: 10px;

border-left: 0px dotted white;

border-right: 0px dotted white;

border-top: 0px dotted white;

border-bottom: 1px dotted #D1CCBF;

color: #5e5456;

} /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {

background: white url(); font-size: 10px; color: #ecc0b5;

border-left: 0px dotted black;

border-right: 0px dotted black;

border-top: 0px dotted #9d9595;

border-bottom: 1px solid #D1CCBF;

} /*Ändra färgen när man håller musen över undermenyn*/

#side {

margin-right:0;

margin-top: -200px;

background: #fff;

border-right-width: 0px;

border-right-style: solid;

border-right-color: #ffffff;

border-bottom-width: 0px;

border-bottom-style: solid;

border-bottom-color: #333;

float: left;

width: 200px;

border: 1px solid #d3a3a3;

}

#content {

overflow: hidden;

width: 813px;

float: right;

background: #FFFFFF;

padding: 0px 0px 0px;

voice-family:"\"}\"";

voice-family:inherit;

text-align: left;

vertical-align: top;

border-top: 0px dashed #333;

border-right: 1px solid #d3a3a3;

border-bottom:1px solid #d3a3a3;

border-left: 1px solid #d3a3a3;

margin: 0px;

}

#header a { color: #fff; text-decoration: none; }

#header a:hover { color: #333;text-decoration:none;}

h1 {

font-family: trajan pro;

font-size: 2.2em;

font-weight: normal;

color: #FFF;

margin-top:20px;

margin-bottom:0px;

padding:0px;

text-align: left;

}

h2 {

font-family: Century Gothic;

font-size: 10px;

font-weight: bold;

text-transform: uppercase;

color: #FFF;

margin-top:4px;

margin-bottom:0px;

margin-left: 0px;

padding:0px;

text-transform:uppercase;

}

/** Entry headers **/

h3 {

font-family: Georgia;

font-size: 30px;

font-weight: 100;

color: #e3b5a9;

text-transform: none;

background: #FFFFFF;

padding:14px 10px 0px 32px;

margin-top: 34px;

margin-bottom: 0px;

height: 37px;

text-align: center;

vertical-align: top;

}

}

#tid {

font-size:9px;

text-align:left;

font-family: Century Gothic, tahoma, verdana;

}

#datum {

font-size:9px;

text-align:left;

font-family:Century Gothic, verdana;

}

.navheader {

font-family: tahoma;

font-size: 10px;

padding-bottom: 4px;

padding-top: 4px;

font-style: normal;

padding-left: 5px;

font-weight: 100;

color: #a49f9d;

text-transform: uppercase;

margin-bottom: 3px;

border-bottom: 1px dashed #f5ebe9;

border-top: 1px dashed #f5ebe9;

}

.nav {

font-family: tahoma;

font-size: 10px;

font-weight: 100;

}

.nav ul {

padding: 0px 0px 2px;

font-weight: normal;

margin: 0px;

}

.nav li {

list-style: none;

padding: 0px 7px 0px;

font-weight: normal;

margin: 0px;

}

.nav a { color: #333;text-decoration:none; background:none;}

.nav a:hover { color: #f8dad0;text-decoration:none;}

/** Post's body text **/

.entrybody {

font-family: Arial, sans serif;

font-size: 12px;

font-weight: normal;

color: #333;

line-height: 140%;

text-align:justify;

padding-top:20px;

padding-left:15px;

padding-right:15px;

padding-bottom:20px;

margin: 0px;

background: #FFFFFF;

}

.entrybody a { color: #d88b89; }

.entrybody a:hover { color: #d88b89;text-decoration:underline; }

/** 'Posted by' txt **/

.entrymeta {

font-family: arial;

font-size: 10px;

font-weight: normal;

color: #555;

background: #FFFFFF;

padding-left:10px;

padding-right:10px;

padding-top:10px;

padding-bottom:4px;

text-align:center;

margin-left:0px;

margin-right:0px;

border-bottom: 1px solid #f0f0f0;

}

.entrymeta a { color: #333; text-decoration:none;}

.entrymeta a:hover { color: #333;text-decoration:underline;}

.commentheader {

font-family:  Tahoma;

font-size: 12px;

font-weight: normal;

margin-left: 10px;

margin-right: 10px;

background:#ffe9e8;

border-top: 1px dotted #e4b7b6;

border-bottom: 1px dotted #e4b7b6;

border-left: 1px dotted #e4b7b6;

border-right: 1px dotted #e4b7b6;

padding:5px;

margin-bottom: 0px;

color: #000000;

}

.commenttext {

font-family: tahoma, verdana, arial, sans-serif;

font-size: .70em;

font-weight: normal;

background: #fff9f9;

padding-left:5px;

padding-right:5px;

padding-top: 2px;

padding-bottom: 2px;

border-left: 1px solid #e4b7b6;

border-right: 1px solid #e4b7b6;

color: #000;

line-height: 130%;

margin-left:10px;

margin-bottom:0px;

margin-top: 0px;

margin-right: 10px;

}

.commentmeta {

font-family: tahoma, verdana, arial, sans-serif;

font-size: 10px;

font-weight: normal;

color: #999;

margin-left:10px;

margin-right: 10px;

background: #fff9f9;

padding-left:5px;

padding-right:5px;

padding-top: 2px;

border-left: 1px solid #e4b7b6;

border-right: 1px solid #e4b7b6;

border-bottom: 1px solid #e4b7b6;

padding-bottom: 2px;

}

.commentmeta a { color: #d88b89; }

.commentmeta a:hover { color: #d88b89;text-decoration:underline; }

.commentform {

font-family: Tahoma;

font-size: 12px;

font-weight: normal;

color: #666;

margin: 0px 0px 20px 0px

}

.commentform a { color: #d88b89; }

.commentform a:hover { color: #d88b89;text-decoration:underline; }

.separator {

border-top: 0px solid #CCCCCC;

border-bottom: 0px solid #CCCCCC;

margin: 14px 0px 14px 0px

}

.default {

font-family: Century Gothic, Helvetica, Sans-serif;

font-size: 11px;

color: #333;

font-weight: bold;

padding: 0px 0px 10px 0px;

padding-left: 10px;

text-transform: uppercase;

}

.subside {

font-family: Century gothic, Arial, Helvetica, Sans-serif;

font-size: 11px;

font-weight: normal;

padding: 0px 0px 0px 0px;

}

.xmlButton {

border:0px 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;

}

.image {

padding:2px;

margin-left: -12px;

}

.thumbnail {

background-color:#FFFFFF;

padding:2px;

margin: 0px 6px 6px 0px;

}

.video{

padding: 0px 0px 0px 0px;

}

.fieldName{

font-family: Century gothic, arial, sans-serif;

font-size: 11px;

margin: 0px 0px 12px 0px

}

select{

font-family: Century gothic, arial, sans-serif;

font-size: 11px;

}

#calendar {

color: #333333;

font-family: Century gothic, Verdana, sans-serif;

padding: 0px;

text-align: left;

background-color: #FFFFFF;

margin: 12px 0px 12px 0px;

padding: 10px;

}

#calendar table {

padding: 1px;

/*border-collapse: collapse;*/

border: 0px;

}

#calendar table caption {

color: #666666;

font-family : Arial, Helvetica, Sans-serif;

font-size : 0.7em;

border-bottom: 1px solid #999999;

text-align: left;

font-weight: bold;

text-transform: uppercase;

padding: 3px;

letter-spacing: .3em;

}

#calendar table th {

text-align: center;

font-weight: bold;

font-size: xx-small;

}

#calendar table tr td {

border: 1px solid #666666;

text-align: center;

font-size: xx-small;

}

#calendar table tr ul  {

color: #666666;

list-style: dot;

margin: 0px 0px 0px 20px;

padding: 4 0 5 0;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.7em;

}

#calendar table tr td.cssDayMouseOver {

border: 1px dotted red;

cursor: hand;

}

#calendar table tr td.cssDayMouseOut {

border: 1px solid #666666;

}

#calendar table tr td.cssEntryBox {

border: 1px solid gray;

padding: 6px;

text-align: left;

background: #FFFFFF;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

color: #666666;

}

#calendar table tr td ul li {

color: #666666;

}

#calendar table tr td div.cssDayEntryHeader {

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

text-align: left;

font-weight: bold;

padding: 4;

}

#calendar table tr td div.cssDayAvailable {

text-decoration: underline;

text-weight: bold;

}

form {

padding: 10px;

background-color: #FFFFFF;

margin: 0px 0px 10px;

}

#profile {

font-family:  Georgia;

font-size: 11px;

font-weight: normal;

margin: 0px 0px 0px 0px;

padding-left: 16px;

}

#profile h4{

font-family:  Arial, Helvetica, Sans-serif;

font-size: 14px;

font-weight: bold;

color: #666666;

text-transform: uppercase;

padding: 0px 0px 0px 0px;

margin: 0px 0px 6px 0px;

}

#profile p{

}

.a { color: #d88b89; }

.a:hover { color: #d88b89;text-decoration:underline; }

body {

background: #000;

background-image: url();

background-repeat: repeat;

background-position: top left;

}

margin:0;

padding:0px 0 14px;

text-align:center;

color:#000000;

}

a {color: #817d79;text-decoration:none;}

a:hover {color: #cccccc;text-decoration:none;}

#wrapper {

text-align: left;

width: 1000px;

position:center;

margin:0px auto;

padding: 0px 10px 10px;

vertical-align: top;

left:80px;

}

p {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

div#top1 {

float: left;

clear: left;

padding: 0px 0px 0px 0px;

margin-left: 0px;

width: 680px;

background-color: #fff;

}

#header {

background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header-1_126004135.png) no-repeat left top;

margin: 0px;

padding: 30px 0px 0px 0px;

height: 110px;

text-align: left;

padding-top: 310px;

padding-left: 100px;

}

#side {

margin-left: 10px;

padding: 10px 12px 0px;

background: #000;

border-right-width: 0px;

border-right-style: solid;

border-right-color: #ffffff;

border-bottom-width: 0px;

border-bottom-style: solid;

border-bottom-color: #333;

float: left;

width: 172px;

border-left-width: 0px;

border-left-style: solid;

border-left-color: #474645;

border-top: 0px dashed #333;

}

#content {

overflow: hidden;

width: 620px;

float: left;

background: #F0f0f0;

padding: 0px 0px 0px;

voice-family:"\"}\"";

voice-family:inherit;

text-align: left;

vertical-align: top;

margin: 0px;

margin-left:70px;

}

#header a { color: #dbdcde; text-decoration: none; }

a { color: #e82929; text-decoration: none; }

h1 {

font-family: Trajan pro;

font-size: 2.2em;

font-weight: normal;

color: #FFF;

margin-top:20px;

margin-bottom:0px;

padding:0px;

}

h2 {

font-family: arial;

font-size: 10px;

font-weight: bold;

text-transform: uppercase;

color: #FFF;

margin-top:4px;

margin-bottom:0px;

margin-left: 0px;

padding:0px;

text-transform:uppercase;

}

/** Entry headers **/

h3 {

background:  #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;

margin-top: 0px;

margin-left: 0px;

padding: 30px 0px 0px 0px;

padding-left: 20px;

padding-top:2px;

height: 48px;

width: 650px;

color:#f0f0f0;

font-family: Trajan pro;

font-size:24px;

font-weight:normal;

margin-bottom:0px;

text-transform:uppercase;

}

.bakgrund {

color: #969696;

line-height: 140%;

text-align:justify;

padding: 0px;

float:left;

font-family:georgia,arial,sans-serif;

font-size:11px;

font-weight:200;

margin-left:0px;

margin-right: 10px;

padding:1px;

text-align:center;

}

#datum {

font-size:9px;

text-align:left;

font-family:tahoma, verdana;

}

.navheader {

font-family: Andale mono;

font-size: 12px;

font-weight: bold;

color: #c3c4c5;

text-transform: uppercase;

margin-bottom: 3px;

}

.tiden {

font-family: arial;

font-size: 9px;

font-weight: none;

color: #929292;

margin-top: 10px;

margin-bottom: -15px;

margin-left: 10px;

}

.top {

font-family: arial;

font-size: 9px;

font-weight: none;

color: #929292;

margin-top: -30px;

margin-left: -12px;

}

.nav {

font-family: trajan pro;

font-size: 11px;

font-weight: bold;

text-align: center;

}

.nav ul {

padding: 0px 0px 2px;

font-weight: normal;

margin: 0px;

}

.nav li {

list-style: none;

padding: 0px 5px 0px;

font-weight: normal;

margin: 0px;

text-align: center;

}

.nav a { color: #f0f0f0;text-decoration:none; background:none;}

.nav a:hover { color: #fff;text-decoration:none;}

/** Post's body text **/

.entrybody {

font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #5B4F4F;

line-height: 150%;

margin: 10px;

padding-top: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: Arial, verdana, arial, sans-serif;

font-size: 10px;

font-weight: normal;

color: #968d8d;

text-align:right;

padding-top:10px;

padding-right: 20px;

padding-bottom:3px;

background:  #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;

}

.entrymeta a { color: #c0b8b8; text-decoration:none;}

.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }

.commentheader {

font-family:  courier new, arial, helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

border-top:2px dotted;

background:#dededa;

padding:5px;

color: #000000;

}

.commenttext {

font-family: tahoma, verdana, arial, sans-serif;

font-size: .70em;

font-weight: normal;

color: #000;

line-height: 130%;

margin:10px

}

.commentmeta {

font-family: tahoma, verdana, arial, sans-serif;

font-size: .65em;

font-weight: normal;

color: #999;

margin: 10px 0px 20px 0px

}

.commentmeta a { color: #BDB5A0; }

.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}

.commentform {

font-family: courier new, verdana, arial, sans-serif;

font-size: 11px;

font-weight: normal;

color: #333333;

margin: 0px 0px 20px 0px

}

.separator {

border-top: 2px solid #CCCCCC;

border-bottom: 0px solid #CCCCCC;

margin: 14px 0px 14px 0px

}

.default {

font-family: Arial, Helvetica, Sans-serif;

font-size: 11px;

color: #333;

font-weight: bold;

padding: 0px 0px 10px 0px;

text-transform: uppercase;

}

.subside {

font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;

font-size: 11px;

font-weight: normal;

padding: 0px 0px 0px 0px;

}

.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;

}

.image {

border: 2px solid #CCCCCC;

padding:2px;

margin: 0px 6px 6px 0px;

}

.thumbnail {

border: 2px solid #CCCCCC;

background-color:#FFFFFF;

padding:2px;

margin: 0px 6px 6px 0px;

}

.video{

padding: 0px 0px 0px 0px;

}

.fieldName{

font-family: verdana, arial, sans-serif;

font-size: 11px;

margin: 0px 0px 12px 0px

}

select{

font-family: verdana, arial, sans-serif;

font-size: 11px;

}

#calendar {

color: #333333;

font-family: 'Trebuchet MS', Verdana, sans-serif;

padding: 0px;

text-align: left;

background-color: #FFFFFF;

margin: 12px 0px 12px 0px;

padding: 10px;

}

#calendar table {

padding: 1px;

/*border-collapse: collapse;*/

border: 0px;

}

#calendar table caption {

color: #666666;

font-family : Arial, Helvetica, Sans-serif;

font-size : 0.7em;

border-bottom: 1px solid #999999;

text-align: left;

font-weight: bold;

text-transform: uppercase;

padding: 3px;

letter-spacing: .3em;

}

#calendar table th {

text-align: center;

font-weight: bold;

font-size: xx-small;

}

#calendar table tr td {

border: 1px solid #666666;

text-align: center;

font-size: xx-small;

}

#calendar table tr ul  {

color: #666666;

list-style: dot;

margin: 0px 0px 0px 20px;

padding: 4 0 5 0;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.7em;

}

#calendar table tr td.cssDayMouseOver {

border: 1px dotted red;

cursor: hand;

}

#calendar table tr td.cssDayMouseOut {

border: 1px solid #666666;

}

#calendar table tr td.cssEntryBox {

border: 1px solid gray;

padding: 6px;

text-align: left;

background: #FFFFFF;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

color: #666666;

}

#calendar table tr td ul li {

color: #666666;

}

#calendar table tr td div.cssDayEntryHeader {

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

text-align: left;

font-weight: bold;

padding: 4;

}

#calendar table tr td div.cssDayAvailable {

text-decoration: underline;

text-weight: bold;

}

form {

padding: 10px;

background-color: #FFFFFF;

margin: 0px 0px 10px;

}

#profile {

font-family:  Verdana, Helvetica, Sans-serif;

font-size: 11px;

font-weight: normal;

margin: 0px 0px 0px 0px;

padding-left: 16px;

}

#profile h4{

font-family:  Arial, Helvetica, Sans-serif;

font-size: 14px;

font-weight: bold;

color: #666666;

text-transform: uppercase;

padding: 0px 0px 0px 0px;

margin: 0px 0px 6px 0px;

}

#profile p{

}

#navbar {

margin: 0 0px;

padding: 0 0px;

}

#navbar li {

list-style: none;

float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {

display: block;

padding: 0px 0px;

margin: 0px 0px 0px 1px;

Background-color: #fff; /*Ändra färgen på menyflikarna här*/

/* opacitet for IE */

filter:alpha(opacity=75);

/* opacity: 0.75; filter: alpha(opacity=75); */

/* opacitet CSS3 standard */

opacity:0.75;

/* opacitet for Mozilla */

-moz-opacity:0.75;

color: #000; /*Ändra färgen på texten här*/

text-decoration: none;

font-family: tahoma; /*Ändra typsnittet här*/

font-size: 10px; } /*Ändra storleken på texten här*/

#navbar li ul {

display: none;

margin-left: 0px;

width: 9em; /* Ändra bredden på undermenyn här */

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0px 0px 0px 0px;;

padding: 0;

z-index: 1; }

#navbar li:hover li, #navbar li.hover li {

float: none; }

#navbar li:hover li a, #navbar li.hover li a {

/*Ändra färgen på undermenyn*/

border-bottom: 1px dotted #000;

color: #000; } /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {

background-color: #fff;

/* opacitet for IE */

filter:alpha(opacity=75);

/* opacity: 0.95; filter: alpha(opacity=95); */

/* opacitet CSS3 standard */

opacity:0.95;

/* opacitet for Mozilla */

-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/

body {

background: #000;

background-image: url();

background-repeat: repeat;

background-position: top left;

}

margin:0;

padding:0px 0 14px;

text-align:center;

color:#000000;

}

a {color: #817d79;text-decoration:none;}

a:hover {color: #cccccc;text-decoration:none;}

#wrapper {

text-align: left;

width: 1000px;

position:center;

margin:0px auto;

padding: 0px 10px 10px;

vertical-align: top;

left:80px;

}

p {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

div#top1 {

float: left;

clear: left;

padding: 0px 0px 0px 0px;

margin-left: 0px;

width: 680px;

background-color: #fff;

}

#header {

background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header-1_126004135.png) no-repeat left top;

margin: 0px;

padding: 30px 0px 0px 0px;

height: 110px;

text-align: left;

padding-top: 310px;

padding-left: 100px;

}

#side {

margin-left: 10px;

padding: 10px 12px 0px;

background: #000;

border-right-width: 0px;

border-right-style: solid;

border-right-color: #ffffff;

border-bottom-width: 0px;

border-bottom-style: solid;

border-bottom-color: #333;

float: left;

width: 172px;

border-left-width: 0px;

border-left-style: solid;

border-left-color: #474645;

border-top: 0px dashed #333;

}

#content {

overflow: hidden;

width: 620px;

float: left;

background: #F0f0f0;

padding: 0px 0px 0px;

voice-family:"\"}\"";

voice-family:inherit;

text-align: left;

vertical-align: top;

margin: 0px;

margin-left:70px;

}

#header a { color: #dbdcde; text-decoration: none; }

a { color: #e82929; text-decoration: none; }

h1 {

font-family: Trajan pro;

font-size: 2.2em;

font-weight: normal;

color: #FFF;

margin-top:20px;

margin-bottom:0px;

padding:0px;

}

h2 {

font-family: arial;

font-size: 10px;

font-weight: bold;

text-transform: uppercase;

color: #FFF;

margin-top:4px;

margin-bottom:0px;

margin-left: 0px;

padding:0px;

text-transform:uppercase;

}

/** Entry headers **/

h3 {

background:  #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;

margin-top: 0px;

margin-left: 0px;

padding: 30px 0px 0px 0px;

padding-left: 20px;

padding-top:2px;

height: 48px;

width: 650px;

color:#f0f0f0;

font-family: Trajan pro;

font-size:24px;

font-weight:normal;

margin-bottom:0px;

text-transform:uppercase;

}

.bakgrund {

color: #969696;

line-height: 140%;

text-align:justify;

padding: 0px;

float:left;

font-family:georgia,arial,sans-serif;

font-size:11px;

font-weight:200;

margin-left:0px;

margin-right: 10px;

padding:1px;

text-align:center;

}

#datum {

font-size:9px;

text-align:left;

font-family:tahoma, verdana;

}

.navheader {

font-family: Andale mono;

font-size: 12px;

font-weight: bold;

color: #c3c4c5;

text-transform: uppercase;

margin-bottom: 3px;

}

.tiden {

font-family: arial;

font-size: 9px;

font-weight: none;

color: #929292;

margin-top: 10px;

margin-bottom: -15px;

margin-left: 10px;

}

.top {

font-family: arial;

font-size: 9px;

font-weight: none;

color: #929292;

margin-top: -30px;

margin-left: -12px;

}

.nav {

font-family: trajan pro;

font-size: 11px;

font-weight: bold;

text-align: center;

}

.nav ul {

padding: 0px 0px 2px;

font-weight: normal;

margin: 0px;

}

.nav li {

list-style: none;

padding: 0px 5px 0px;

font-weight: normal;

margin: 0px;

text-align: center;

}

.nav a { color: #f0f0f0;text-decoration:none; background:none;}

.nav a:hover { color: #fff;text-decoration:none;}

/** Post's body text **/

.entrybody {

font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: normal;

color: #5B4F4F;

line-height: 150%;

margin: 10px;

padding-top: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: Arial, verdana, arial, sans-serif;

font-size: 10px;

font-weight: normal;

color: #968d8d;

text-align:right;

padding-top:10px;

padding-right: 20px;

padding-bottom:3px;

background:  #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;

}

.entrymeta a { color: #c0b8b8; text-decoration:none;}

.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }

.commentheader {

font-family:  courier new, arial, helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

border-top:2px dotted;

background:#dededa;

padding:5px;

color: #000000;

}

.commenttext {

font-family: tahoma, verdana, arial, sans-serif;

font-size: .70em;

font-weight: normal;

color: #000;

line-height: 130%;

margin:10px

}

.commentmeta {

font-family: tahoma, verdana, arial, sans-serif;

font-size: .65em;

font-weight: normal;

color: #999;

margin: 10px 0px 20px 0px

}

.commentmeta a { color: #BDB5A0; }

.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}

.commentform {

font-family: courier new, verdana, arial, sans-serif;

font-size: 11px;

font-weight: normal;

color: #333333;

margin: 0px 0px 20px 0px

}

.separator {

border-top: 2px solid #CCCCCC;

border-bottom: 0px solid #CCCCCC;

margin: 14px 0px 14px 0px

}

.default {

font-family: Arial, Helvetica, Sans-serif;

font-size: 11px;

color: #333;

font-weight: bold;

padding: 0px 0px 10px 0px;

text-transform: uppercase;

}

.subside {

font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;

font-size: 11px;

font-weight: normal;

padding: 0px 0px 0px 0px;

}

.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;

}

.image {

border: 2px solid #CCCCCC;

padding:2px;

margin: 0px 6px 6px 0px;

}

.thumbnail {

border: 2px solid #CCCCCC;

background-color:#FFFFFF;

padding:2px;

margin: 0px 6px 6px 0px;

}

.video{

padding: 0px 0px 0px 0px;

}

.fieldName{

font-family: verdana, arial, sans-serif;

font-size: 11px;

margin: 0px 0px 12px 0px

}

select{

font-family: verdana, arial, sans-serif;

font-size: 11px;

}

#calendar {

color: #333333;

font-family: 'Trebuchet MS', Verdana, sans-serif;

padding: 0px;

text-align: left;

background-color: #FFFFFF;

margin: 12px 0px 12px 0px;

padding: 10px;

}

#calendar table {

padding: 1px;

/*border-collapse: collapse;*/

border: 0px;

}

#calendar table caption {

color: #666666;

font-family : Arial, Helvetica, Sans-serif;

font-size : 0.7em;

border-bottom: 1px solid #999999;

text-align: left;

font-weight: bold;

text-transform: uppercase;

padding: 3px;

letter-spacing: .3em;

}

#calendar table th {

text-align: center;

font-weight: bold;

font-size: xx-small;

}

#calendar table tr td {

border: 1px solid #666666;

text-align: center;

font-size: xx-small;

}

#calendar table tr ul  {

color: #666666;

list-style: dot;

margin: 0px 0px 0px 20px;

padding: 4 0 5 0;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.7em;

}

#calendar table tr td.cssDayMouseOver {

border: 1px dotted red;

cursor: hand;

}

#calendar table tr td.cssDayMouseOut {

border: 1px solid #666666;

}

#calendar table tr td.cssEntryBox {

border: 1px solid gray;

padding: 6px;

text-align: left;

background: #FFFFFF;

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

color: #666666;

}

#calendar table tr td ul li {

color: #666666;

}

#calendar table tr td div.cssDayEntryHeader {

font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;

font-size : 0.8em;

text-align: left;

font-weight: bold;

padding: 4;

}

#calendar table tr td div.cssDayAvailable {

text-decoration: underline;

text-weight: bold;

}

form {

padding: 10px;

background-color: #FFFFFF;

margin: 0px 0px 10px;

}

#profile {

font-family:  Verdana, Helvetica, Sans-serif;

font-size: 11px;

font-weight: normal;

margin: 0px 0px 0px 0px;

padding-left: 16px;

}

#profile h4{

font-family:  Arial, Helvetica, Sans-serif;

font-size: 14px;

font-weight: bold;

color: #666666;

text-transform: uppercase;

padding: 0px 0px 0px 0px;

margin: 0px 0px 6px 0px;

}

#profile p{

}

#navbar {

margin: 0 0px;

padding: 0 0px;

}

#navbar li {

list-style: none;

float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {

display: block;

padding: 0px 0px;

margin: 0px 0px 0px 1px;

Background-color: #fff; /*Ändra färgen på menyflikarna här*/

/* opacitet for IE */

filter:alpha(opacity=75);

/* opacity: 0.75; filter: alpha(opacity=75); */

/* opacitet CSS3 standard */

opacity:0.75;

/* opacitet for Mozilla */

-moz-opacity:0.75;

color: #000; /*Ändra färgen på texten här*/

text-decoration: none;

font-family: tahoma; /*Ändra typsnittet här*/

font-size: 10px; } /*Ändra storleken på texten här*/

#navbar li ul {

display: none;

margin-left: 0px;

width: 9em; /* Ändra bredden på undermenyn här */

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0px 0px 0px 0px;;

padding: 0;

z-index: 1; }

#navbar li:hover li, #navbar li.hover li {

float: none; }

#navbar li:hover li a, #navbar li.hover li a {

/*Ändra färgen på undermenyn*/

border-bottom: 1px dotted #000;

color: #000; } /*ändra textfärgen på undermenyn här*/

#navbar li li a:hover {

background-color: #fff;

/* opacitet for IE */

filter:alpha(opacity=75);

/* opacity: 0.95; filter: alpha(opacity=95); */

/* opacitet CSS3 standard */

opacity:0.95;

/* opacitet for Mozilla */

-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/

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 {
color: #999999;
}
a:hover {
color: #999999;
}
a:visited {
color: #999999;
}
/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Times New Roman', Georgia, Serif;
color: #999999;
font-style: italic;
}
div#side h3 div.navheader {
color: #999999;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
background-image: url(http://www.snyggareblogg.se/images/bg1.jpg);
}
div#wrapper {
margin: 0 auto 20px auto;
width: 880px;
}
div#header {
float: left;
clear: left;
display: inline;
width: 880px;
height: 271px;
margin-top: 20px;
background-image: url(http://www.snyggareblogg.se/images/header1.jpg);
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 640px;
color: #999999;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 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: 120px 0 15px 0;
text-align: center;
}
div#header h1 a {
text-decoration: none;
color: #999999;
cursor: default;
}
div#header h2 {
font-size: 12px;
margin-left: 15px;
color: #999999;
text-align: center;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #999999;
list-style-type: square;
}
div.default {
margin: 0 0 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: 10px 0 10px 0;
color: #999999;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #999999;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #999999;
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;
}

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 {
  color: #999999;
}
a:hover {
  color: #999999;
}
a:visited {
  color: #999999;
}

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

h1,h3,h4,h5,h6, div.navheader, div.default {
  font-family: 'Times New Roman', Georgia, Serif;
  color: #999999;
}

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

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

body {
  background: #000000;
}

div#wrapper {
  margin: 0 auto 20px auto;
  width: 880px;
}

div#header {
  float: left;
  clear: left;
  display: inline;
  width: 880px;
  height: 271px;
  margin-top: 20px;
  background-image: url(http://www.snyggareblogg.se/images/header2.jpg)
}

div#content {
  float: left;
  clear: left;
  display: inline;
  padding: 0 20px 20px 20px;
  width: 640px;
  color: #999999;
}

div#side {
  width: 150px;
  padding: 0 20px 0 0;
  float: right;
  display: inline;
}

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

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

div#header h1 {
  font-size: 35px;
  letter-spacing: +2px;
  font-weight: bold;
  margin: 120px 0px 15px 70px;
  font-family: Verdana;
}

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

div#header h2 {
  font-size: 12px;
  margin-left: 70px;
  color: #999999;
  font-family: Verdana;
}

div#content h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 20px 0 10px 0;
}

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

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

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

div.default {
  margin: 0 0 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: 10px 0 10px 0;
  color: #999999;
  line-height: 7px;
}

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

p.commenttext {
  font-weight: normal;
}

div.commentmeta {
  color: #999999;
  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;
}




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 {
  color: #999999;
}
a:hover {
  color: #999999;
}
a:visited {
  color: #999999;
}

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

h1,h3,h4,h5,h6, div.navheader, div.default {
  font-family: 'Times New Roman', Georgia, Serif;
  color: #999999;
}

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

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

body {
  background-image: url(http://www.snyggareblogg.se/images/bg1.jpg);
}

div#wrapper {
  margin: 0 auto 20px auto;
  width: 880px;
}

div#header {
  float: left;
  clear: left;
  display: inline;
  width: 880px;
  height: 271px;
  margin-top: 20px;
  background-image: url(http://www.snyggareblogg.se/images/header3.jpg)
}

div#content {
  float: left;
  clear: left;
  display: inline;
  padding: 0 20px 20px 20px;
  width: 640px;
  color: #999999;
}

div#side {
  width: 150px;
  padding: 0 20px 0 0;
  float: right;
  display: inline;
}

div#side div.navheader, div#side h4, div.default {
  padding: 20px 0 5px 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: 120px 0px 15px 50px;
}

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

div#header h2 {
  font-size: 10px;
  margin-left: 50px;
  color: #999999;
  color: #FFFFFF;
}

div#content h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 20px 0 10px 0;
}

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

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

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

div.default {
  margin: 0 0 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: 10px 0 10px 0;
  color: #999999;
  line-height: 7px;
}

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

p.commenttext {
  font-weight: normal;
}

div.commentmeta {
  color: #999999;
  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;
}

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 {
color: #000000;
}
a:hover {
color: #000000;
}
a:visited {
color: #000000;
}
/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Times New Roman', Georgia, Serif;
color: #000000;
font-style: italic;
}
div#side h3 div.navheader {
color: #000000;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
background-color: #FFFFFF;
}
div#wrapper {
margin: 0 auto 20px auto;
width: 880px;
}
div#header {
float: left;
clear: left;
display: inline;
width: 880px;
height: 271px;
margin-top: 20px;
background-image: url(http://www.snyggareblogg.se/images/header8.jpg)
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 640px;
color: #000000;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 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: 120px 0 15px 0;
text-align: center;
}
div#header h1 a {
text-decoration: none;
color: #000000;
cursor: default;
}
div#header h2 {
font-size: 12px;
margin-left: 15px;
color: #000000;
text-align: center;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #000000;
list-style-type: square;
}
div.default {
margin: 0 0 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: 10px 0 10px 0;
color: #000000;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #000000;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #000000;
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;
}

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 {
color: #999999;
}
a:hover {
color: #999999;
}
a:visited {
color: #999999;
}
/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Times New Roman', Georgia, Serif;
color: #999999;
font-style: italic;
margin-top: 30px;
margin-bottom: 20px;
font-size: 40px;
font-weight: normal;
font-decoration: none;
}
div#side h3 div.navheader {
color: #999999;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
background-image: url(http://www.snyggareblogg.se/images/bg1.jpg);
}
div#wrapper {
margin: 0 auto 20px auto;
width: 880px;
}
div#header {
float: left;
clear: left;
display: inline;
width: 880px;
height: 271px;
margin-top: 20px;
background-image: url(http://www.snyggareblogg.se/images/header13.jpg)
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 640px;
color: #999999;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 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: 120px 0 15px 0;
text-align: center;
}
div#header h1 a {
text-decoration: none;
color: #FFFFFF;
cursor: default;
}
div#header h2 {
font-size: 12px;
margin-left: 15px;
color: #FFFFFF;
text-align: center;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #999999;
list-style-type: square;
}
div.default {
margin: 0 0 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: 10px 0 10px 0;
color: #999999;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #999999;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #999999;
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;
}

"Texten" som står bredvid varje bild, ska kopieras och klistras in i stilmallen där det står: background-image:

url(http://www.snyggareblogg.se/images/bak7.jpg);

url(http://www.snyggareblogg.se/images/bak18.gif);