Untitled

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body, html {
    margin: 0px;
    padding: 0px;
    font-family: georgia;
    font-size: 16px;
}

body {
    background: #a5db8e; /* Old browsers */
background: -moz-linear-gradient(top, #a5db8e 0%, #cdeb8b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5db8e), color-stop(100%,#cdeb8b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a5db8e 0%,#cdeb8b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a5db8e 0%,#cdeb8b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a5db8e 0%,#cdeb8b 100%); /* IE10+ */
background: linear-gradient(top, #a5db8e 0%,#cdeb8b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5db8e', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
}

#wrapper {
    width: 900px;
    margin: 25px auto;
}
#head {
    font-size: 50px;
    letter-spacing: 5px;
    font-weight: bolder;
    margin: 0px auto;
    width: 300px;
    text-align: center;
    text-shadow: #FFF -1px -1px 1px;
    color: #000;
}
#presentation {
    margin-top: 20px;
}
#presentation .item {
    width: 200px;
    margin: 0px 48px;
    float: left;
    text-align: center;
    /*background-color: #A5DB8E;
    border-radius: 15px;
    box-shadow: 1px 1px 2px #000;*/
    /*box-shadow: inset -5px -5px 50px #CCC;*/
}
#presentation .item:hover {
    /*background-color: #D0E4C8;*/
}
#presentation .item .container {
    /*box-shadow: inset 1px 1px 2px #FFF;*/
    /*box-shadow: inset 5px 5px 50px #CCC;*/
    padding: 2px;
    border-radius: 15px;
    padding-bottom: 10px;
    font-size: 30px;
}
#presentation .item a {
    color: #555;
    padding-bottom: 2px;
    text-decoration: none;
    text-shadow: #FFF -1px -1px 0px;
}
#presentation .item a:hover {
    color: #888;
}
#content {
    font-size: 14px;
    margin-top: 20px;
}
#content #right {
    float: left;
    width: 335px;
    margin-left: 30px;
}
#content #left {
    float: left;
    width: 430px;
    margin-left: 45px;
}
#content #left a {
    text-decoration: none;
    color: #D15600;
}
#content #left a:hover {
    color: #FF6D05;
    text-decoration: underline;
}
#content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#content ul li {
    width: 325px;
    text-align: left;
}
#content ul li.headline {
    font-weight: bolder;
    padding: 5px;
    margin-bottom: 5px;
}
#content ul li.subline {
    padding-left: 20px;
    margin-bottom: 10px;
}
.clear {
    clear: both;
}
</style>
</head>
<body>
<div id="wrapper">
    <div id="head"><center>Cannabas</center></div>
    <div id="presentation">
    <div class="item"><div class="container"><a href="#"><img src="http://i.imgur.com/6MPey.png" border="0"/><br/>Nyheter</a></div></div>
    <div class="item"><div class="container"><a href="#"><img src="http://i.imgur.com/Eevgu.png" border="0"/><br/>Forum</a></div></div>
    <div class="item"><div class="container"><a href="#"><img src="http://i.imgur.com/vP3Qh.png" border="0"/><br/>Databas</a></div></div>
    <div class="clear"></div>
    </div>
    <div id="content">
    <div id="left">
    <div class="container">
    <b>Välkommen till Cannabas</b>
    <p>Cannabas är en webbplats för folk som är intresserade av cannabis som drog, nöje, samhällsproblem, hjälpmedel och växt.</p>
    <p>Vårt mål med sidan är att tillhandahålla ett arkiv med objektiv information och människors åsikter nogrant uppdelade på olika ställen av webbplatsen.</p>
    <p>Allt innehåll på Cannabas är användargenerat och är skapat i ideelt syfte för att utbilda andra medmänniskor. Vi hoppas att du ska trivas och om du har några som helst frågor ska du inte vara rädd att fråga på forumet.</p>
    <p>Det finns även möjligheter att <a href="#">donera</a> om du vill säkerhetställa att Cannabas kommer finnas kvar även i framtiden.</p>
    </div></div>
    <div id="right">
    <ul>
        <li class="headline">Nyheter</li>
            <li class="subline">Sidan för dig som vill hålla dig uppdaterad med senaste nyheterna om cannabis.</li>
        <li class="headline">Forum</li>
            <li class="subline">För dig som gillar att läsa andras åsikter och argumentera för dina egna åsikter.</li>
        <li class="headline">Databas</li>
            <li class="subline">Stället där all information samlas och frodas. Rekommenderas för dig som gillar fakta.</li>
    </ul>
    </div>
    <div class="clear"></div>
    </div>
</div>
</body>
</html>