Ciao a tutti,

scusate la totale ignoranza, purtroppo non conosco nulla di CSS, ma penso che fare una semplice modifica come questa non richieda di dover conoscere questo linguaggio di programmazione.

Visto che tutti i template di wordpress che trovo sul web hanno la lista delle pagine sotto l'header (vai a capire il perchè), vorrei capire come spostare questa benedetta lista a lato, come se si trattasse di un widget...

Ponendo di usare per esempio un template con questo codice:

codice:
/* begin Page */  /* Generated with Artisteer version 2.5.0.31067, file checksum is AFD9BB39. */   img {   filter: expression(artFixPNG(this)); }  /* end Page */  /* begin Box, Sheet */ .art-sheet, .art-sheet-body {   zoom: 1; }  .art-sheet-body {   position: static; } .art-sheet-cc {   font-size: 1px;   width: expression(this.parentNode.offsetWidth+'px');   height: expression(this.parentNode.offsetHeight+'px');   background-color: #FFFFFF; } #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare {   width: expression(document.body.clientWidth > 900 ? "100%" : "900px"); } /* end Box, Sheet */  /* begin Menu */ .art-menu ul {   width: 1px; }  .art-menu li.art-menuhover {   z-index: 10000; }  .art-menu .art-menuhoverUL {   visibility: visible; }  .art-menu .art-menuhoverUL {   top: 100%;   left: 0; }  .art-menu .art-menuhoverUL .art-menuhoverUL {   top: 0;   left: 100%; }   .art-menu .art-menuhoverUL .art-menuhoverUL {   top: 5px;   left: 100%; }   .art-menu, .art-menu ul, .art-menu ul a {   height: 1%; }  .art-menu li.art-menuhover {   z-index: 10000; }  .art-menu .art-menuhoverUL {   visibility: visible; }  .art-menu .art-menuhoverUL {   top: 100%;   left: 0; }  .art-menu .art-menuhoverUL .art-menuhoverUL {   top: 0;   left: 100%; }   .art-menu li li {   float: left;   width: 100%; }  .art-nav {   zoom: 1; }  .art-nav .l, .art-nav .r {   font-size: 1px;   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/nav.png',sizingMethod='crop')"); }  .art-nav .l {   width: expression(this.parentNode.offsetWidth-0+'px'); }  .art-nav .r {   left: expression(this.parentNode.offsetWidth-900+'px');   clip: rect(auto auto auto 900px); }  /* end Menu */  /* begin MenuItem */ .art-menu a {   float: left; }  .art-menu a:hover {   visibility: visible; }  .art-menu a .r, .art-menu a .l {   font-size: 1px;   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/menuitem.png',sizingMethod='crop')"); }  .art-menu a .r {   left: expression(this.parentNode.offsetWidth-400+'px');   clip: rect(auto auto auto 400px); }  .art-menu a .l {   width: expression(this.parentNode.offsetWidth-0+'px'); }  .art-menuhover .art-menuhoverA .t {   color: #080906; }  .art-menuhover .art-menuhoverA .l, .art-menuhover .art-menuhoverA .r {   top: -25px; } /* end MenuItem */  /* begin MenuSubItem */ .art-menu ul a {   color: #4C671D !important; }  .art-menu ul a:hover {   color: #000000 !important; }	  .art-menu ul .art-menuhover .art-menuhoverA {   color: #000000 !important;   background-position: 0 -20px; }  .art-nav .art-menu ul a:hover span, .art-nav .art-menu ul a:hover span span {   color: #000000 !important; }	  .art-nav .art-menu ul .art-menuhover .art-menuhoverA span, .art-nav .art-menu ul .art-menuhover .art-menuhoverA span span {   color: #000000 !important; }  /* end MenuSubItem */  /* begin Layout */ div.art-content-layout {   display: block;   zoom: 1;   overflow: hidden; } /* end Layout */  /* begin Button */ .art-button-wrapper, .art-button-wrapper .l, .art-button-wrapper .r {   zoom: 1; }  .art-button-wrapper .art-button {   float: left; }  .art-button-wrapper .l, .art-button-wrapper .r {   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/button.png',sizingMethod='crop')"); }  .art-button-wrapper .r {   left: expression(this.parentNode.offsetWidth-409+'px');   clip: rect(auto auto auto 399px); }  .art-button-wrapper .l {   width: expression(this.parentNode.offsetWidth-10+'px'); } /* end Button */  /* begin Box, Block, VMenuBlock */ .art-vmenublock, .art-vmenublock-body {   zoom: 1; }  .art-vmenublock-body {   position: static; } .art-vmenublock-cc {   font-size: 1px;   width: expression(this.parentNode.offsetWidth+'px');   height: expression(this.parentNode.offsetHeight+'px');   background-color: #FFFFFF; } /* end Box, Block, VMenuBlock */  /* begin Box, Box, VMenuBlockContent */ .art-vmenublockcontent, .art-vmenublockcontent-body {   zoom: 1; }  .art-vmenublockcontent-body {   position: static; } .art-vmenublockcontent-cc {   font-size: 1px;   width: expression(this.parentNode.offsetWidth+'px');   height: expression(this.parentNode.offsetHeight+'px');   background-color: #FFFFFF; } .art-vmenublockcontent, .art-vmenublockcontent-body {   zoom: 1; }  .art-vmenublockcontent-body {   position: static; } .art-vmenublockcontent-cc {   font-size: 1px;   width: expression(this.parentNode.offsetWidth+'px');   height: expression(this.parentNode.offsetHeight+'px');   background-color: #FFFFFF; } /* end Box, Box, VMenuBlockContent */  /* begin Box, Block */ .art-block, .art-block-body {   zoom: 1; }  .art-block-body {   position: static; } /* end Box, Block */  /* begin BlockHeader */ .art-blockheader {   zoom: 1;  }  .art-blockheader .l, .art-blockheader .r {   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/blockheader.png',sizingMethod='crop')"); }  .art-blockheader .r {   left: expression(this.parentNode.offsetWidth-900+'px');   clip: rect(auto auto auto 880px); }  .art-blockheader .l {   width: expression(this.parentNode.offsetWidth-20+'px'); } /* end BlockHeader */  /* begin Box, BlockContent */ .art-blockcontent, .art-blockcontent-body {   zoom: 1; }  .art-blockcontent-body {   position: static; } .art-blockcontent-body ul li {   height: 1%;   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/blockcontentbullets.png',sizingMethod='crop')"); }  /* end Box, BlockContent */  /* begin Box, Post */ .art-post, .art-post-body {   zoom: 1; }  .art-post-body {   position: static; } /* end Box, Post */  /* begin PostBullets */ .art-post ul li, .art-post ol ul li {   height: 1%;   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/postbullets.png',sizingMethod='crop')"); }  .art-post ul ol li {   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter=""); } /* end PostBullets */  /* begin PostQuote */ blockquote, .art-postcontent blockquote {   height: 1%;   background-image: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + artGetStyleUrl()+"images/postquote.png',sizingMethod='crop')"); } /* end PostQuote */  /* begin Footer */ .art-footer, .art-footer-body {   zoom:1; }  .art-footer-text {   height: 25px; }  .art-footer-b  {   top: expression(this.parentNode.offsetHeight-50+'px');   width: expression(this.parentNode.offsetWidth-0+'px');   zoom: 1;   font-size: 1px; }     .art-footer-t {   zoom: 1;   font-size: 1px;   height: expression(this.parentNode.offsetHeight-50+'px');   width: 100%; }  .art-rss-tag-icon {   zoom: 1;   font-size: 1px;   background: none;   behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+artGetStyleUrl()+"images/rssicon.png',sizingMethod='crop')"); }  /* end Footer */  /* begin LayoutCell, content */ div.art-sidebar1 {   width: auto; }  div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell {   display: block;   overflow: hidden;   float: left;   clear: right;   margin-bottom: -32000px;   padding-bottom: 32000px; }  div.art-layout-cell div.art-layout-cell {   float: none;   clear: both;   margin-bottom: 0;   padding-bottom: 0; }   /* end LayoutCell, content */    .commentlist, .commentlist li {   behavior: none; }
quali modifiche dovrei apportare?

Scusate, immagino sia una domanda molto generica, ma vorrei capire come muovermi.
Inserisco immagine, altrettanto pessima, per far capire cosa vorrei fare.
Grazie.