S t e p h a n y T i e u

#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}

/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*TEXT  om du anger <p> i kodmallen*/
p {
margin:0;
padding:0;
}

/*HEADER, rutan, bilden högst upp på bloggen*/
#header {
background:url("LÄNK FRÅN DIN BILD");
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}

/*SIDOMENYN/*
#side {
background:url("LÄNK FRÅN DIN BILD") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}

/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR /*
#box {
background:url("LÄNK FRÅN DIN BILD");
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}

/*SJÄLVA INLÄGGETS BAKGRUND*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}

/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}

h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}

/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}

/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}

/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}

/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}

/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}

.nav a {
color:#4E4E4E;
text-decoration:none;
}

a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}

/*HOVER - Menyns länkar, samt där du kan lägga in en egen muspekare*/

/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}

/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}

/*LÄNKARNA PÅ KOMMENTARER ETC*/
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}

.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}

/*KOMMENTARSRUBRIKEN - Ex Postat av:*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}

/*KOMMENTARSTEXTEN*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}

/*KOMMENTARSTID och LÄNKAR - tidpunkten då kommentaren postades och länk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}

/*Länkar*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}

.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}

/*Kommentarrutan*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}

/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}

/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}

.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}

/*BILDERNA I INLÄGGSRUTAN - Ändra kanten runt om..*/
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}

/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}

/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar

/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}

/*PROFIL TEXT*/
#profile p{
}

/*HÄR ÄNDARAR DU FÄRGEN PÅ KNAPPEN SÖK...*/

input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}

textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}

NÅGRA FLER FÖRKLARINGAR:

FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.

1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)

TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal etc)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text

FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva  före färgkoden

STORLEK
height: anger höjd
width: anger bredd