body {
background: url(http://i67.tinypic.com/259kih4.png)repeat;
padding:20px 0px 10px;
}

a {													        /* Länkar */
color: #000;
text-decoration:none;
}

a:hover {							       	  /* Länkar vid mouseover */
color: #8b0000;
text-decoration:none;
}

#wrapper {			              /* Omger allt innehåll (allt nedan) */
text-align: left;
width: 1300px;
position:relative;
margin:10px auto;
padding: 0px 10px 10px;
vertical-align: top;
padding: 20px;
background: url(bild);
}

#wrapper::after{   /* Detta stycke gör att wrapper går ner hela vägen */
clear:both;
content:'.';
display:block;
height:0;
visibility:hidden;
padding: 20px;
}

p {													/* Defaulttext */
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
background: url(http://i63.tinypic.com/65r601.png) no-repeat;  
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
margin: 0px 0px 0px;
width: 1270px;
height: 770px;     /* här ändrar du längden på headern */
float: center;
  
-moz-box-shadow:0px 0px 5px #c5c5c5;
box-shadow:0px 0px 40px #c5c5c5;
padding:0px 0px 0px 0px;
}	


#side {												/* Menyn */
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px;
float: left;
width: 300px;
border: 0px solid #000000;
background: #fff;
  
-moz-box-shadow:0px 0px 5px #c5c5c5;
box-shadow:0px 0px 30px #c5c5c5;
padding:0px 0px 0px 0px;
}


#content {											/* Delen där inläggen ligger */
width: 900px;
float: right;
margin: 20px 30px 0px 0px;
padding: 0px 0px 15px;
text-align: left;
background: #fff;
  
-moz-box-shadow:0px 0px 5px #c5c5c5;
box-shadow:0px 0px 30px #c5c5c5;
padding:0px 0px 0px 0px;
}



h3 {												/* Inläggsrubriker */
font-family: 'Raleway', sans-serif;
font-size: 40px;
letter-spacing:13px;
font-weight: normal;
color: #000;
padding: 0px 0px 3px 0px;
text-transform: uppercase;
margin-bottom: 5px;
text-align: center;
margin-top: 10px;
}


.navheader {										/* Menyrubriker */
font-family: 'Raleway', sans-serif;
font-size: 35px;
font-weight: normal;
color: #000;
margin-bottom: 0px;
margin-top: 5px;
text-align: center;
text-transform: uppercase;
padding: 0px;
}

.nav {												/* Odefinierad menytext */
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: normal;
padding: 0px;
text-align: center;
}

.nav ul {											/* Oordnad lista i menyn */	
padding: 0px 0px 25px;
font-weight: normal;
margin: 0px;
}

.nav ol {											/* Ordnad lista i menyn */	
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
}

.nav li {											/* Listpunkter i menyn */	
list-style: none;
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}

.nav a { 											/* Menylänkar */	
color: #fff;
text-decoration:none;
text-align: center;
}

.nav a:hover { 										/* Menylänkar vid mouseover */	
color: #fff;
text-decoration:none;
}

.entrybody {										/* Inläggstexten */
font-family: 'Raleway', sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
line-height: 140%;
text-align:justify;
padding-top: 10px;
margin-left: 10px;
margin-right: 30px;
}

.entrybody a {										/* Länkar som finns i inläggen */
text-decoration: none;
color: #00;
}

.entrybody a:hover {								/* Länkar som finns i inläggen, vid mouseover */			
text-decoration: none;
color: #8b0000;
}

.entrybody img {									/* Bilderna i inläggen */
max-width: 900px;	
margin-left: -10px;
}

/* Raden ovan som säger max-width = maxbredd på bilderna i inlägget, kolla gärna denna film för mer info http://sannasrum.blogg.se/bloggtips/2013/august/maxbredd-pa-bilder-om-man-vill-andra-storlek-pa-content.html Mycket användbart om man ändrar bloggens bredd */


.entrymeta {										/* Texten under ett inlägg (ofta tid & datum) */
font-family: 'Raleway', sans-serif;
letter-spacing:5px;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
color: #000;
margin-left: 0px;
margin-top: 30px;
margin-bottom: 50px;
text-align:center;
border-bottom: 1px solid #ccc;
}

.entrymeta a { 										/* Länkarna under ett inlägg (ofta kategorier etc.) */
color: #000; 
text-decoration:none;
}

.entrymeta a:hover { 								/* Länkarna under ett inlägg (ofta kategorier etc.) */		
color: #8b0000;										/* vid mouseover */
text-decoration:none; 
}


/* EN KOMMENTAR ÄR GENERELLT UPPDELAD I TRE AVSNITT (DE TRE NEDAN). HEADER ÄR NAMNET, TEXT ÄR KOMMENTAREN I SIG OCH META ÄR DET DÄREFTER, I VANLIGA FALL TIDEN NÄR KOMMENTAREN SKREVS OCH LÄNKEN TILL PERSONENS BLOGG */

.kommentarer {
 margin-right: 20px;
 margin-left: 20px;
}


.commentheader {						 /* Namn på den som kommenterat */
background-color: #c1bcff;
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: normal;
color: #000;
margin-right: 20px;
margin-left: 20px;
border-top: 1px solid #FFF;
text-transform: uppercase;
}

.commenttext {										/* Kommentarstexten */
background-color: #c1bcff;
font-family:  'Raleway', sans-serif;
font-size: 13px;
font-weight: normal;
color: #000;
margin-right: 20px;
margin-left: 20px;
line-height: 140%;
}

