/* Theme Dotty */
@import url("//static.blogg.se/themes/dotty/style.css");

@import url('https://fonts.googleapis.com/css?family=Habibi');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');

body {
    background-color: rgba(51, 51, 50, 1);
    background-image: url(https://cdn1.cdnme.se/4320549/7-3/black_54620fc1e087c32a86fc1b1d.jpg);
}

.header-big { background-image: url(https://cdn3.cdnme.se/4320549/7-3/jag_design_by_petra_54620fc69606ee5e64cc05fe.jpg); }
.header-small:first-of-type { background-image: url(https://cdn3.cdnme.se/4320549/7-3/sma_stjarnor_546210e02a6b229a5ea8e1e4.jpg); }
.header-small:nth-of-type(2) { background-image: url(https://cdn1.cdnme.se/4320549/7-3/ren_o_varg_54621b8eddf2b370307a5235.jpg); }
.header-small:nth-of-type(3) { background-image: url(https://cdn2.cdnme.se/4320549/7-3/suuunnii_546218d3ddf2b366e0dac65d.jpg); }
.header-small:nth-of-type(4) { background-image: url(https://cdn2.cdnme.se/4320549/7-3/ren_54621af22a6b2239609187ee.jpg); }
.header-small:nth-of-type(5) { background-image: url(https://cdn2.cdnme.se/4320549/7-3/guuudar_546219919606ee5e3597fe76.jpg); }
.header-small:nth-of-type(6) { background-image: url(https://cdn2.cdnme.se/4320549/7-3/alg_54621aaf2a6b2238d3d1f6b7.jpg); }

#header {
    height: 346px;
}

.nav a, a, body, .nav, .commentmeta a:hover, .navheader, .commentheader, .commentmeta, .commentmeta a { 
	color: rgba(137, 121, 138, 1); 
}

.entrybody, .commentform, .commenttext, #profile, #profile .info-profile, a:hover, .nav a:hover  { 
	color: rgba(5, 5, 5, 1);
}

.social svg, #social svg { fill: rgba(137, 121, 138, 1); }
#social { text-align: center; }
#social svg { border-radius: 50%; }

h1, h2, #header h1 a { color: #FFF; }
#side, #content, .header-wrap { background: #FFF; }

.avatar {  
    border-bottom: 1px solid rgba(51, 51, 50, 1); 
    border-top: 1px solid rgba(51, 51, 50, 1); 
}

.navheader { border-bottom: 2px solid rgba(51, 51, 50, 1); }

.commentheader { border: 1px solid rgba(51, 51, 50, 1); }

.commenttext, .commentmeta {
    border-bottom: 1px solid rgba(51, 51, 50, 1);
    border-left: 1px solid rgba(51, 51, 50, 1);
    border-right: 1px solid rgba(51, 51, 50, 1);
}

.response-by, .entrymeta { border-bottom: 1px solid rgba(51, 51, 50, 1); }

.response, .response-by {
  border-left: 1px solid rgba(51, 51, 50, 1);
  border-right: 1px solid rgba(51, 51, 50, 1);
}

.dot { color: rgba(51, 51, 50, 1); }

h3, .avatar, .commentheader { 
	background: rgba(51, 51, 50, 1);
}


h3, .navheader { 
	font-family: "Poiret One", sans-serif;
}

h1 {
    font-size: 2.2em;
    height: 40px;
    margin-left: 280px !important;
    margin-top: 84px !important;
    overflow: hidden;
    width: 100%;
}

h1, h2, .nav, .entrybody, .commentheader, body, .commenttext, .commentmeta .response, .response-by, .commentform, select {
    font-family: "Habibi", sans-serif;
}

h3 { 
	font-size: 24px;
}

.navheader {
    font-size: 17px;
}

.entrybody, .nav, .commentheader, .commenttext, h2, .response, .response-by  {
    font-size: 11px;
    line-height: 140%;
}

.commentmeta, .commentform, select {
    font-size: 11px;
}
.header-wrap { position: absolute; bottom: 7px; }
.header-right .header-wrap {width: 354px; right: 0; }

.like-container { float: left; margin-left: 5px; }
.likebtn { margin-right: 0px !important; }
.like-container .likebtn { margin-right: 0; }
.like-container .likebtn .likebtn__btn { 
  background: #999 !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: #999 !important; 
  background: white !important;
}

.entrymeta:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;   
}