Codice blog Mare - Ande graphic - http://ande.splinder.com
<!--
----------------------------------------------------------------------------------------------------
INFO SUL TEMPLATE
NOME TEMPLATE : Mare
DESCRIZIONE : Template due colonne "Mare"
DISEGNATO DA : Ande graphic - http://ande.splinder.com
TEMPLATE DISRIBUITO CON LA LICENZA : Creative Commons Attribuzione - Non commerciale License Italia.
----------------------------------------------------------------------------------------------------- -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Keywords" content="Splinder blog, blog, BLOG, blogs, weblog, web log, blog personale, diario, diario personale, diario on line, Splinder, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog, community website, community, online journalism, on line journalism, publish, personal publishing">
<meta name="Description" content="Questo e' il mio blog su Splinder. Blog: un web log. Un Sito web a meta strada tra un diario e un personal magazine. Crea il tuo blog gratis su Splinder.">
<title> <$BlogTitle$></title>
<style type="text/css">

/* Stile GENERICO
============================== */


html, body, {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
background-color: #badbf7;
color: #395f9d;

}
body
{
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: #38a4f6;
scrollbar-3dlight-color: #38a4f6;
scrollbar-arrow-color: #38a4f6;
scrollbar-track-color: white;
scrollbar-darkshadow-color: #38a4f6;
text-align: center;
background-color: #badbf7;

}

a.seo_itemtitle, a.seo_itemtitle:visited, a.seo_itemtitle:hover {
text-decoration: none;
font-weight: bold;
font-size: 15px;
background-color: none;
color: #395f9d;
letter-spacing: 2px;
}

#wrapper {
margin: 10px auto 5px auto;
border: 4px solid #FFFFFF;
background-image: url('http://win.rossovenexiano.com/ande/mare/corpo_mare.png');
top: 10px;
left: auto;
text-align: center;
width: 900px;
right: auto;
}
#header {
background-position: center;
position: relative;
z-index: 500;
width: 900px;
height: 350px;
background: #fff url('http://win.rossovenexiano.com/ande/mare/testata_mare.png') no-repeat left top;
top: 0px;
}
#headcontent {
height: auto;
margin-left: 300px;
position: relative;
padding: 11px 10px 10px 10px;
font-family: "ShelleyAllegro BT";
font-size: 42px;
font-weight: bold;
color: #395f9d;
}
#news {
margin: 30px 0px 0 40px;
width: 250px;
float: left;
font-size: 12px;
text-align: center;
}
#main {
margin: 0;
padding: 0;
background-image: url('http://win.rossovenexiano.com/ande/mare/corpo_mare.png');

background-repeat: repeat-y;
width: 900px;
height: auto;
}

/* STILE left_colonna
============================== */

#left_col{
width: 250px;
float: left;
margin: 0 0px 0 40px;
font-size: 12px;
text-align: center;
border-right-style: none;
border-bottom-width: 0px;
border-top-style: none;
border-top-width: 0px;
padding-top: 30px;
padding-bottom: 10px;
}
.titolileft_col{
padding: 15px 0px 6px 0px;
margin: 2px 0px 5px 0px;
font-family: Georgia;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
text-align: center;
background-repeat: no-repeat;
top: 0px;
height: 25px;
font-size: 14px;
border-bottom-style: none;
background-color: #badbf7;
width: auto;
}
.boxleft_col{
padding: 9px 0px 10px 0px;
font-family: Georgia;
color: #344a81;
background-color: transparent;
font-size: 12px;
text-align: center;
vertical-align: middle;
line-height: 20px;
margin-right: 0px;
width: 250px;
}

/* STILE POST
============================== */
#coldx{
padding: 10px 0px 8px 0px;
margin: 6px 10px 8px 10px;
width: 580px;
height: auto;
float: right;
background-color: transparent;
left: 313px;
color: #395f9d;
}

.post{
padding: 4px;
margin-bottom: 20px;
width: auto;
height: auto;
background-color: transparent;
}

.datapost {
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-align: right;
text-transform: capitalize;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 6px;
margin-bottom: 2px;
color: #395f9d;
background-color: transparent;
font-family: "Bookman Old Style";
}
.titolopost{
padding: 4px 0px 0px 0px;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
color: #395f9d;
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
margin-right: 0px;
text-align: left;
font-family: Georgia;
background-color: transparent;
border-bottom-color: ##38a4f6;
border-bottom-style: double;
border-bottom-width: 4px;
}
.titolopost.seo {
padding: 4px 0px 0px 0px;
font-size: 15px;
font-weight: bold;
letter-spacing: 1px;
}



