Template due colonne

Template tre colonne "Musica"
by Ande graphic - http://ande.splinder.com

<!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>

<title><$BlogTitle$></title>
<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."/>
<style type="text/css">

/* STILE BLOG
============================== */

html{
scrollbar-base-color : #55575b;
scrollbar-3dlight-color :#e9eaeb;
scrollbar-arrow-color : #e9eaeb;
text-align: center;
}
a {
color: #000000;
text-decoration: none;
}
textarea{
background-color: White;
color: #000000;
font-size: 11px;
}

* {
padding: 0;
margin: 0;
font-size: 12px;
color: #000000;
font-family: Georgia;
font-style: normal;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #000000;
text-align: center;
}
#contenitoreblog {
border: thin groove #000000;
margin: 0 auto;
width: 960px;
text-align: center;
background-color: #FFFFFF;
height: auto;
}

/* STILE TESTATA
============================== */

#header {
color: #333;
width: 960px;
float: left;
padding: 0px;
height: 429px;
margin: 0px 0px 0px 0px;
background: url('http://win.rossovenexiano.com/ande/musica/musica_testata.jpg') no-repeat;
}
#blogtitolo {
font-size: 30px;
font-weight: bold;
text-transform: capitalize;
text-align: left;
color: #504537;
background-color: transparent;
padding-top: 50px;
padding-right: 20px;
padding-left: 25px;
}

#blogdescrizione {
font-size: 16px;
font-weight: bold;
text-transform: capitalize;
text-align: left;
color: #504537;
background-color: transparent;
padding-top: 50px;
padding-right: 20px;
padding-left: 25px;
}

.titolicolonna {
background-position: center;
border-style: none;
font-size: 12px;
letter-spacing: 1px;
color: #000000;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 15px 0px 0px 0px;
margin-bottom: 0px;
background-color: transparent;
background-image: url('http://win.rossovenexiano.com/ande/musica/musica_titoletti.png');
width: 200px;
height: 60px;
background-repeat: no-repeat;
margin-top: 10px;
font-family: "Times New Roman", Times, serif;
}
.boxcolonna{
padding: 15px 0px 6px 0px;
margin-bottom: 10px;
text-align: center;
width: 180px;
color: #000000;
}

/* STILE COLONNE
============================== */

#leftcolumn {
background: #FFFFFF;
margin: 0px 3px 5px 0px;
padding: 5px;
height: auto;
width: 200px;
float: left;
}
#rightcolumn {
background: #FFFFFF;
margin: 0px -1px 5px 0px;
padding: 5px;
height: auto;
width: 200px;
float: right;
}

/* STILE FONDO BLOG
============================== */

#footer {
width: 960px;
clear: both;
background: url('http://win.rossovenexiano.com/ande/musica/musica_piede.jpg') no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 140px;
}
/* STILE POST
============================== */

#contenutopost {
float: left;
background: #FFFFFF;
padding-bottom: 10px;
height: auto;
width: 520px;
overflow: auto;
right: auto;
left: auto;
}

.post{
padding: 4px;
margin-bottom: 20px;
}

.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: #000000;
background-color: transparent;
border-bottom-style: dashed;
border-bottom-color: #808080;
font-family: "Times New Roman", Times, serif;
}
.titolopost{
padding: 4px 0px 0px 0px;
background-position: center -3px;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
text-transform: uppercase;
margin-right: 0px;
text-align: left;
font-family: Georgia;
}
.testopost{
padding: 10px;
font-family: Georgia;
font-size: 12px;
font-weight: normal;
color: #333333;
text-align: justify;
margin-bottom: 20px;
}
.data {
font-family: Georgia;
font-size: 12px;
font-weight: normal;
text-align: right;
color: #333333;
margin-bottom: 5px;
}
.spacing{
background-position: center;
background-image: url('http://win.rossovenexiano.com/ande/musica/spacing_musica.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: #000000;
}

.media-thumb{
border: 0px;
margin-bottom: 10px;
}
/* STILE IMPAGINAZIONE E NAVIGAZIONE
======================================== */

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

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

.navigazione {
color: #000000;
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: #333333;
font-size: 11px;
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 #800000;
border-top-color: #666666;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
}
.comment-bottom {
background: transparent;
text-align: left;
padding: .2em .0em .9em .0em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #333333;
font-size: 11px;
font-family: Georgia;
}

.comment-tips {
background: transparent;
text-align: left;
padding-left: .5em;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #333333;
font-size: 11px;
}
.comment-form-title {
background-color: transparent;
color: #333333;
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: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #333333;
line-height: 1.3em;
font-family: Georgia;
}
.comment { margin: 1em 0 0 0;
left: 224px;
}
/* STILE FOTO RECENTI
============================== */

#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: #333333;
}

