BAKGRUNDEN
body {

background: #FFFFFF url(http://DinBildsUrlAdress.com/bild.jpg);

margin:0;

padding:0px 0 14px;

text-align:center;

color:#333;

}



FÄRGEN PÅ DINA LÄNKAR I INLÄGGEN
a {color: #000000;text-decoration:bold;}

a:hover {color: #fffffff;text-decoration:bold;}


#000000 står för färgen svart.
Vill du ha en annan färg, byter du bara ut #000000 mot en annan färgkod.
Koder kan du hitta HÄR.



BLOGGARKET, DET VITA SOM HEADER, INLÄGG, MENY LIGGER PÅ
#wrapper {

text-align: left;

width: 830px;     <---------Här kan du ändra vilken bredd arket ska ha.

margin: 50px auto;

padding: 30px;

vertical-align: top;

border: 5px dotted #D9CCD0;    <------Ramen runt arket.

background-color: #FFFFFF;    <---------Färgen på arket.

}

Här är olika ramstilar
solid
dashed
dotted
double
groove
ridge
inset
outset

Om du inte vill ha någon ram runt arket så ändrar du bara så att border-färgen är samma som på bakgrund-color.


HEADER
#header {

background: #FFFFFF url(http://DinBildsUrlAdress.com/bild.jpg) no-repeat right center;

padding-left: 30px;

padding-bottom:15px;

padding-top:30px;

margin: 0px 0px 20px;

width: 700px;    <------------Ändra width till 800px; om din header är 800 pixlar bred.

height: 200px;        <-----------Ändra heigh till 400px; om din heder är 400 pixlar hög


SIDOMENYN
#side {

margin-right:0;

padding: 24px 12px 0px;

background: #ffffff; (Färg på bakgrunden i sidokolumnen)

width: 150px; (Bredden på sidokolumnen.)

margin-left: 620px;

}


INLÄGGSRUBRIKER
/** Entry headers **/

h3 {

font-family: papyrus;        <------------Anger vilket typsnitt du vill ha på rubriken.

font-size: 20px;       <---------------Anger vilken storlek det är på rubrikerna

font-weight: medium;

color: #000;

background:#ffffff;        <--------------Om du vill ha en särskild bakgrundsfärg till rubrikerna så

padding:14px 10px 10px 15px;       <------------ändrar du färgkoden.

margin: 0px 0px 10px;

height: 14px;

vertical-align: top;

text-align: left;           <---------om du ändrar left till right så högerjusterar du rubriken.

}


RUBRIKERNA I SIDOMENYN (Kategorier,länkar, osv)
.navheader {

font-family: arial;    <---------Typnitt på rubrikerna

font-size: 15px;      <------------Storlek på rubrikerna

font-weight: bold;        <---------kursiv, fetstil,

color: #000000;  <---------Färg på rubrikerna

margin-bottom: 3px;

}


LÄNKARNA I SIDOMENYN
.nav a {

color: #000000;    <--------------Normal färg på länken

text-decoration:none;

font-family:verdana; <-------------- Typsnitt på länkarna

font-size: 12px;

}

.nav a:hover { color: #999999;text-decoration:bold;}  <--------Färg på länken när du håller pilen där.



INLÄGGSTEXTEN
/** Post's body text **/

.entrybody {

font-family: "Times New Roman", Times, serif;       <-----------Typnitt på texten

font-size: 12px;      <------------Storlek på texten

font-weight: normal;

color: #000000;        <-------------Färg på texten

line-height: 130%;

text-align:justify;

padding:20px;

margin: 10px 0px 0px 0px;

}


Datum då inlägget postades:

/** 'Posted by' txt **/

.entrymeta {

font-family: century gothic; Typsnitt

font-size: 10px; Storlek

font-weight: normal;

color: #000000; Färg

padding:20px;

text-align:right;

}


FÄRG PÅ LÄNKARNA BREDVID DATUMET PÅ INLÄGGET (permalink, kommentarer osv.)

.entrymeta a { color: #ffffff; text-decoration:bold;}

.entrymeta a:hover { color: #fff;text-decoration:bold; }



TA BORT STRECK MELLAN INLÄGGEN
.separator {

border-top: 2px solid #000000;        <--------------byt till samma färgkod som färgen på ditt ark.

border-bottom: 0px solid #000000;

margin: 14px 0px 14px 0px