.testopost{
padding: 10px;
font-family: Georgia;
font-size: 13px;
font-weight: normal;
color: #395f9d;
text-align: justify;
margin-bottom: 20px;
background-color: transparent;
}
.data {
font-family: "Bookman Old Style";
font-size: 12px;
font-weight: normal;
text-align: right;
color: #395f9d;
margin-bottom: 5px;
background-color: transparent;
}
.spacing{
background-position: center;
background-image: url('http://win.rossovenexiano.com/ande/mare/spacing-mare.png');
height: 52px;
background-repeat: no-repeat;
text-align: center;
width: auto;
right: auto;
left: auto;
}

.read-more {
margin: 4px;
padding: 4px;
font-size: 11px;
text-align: left;
font-family: Georgia;
color: #38a4f6;
}

a {
color: #344a81;
text-decoration: none;
font-family: "Bookman Old Style";
}
textarea{
background-color: White;
color: #38a4f6;
font-size: 11px;
}

* {
padding: 0;
margin: 0;
}


.media-thumb{
border: 0px;
margin-bottom: 10px;
}



/* STILE IMPAGINAZIONE E NAVIGAZIONE
======================================== */

#blog-pager div {
display: inline;
color:#38a4f6;
font-size: 11px;
padding: 1px;
font-weight: bold;
}

#blog-pager a {
display: inline;
margin: 3px;
text-decoration: underline;
}


.navigazione {
color:#38a4f6;
margin-bottom: 6px;
margin-top: 4px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
text-align: center;
text-decoration: underline;
}

.prev {
float: left;
text-align: left;
width: 45%;
}

.next {
float: right;
text-align: right;
width: 45%;
}

.home {
text-align: center;
}
/* STILE COMMENTI
============================== */

.comment {
margin-top: 1em;
background:transparent;
width: 99%;
}

.comment-body {
text-align: left;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #344a81;
font-size: 12px;
font-family: Georgia;
}
.comment-top {
background: transparent;
text-align: right;
padding-bottom: .7em;
padding-right: .5em;
font-style: normal;
font-variant: normal;
font-weight: normal;
border-top: 1px solid #38a4f6;
border-top-color:#38a4f6;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #344a81;
}
.comment-bottom {
background: transparent;
text-align: left;
padding: .2em .0em .9em .0em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #344a81;
font-size: 12px;
font-family: Georgia;
}

.comment-tips {
background: transparent;
text-align: left;
padding-left: .5em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color:#344a81;
font-size: 12px;
}
.comment-form-title {
background-color: transparent;
color: #344a81;
margin-top: 20px;
margin-bottom: 15px;
padding-left: 1px;
text-align: left;
text-transform: capitalize;
font-style: normal;
font-variant: normal;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
font-family: "Times New Roman", Times, serif;
}

.comment-form-user {
background: transparent;
padding-left: .5em;
padding-top: .3em;
text-align: left;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #344a81;
line-height: 1.3em;
font-family: Georgia;
}
.comment { margin: 1em 0 0 0;
left: 270px;
}
/* STILE FOTO RECENTI
============================== */

/* STILE FOTO RECENTI
============================== */
#recent-media {
background: transparent;
text-align: center;
}

table {
display: table;
border-collapse: separate;
border-spacing: 2px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
td, th {
display: table-cell;
vertical-align: inherit;
text-align: center;
}
#recent-photos {
background: transparent;
text-align: center;
}

#recent-photos img {
padding: 4px;
border: 0px;
margin-bottom: 5px;
background-color: transparent;
text-decoration: none;
}

#recent-photos .album-link {
background: transparent;
font-size: 10px;
text-align: center;
text-decoration: none;
}

#recent-photos .title {
font-size: 10px;
font-weight: bold;
padding-top: 10px;
text-align: center;
letter-spacing: 2px;
color: #344a81;
}


.cc-small {
border: 0px;
}

.comment-bottom img.avatar {
height: auto;
width: auto;
border: 0px;
}

.cc-logo {
border: 0px;
padding: 1px;
}

.avatar{
border:0px;
}


*/ STILE MEDIA ALBUM
==============================*/

#album-link
{
vertical-align:top;
}

#album-link a:link {
vertical-align:top;
}

#album img {
padding: 4px;
margin-bottom: 5px;
background-color: transparent;
text-decoration: none;
}

#album td {
text-align: center;
vertical-align: top;
}

#album table {
text-align: left;
vertical-align: top;
}

#album .title {
font-size: 9px;
margin-top: 12px;
}


.fondo {
background-position: center;
clear: both;
bottom: 0;
left: 0;
width: 900px;
height: 81px;
color: #38a4f6;
background-image: url('http://win.rossovenexiano.com/ande/mare/fondo_mare.png');
background-repeat: no-repeat;
}


</style>

</head>