.commentmeta {	       /* Allt som finns nedanför .commenttext-taggen i */
background-color: #c1bcff;
font-family: 'Raleway', sans-serif;				/* kodmallarna */	
font-size: 12px;
font-weight: normal;
color: #777;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
text-align:left;
}

/* NEDANSTÅENDE TVÅ AVSNITT GÄLLER OM MAN HAR LAGT PERSONEN SOM KOMMENTERARS LÄNK UNDER TEXTEN (ALLTSÅ ENTRYMETA. FÖR ETT ILLUSTRERANDE EXEMPEL KOLLA GÄRNA LÄNKEN http://i40.tinypic.com/2iie4d5.png */

.commentmeta a { 									/* Länken om man inte håller musen över den */	
color: #000; 
text-decoration:none;
}

.commentmeta a:hover { 								/* Länken om man håller musen över den */				
color: #8b0000;
text-decoration:none; 
}



/***********************/


.commentform {									/* Kommentarsformuläret */
font-family: 'Raleway', sans-serif;
font-size: 10px;
font-weight: normal;
color: #777;
margin: 0px 0px 20px 0px;
padding:20px;
}


.subside {						 /* Klassen som RSS-knappen ligger inom */
font-family: 'Raleway', sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.image {											/* Alla bilder som har värdet class="image" */
border: 0px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.thumbnail {										/* Miniatyrbilder */
border: 2px solid #889977;
margin: 0px 0px 0px 0px;
}

.video {											/* Videos */
padding: 0px 0px 30px 30px;
}

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

select {
font-family:'Raleway', sans-serif;
font-size: 11px;
}

form {												/* Formulärens generella inställningar */
margin: 0px 0px 6px;
padding-left: 10px;
}

em {												/* Kursiv text */
margin: 0px;
padding: 0px;
border: 0px none;
text-align: left;
letter-spacing: 0.1em;
}

.profile-text {										/* Profiltext */
font-family: 'Raleway', sans-serif;
font-size: 10px;
color: #000;
font-weight: normal; 
margin-top: 5px;
margin-bottom: 20px;
}



.response { 										/* Kommentarssvar - Generella inställningar */
padding-top: 0px !important; 
}


.response, .response-by { 							/* Kommentarssvar från author/generella inställningar */
padding-bottom: 9px; 	
display: block; 
text-align: left;
margin-right: 20px;
margin-left: 20px;
margin-top: -2px; 
}

.response-from {	/* Ordet "SVAR" */
font-size: 10px;
font-family: 'Raleway', sans-serif;
color: #000;
}

.response-message{									/* Kommentarssvar från author/texten */
font-family: 'Raleway', sans-seri;
font-size: 10px;
font-weight: normal;
color:#777;
}

.response-by	{									/* Kommentarssvar från author/signatur */
font-style: normal;
font-family: 'Raleway', sans-seri;
font-size: 15px; 
color: #777;
margin-top: -10px;
padding-bottom: 0px;
margin-right: 20px;
}


.earlier-older {									/* Tidigare & nyare-länkarna på kategorisidan */
font-family: 'Raleway', sans-seri;
font-size: 12px;
}

.earlier-older a {									/* Tidigare & nyare-länkarna på kategorisidan */
color: #000;										/* Länken i sig */
text-decoration: none;
}

.earlier-older a {									/* Tidigare & nyare-länkarna på kategorisidan */
text-decoration: none;								/* vid mouseover */
color: #fff;
}


textarea {											/* Textarea-taggar (som kommentarsfältet) */
background: #fff;									/* "KOMMENTAR */
border: 1px solid #888;
padding: 5px 5px 5px;
font-family: verdana, sans-serif;
font-size: 10px;
}
 

input {												/* Input-taggar (som kommentarsfältet) */
background: #fff;									/* "NAMN", "EPOST", "URL/BLOGGADRESS", "SKICKA" */
border: 1px solid #000;
padding: 5px 5px 5px;
font-family: verdana, sans-serif;
font-size: 11px;
}		

#cssmenu {
  font-family:  'Raleway', sans-seri;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
}
#cssmenu > ul {
  width: 1270px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 0px solid #ece6e8;
  border-bottom: 0px solid #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding-left: 0px;
}
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#cssmenu > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#cssmenu > ul li.right {
  float: right;
}
#cssmenu > ul li.has-sub {
  position: relative;
}
#cssmenu > ul li.has-sub:hover ul {
  display: block;
}
#cssmenu > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 1px solid #ece6e8;
  border-top: 0 none;
}
#cssmenu > ul li.has-sub ul li {
  display: block;
}
#cssmenu > ul li.has-sub > a {
  background-image: url('images/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover {
  background: #c1bcff url('images/caret.png') no-repeat;
  background-position: 90% 195%;
}
#cssmenu > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#cssmenu > ul li a.active,
#cssmenu > ul li a:hover {
  background: #c1bcff;
  color: #000;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #cssmenu > ul {
    width: 100%;
  }
  #cssmenu > ul li#responsive-tab {
    display: block;
  }
  #cssmenu > ul li#responsive-tab a {
    background: url('images/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #d80041;
    background-position: 95% 135%;
  }
  #cssmenu > ul li {
    display: none;
  }
  #cssmenu > ul li.right {
    float: none;
  }
  #cssmenu > ul li.has-sub {
    position: relative;
  }
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #cssmenu > ul li.has-sub ul li {
    display: block !important;
  }
  #cssmenu > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #cssmenu > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}