body {
background: #fff url(http://bloggfiler.no/designavjulie.blogg.no/images/1303963-11-1320144197291.jpg)repeat center top;
font-family: Century Gothic;
background-attachment:fixed;
padding: 0px;
margin:0;
}

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

#wrapper{
margin: auto;
margin-top:30px;
background: transparent;
border: 0px;
width: 900px;
padding: 0 0 0 0;

}

#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

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

#header {
background:  url(http://bloggfiler.no/designavjulie.blogg.no/images/1303963-11-1317727787887.jpg) no-repeat center top;
width: 680px;
height: 300px;
float: right;
-moz-border-radius: 5px;
border-radius: 5px;

}

#side {
float: left;
position: fixed;
width: 215px;
padding: 0px;
background-color: #transparent;
margin: 30px 30px 0px 0px;

}

#box {
background: #fff;
padding: 10px;
margin: 0 0 10px 0;
border: none;
-moz-border-radius: 5px;
border-radius: 5px;


}

#sidebox {
background-color: #fff;
padding: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

#content {
float: right;
width: 670px;
background: #fff;
padding: 5px;
border: none;
margin-right: 0px;
}


#header a { color: #000; text-decoration: none; }


/** Entry headers **/
h3 {
background: #fa285a;
font-family: helvetica;
font-size: 15px;
font-weight: normal;
color: #000;
padding: 2px 10px 0px 10px;
height: 20px;
vertical-align: top;
letter-spacing:1px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.navheader {
font-family: Trebuchet MS, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333;
margin-bottom: 3px;
letter-spacing: 1px;
}

.nav {
font-family:Trebuchet MS, sans-serif;
font-size: 11px;
font-weight: normal;

}

.nav ul {
padding: 0px;
font-weight: normal;
margin: 0px 0px 8px;

}

.nav li {
list-style: none;
padding: 0px 0px 4px 0px;
font-weight: normal;
margin: 0px;

}

.nav a {
margin: 0;
display: block;
height: 100%;
color:#f741a3;
letter-spacing: 1px;
}

.nav a:hover { color: #333;text-decoration: none;}


/** Post's body text **/
.entrybody {
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding:0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
letter-spacing:1px;
}

/** 'Posted by' txt **/
.entrymeta {
font-family: Trebuchet MS,verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
color: #fa285a;
padding:20px 10px 10px 10px;
text-align:center;
}

.entrymeta a {
font-family:Trebuchet MS,verdana, arial, sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #000000;
padding:0px 10px 0px 10px;
text-align:center;
text-decoration: none;
}

.entrymeta a:hover { color: #000000; letter-spacing: 3px} 

h6, h6 a:link, h6 a:visited, h6 a:active{
font-family: helvetica, arial;
font-weight: normal;
color: #4a4a4a;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 10px;

}

.commentheader {
background: #333;
font-family: Trebuchet MS, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:left;
text-transform:uppercase;
letter-spacing: 1px;
color: #FFF;
line-height: 140%;
margin-top: 20px;
padding: 2px 0px 2px 10px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.commenttext {
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
text-align:left;
color: #000;
line-height: 140%;
padding:5px 0px 0px 10px;
}

.commentmeta {
font-family: Trebuchet MS, sans-serif;
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
color: #FA285A;
text-align:left;
padding: 10px 0px 10px 10px;
}

.commentmeta a { color: #000; text-decoration:none;}
.commentmeta a:hover { color: #333;letter-spacing: 2px; }

.commentform {
font-family: Trebuchet MS, sans-serif;
font-size: 11px;
font-weight: normal;
text-spacing: 1px;
color: #333;
margin: 0px 0px 20px 0px;
padding:20px;

}


.image {
border: 1px solid #ccc;
padding: 0px 0px 0px 0px;
margin: 0px 2px 2px 2px;
}

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

.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;
}

input{
background-color: #333;
border: #333 5px solid;
font-family: Trebuchet MS,verdana;
color: #ffffff;
font-weight: normal;
font-size: 12px;
-moz-border-radius: 5px;
border-radius: 5px;

}
textarea{
background-color: #fa285a;
border: #fa285a 5px solid;
font-family: Trebuchet MS,verdana;
color: #ffffff;
font-weight: normal;
font-size: 12px;
-moz-border-radius: 5px;
border-radius: 5px;

}


/* Specific to example one */
#example-one .nav {
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden; margin: 0 0 0 7px; font-weight: bold; }
#example-one .nav li { width: auto; float: left; margin: 0 5px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: url('http://img232.imageshack.us/img232/8192/57016096.png'); text-align: center; border: 0; }
#example-one .nav li a:hover { background: url('http://img155.imageshack.us/img155/953/27760617.png'); }
#example-one ul { list-style: none; }
#example-one ul li a { -moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;
display: block; padding: 4px; }
#example-one ul li a:hover, #example-one ul li a:focus { }
#example-one ul li:last-child a { border: none; }
#example-one li.nav-one a.current, ul.featured li a:hover { background: #fff; }
#example-one li.nav-two a.current, ul.core li a:hover { background: #fff; }
#example-one li.nav-three a.current, ul.jquerytuts li a:hover { background: #fff; }
#example-one li.nav-four a.current, ul.classics li a:hover { background: #fff; }
/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }




/* Specific to example two */
#example-two .nav {
overflow: hidden; 
margin: 0 0 0 1px; 
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;

}

#example-two .nav li { width: auto; float: left; margin: 0 3px 0px 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px 2px 5px 2px; background: #fff;; text-align: center; border: 0; }
#example-two .nav li
a:hover {
background: #fff;}
#example-two ul { list-style: none; }
#example-two ul li a {
display: block; padding: 4px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-khtml-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-khtml-border-top-right-radius: 5px;
border-top-right-radius: 5px;

}
#example-two ul li a:hover, 
#example-one ul li a:focus {
}
#example-two ul li:last-child a { border: none;
}
#example-two li.nav-one a.current, ul.featured li a:hover {
background: #fff;
}
#example-two li.nav-two a.current, ul.core li a:hover {
background: #fff;
}
#example-two li.nav-three a.current, ul.jquerytuts li a:hover {
background: #fff;
}
#example-two li.nav-four a.current, ul.classics li
a:hover {
background: #fff;
}
.hide { position: absolute; top: -9999px; left: -9999px;
}