body {
    margin: 0;
    padding: 0 0 75px 0;
    background-image: url(Image/body_top_bg.png);
    background-repeat: repeat-x;
    background-position: top right;
}

#container {
    width: 703px;
    margin: auto;
}

#logotype {
    float: right;
    padding: 18px 0 10px 16px;
    margin: 0;
}
#logotype a {
    display: block;
    width: 387px;
    height: 61px;
    background: url(Image/linuspersson.net.logotype.png) no-repeat 0 0;
    text-indent: -9999px
}

#left {
    width: 300px;
    float: left;
}

#left #menu {
    clear: both;
    position: relative;
    top: 0px;
    left: 0px;
}
#left #menu .rss {
    
}
#left #menu .rss {
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
    background: url(Image/rss.png) no-repeat 0 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#left #menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#left #menu ul li {
    float: left;
    position: relative;
    top: 0;
    left: 0;
}
#left #menu ul li a {
    display: block;
    width: 100px;
    position: relative;
    top: 0px;
    left: 0px;
}
#left #menu ul li a.mBlogg {
    background-color: #fff600;
    height: 281px;
}
#left #menu ul li a.mShowcase {
    background-color: #ff00cc;
    height: 154px;
}
#left #menu ul li a.mKontakt {
    background-color: #00c0ff;
    height: 217px;
    cursor: pointer;
}
#left #menu ul li a span {
    display: block;
    width: 14px;
    height: 122px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-indent: -9999px;
}
#left #menu ul li a.mBlogg span,
#left #menu ul li a.mShowcase span,
#left #menu ul li a.mKontakt span {
    background: url(Image/menu/blogg.png) no-repeat 0 0;
}
#left #menu ul li a.mShowcase span {
    background-image: url(Image/menu/showcase.png);
}
#left #menu ul li a.mKontakt span {
    background-image: url(Image/menu/kontakt.png);
}
#left #menu ul li .category {
    width: 300px;
    position: absolute;
    top: 281px;
    left: 0;
}
#left #menu ul li .category li {
    float: none;
    position: static;
}
#left #menu ul li .category li a {
    border-left: 15px solid #fff600;
    color: #c6c6c6;
    text-decoration: none;
    margin: 5px 0 0 0;
    padding: 0 0 0 8px;
    width: auto;
    position: static;
}
#left .category li a:hover {
    border-color: #ff00cc;
    background-color: #292929;
}


#left #category {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#left #category li {
    display: block;
}
#left #category li a {
    border-left: 15px solid #fff600;
    display: block;
    color: #c6c6c6;
    text-decoration: none;
    margin: 5px 0 0 0;
    padding: 0 0 0 8px;
    
}
#left #category li a:hover {
    border-color: #ff00cc;
    background-color: #292929;
}

#right {
    width: 403px;
    float: right;
}

#right #content {
    margin: 10px 0 0 10px;
    padding: 0 0 75px 10px;
    border-left: 3px solid #00c0ff;
    clear: both;
}














/*EXTRAS*/
.clear{height:0px;width:auto;font-size:0.1px;clear:both;}
.hide{display:none;}