<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title><$BlogTitle$></title>
<style type="text/css" media="screen">
/*Codice template fondo fisso
Author: Adele Zolea
Puoi contattarmi su: http://www.blografando.splinder.com oppure adelez@infinito.it
Per favore non rimuovete i CREDITS e non modificate il layout del template */
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #EDCB0F;
background-color: #191F27;
}
a:link {
color: #FF6600;
text-decoration: none;
}
a:visited {
color: #99CCFF;
text-decoration: none;
}
a:hover {
color: #0066FF;
text-decoration: none;
}
#contenitore {
border: 1px solid #FFF;
width: 788px;
padding: 0 10px 0 10px;
background-color: #1D262F;
margin: 10px auto 10px auto;
}
#testa {
background-image: url(http://www.adelebox.it/TemplateSplinder2/TemplateCrepuscolo/crepuscolo.jpg);
height: 455px;
background-repeat: no-repeat;
width: 788px;
margin-bottom: 10px;
margin-top: 10px;
}
#colonna {
float: left;
width: 180px;
padding-top: 1em;
background-color: #1D262F;
margin-bottom: 10px;
}
#corpo {
padding-top: 1em;
margin: 0 0 10px 180px;
background-color: #1D262F;
border-collapse: collapse;
border-left: solid #fff 1px;
}
#piede {
clear: both;
padding: 5px;
margin-bottom: 5px;
background-color: #191F27;
text-align: center;
color: #94A3AC;
}
.titoletti {
font-size:10px;
font-weight:bold;
color: #6C8095;
width: 160px;
height: 15px;
text-align: left;
text-transform: uppercase;
border-bottom: solid #FFF 1px;
padding-top:30px;
}
.menu {
font-size:10px;
color: #FFFFFF;
width: 160px;
padding: 5px;
}
#navigation{
font-size:12px;
color:#C2C6C9;
text-align:center;
margin: 10px auto 20px auto;
}
#titolo{
font-size:12px;
font-weight:bold;
color:#5B6D7F;
text-align:left;
margin-top:15px;
margin-left:auto;
margin-right: auto;
padding-right: 5px;
padding-left: 50px;
text-transform: uppercase;
}
#contenuto{
margin-top:20px;
text-align:justify;
font-size:12px;
color: #FFFFFF;
padding: 2px 15px 0 50px;
}
#commenti{
text-align: right;
color: #FDF33A;
font-size:10px;
margin: 35px auto 70px auto;
padding-right: 15px;
padding-left: 50px;
}
#blog-pager {
color: #FFFFFF;
text-align: center;
font-size: 10px;
padding-bottom: 2px;
margin-top:25px;
width:380px;
margin-left: auto;
margin-right: auto;
}
#data {
font-size:10px;
color:#FF6600;
text-align:right;
margin-bottom: 2px;
border-bottom: solid #FF6600 1px;
font-weight: bold;
margin-left: 440px;
margin-right: 15px;
padding-bottom: 5px;
}
#navcontainer {
font-size:20px;
height: 40px;
padding-left: 20px;
font-weight: bold;
padding-top: 415px;
}
div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #B8C1BA;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}
div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #96A5AE;
text-decoration: none;
border-right: 1px solid #fff;
}
div#navcontainer ul li a:hover
{
background-color: #191F27;
color: white;
}
#active a { border-left: 1px solid #fff; }
/* SOCIAL BOOKMARKING */
.sb_label {
/* display: inline; */
visibility: hidden;
}
.social_bookmarking {
/* margin-top: 10px; */
padding: 0;
}
.social_bookmarking ul {
display: inline;
margin: 0;
padding: 0;
}
.social_bookmarking ul li {
display: inline;
margin: 0 0 0 10px;
}
.social_bookmarking ul li img {
border: none;
}
.Stile2 {font-size: 14px}
.descrizione {
font-size: 10px;
padding-left: 40px;
color: #96A5AE;
}
</style>
</head>
<body>
<div id="contenitore">
<div id="testa">
<div id="titoloblog"><$BlogTitle$></div>
<div class="descrizione"><$BlogDescription$></div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Home</a></li>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div></div>
<div id="colonna">
<p class="titoletti"> Chi sono </p>
<p class="menu"><$BlogAboutMe$></p>
<p class="menu"> ODIO: ......................</p>
<p class="menu">AMO: ....................... </p>
<p class="titoletti">Il tempo scorre </p>
<p class="menu"><iframe name="I1" scrolling="no" width="150" height="219" border="0" frameborder="0" src="http://www.adelebox.it/Raccoltadicalendari/calcrepuscolo.html"></iframe></p>
<p class="titoletti">Si è detto </p>
<p class="menu"><$BlogRecentComments$></p>
<p class="titoletti">Agenda</p>
<p class="menu"><$BlogArchive$></p>
<p class="titoletti">Categorie</p>
<p class="menu"><$BlogCategories$></p>
<p class="titoletti">Link</p>
<p class="menu"><a href="http://blografando.splinder.com" target="_blank"><img src="http://i163.photobucket.com/albums/t309/adelecico/logo.gif" border="0" /></a><br />
<$BlogLinkOut$></p>
<p class="titoletti">Tag-board</p>
<p class="menu"> Inserisci qui la tua tag che non deve superare i 180px di larghezza. </p>
<p class="titoletti">Foto</p>
<span class="menu"><$BlogRecentPhotos$></span>
<p class="titoletti">Credits</p>
<p class="menu">Template by <a href="http://blografando.splinder.com" target="_blank">Blografando </a> Distribuito da <a href="http://www.adelebox.it" target="_blank">Adelebox </p>
<p class="titoletti">Box</p>
<p class="menu">Inserisci qui ciò che preferisci </p>
</div>
<div id="corpo">
<Blogger>
<div id="navigation"><$BlogNavigation$></div>
<div id="data"><$BlogDateHeaderDate$> ore <$BlogItemDateTime$> </div>
<div id="titolo"><$BlogItemTitle$></div>
<div id="contenuto"><$BlogItemBody$></div>
<div id="commenti">
<p><a href="<$BlogItemPermalink$>" class="Stile1">P.link</a> | Leggi i <$BlogItemCommentLink$><$BlogItemCommentList$><br />
Categorie: <i><$BlogItemCategories$></i> Grazie per i vostri commenti|<$BlogItemComments$></p>
<p><$BlogItemSocialBookmarking$> </p>
</div>
</Blogger>
<center>
<div id="blog-pager"><$BlogPager$></div>
</center>
</div>
<div class="Stile2" id="piede"><a href="#" target="_blank">Home</a> |<a href="#"> link1</a> |<a href="#"> link2</a> |<a href="#"> link3</a> |<a href="#"> link4</a></div>
</div>
</body>
</html>