body {

background: url(https://cdn2.cdnme.se/1609852/6-3/bakgrund2_52e564f02a6b225d2eeb7bc3.jpg)/**#d1bda5 #EAEAEA;#FFF0F5;#d1bca5;6e6c69**/;
background-repeat: repeat; 
background-repeat: repeat;
background-position: ;
background-attachment: fixed;
margin:0;
padding:0px 0 14px;
text-align:center;
color:#333;
}

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

#wrapper {
text-align: left;
width: 1150px; /**997 1280**/
margin: 10px 150px auto; /** Flyttar content upp, höger**/
vertical-align: top;
background-color: #;
padding: 0px 3px 12px 12px;
}

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

#header {
background: url(https://cdn2.cdnme.se/1609852/6-3/svart80_52f6cb3e9606ee18bcf78a4b.png);
margin: 0px 0px;/** Avstånd mellan header och content**/
padding: 10px 0px 40px;
width:730px; /**965,750**/
height: 0px;
text-align: left;
border: #000000
}	

#side {
margin-right:0;
padding: 16px 16px 0px;
background: #fff;
width: 180px;
margin-left: 760px;
margin-top: 20px; /**384-260px**/
margin-bottom: 20px;
font-family: Arial, Times, serif;
font-size: 11px;
}
/**#box {
width: 170px;
margin-left: -11px;
margin-right:0;
padding: 10px 10px 10px;
background: #FFFFFF;
border: 1px solid #fff;
font-family: Arial, Times, serif;
font-size: 11px;
}**/

.topp{
background: #fff;;
font-family: arial, verdana;
font-size: 11px;
color: #fff;
padding: 12px 12px 0px;
height: 20px;
}
.mitten{
font-family: arial, arial, sans-serif;
font-size: 10px;
color: #000000;
padding: 3px;
margin: 0px;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
background: #FFFFFF;
}
.botten{
background: #fff no-repeat;
height: 10px;
margin: 0px;
}

#content {
overflow: hidden;
width: 730px;
float: left;
background: #fff;
padding: 0px -10px 0px 20px;
voice-family:"\"}\"";
voice-family:inherit;
margin-top: 0px; /** Flyttar content upp mot headern**/
margin-bottom: 20px;
text-align: left;
vertical-align: top;
margin-right: 30px;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #FFFFFF;
font-family: Arial, Times, serif;
}

#footer {
background: #FFFFFF url(https://cdn2.cdnme.se/cdn/7-2/1609852/images/2011/footer_132904461.jpg) no-repeat left top;
width: 730px;
position:relative;
padding: 20px -20px 0px 20px;
voice-family:"\"}\"";
voice-family:inherit;
float: left;
margin-left: 162px;
margin-top: -20px;
height: 162px;'
} 


#header a {
color: #C46642;
text-decoration: none;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: capitalize;
}

h1 {
font-family: arial, verdana, sans-serif;
font-size: 36px;
font-weight: bold;
color: #FFF;
margin-top:25px;
margin-bottom:0px;
padding:0px;
}