.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;
}

</style>
</head>

<body>


<div id="contenitoreblog">


<div id="header">
<div id="blogtitolo"><$BlogTitle$></div>

<div id="blogdescrizione"><$BlogDescription$></div></div>



<div id="leftcolumn">

<div class="titolicolonna">chi sono</div>

<div class="boxcolonna">

<$BlogAboutMe$>

</div>

<div class="titolicolonna">Time</div>

<div class="boxcolonna">
<a href="http://ande.splinder.com/" target="_blank" >
<iframe style="BACKGROUND-COLOR: transparent" marginwidth="0" marginheight="0" src="http://win.rossovenexiano.com/ande/musica/orologi_ande_musica.htm" frameborder="0" width="190" scrolling="no" height="204" allowtransparency="allowtransparency"></iframe></a> </div>
<div class="titolicolonna">commenti recenti</div>

<div class="boxcolonna">

<$BlogRecentComments$>

</div>

<div class="titolicolonna">archivio</div>

<div class="boxcolonna">

<$BlogArchiveCollapsed$>
</div>

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

<div class="boxcolonna">

<$BlogCategories>

</div>

<div class="titolicolonna">box vuoto</div>

<div class="boxcolonna">

xxxxxx<br>
xxxxxx<br>
xxxxxx <br>
</div>

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

<div class="boxcolonna">

<center>
Template e Layout <br>by <a href="http://ande.splinder.com/">Ande graphic </a><br><br>
Disponibile su  <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><a href="http://rossovenexianografica.splinder.com/" target="_blank">
<img src="http://win.rossovenexiano.com/template/avatgrafkq1.jpg" border="0"alt="">
<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>Questo/a <span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/StillImage" rel="dc:type">opera</span> è pubblicato sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">Licenza Creative Commons</a>.
</center>

</div>
</div>




<div id="contenutopost">
<$BlogPhotoAlbum$>
<Blogger>
<center>

<$BlogNavigation$>

</center>



<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$>">Permalink </a>¦<$BlogItemCommentLink$><$BlogItemCommentList$>¦ <$BlogItemComments$>(popup)
</i></div>

<div class="spacing"></div>

</div>


</Blogger>

<center>

<$BlogPager$>

</center>

</div>



<div id="rightcolumn">

<div class="titolicolonna">Benvenuti</div>
<div class="boxcolonna">
<embed src="http://win.rossovenexiano.com/ande/musica/musica.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="190" height="317"> </div>
<div class="titolicolonna">links</div>

<div class="boxcolonna">

<$BlogLinkOut$>

</div>

<div class="titolicolonna">Citazioni</div>

<div class="boxcolonna">
<marquee align="middle" scrollamount="1" height="100" vspace="10" width="170" direction="up"scrolldelay="1">
Cantate e danzate insieme e siate felici, ma fate in modo che ognuno di voi sia anche solo, come sono sole le corde di un liuto, sebbene vibrino alla stessa musica.<br>Gibran Kahlil

</marquee>

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

<div class="boxcolonna">

<center>
<$BlogRecentPhotos$>

</center>
</div>

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

<div class="boxcolonna">

<$BlogButtons$>

<br>
<$BlogFeeds$>

</div>

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

<div class="boxcolonna">

<center>
visitato <$BlogCounter$> volte
</center>

</div>
<div class="titolicolonna">box vuoto</div>

<div class="boxcolonna" >

xxxxxx<br>
xxxxxx<br>
xxxxxx <br>
</div>

</div>




<div id="footer"></div>


</div>

</body>

</html>