body{
background: #fff;
 background-attachment: fixed; /*Bör ej pillas på*/
}

a { color: #ffb88d; text-decoration: none; font-weight: normal;}
a:hover {color: #ffdfd6; text-decoration: none;}



#wrapper {
width: 1200px; 
margin: 0 auto;
}

#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


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

#content{
background: #fff;
overflow: hidden;
width: 780px;/*Ändra om du vill ha inläggen bredare/smalare*/
position:relative;
padding-right: 0px;
voice-family:"\"}\"";
padding-right: 30px;
voice-family:inherit;
border-right: 1px solid #f1f1f1;
margin-left: 100px; /*Om du vill flytta inläggen åt höger*/
float:left;
}


#header { 
background: url(http://i60.tinypic.com/16jk8ea.png);
margin-bottom: 40px;
padding: 0px;
margin-top: 100px;
margin-left: 70px;
Width: 1000px;
height: 440px;
}

#side {
float:right;
width: 250px;
text-align: center;
margin-right: 0px;
background: #fff;
border: 0px #fff solid;
Padding: 10px;
margin-right: 10px;
-moz-box-shadow:0px 0px 0px #888;
box-shadow: 0px 0px 0px #888;
}


#sidobilder{ /*Profilbild*/
margin-left: 0px;
background: url(http://i57.tinypic.com/iyogid.png); 
width: 250px; 
height: 250px;
margin-bottom: 20px;
text-align: center;
}

.aboutme{
  margin-left: -20px;
}

#designbox{
background: #fff;
float:right;
width: 300px;
margin: 0px;
margin-right: 0px; 
margin-top: 0px;
}


.profiltext{
  font-family: times;
  font-size: 12px;
  color: #727272;
  letter-spacing: 2px;
  line-height: 190%;
  font-weight: normal;
  margin-top: 5px;
  text-align: center;
  margin-bottom: 20px;
}
 

#menytop{ /*Själva menyn ovanför allting, under headern*/
  margin-left: 100px;
  width: 900px;
  height: 40px;
  padding-left: 200px;
  margin-bottom: 40px;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;

 
}

#dropdown {
margin-left: 30px;
 margin-top: 0px;
 padding: 10px;
}
#dropdown li {
 font-family: arial;
 font-weight: 500;
 font-size: 11px;
 text-transform: none;
 background: #fff;
 color: #727272;
 float: left;
 letter-spacing: 3px;
 list-style: none;
 margin-right: 40px;
 padding:0 0 0 10px;
 position: relative;
 height:25px;
 margin-top: 3px;
}
#dropdown li:hover {
 color: #727272; 
}

#dropdown li a {
 color: #727272;
 text-decoration:none;
 backrgound: #fff;
}

#dropdown li a:hover {
 color: #000;
 text-decoration:none;
} 

#dropdown ul {
 color: #727272;
 background: #fff;
 display: none;
 margin: 0;
 padding: 0;
 top: 25px;
 margin-left: -10px;
 z-index: 500;
 width: 190px;
opacity: 0.95;
}
#dropdown ul {
 position: absolute;
}
#dropdown li:hover ul {
 display: block;
}

.menytoptext{ /*Texten i menyn ovanför allt*/
font-family: times;
letter-spacing: 2px;
font-size: 20px;
text-align: center;
font-weight: normal;
font-style: none;
letter-spacing: 2px;
color: #000;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 22px;
 background: none;
text-transform: uppercase;

}