h2 {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #999999;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}

/** Entry headers RUBRIK **/
h3 {
font-family: 'Gilda Display', serif;
font-size: 27px;
font-weight: normal;
color: #9d8061; /**9c9690 504f4f 9d8061**/
background:/**#e5e5e5; /** BLÅA: B0C4DE**/
height: 30px;
padding:5px 5px 5px 5px;/**RUBRIKENS BREDD,INNEHÅLLETS PLACERING MOT RUBRIKEN**/
margin: 25px 25px -9px;/**VART RUBRIKEN LIGGER I CONTENT**/
vertical-align: top;
text-align: left;
text-transform: uppercase;
}

.navheader { /** MENYRUBRIK **/
font-family: 'Gilda Display', serif;
font-size: 14px;
font-weight: normal;
color: #9d8061;
margin-bottom: 3px;
}

.nav {/** All text i menyn förutom länkar och rubriker**/
font-family: Arial, arial, sans-serif;
font-size: 11px;
font-weight: ;
}

.nav ul {
padding: 0px 0px 6px;
font-weight: normal;
margin: 0px;
color: #000000;
}

.nav li {
list-style: none;
padding: 0px 0px 4px;
font-weight: normal;
color: #000000;
}

.nav a { /** LÄNKAR I MENY **/
color: #4f4f4f;
text-decoration:none;
font-family: "arial", Times, serif;
font-size: 11px;
}

/** PILEN ÖVER LÄNKARNA **/
.nav a:hover { color: #4f4f4f;text-decoration:none; background: #;}

/** Post's body text TEXT I INLÄGGEN**/
.entrybody {
font-family: "Times new roman";
font-size: 14px;
font-weight: normal;
color: #;
line-height: 150%;
text-align:justify;
padding: 20px 30px 10px 30px; /**HUR TEXTEN LIGGER I CONTENT FRÅN SIDORNA**/
margin: 0px 0px 0px 0px;
}

/** 'Posted by' txt DATUM, TID, KOMMENTAR osv. **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: none;
color: #9d8061;
padding: 18px 30px;
text-align:right;
text-decoration: none;
}

/** LÄNKARNA KOMMENTERA OSV. **/
.entrymeta a { text-decoration:none; color: #000; }
.entrymeta a:hover { color: #9d8061;text-decoration:none; background: white;}


.commentheader { /** KOMMENTERARENS NAMN **/
font-family: Arial, Times New Roman, Times, serif;
font-size: 13px;
font-weight: bold;
color: #000000;
line-height: 140%;
padding: 10px 3px 3px 10px;
border-top: 1px solid #FFF;
background-color: #EBEBEB;
margin-right:20px;
margin-left:10px;
}

.commenttext { /** KOMMENTAREN **/
font-family: Arial, Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
margin-right:20px;
margin-left:10px;
padding-left:10px;
background-color: #EBEBEB;
}

.commentmeta { /** TID & DATUM PÅ KOMMENTAR **/
font-family: Arial, arial, sans-serif;
font-size: 9px;
font-weight: normal;
color: #333;
text-align:left;
padding: 10px 10px 20px;
background-color: #EBEBEB;
margin-right:20px;
margin-left:10px;
}

/** LÄNKEN MED KOMMENTERARENS NAMN **/
.commentmeta a { color: #000000; text-decoration:none;}
.commentmeta a:hover { color: #333;text-decoration:none; background: ; }

.commentform { /** NAMN: ADRESS: PÅ KOMMENTAR **/
font-family: Arial, Times, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin: 0px 0px 20px 0px;
padding:20px;

}

.separator {
display: none;
}

.default {
display:none;
}

.subside {
font-family: "Trebuchet MS" 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 Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 1px solid #5E6655;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 2px solid #889977;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 30px 30px;
}

.fieldName{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: Verdana, 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;
border-bottom: 1px solid #000000;
}

#calendar table caption {
color: #000000;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 0.7em;
border-bottom: 1px solid #000000;
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: 0px solid #EEEEEE;
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;
}

#profile {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
}

#profile h4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}

#profile p{
 

}

#datum {
font-family: Arial;
font-size: 11px;
color: #000;
padding: 7px 5px 5px 30px;
margin: 0px 0px 0px;
text-align: right;
text-decoration: italic;
}

#kategorin {
font-family: Arial;
font-size: 11px;
color: #000;
padding: 7px 15px 15px 30px;
margin: 0px 0px 0px;
text-align: left;
text-decoration: italic;
}

/** Padding = marginalen i en ruta. 
Margin = marginalen mellan rutorna. 
Upp - höger - ner - vänster 
background-attachment: fixed;


Lägga in en bild ---> <img src="adressen till bilden">
Länk ------------------> <a href="adressen till sidan">Länktext</a>
Bild som länk ------> <a href="adressen till sidan"><img src="adressen till bilden" border="0"></a>
Annat typsnitt -------> <font face="namnet på typsnittet">Din text</font>
Storlek på texten --> <font size="1-6">Din text</font>
Annan färg ----------> <font color="din färg">Din text</font>
Allt i samma kod---> <font face="typsnittet" color="färgen" size="storleken">Din text</font>
Centrera något -----> <center>Texten eller bilden</center>
Radbrytning -----------> <br />
Understruken text -----> <u>Din text här</u>
Mellanslag --------> &nbsp;
Överstruken text --------> <strike>Din text</strike>



body { Hela bakgrunden
a { Länkar som finns i inläggen
#wrapper { Den stora saken, "pappret"
#header { Den snygga bilden överst
#side { Sidkolumnen med länkar och din profilbild
#content { Kolumnen med dina inlägg


h3 { Rubrikerna till inläggen
.navheader { Rubrikerna i sidkolumnen
.nav a { color: #000000; } Länkarna i sidkolumnen
.entrybody { Själva texten i inläggen
.entrymeta { Datumet och tiden under inläggen
.entrymeta a { color: #E04201; } Kategorin och antalet kommentarer som står med punkten ovan
.commentheader { Rubriken i kommentarerna, dvs, där den som kommenterars namn står
.commenttext { Själva texten som kommenteras
.commentmeta { Datumet och tiden under kommentarerna
.commentmeta a { color: #809FFF; } Länken till den blogg som nån kommenterar från
.separator { Linjen mellan inläggen

Allting är ganska logiskt.
nav = orientera er till sidkolumnen
entry = orientera er till inläggskolumnen
comment = sidan med kommentarer
meta = den lilla texten med tid och datum
a = länkar


Bilder längst ner:
</div id="side">
<img class="image" src="KLISTRA IN BILDLÄNKEN HÄR" alt="bildernereibloggen"></a>

#wrapper - Wrappern är det som omsluter menyn, headern och där inläggen kommer, d.v.s. hela bloggen (ej bakgrunden). Wrapper = hölje/omslag.
#header - Headern helt enkelt. Header = rubrik.
#side - Den del vid sidan av inläggen, oftast använd som meny. Här styr man t.ex. om den ska vara till höger eller vänster om inläggen.
#content - Delen där alla inläggen kommer. Content = innehåll.
#header a - Headerlänken som länkar till startsidan.

h1 - Om man har text istället för en bildheader (eller ovanpå den) så är det här man ändrar stilen för den texten.
h2 - Bloggbeskrivningen som dyker upp under headern.
h3 - Inläggsrubriker.

.navheader - Rubrikerna i menyn, såsom 'kategorier', 'senaste inläggen', 'sök'.
.nav - All text som förekommer i menyn som inte är rubriker eller länkar eftersom de har egna inställningar.
.nav ul - Den lista som länkarna i menyn kommer i. Här behöver man oftast inte bry sig om att ändra något.
.nav li - Samma som ovan.
.nav a - Länkarna i menyn, t.ex. de under 'senaste inläggen'.
.nav a:hover - Hur länkarna ser ut när muspekaren är över dem.

.entrybody - Texten i inläggen. Entry = inlägg, body = kropp.
.entrymeta - Texten som är längst ner i inläggen där det bl.a. brukar stå 'kommentarer (0)', 'trackbacks (0)' och datumet för då nlägget skrevs.
.entrymeta a - Hur länkarna (kommentarer, trackbacks o.s.v.) längst ner i inläggen ska se ut.
.entrymeta a:hover - Hur länkarna längst ner i inläggen ska se ut när muspekaren är över dem.

.commentheader - Där det står 'Postat av: ...' bland kommentarerna.
.commenttext - Texten i själva kommentaren som någon skrivit.
.commentmeta - Texten längst ner i kommentaren där datum då kommentaret skrevs och URL brukar stå.
.commentmeta a - Länkar i texten längst ner i kommentaren, t.ex. URL-adressen.
.commentmeta a:hover - Hur länkarna ser ut när muspekaren är över dem.
.commentform - Rutan som innehåller allt man ska fylla i för att skriva kommentar.

.separator - Linjen mellan varje inlägg.
.image - Bilder. Kanske du vill ha en border runt om bilderna?
.thumbnail - Förminskade bilder som kommer upp större på skärmen när man klickar på dem.
form - Rutan för sökfunktionen i bloggen.
#profile - Profilen, din personliga beskrivning. Brukar vara överst i menyn


**/