<body>
<!--Inizio contenitore blog -->
<div id="wrapper">
<!-- INIZIO HEADER -->
<div id="header" style="left: 0px; top: 0px">
<div id="news">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="251" height="277">
<param name="movie" value="http://win.rossovenexiano.com/ande/mare/benve_mare.swf">
<param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
<embed src="http://win.rossovenexiano.com/ande/mare/benve_mare.swf" quality="high" WMODE=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="251" height="277"></embed>
</object>
</div> <div id="headcontent">

<$BlogTitle>



</div>
</div>
<!-- fine header -->

<div id="main">
<!-- INIZIO COLONNA SINISTRA -->

<div id="left_col">
<div class="titolileft_col">Chi Sono</div>
<div class="boxleft_col">
<$BlogAboutMe$>

</div>

<div class="titolileft_col">Il mio tempo</div>
<div class="boxleft_col"><p align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="240" height="347">
<param name="movie" value="http://win.rossovenexiano.com/ande/mare/mare.swf">
<param name="quality" value="high">
<PARAM NAME=wmode VALUE=transparent>
<embed src="http://win.rossovenexiano.com/ande/mare/mare.swf" quality="high" WMODE=transparent pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="240" height="348"></embed>
</object>

</p>
</div>

<div class="titolileft_col">la mia musica</div>

<div class="boxleft_col">

</div>
<div class="titolileft_col">Commenti recenti</div>
<div class="boxleft_col">


<$BlogRecentComments$> </div>
<div class="titolileft_col">archivio</div>

<div class="boxleft_col">

<$BlogArchiveCollapsed$>

</div>

<div class="titolileft_col">categorie</div>

<div class="boxleft_col">

<$BlogCategories$>

</div>

<div class="titolileft_col">Marquee</div>

<div class="boxleft_col">
<marquee width=250 height=140 direction="up" scrollAmount=1><center>
scrivi ciò che vuoi <br/>
xxxxxxxxxxxxxxxxxxxxxxxx<br/>
xxxxxxxxxxxxxxxxxxxxxxxx<br/>
xxxxxxxxxxxxxxxxxxxxxxxx<br/></center></marquee></div>


<div class="titolileft_col">Link</div>

<div class="boxleft_col">

<$BlogLinkOut$>
</div>
<div class="titolileft_col">Banner</div>

<div class="boxleft_col">
</div>


<div class="titolileft_col">foto recenti</div>

<div class="boxleft_col">
<center><$BlogRecentPhotos$></center>
</div>

<div class="titolileft_col">bottoni</div>

<div class="boxleft_col">

<$BlogButtons$>

<br/>
<$BlogFeeds$>
</div>


<div class="titolileft_col">counter</div>

<div class="boxleft_col">


visitato <$BlogCounter$> volte

</div>



<div class="titolileft_col">Crediti</div>

<div class="boxleft_col">


Template e Layout <br/>by <a href="http://ande.splinder.com/">
Ande graphic </a><br/><br/>
Disponibile su&nbsp; <br>
<a href="http://ande.splinder.com/" target="_blank">
<img src="http://i119.photobucket.com/albums/o153/ande_05/banner6.gif" border="0" alt="Photobucket"></a>


<br/>

<br/><br/> <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/2.5/it/80x15.png"></a><br>
<span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/StillImage" rel="dc:type">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">Questa
opera è pubblicata</a><br />
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">sotto una
Licenza Creative Commons</a></span><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"> .</a>


</div>

</div>
<!-- FINE COLONNA SINISTRA -->

<!-- INIZIO PARTE CENTRALE -->

<div id="coldx">
<$BlogPhotoAlbum$>
<Blogger>
<center style="width: 557px; height: 16px; color: #395f9d;">

<$BlogNavigation$>

</center>
<!-- INIZIO Post -->
<div class="post">

<div class="datapost"> <$BlogDateHeaderDate$>
</div>

<div class="titolopost">
<$BlogItemTitle$>
</div>

<div class="testopost"><$BlogItemBody$></div>

<div class="data">
postato da: <i>
<$BlogItemAuthorNickname$> alle ore <$BlogItemDateTime$> <br/>
<a href="<$BlogItemPermalink$>" title="permalink di questo post">link</a> ¦ <$BlogItemCommentLink$><$BlogItemCommentList$>¦
<$BlogItemComments$>(popup)
<br/>
categoria : <$BlogItemCategories$> </i>
</div>
<div class="spacing"></div>

</div>
<!-- FINE POST -->

</Blogger>

<center>

<$BlogPager$>

</center>

</div>
<!-- FINE Parte centrale -->

</div>

<div class="fondo">

</div>
</div>

<!--Fine contenitore blog -->
<div></div>
</body>
</html>