<div id="flip"></div>
<div id="panel"><div id="panel-inner">
<div id="panel-items" class="clearfix" style="display: block;">
<div id="latest-posts">
<div class="navmenyhead">Senaste inläggen</div><ul>
{% for entry in entries[:23] %}
<li><a href="{{ entry.url }}">{{ entry.title }}</a></li>
{% endfor %}
</ul></div>

<div id="archive">
<div class="navmenyhead">Arkiv</div>
<ul>
<div class="navmenytext"><center>
<b>2010</b>
<br />
Januari - Februari - Mars - April - Maj - Juni - Juli - Augusti - <a href="http://hannalovisasol.se/2010/september/">September</a> - <a href="http://hannalovisasol.se/2010/october/">Oktober</a> - <a href="http://hannalovisasol.se/2010/november/">November</a> - <a href="http://hannalovisasol.se/2010/december/">December</a></br>
</br><br />
<b>2011</b>
<br />
<a href="http://hannalovisasol.se/2011/january/">Januari</a> - <a href="http://hannalovisasol.se/2011/february/">Februari</a> - <a href="http://hannalovisasol.se/2011/march/">Mars</a> - <a href="http://hannalovisasol.se/2011/april/">April</a> - <a href="http://hannalovisasol.se/2011/may/">Maj</a> - <a href="http://hannalovisasol.se/2011/june/">Juni</a> - <a href="http://hannalovisasol.se/2011/july/">Juli</a> - <a href="http://hannalovisasol.se/2011/august/">Augusti</a> - <a href="http://hannalovisasol.se/2011/september/">September</a> - <a href="http://hannalovisasol.se/2011/october/">Oktober</a> - <a href="http://hannalovisasol.se/2011/november/">November</a> - <a href="http://hannalovisasol.se/2011/december/">December</a></br>
</br><br />
<b>2012</b>
<br />
<a href="http://hannalovisasol.se/2012/january/">Januari</a> - <a href="http://hannalovisasol.se/2012/february/">Februari</a> - <a href="http://hannalovisasol.se/2012/march/">Mars</a> - <a href="http://hannalovisasol.se/2012/april/">April</a> - <a href="http://hannalovisasol.se/2012/may/">Maj</a> - <a href="http://hannalovisasol.se/2012/june/">Juni</a> - <a href="http://hannalovisasol.se/2012/july/">Juli</a> - <a href="http://hannalovisasol.se/2012/august/">Augusti</a> - <a href="http://hannalovisasol.se/2012/september/">September</a> - <a href="http://hannalovisasol.se/2012/october/">Oktober</a> - <a href="http://hannalovisasol.se/2012/november/">November</a> - <a href="http://hannalovisasol.se/2012/december/">December</a><br /> <br />
<b>2013</b>
<br />
<a href="http://hannalovisasol.se/2013/january/">Januari</a> - <a href="http://hannalovisasol.se/2013/february/">Februari</a> - <a href="http://hannalovisasol.se/2013/march/"> Mars</a> - <a href="http://hannalovisasol.se/2013/april/">April</a> - Maj - Juni - Juli - Augusti - September - Oktober - November - December </center>
</ul></div>

<div id="categories">
<div class="navmenyhead">Kategorier</div>
<ul>
<center>{% for category in categories %}
<li><a href="{{ category.url }}">{{ category.name }}</a></li>
{% endfor %}
</center>
</ul>
</div><!-- menu-items --></div><!-- #menu-inner --></div><!-- #menu -->
</div>

#flip{
background: url(https://cdn3.cdnme.se/2965105/7-3/panel1_514adf819606ee2083ca9ef8.png);
background-repeat: no-repeat;
background-position: center;
width: 1050px;
height: 70px;
margin-bottom: 0px;
}

#panel,#flip{
text-align:center;
width: 1050px;
height: 70px;
margin-bottom: 0px;
}

#panel
{
padding:50px;
height: 370px;
display:none;
font-family: 'Lucida Sans Unicode', Verdana, Arial, Sans-Serif;
font-size: 13px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 0px;
padding: 0px;
line-height: 90%;
background: url(http://img26.imageshack.us/img26/7352/panel2d.png);
background-repeat: no-repeat;
background-position: top center;
}

.ie7 #menu {
position: static;
}

#panel-inner {
width: 1050px;
height: 300px;
margin: 0px;
padding: 0px 0;
position: relative;
}

#panel-items>div {
float: left;
height: 300px;
width: 330px;
margin: 5 5 5 5px;
text-align: center;
}

#panel-inner a:hover {
color: #FFF;
}

#panel-inner ul {
list-style: none;
}

#panel-inner li {
margin-bottom: 5px;
font-weight: 400;
text-align: center;
}

#panel-inner h4.navheader {
color: #000;
font-size: 15px;
margin-bottom: 5px;
}

#panel-items {
padding: 5px 0;
margin-left: 5px;
}

#panel-inner #panel-button{
position: absolute;
right: 0;
bottom: 0px;
margin: 3 3 3 3px;
padding: 5px 5px;
width: 350px;
height: 340px;
text-align: center;
font-weight: 400;
}

#navbar { margin: 0; padding-left: 307px; height: 1em; }

#navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/

#navbar li a {
display: block; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; border-left: 0px solid #ffffff; border-bottom: 1px dotted #8abbd6; background-color: #; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: raleway; /*Ändra typsnittet här*/ font-size: 20px; text-shadow: 0 0 5px #000; font-weight: bold;
} /*Ändra storleken på texten här*/

#navbar li ul { display: none; width: 15em; /* Ändra bredden på undermenyn här */ background-color: #ffffff; font-size: 11px;
/*opacitet for IE */ filter:alpha(opacity=70); /* opacity: 0.70; filter:alpha(opacity=70); */ /* opacitet CSS3 standard */ opacity:0.70; /*opacitet for Mozilla */ -moz-opacity:0.70; }

#navbar li:hover ul,

#navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 1; }

#navbar li:hover li,

#navbar li.hover li { float: none; }

#navbar li:hover li a,

#navbar li.hover li a { background-color: #ffffff;
border-bottom: 1px dotted #8abbd6; border-left: 0px solid #8abbd6;
border-right: 0px solid #cccccc;
text-shadow: 0 0 0px #000;
color: #000;
font-family: verdana;
font-weight: normal;
font-size: 12px;
/*opacitet for IE */ filter:alpha(opacity=70); /* opacity: 0.70; filter:alpha(opacity=70); */ /* opacitet CSS3 standard */ opacity:0.70; /*opacitet for Mozilla */ -moz-opacity:0.70; }

#navbar li li a:hover { color: #; background-color: #d9e4ea;} /*Ändra färgen när man håller musen över undermenyn*/