.clear { clear: both; }

#topLeft {
position: absolute;
top: 0;
left: 0;
height: 206px;
width: 266px;
background: transparent url(/images/structure/topLeftBg.jpg) no-repeat top left;
}
#bottomRight {
position: fixed;
bottom: 0;
right: 0;
height: 254px;
width: 335px;
background: transparent url(/images/structure/bottomRightBg.jpg) no-repeat bottom right;
}

#outerWrapper {
position: absolute;
top: 0;
left: 50%;
margin-left: -600px;
width: 950px;
}
#header {
}
    #header a.logo {
    margin: 10px 0 0 385px;
    }
#contentWrapper {
}
#menu {
float: left;
margin: 75px 50px 0 0;
height: 350px;
width: 200px;
}
#content {
float: left;
margin: 20px 0 10px 0;
width: 700px;
}
#footer {
height: 25px;
padding: 0 0 25px 250px;
}

.contentLeft { float: left; width: 350px; }
.contentRight { float: right; width: 330px; }
.project { float: left; width: 213px; margin-left: 30px; }
.projectFirst { margin-left: 0; }


/* ---------------------------------------- MENU */
#menu .menuTop { display: block; height: 81px; background: url(/images/structure/menuTopBg.gif) no-repeat top left; margin-bottom: 10px;}
#menu .menuBottom { display: block; height: 83px; background: url(/images/structure/menuBottomBg.gif) no-repeat bottom left; margin-top: 10px; }
#menu ul {}
#menu ul li { height: 29px; background: url(/images/structure/menuButtons.png) no-repeat top left; position: relative; margin-bottom: 3px; cursor: pointer;}
#menu li.portfolio { background-position: 0 0; }
#menu li.portfolio:hover { background-position: 0 -146px; }
#menu li.projekt { background-position: 0 -29px; }
#menu li.projekt:hover { background-position: 0 -175px; }
#menu li.karin { background-position: 0 -58px; }
#menu li.karin:hover { background-position: 0 -204px; }
#menu li.nyheter { background-position: 0 -87px; }
#menu li.nyheter:hover { background-position: 0 -233px; }
#menu li.blogg { background-position: 0 -116px; }
#menu li.blogg:hover { background-position: 0 -262px; }

#menu li h2 a { display: block; height: 29px; width: 200px; text-indent: -9999px;}
#menu li h2 a img { position: absolute; top: -20px; left: 0; }



/* ---------------------------------------- PROJEKT / BLOGG */
.project, .news { padding-bottom: 20px;}
.project .wide { width: 700px; }
#newsLeft { float: left; padding-top: 20px; width: 350px; }
#newsRight { float: right; padding-top: 20px; width: 319px; }

/* ---------------------------------------- IMAGES */
.thumb { padding: 0 5px 5px 0; margin: 0; }
.inlineThumb { display: inline; padding: 0 5px 5px 0; margin: 0; }

/* ---------------------------------------- COMMENTS */
.comment { padding: 10px 0 0 0; }
.commentLeft { float: left; margin-right: 20px; width: 375px; }
.commentRight {float: left; width: 200px; }
.commentTop { background: transparent url(/images/structure/commentTopBg.gif) no-repeat top left; padding: 10px 0 0 0; }
.commentBottom { background: transparent url(/images/structure/commentBottomBg.gif) no-repeat top left; height: 10px; margin-bottom: 10px; }

#comment { padding-top: 10px; margin-top: 15px; border-top: 1px solid #eee; width: 430px; }
#comment td { padding: 5px 10px 0 0; }
#comment input.text { width: 145px; }
#comment textarea { height: 150px; width: 415px; }

/* ---------------------------------------- CATEGORIES */
#nav_categories li li { padding-left: 15px; }