• User Attivo

    Come metto a posto questo css di freeglobes?

    Ciao, il mio sito iphonegamesfree(dot)com è basato su freeglobes. Il tema che ho scelto causa problemi di visualizzazione dei miei contenuti.
    Como faccio a sistemare il css, in modo da allineare a sinistra il testo?

    Ah, oltre la homepage, visitate il singolo "sito" cliccando sul titolo di un gioco. Va sistemata anche la visualizzazione delle pagine singole.

    Per chi volesse aiutarmi, ecco il mio css.

    /*  
    Theme Name: PlayGlobes iPhone
    Author : Neolien (http://annuaire.webdconseils.com/)
    */
    body {
        margin:0px auto;
        padding:0px;
        font-size: 12px;
        font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
        color: #666666;
        width:1000px;
        position: relative;
        background: #3d3d3d url(images/body-bg.jpg) no-repeat center top;
        
        }
     
         p img {
        float:left;
        margin:0 10px 0 0;
        padding-left: 6px;
        padding-bottom: 2px;
    }
        html {
        scrollbar-face-color:#3d3d3d;
        scrollbar-highlight-color:#3d3d3d;
        scrollbar-3dlight-color:#3d3d3d;
        scrollbar-darkshadow-color:#3d3d3d;
        scrollbar-shadow-color:#3d3d3d;
        scrollbar-arrow-color:#ffffff;
        scrollbar-track-color:#3d3d3d;
    }
    
    .topsearch{
        font-size:10px;
    }
    
    h1 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color: #a3ceff; }
    h3 { font: bold 1.5em "Arial", Sans-Serif; margin: 0; color: #ffffff; }
    h5 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color: #ff005f; }
    h6 { font: bold 1.31em "Arial", Sans-Serif; margin: 0; color:; }
    
    
    .catego{
        background:;
        width : 200px;
        height: 6px;
        padding: 3px 3px 3px 3px;
        border: 1px dotted #CCCCFF;
    
    }
    
    
    table.sample { 
        width:100%;
    }
    
    table.sample th {
        
    }
    table.sample td {
        width:33%;
        text-align:left;
        
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        padding-right: 3px;
        -moz-border-radius: 12px;
    }
    
    
    .champs {width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border: 1px solid #ff6600; background-color: #000000; font-weight: bold; color: #c2c2c2; text-decoration:none}
    
    
    
    
    .catwdc{
    
        text-decoration:none;
        font-size:13px;
    }
    
    .catwdc a{
    
        text-decoration:none;
        font-size:13px;
    }
    
    .catwdc a:hover{
    
        text-decoration:none;
        font-size:13px;
    }
    
    
    
    .details{
        color:#ff005f;
        text-decoration:none;
        font-size:11px;
    }
    
    .details a{
        color:#ff005f;
        text-decoration:none;
        font-size:11px;
    }
    
    
    
    .details a:hover{
        color:#D16903;
        text-decoration:underline;
        font-size:11px;
    }
    
    .rss {
        color:#ff6600;
        text-decoration:none;
        font-size:11px;
    }
    
    
    
    .rss a{
        color:#046380;
        text-decoration:none;
        font-size:11px;
    }
    
    
    .rss a:hover{
        color:#4BB5C1;
        text-decoration:none;
        font-size:11px;
    }
    
    
    .annau{
        color:#ffff00;
        text-decoration:none;
        font-size:28px;
    }
    
    
    .annau:hover{
        color:#F1F1F1;
        text-decoration:none;
        font-size:28px;
    }
    
    .sitetable {
        width: 100%;
        border: 1px solid;
        vertical-align : top;
    }
    
    .sitetables {
        width: 100%;
        vertical-align : top;
    }
    
    .sitetd {
        border: 1px solid;
    }
    
    .votelargeur {width: 50px;}
    
    a.cat_display {
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
        color:#333333;
    }
    
    a.cat_display:hover {
        text-decoration: none;
        font-weight: bold;
        font-size: 13px;
        color:#CC0000;
        }
    
    a.subcat_display {
        text-decoration: none;
        font-size: 10px;
        border-bottom : 1px dotted #CCC;
    }
    
    
    .votetable {
        background:;
        width : 50px;
        height: 92px;
        margin-right: 5px;
    
    }
    
    .vote span.note {
    font-size: 9px;
    height: 12px;
    display: block;
    
    }
    .vote span.nombre 
    {
    font-size: 16px;
    display: block;
    }
    
    .vote a{
        color: #AEEE00;
        font-size: 16px;
        font-weight: bold;
    }
    
    .vote a:hover{
        color:;
        font-size: 16px;
        font-weight: bold;
    }
    
    
    
    /* Onglets fiche site */
    #containered {
        font: bold 10px Verdana;
        list-style-type: none;
        text-align: left; 
        width: 470px;
    }
     hr {
        clear: both;
        border: 1px solid;
        margin-top: 10px;
        width: 50%;
    }
     ul#mest {    
        font-weight: bold;
    } ul#mest li {
        font: bold 10px Verdana;
        list-style-type: none;
        text-align: left; 
        display: inline;
        margin: 1px;
    } ul#mest li a {
    text-decoration: none;
    
    } ul#mest li a:hover {
    text-decoration: none;
    color: #333333;
    } h1,
     .content {
        border: 1px solid #d5d5d5;
        padding: 10px;
        text-align: left;
    }
     a.current {
        padding: 5px 3px;
        border: 1px solid;
        background-image: url(images/shadeactive.gif);
        border-bottom-color: white;
        background-color: white;
        color:;
        font-size: 12px;
    } a.ghost  {
        padding: 5px 3px;
        margin-right: 1px;
        border: 1px solid;
        color:;
        font-size: 12px;
        background: white url(images/shade.gif) top left repeat-x;
    }
     a.current:hover {
        padding: 5px 3px;
        border: 1px solid;
        background-image: url(images/shadeactive.gif);
        border-bottom-color: white;
        background-color: white;
        font-size: 12px;
        color:;
    } a.ghost:hover  {
        padding: 5px 3px;
        margin-right: 1px;
        border: 1px solid;
        color:;
        font-size: 12px;
    }
     .on {
        display: block;
        text-align: left;
    } .off {
        display: none;
    }
    
    
     
     
    #body_wrap {
        
        }
     
    #page {
        text-align: left; 
        background-color: #fff; 
        margin:0 auto;
        }
    -top {
        background: url(images/page-top-bg.jpg) bottom no-repeat; 
        }
    -body { 
        background-color:; 
        }    
        
    #content {
        background-color:#fff;
        background: url(images/vertical-line.jpg) top right repeat-y;
        line-height: 1.4em;
        }
    
    #sidebar {
        background-color:#fff;
        }
    
    
    .narrowcolumn .entry  {
        line-height: 1.4em;
        }
    
    .narrowcolumn .postmetadata {
        text-align: left;
        }
    
    .alt {
        font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
        }
    
    #footer {
         font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:9px;
        border: none;
        }
     a { color: #3f6067; }    
        
    small {
        font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
        font-size: 10px;
        line-height: 1.5em;
        }
    
    h2, h3 {
        font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
        font-weight: normal;
        }
    
    h1 {
        font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
        font-size: 36px;
        text-align: left;
        font-weight:normal;
        } 
        
    #header #headerimg .description {
        font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
        font-size: 12px;
        text-align: left;
        color:#FFF;
        padding-left:18px;
        height:121px;
        }
        
    h2 {
        font-size: 20px; 
        }
    
    h2.pagetitle {
        font-size: 20px;  
        }
     h2 {
        font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande';
        font-size: 20px;
        margin:0;
        padding:0px 10px 0px 0px;
        width:210px; 
        background: url(images/sidebar-h2-bg.gif) bottom left repeat-x;
        color:#ff4501;
        }
    
    h3 {
        font-size: 1.6em; 
        }
    
    h1, h1 a, h1 a:hover, h1 a:visited{
        text-decoration: none;
        color:;
        }
    
    h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
        color: #0080ff; 
        }
    
    h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h2, #wp-calendar caption, cite {
        text-decoration: none;
        }
    
    .entry p a:visited {
        color: #782601;
        }
    
    .commentlist li, #commentform input, textarea {
        font: 0.9em Verdana, Arial, Sans-Serif;
        }
    
    .commentlist li {
        font-weight: normal; 
        background:url(images/comment-post-icon.gif) top left no-repeat;
        }
        
    .commentlist li ul li, .commentlist li ol li {
        background:none;
        }    
    
    .commentlist cite, .commentlist cite a {
        font-weight: bold;
        font-style: normal;
        font-size: 1.1em;
        }
    
    .commentlist p {
        font-weight: normal;
        line-height: 1.5em;
        text-transform: none;
        }
     p {
        font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;
        }
    
    .commentmetadata {
        font-weight: normal;
        }
     {
        font: 11px Verdana, Arial, Georgia, Helvetica, sans-serif;
        line-height: 18px; 
        background:;
        }
    
    small, ul ul li, ul ol li, .nocomments, .postmetadata, blockquote, strike {
        color: #666; 
        }
    
    code {
        font: 1.1em 'Courier New', Courier, Fixed;
        }
    
    acronym, abbr, span.caps {
        font-size: 0.9em;
        letter-spacing: .07em;
        }
    
    a, h2 a:hover, h3 a:hover {
        color:;   
        text-decoration: none;
        }
    
    a:hover { 
        color:;
        text-decoration: underline; 
        }
     #prev a, #next a {
        font-size: 9pt; 
        }
     a {
        text-decoration: none;
        }
     caption {
        font: bold 1.3em Verdana, Arial, Georgia, Helvetica, sans-serif;
        text-align: center;
        }
     th {
        font-style: normal;
        text-transform: capitalize;
        }
    /* End Typography & Colors */
    
    
    /* Begin Structure */
    
    body {
        margin: 0 auto;
        padding: 0; 
        width:1000px;
        min-height:600px;
        }
         {
        margin: 0 auto;
        padding: 0; 
       } 
    
     {
        margin: 0 auto;
        padding: 0; 
        height: 270px;   
        width:1000px;
        }
     {
        margin: 0 auto;
        padding: 0;
        width: 1000px; 
        min-height: 500px;
        padding-top:10px;
        }
    -body { 
        margin: 0 auto;
        width: 770px; 
        min-height: 600px;    
        }
     {
        float:left;
        width: 498px; 
        min-height:300px; 
        padding:0;
        margin:0px 15px 10px 18px; 
        }
    
    .narrowcolumn { 
        padding:0;
        margin:0;
    }
    
    .post {
        padding:0;
        margin:0;
        text-align: justify;  
        font-size:11px;
        min-height:50px;
        margin-right:15px; 
        }
        
    .post hr {
        display: block;
        }
    
    .post-head {
        float:left;
        padding-bottom: 8px;
        width:488px;
        }
        
    .post-head h2 { margin: 0px; }    
        
    .category-icon {
        background: url(images/bullet_disk.png) left center no-repeat;
        width:14px;
        height:14px;
        padding:5px 5px 5px 20px;
        }    
        
    .comment-icon {
        background: url(images/comments.png) left center no-repeat;
        width:14px;
        height:15px;
        padding:5px 5px 5px 20px;
        }
        
    .entry {
        margin:0;
        padding-top:1px;
        background: url(images/post-divider.jpg) top right repeat-x;
        }
    
    .postmetadata {
        clear: left;
        height:28px;
        width:478px; 
        line-height:2.3em;
        font-size: 10px;
        font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;}
    
    .postmetadata a {
        color:#3f6067;
        }
     {
        margin: 0 auto;
        padding: 0;
        width:770px; 
        background:#fff;    
        } 
         p {
        margin: 0;
        padding-top:10px;
        text-align: center;  
        color: #787878;
        }
    /* End Structure */
    
    /*    Begin Headers */
    h1 {
        margin: 0;
        padding:0;
        padding-left:18px;
        padding-top:73px;
        height:50px;
    
        }
    
    h2 {
        margin: 12px 0 10px 0;  
        line-height:30px;
        }
    
    h2.pagetitle {
        text-align: left;
    }
    
    h3 {
        padding: 0;
        margin: 25px 0 0 0;
        }
    
    
    html>body .entry ul {
        margin: 0 20px 15px;
        padding: 0 0 0 30px;
        list-style: disc;
        padding-left: 10px;
        text-indent: -5px;
        } 
    
    html>body .entry li {
        margin: 7px 0 8px 0px;  
        }
        
    .entry ul {
       margin-left:28px;
    }
    
    .entry ul li {
       padding:0;
       padding-left:10px; 
      }    
    
    .entry ol {
        padding: 0 0 0 35px;
        margin: 0;
        }
    
    .entry ol li {
        margin: 0;
        padding: 0;
        }
    
    .postmetadata ul, .postmetadata li {
        display: inline;
        list-style-type: none;
        list-style-image: none;
        }
     ul, ul ol {
        margin: 0px;
        padding: 0px;
        }
     ul li {
        list-style-type: none;
        list-style-image: none;
        margin-bottom: 10px;  
        }
     ul p, ul select {
        margin: 5px 0 8px;
        }
     ul ul, ul ol {
        margin: 5px 0 0 3px; 
        }
     ul ul ul, ul ol {
        margin: 0 0 0 8px;
        }
    
    ol li, ul ol li {
        list-style: decimal outside;
        }
     ul ul li, ul ol li {
        margin: 0px 10px 0 25px; 
        padding: 0;
        list-style-type:disc;    
        color:#666666;
        }
     ul ul li a {color:#3f6067;}
    /* End Entry Lists */
    
    /* Begin Form Elements */
    #searchform {
        width: 230px;
        height:30px;
        padding:0;
        margin:0;
        }
       #s {
        width: 170px;
        }
     #searchsubmit {
        padding: 1px;
        }
    
    .entry form { /* This is mainly for password protected posts, makes them look better. */
        text-align:center;
        }
    
    select {
        width: 130px;
        }
     {
        margin:0;
        padding:0;
    }    
         input {
        width: 170px;
        padding: 2px;
        margin: 5px 5px 1px 0; 
        background-color:#fffaae;
        border:1px solid #ece475;  
        }
     textarea {
        width: 95.5%;
        padding: 2px;
        background-color:#fffaae;
        border:1px solid;
        }
     #submit {
        margin: 0;
        float: right;
        margin-bottom: 2em;
        margin-right:16px;
        }
    /* End Form Elements */
    
    /* Begin Comments*/
    .alt {
        margin: 0;
        padding: 10px;
        }
    
    .commentlist {
        padding: 0;
        text-align: justify; 
        }
    
    .commentlist li {
        margin: 15px 0 3px;
        padding: 0px 10px 3px 20px;
        list-style: none; 
        }
    
    .commentlist li ul li {
        list-style: disc outside;
        border:0;
        margin:0;
        padding:3px;
        }
        
    .commentlist li ol li {    
        list-style: decimal outside;
        margin:0;
        border:0;
        margin-left:4px;
        padding:0px;
        }
    
    .commentlist p {
        margin: 10px 5px 10px 25px;
        }
     p {
        margin: 5px 0;
        }
    
    .nocomments {
        text-align: center;
        margin: 0;
        padding: 0;
        }
    
    .commentmetadata {
        margin: 0;
        display: block;
        }
    /* End Comments */
    
    /* Begin Sidebar */ {
        float:left;
        padding: 0;
        margin:0;
        width: 228px;  
        min-height: 430px;
        }
        
    #sidebar1 {
        float:left;
        width:228px;
        min-height:100px;
        }
     form {
        margin: 0;
        } 
         p {
        padding:5px 0;
        color:#333
        }    
         .subscribe-rss {
        background: none; 
        margin:0;
        }    
         .rss-feed-a {
        color:#782601;
        background: url(images/rss-icon.jpg) right no-repeat;
        padding-right:30px
        }        
    
    /* End Sidebar */
    
    /* Begin Calendar */ {
        empty-cells: show;
        margin: 10px auto 0;
        width: 155px;
        }
     a {
        padding-right: 10px;
        text-align: right;
        }
     a {
        padding-left: 10px;
        text-align: left;
        }
     a {
        display: block;
        }
     caption {
        text-align: center;
        width: 100%;
        }
     td {
        padding: 3px 0;
        text-align: center;
        }
     td.pad:hover { /* Doesn't work in IE */
        background-color:; }
    /* End Calendar */
    
    /* Begin Various Tags & Classes */
    acronym, abbr, span.caps {
        cursor: help;
        }
    
    acronym, abbr {
        border-bottom: 1px dashed #999;
        }
    
    blockquote {
        margin:0;
        padding:0; 
        padding-left:50px;
        min-height:30px;
        color:#999999;  
        background: url(images/blockquote-bg.jpg) top left no-repeat;  
        font-style:italic; 
        width:85%;   
        }
    
    blockquote blockquote {
           margin:0;
        }    
        
    blockquote cite {
        margin: 5px 0 0;
        display: block;
        }
    
    
    .center {
        text-align: center;
        }
    
    hr {
        display: none;
        }
    
    a img {
        border: none;
        }
    
    .navigation {
         text-align: center;
        padding-top: 10px;
        padding-bottom: 10px; 
        width:485px;
        }
    /* End Various Tags & Classes*/  
    
    /* PAGE MENU */
    #menu-bar {
        float:left;
        margin:0;
        padding:0;
          width: 700px; 
        line-height:26px;
        height:29px;
        padding-left:14px;
        font-size:10px;
        }
         ul {
        padding:0;
        margin:0; 
        }    
        
    .pagenav-home { 
       width: 98px;
       height:29px;
       list-style-type:none; 
       padding:0;
       margin:0;
       display:inline;
       }
       
    .pagenav {
         list-style-type:none; 
        }
    
    .pagenav h2 {
       display:none;
       margin:0;
       padding:0; 
       }    
    
    .pagenav ul, .pagenav-home ul   {
        list-style-type:none;
        float:left; 
        padding:0;
        margin:0;
        }
        
    .pagenav ul li {
        padding:0;
        margin:0;
        display:inline;
        }
        
    .pagenav ul li a, .pagenav-home ul li a {
        width:98px;
        float: left;
        margin-left:2px;
        background: url('images/pagemenu-inactive-bg.jpg') top repeat-x; 
        color:#fff;
        text-decoration: none;
        text-align:center;
        text-transform:uppercase;
        font-weight:bold; 
        }    
        
    .pagenav ul li a:hover, .pagenav-home ul li a:hover {
         background: url('images/pagemenu-active-bg.jpg')  top repeat-x; 
        color:#68d601;
        }        
    
    .pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a { 
        background: url('images/pagemenu-active-bg.jpg') top repeat-x;  
        color:#68d601;
        }    
        
    .pagenav ul li.current_page_item ul li a { 
        background: url('images/pagemenu-inactive-bg.jpg')  top repeat-x; 
        color:#fff;
        }
    
    .pagenav ul li.current_page_item ul li a:hover { 
        background: url('images/pagemenu-active-bg.jpg')  top repeat-x; 
        color:#fff;
        }    
        -top {
       margin:0 auto;
       width:770px;
       height:9px;
    }
        -bot {
       margin:0 auto;
       width:770px;
       height:50px;
       text-align:center;  
    }
        
    #recent-comments {
        float:left;
        height:200px;
        width:552px;
        padding-left:38px;
        padding-top:10px;
        }
     h2, #meta h2 {
        font-size:30px;    
        }
     ul, ul {
        font: 14px 'Century Gothic', Arial, Verdana, 'Lucida Grande', Sans-Serif;
        padding:2px; 
        padding-left:12px;
        margin:4px;
        }    
         ul li {    
        padding:2px;
        }
     ul li {    
        padding:2px;
        }
     {
        float:left;
        height:200px;
        width:265px;
        padding-left:70px;    
        padding-top:10px;
        } 
    
    /* SIDEBAR addons */    
         ul  ul li  {
       list-style-type:none;   
       padding-left:15px;
       margin-left:0px;    
       background: url(images/bullet_blue.png) left no-repeat;
       }
    
    .date {
       float:left;
       padding-left:20px;
       color:#3f6067;
       background: url(images/calendar_view_day.png) left center no-repeat;
       }
      
    .comment {
       float:right;
       }
       -bottom {
      height:150px;
      width:770px;
      margin:0 auto;
      background: #719bb1 url(images/page-bottom-bg.jpg) no-repeat center top;
    }