.menytoptext a { color: #000;text-decoration: none; font-weight: normal;} .menytoptext a:hover { color:#adc8d1;text-decoration: none; -o-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s; -moz-transition: all 0.1s ease-out 0s; }

.specialtext{
 font-family: 'Source Sans Pro', sans-serif;
text-align: none; 
  text-transform: uppercase;
letter-spacing: 1px;
font-size: 27px;
color: #b2d4df; 
margin-bottom: 10px;
 background: none;
}


.texten { /*Denna kod är om man vill ha speciell text i inläggen, rubrik*/
 font-family: times;
text-align: none; 
font-weight: bold;
text-transform: normal;
letter-spacing: 0px;
font-size: 22px;
font-weight: normal;
color: #fdcbad; 
margin-bottom: 10px;
 background: none;
}

.texten a { color: #d3e5eb;text-decoration: none; font-weight: normal;}
.texten a:hover { color:#f7f2ef; text-decoration: none; -o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s; }

.texten3 { /*Denna kod är om man vill ha speciell text i inläggen, detta är en liten text som är grå till ex. länkar*/
 font-family: arial;
text-align: none; 
text-transform: uppercase;
letter-spacing: 0px;
font-size: 11px;
font-weight: normal;
color: #818181; 
margin-bottom: 5px;
 background: none;
}

.texten3 a { color: #818181;text-decoration: none; font-weight: normal;}
.texten3 a:hover { color:#d3e5eb; text-decoration: none; -o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s; }

.texten4 { /*Denna kod är om man vill ha speciell text i inläggen, detta är en liten text som är grå till ex. länkar*/
 font-family: arial;
text-align: none; 
text-transform: uppercase;
letter-spacing: 0px;
font-size: 13px;
font-weight: normal;
color: #505663; 
margin-bottom: 5px;
 background: none;
}

.texten4 a { color: #505663;text-decoration: none; font-weight: normal;}
.texten4 a:hover { color:#d3e5eb; text-decoration: none; -o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s; }

.texten5 { /*Denna kod är om man vill ha speciell text i inläggen, detta är en liten text som är grå till ex. länkar*/
 font-family: arial;
text-align: none; 
text-transform: uppercase;
letter-spacing: 0px;
font-size: 13px;
font-weight: normal;
color: #727272; 
margin-bottom: 5px;
 background: none;
}

.texten5 a { color: #727272;text-decoration: none; font-weight: normal;}
.texten5 a:hover { color:#d3e5eb; text-decoration: none; -o-transition: all 1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s; }

.htextbox{
width: 750px;
height: 300px;
overflow: scroll;
background-color: #f1f1f1;
}

.htext{
font-family: Courier New;
font-size: 12px;
padding-left: 20px;
background-color: #f1f1f1;
color: #000;
}

#commenttext{ /*Innan du kommenterar texten*/
font-family: verdana;
text-align: none; 
text-transform: none;
letter-spacing: 3px;
font-size: 11px;
font-weight: normal;
color: #1f1f1f; 
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
 background: none;
line-height: 200%;
}

#commentrubrik{ /*"Läs ovanstående innan du kommenterar"*/
font-family: 'lato';
text-align: none; 
text-transform: none;
letter-spacing: 3px;
font-size: 12px;
font-weight: bold;
color: #1f1f1f; 
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
 background: none;
line-height: 200%;
}

#extrabox{ /*Boxen längst ner på sidan där skojjiga saker finns*/
width: 1000px;
height: 200px;
backbround: #000;
border-top: 5px solid #f0fbfd;
border-bottom: 5px solid #f0fbfd;
border-left: 5px solid #f0fbfd;
border-right: 5px solid #f0fbfd;
}

#socialbox{
width: 250px;
height: 30px;
background: #f0fbfd;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}

.separator{
 height: 1px;
 width: 780px;
 background: #ebebeb;
 margin-top: 20px;
 margin-bottom: 120px;
}

.navheader{
  font-family: times;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  padding-bottom: 3px;
  text-transform: uppercase;
  margin-top: 60px;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
}


.datumotid {
  font-family: times;
font-size: 10px;
font-weight: normal;
color: #000;
text-align: center;
letter-spacing: 1px;
font-style: normal;
margin: 0px 0px 0px 0px;
vertical-align: top;
line-height: 190%;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
margin-top: -34px;
margin-bottom: 8px;
background: none;
}

.datumotid a { /*styr länkarna i dina inlägg*/
color: #bbbbbb;
}

.datumotid a:hover { /*när man håller musen på länken*/
color: #adc8d1;
font-weight: normal;
-o-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
}


.nav { 
font-family: times;
text-align: left; 
text-transform: lowercase;
letter-spacing: 3px;
font-size: 12px;
font-weight: normal;
color: #303030;
line-height: 260%;
}

.nav ul {
padding: 0px 0px 10px;
font-weight: normal;
margin: 0px;
}

.nav li {
list-style: none;
padding: 3px 0px 3px 0px;
font-weight: normal;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #f6eae8;
}

.nav a { color: #303030; text-decoration: none; font-weight: normal;}
.nav a:hover { color:#000; text-decoration: none; -o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s; }

.h1 {
font-family: 'Source Sans Pro', sans-serif;
font-size: 30px;
font-weight: normal;
color: #d3e5eb;
text-transform:uppercase;
margin: 0px;
padding: 10px;
}

h2 {
font-family: 'Sorts Mill Goudy', serif;
font-size: 24px;
font-weight: normal;
color: #000;
margin-bottom: 4px;
}

h3 { /*Inläggens rubrik*/ 
font-family: times;
  font-size: 20px;
  font-weight: 400;
  background: #FFFFFF;
  margin-top: 0px;
  padding: 24px 15px 10px 24px;
  vertical-align: top;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}


#kategorikommentar { 
font-family: times, serif;
font-size: 12px;
font-weight: normal;
color: #727272;
text-align: center;
letter-spacing: 2px;
margin: 0px 0px 0px 0px;
vertical-align: top;
line-height: 190%;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
margin-top: -10px;
margin-bottom: 8px;
background: none;
}

#kategorikommentar a { /*styr länkarna i dina inlägg*/
color: #727272;
}

#kategorikommentar a:hover { /*när man håller musen på länken*/
color: #000;
font-weight: normal;
-o-transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
}



@font-face { font-family: "bellerose"; src: url('http://static.tumblr.com/knpfirp/bJomo4vhl/bellerose.ttf'); }

.entrybody { /*Texten i dina inlägg*/
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  color: #727272;
  letter-spacing: 1px;
  line-height: 160%;
  text-align: justify;
  padding: 20px;
  margin: 0px 0px 0px 0px;
}

.entrybody img {
margin-top: 10px;
margin-bottom: 10px;
width: 750px;
}

.entrybody a { /*styr länkarna i dina inlägg*/
color: #ffb88d;
text-transform: uppercase;
background-color: #ffffff;
text-decoration: none;
font-weight: normal;
}

.entrybody a:hover { /*när man håller musen på länken*/
color: #ffdfd6;
background-color: #ffffff;
text-decoration: underline; 
font-weight: bold;
-o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;
}

.entryextra{
font-family: calibri;
font-size: 23px;
font-weight: normal;
color: #ecdbd1;
letter-spacing: 0px;
line-height: 160%;
margin: 10px 0px 10px;
background: #ffffff;
padding-left: 0px;
padding-right: 0px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: arial;
font-size: 12px;
font-weight: none;
color: #9c9c9c;
text-align:center;
padding: 5px 15px 5px 5px;
margin: 5px 15px 5px 5px;
 text-transform: uppercase;
 margin-top: 40px;
}

.entrymeta a { color: #ffb88d;text-decoration: bold; font-weight: normal;}
.entrymeta a:hover { color: #ffdfd6;text-decoration: bold; -o-transition: all 0.9s ease-out 0s;
-webkit-transition: all 0.7s ease-out 0s;
-moz-transition: all 0.7s ease-out 0s;}

.commentheader { /*Namnet på personen som kommenterat*/
background: #fff;
font-family: arial;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
padding-top: 10px;
padding-left: 20px;
border-top: 1px solid #f1f1f1;
 border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
color: #000;
}

.commentheader a {
color: #000;
text-decoration: none;
font-weight: bold;
}
 
.commentheader a:hover {
color: #727272;
text-decoration: none;
}


.commenttext { /*Själva kommentaren*/
background: #fff;
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #727272;
letter-spacing: 1px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 120px;
padding-left: 20px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
   border-bottom: 1px solid #f1f1f1;
}

#lasinnan { /*Själva kommentaren*/
background: #fff;
font-family: 'lato';
font-size: 11px;
width: 600px;
font-weight: normal;
color: #000;
line-height: 200%;
letter-spacing: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 120px;
padding-left: 20px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
}


.commentmeta { /*Kommentrens länk osv*/
background: #fff;
font-family: verdana, sans-serif;
font-size: 9px;
font-weight: normal;
color: #272727;
padding-top: 10px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 20px;
 text-align: left;
margin-bottom: 30px;
 padding-left: 60px;
}

.commentmeta a { color: #272727;text-decoration: none; font-weight: normal;}
.commentmeta a:hover { color: #f7f2ef; font-weight: bold; -o-transition: all 0.1s ease-out 0s;
-webkit-transition: all 0.1s ease-out 0s;
-moz-transition: all 0.1s ease-out 0s;}


.response, .response-by { 
margin-top: -5px;
 padding: 0px 18px 0px 18px; 
display: block; 
text-shadow: 0px 1px 0px #fff;
background: #000;
 padding-right: 70px;
padding-left: 20px;
margin-right: 0px;
 margin-left: 0px;
color: #fff;
margin-bottom: 0px;
 border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

.response-from{ /*Svar:*/
background: #000;
margin-bottom: 20px;
font-size: 11px;
padding: 0px 0px 0px 0px; 
font-family: arial;
text-transform: none;
color: #fff;
text-shadow: 0px 0px 0px #000;
 margin-left:0px;
  
}

.response-message{ /*Ditt svar när du svarar på en kommentar*/
background: #000;
font-size: 11px;
font-family: arial;
font-style: normal; 
letter-spacing: 1px;
font-weight: normal;
color: #fff;
text-shadow: 0px 0px 0px #fff;

}

.response-by{ /*Ditt namn när du svarat på en kommentar*/
background: #000;
padding: 0px 0px 0px 0px; 
font-size: 8px; 
font-family: arial;
text-transform: uppercase; 
color: #fff;
background: ;
text-shadow: 0px 0px 0px #000;
padding-top: 9px;
 padding-bottom: 15px;
  padding-left: 60px;
margin-right: 0px;
margin-bottom: 0px;
   border-bottom: 1px solid #f1f1f1;
}

.commentform { /*där man skriver kommentaren*/
background: #fff;
font-family: 'Raleway' serif;
font-size: 15px;
font-weight: normal;
color: #000;
margin: 30px;
}

.default {
font-family: 'Raleway' serif;
font-size:11px;
color: #999491;
font-weight: normal;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: 'Raleway' serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.fieldName{
font-family: 'Raleway' serif;
font-size:10px;
margin: 0px 0px 12px 0px
}

select{
font-family: tahoma, Courier New,verdana, arial, sans-serif;
font-size: 10px;
}

.post-meta{
Font-family: Times;
Letter-spacing: 5px;
Font-size: 25px;
}

#tidigarenyare{
font-family: Times; 
color: #000; 
}



#tidigarenyare a { color: #fff; text-decoration: none; font-weight: normal;}



#kommenteradittnamn{
font-family: Arial;
color: #272727; 
font-size: 12px;
font-weight: normal;
}
 
#bloggdesign{
font-family: arial;
text-transform: uppercase;
color: #272727;
font-size: 14px;
border-bottom: 2px solid #272727;
padding-bottom: 3px;
}

#bloggdesigntext{
font-family: verdana;
text-transform: none;
color: #272727;
margin-top: 5px;
font-size: 11px;
line-height: 170%;
}


form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

.sokarean {
background: #ffffff url();
border: 1px solid;
color: #727272;
width: 90px;
font-family: 'raleway', sans-serif;
font-size: 12px;
height: 6px;
margin-left: -53px;
padding-left: 10px;
padding-right: 85px;
padding-top: 9px;
padding-bottom: 9px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
input {
background-color: #fff;
font-family: arial;
color: #727272;
font-weight: normal;
font-size: 14px;
border: 1px solid #727272;
padding: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
user agent stylesheetinput:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
padding: 1px 0px;
}
user agent stylesheetinput, input[type="password" i], input[type="search" i] {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
margin: 0em;
font: normal normal normal 13.3333330154419px/normal Arial;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}

link {
display: none;
}

.sokknappen {
background: #727272;
color: #fff;
height: 20px;
width: 60px;
border: 1px solid;
font-family: Arial;
font-weight: normal;
font-size: 12px;
padding-top: 6px;
padding-bottom: 20px;
padding-left: 16px;
padding-right: 30px;
margin-right: -60px;
margin-left: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
-webkit-appearance: push-button;
-webkit-user-select: none;
white-space: pre;
}
user agent stylesheetinput, input[type="password" i], input[type="search" i] {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
margin: 0em;
font: normal normal normal 13.3333330154419px/normal Arial;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb;
}


.like-container .likebtn .likebtn__btn { /* Ändrar utseendet på "Gilladelen" */
  background: #709ea1 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 10px 3px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  text-decoration: none !important;
  text-transform: capitalize;
  letter-spacing: 0.2px;
}
 
.likebtn.liked .likebtn__btn { /* Ändrar utseendet på "Gilladelen" när en klickat "Gilla" */
  background-color: #fff !important;
}
 
.likebtn__count { /* Ändrar utseendet på "Nummerdelen" */
  background-color: #fff;
  border: solid 1px #a5b1bd;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  color: #e0f0f4;
  float: left;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 10px;
  position: relative;
  text-align: center;
  line-height: 17px;
  font-size: 13px;
}


.commentmeta a { color: #131313;text-decoration: none; font-weight: normal;}
.commentmeta a:hover { color: #656565;text-decoration: none; }

.cufon-loading { visibility: hidden;}