• The images I have will not center even when I try to make them in the post!

    Here is my code, Ive tried everything:

    /*
    Theme Name: Tandil
    Theme URI: https://www.tandiltheme.com/
    Description: Tandil is a good looking WordPress Theme with a stylish design. This Theme is Compatible with the latest wordpress version and optimized for Search Engines. It includes Theme Options and you can use your own RSS and Twitter Accounts. Tandil is also compatible with WordPress MU.
    Version: 1.3.3
    Tags: fixed-width, two-columns, right-sidebar, brown, red, threaded-comments, sticky-post, theme-options
    Author: WpThemesPlanet
    Author URI: https://www.wpthemesplanet.com/
    */
    
    body {
    background: #ebe5c4 url(images/header-bg.gif) repeat-x;
    margin: 0;
    padding: 0;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    }
    
    #wrapper{
    background: url(images/header.jpg) no-repeat;
    width: 980px;
    margin: 0px auto;
    padding: 0;
    text-align:left;
    font-size: 75%;
    line-height:20px;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    }
    
    #header{
    padding: 0;
    margin: 0 auto;
    background: url(images/header.jpg) top left no-repeat;
    height:150px;
    }
    
    #header a:hover { color: #ff4444; }
    
    #header-inner{
    margin:0;
    padding:0;
    }
    
    #content{
    clear:both;
    margin: 0;
    padding: 5px 5px 5px 10px;
    }	
    
    #main {
    width: 700px;
    float:left;
    margin: 5px;
    padding: 5px 0 10px 0;
    overflow:hidden;
    }
    
    #sidebar {
    padding: 0;
    margin: 0 0 0 720px;
    width: 240px;
    }
    
    #sidebar #twitterid {
    height:125px;
    width:125px;
    display:block;
    padding:5px 5px 5px 25px;
    float:none;
    text-decoration:none;
    }
    
    #sidebar #twitterid {
    background: url(images/twitter.png) no-repeat;
    }
    
    #footer {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: 85%;
    }
    
    #footer-inner{
    background:  url(images/footer.png) no-repeat;
    height: 72px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }
    
    #footer p{
    padding: 26px 0 0 0;
    margin: 0 0 0 0;
    }
    
    #footer a:hover { color: #fff; border-bottom: 1px solid #fff; }
    
    .moretag {color:red;}
    
    .style1 {color: #CCCCCC}
    
    .style2 {color: #FFFFFF}
    
    #navigation{
    padding: 5px 15px;
    }
    
    #navigation div.fleft{
    float:left;
    }
    
    #navigation div.fright{
    float:right;
    }
    
    #header #searchform #s {
    BORDER-BOTTOM: #555 1px solid; BORDER-LEFT: #555 1px solid; BACKGROUND: #000; COLOR: #ccc; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid;
    }
    #header #searchsubmit {
    BORDER-BOTTOM: #777 1px solid; BORDER-LEFT: #777 1px solid; BACKGROUND: #00488c; COLOR: #ccc; BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 1px solid;
    }
    #header{
    background: none;
    }
    #content #searchform #s {
    BORDER: #bbb 1px solid; BACKGROUND: #ebe5c4; COLOR: #333;
    }
    #content #searchsubmit {
    BORDER-BOTTOM: #777 1px solid; BORDER-LEFT: #777 1px solid; BACKGROUND: #9d0e24; COLOR: #ccc; BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 1px solid;
    }
    
    #credit{
    text-align:right;
    padding: 0 15px;
    }
    
    #credit p{
    margin:0;
    color:#777;
    font-size:85%;
    }
    
    #credit p a, #credit p a:hover{
    color:#999;
    font-weight:100;
    }
    
    .thread-alt {
            background: #ebe4d5 url(images/comments-back.png) repeat-x;
    margin: 1px;
    padding: 1px;
    }
    .thread-even {
            background: #ebe4d5 url(images/comments-back.png) repeat-x;
    margin: 1px;
    padding: 1px;
    }
    
    .depth-1 {
    border: 2px solid #ddd;
    margin: 1px;
    padding: 1px;
    }
    
    .even, .alt {
    border-left: 2px solid #ddd;
    margin: 1px;
    padding: 1px;
    }
    
    #comment {
    margin: 1px;
    padding: 1px;
    }
    
    #comments {
    margin: 1px;
    padding: 1px;
    }
    
    .comm {
    margin: -12px 0 0 0;
    padding: 1px;
    }
    
    /* Title of the site is H1 */ 
    
    #header h1{
    margin:  0;
    padding: 18px 0 0 10px;
    }
    
    #header h1 a{
    font-family: Georgia, Times New Roman, Times, serif;
    font-weight: 100;
    color: #fff;
    text-decoration: none;
    font-size: 46px;
    letter-spacing: 1px;
    }
    
    /* Site Description/Tagline is H2 */
    
    #header h2{
    font-family: Myriad, "Myriad Pro", Arial, Georgia, Times New Roman, Times, serif;
    padding: 1px 0 1px 10px;
    font-weight:110;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    }
    
    /*  Font settings */
    
    p, h1, h3, h4, h5, h6{
    margin: 10px 0;
    padding: 0;
    }
    
    h1, h3, h4, h5, h6 {
    font-family: Georgia;
    }
    
    /* Post settings */
    
    .post{       /* cambiada */
    margin: 10px 0 10px 0;
    padding: 0 5px 1px 5px;
    background: #1f1511 url(images/post-image.gif) no-repeat;
    width: 680px;
    color: #e7dede;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    .post p{
    padding: 1px 1px 1px 1px;
    margin: 2px 10px 5px 12px;
    }
    
    .post h1 {       /* cambiada */
    font-size:34px;
    color: #e7dede;
    font-weight:lighter;
    padding: 2px 1px 2px 1px;
    margin: 0 0 0 0;
    line-height: 120%;
    font-family: Georgia, Times New Roman, Times, serif;
    }
    
    .post h2 {       /* cambiada */
    color: #e7dede;
    font-size:26px;
    font-weight:lighter;
    padding: 2px 1px 2px 1px;
    margin: 0 0 0 0;
    line-height: 120%;
    font-family: Georgia, Times New Roman, Times, serif;
    }
    
    .post h2 a{
    color: white;
    text-decoration:none;
    }
    
    .post h2 a:hover{
    text-decoration:none;
    color: #ea2525;
    }
    
    .post a{
    color: white;
    }
    
    .entry{      /* cambiada */
    background: url(images/post-header.gif) repeat-x left bottom;
    margin: 1px 10px 1px 10px;
    padding: 0px 10px 3px 10px;
    }
    
    .post a{
    color:#fbff81;
    text-decoration:underline;
    }
    
    a:hover{
    color:red;
    text-decoration:underline;
    }
    
    .post a:hover{
    color:#f14938;
    text-decoration:underline;
    }
    
    .entry h2 {
    color: white;
    font-size:32px;
    font-weight:lighter;
    padding: 4px 1px 6px 1px;
    margin: 0 0 0 0;
    line-height: 120%;
    font-family: Georgia, Times New Roman, Times, serif;
    }
    
    h1{
    font-size: 230%;
    }
    h2{
    font-size: 80%;
    }
    h3{
    font-size: 18px;
    }
    h4{
    font-size: 110%;
    }
    h5{
    font-size: 100%;
    }
    h6{
    font-size: 80%;
    }
    
    a{
    color:#101a52;
    font-weight:100;
    text-decoration:none;
    }
    
    a img{
    border:0px;
    }
    
    hr{
    height:2px;
    margin:5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    }
    
    blockquote{
    background: #ebe4d5;
    padding: 5px 15px;
    margin: 3px 30px;
    color: #1f1511;
    }
    
    .post blockquote a{
    color: red;
    }
    
    form{
    margin: 0;
    padding: 0;
    }
    
    fieldset{
    padding:10px;
    margin:0;
    border:none;
    }
    
    legend{
    font-weight:800;
    }
    
    code{
    font-size: 90%;
    font-family: "Courier New", Courier, monospace;
    white-space: pre;
    }
    
    td{
     vertical-align:top;
    }
    
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
    .alignleft {
    float: left;
    }
    
    .alignright {
    float: right;
    }
    
    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 20px;
    color: black;
    }
    
    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }
    
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 1px 2px 1px 2px;
    margin: 1px;
    }
    
    .commentheader {
    background: url(images/comments-header.gif) repeat-x left bottom;
    padding: 1px 0 1px 0;
    margin: 1px 0 1px 0;
    font: 17px georgia, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight:bold;
    }
    
    .commentlist li, #commentform input, #commentform textarea {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: black;
    }
    
    .commentlist a {
    color: red;
    }
    
    .commentlist li ul li {
    font-size: 1em;
    }
    
    .commentlist li {
    font-weight: bold;
    }
    
    .commentlist li .avatar {
    float: left;
    border: 0px solid #000000;
    padding: 12px;
    margin: 12px;
    background: url(images/avatar.png) no-repeat center;
    clear:both;
    	}
    
    img.avatar{
    width: 60px;
    height: 60px;
    }
    
    .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;
    MARGIN: 5px 5px 5px 20px;
    padding: 1px;
    }
    
    #commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }
    
    .commentmetadata {
    font-weight: normal;
    MARGIN: 1px;
    padding: 1px;
    }
    
    UL#commentlist LI DIV.commenttext {
    PADDING-BOTTOM: 20px; MARGIN: 5px 1px 5px 5px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
    }
    UL#commentlist LI DIV.commenttext DIV.commentwrapper DIV.reply {
    PADDING-BOTTOM: 23px; MARGIN: 20px 0px 0px 5px; PADDING-LEFT: 25px; PADDING-RIGHT: 8px; PADDING-TOP: 3px;
    }
    UL#commentlist LI DIV.comm {
    PADDING-BOTTOM: 20px; MARGIN: 25px 10px 5px 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
    }
    UL#commentlist LI DIV.reply {
    PADDING-BOTTOM: 20px; MARGIN: 25px 10px 5px 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
    }
    
    DIV.commentwrapper{
    border: 0px solid blue;
    padding: 5px 0 55px 0;
    margin: 5px 0 5px 0;
    }
    
    .commentwrapper{
    border: 0px solid blue;
    padding: 5px;
    margin: 5px;
    }
    
    .commentwrapper p{
    border: 0px solid blue;
    padding: 5px 0 0 88px;
    margin: 5px;
    }
    
    /*  Comments   */
    
    .post h3#comments {
    margin: 15px 1px 1px 1px;
    }
    
    #commentform {
    margin: 5px 10px 0 0;
    }
    #commentform textarea {
    width: 100%;
    padding: 4px;
    background:#d3c6ae;
    border:0;
    }
    #commentform input{
    background:#d3c6ae;
    border:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:4px;
    color:#000000;
    }
    #respond:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    margin: 20px;
    padding: 20px;}
    
    #respond{
    margin:  5px 5px 40px 5px;
    padding:  1px;}
    
    #commentform #submit {
    background:none;
    margin: 0 0 25px auto;
    float: right;}
    
    /* End Form Elements */
    
    .alt {
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 0px
    }
    
    .commentlist {
    padding: 1px;
    margin: 10px 0 10px 0;
    }
    
    .commentlist li {
    margin: 15px 30px 11px 30px;
    padding: 1px 5px 10px 10px;
    list-style: none;
    }
    
    .commentlist li ul li {
    margin-right: 5px;
    margin-left: 10px;
    }
    
    .reply {
    margin-left: 20px;
    background: url(images/button_reply.gif) no-repeat;
    }
    
    .reply a{
    float:right;
    display:block;
    text-indent:-9999px;
    text-transform:capitalize;
    background:url(images/button_reply.gif) no-repeat;
    width:80px;
    height:25px;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    }
    
    .commentlist p {
    margin: 10px 5px 10px 20px;
    }
    
    .children { padding: 0px; margin: 0px; }
    
    .commentlist .children li {
    margin: 10px 0px 5px 0;
    padding-right: 0;
    }
    #commentform input.button {
    cursor : pointer;
    border : 0;
    background:url(images/button_submit.gif) no-repeat;
    width:85px;
    height:35px;
    display:block;
    text-indent:-9999px;
    text-transform:capitalize;
    clear:both;
    margin: 1px 10px 0 0;
    }
    #commentform p {
    margin: 5px 0;
    }
    .nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }
    
    .commentmetadata {
    margin: 0;
    display: block;
    }
    
    /* Design of the bar, Home/About, etc. */
    
    .aligncenter {
    DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
    }
    DIV.aligncenter {
    DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
    }
    
    .clearfix:after {
    LINE-HEIGHT: 0; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: " "
    }
    .clearfix {
    DISPLAY: inline-block
    }
    .fixed {
    CLEAR: both
    }
    HTML[xmlns] .clearfix {
    DISPLAY: block
    }
    * HTML .clearfix {
    HEIGHT: 1%
    }
    
    #tabs ul#page-list{
    margin: 0px;
    padding: 0px;
    }
    #tabs ul li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-right: 2px solid #fff;
    font-size: 100%;
    font-family: Myriad, Myriad Pro, Arial, Palatino, Rotis Sans Serif, serif;
    letter-spacing: 0;
    TEXT-TRANSFORM: uppercase;
    }
    #tabs UL LI.page_item A {
    PADDING-LEFT: 14px; PADDING-RIGHT: 14px;  FONT-WEIGHT: bold;
    }
    #tabs UL LI.cat-item A {
    PADDING-LEFT: 14px; PADDING-RIGHT: 14px;  FONT-WEIGHT: bold;
    }
    #tabs UL LI.page_item A:hover {
    color:red;
    text-decoration:none;
    }
    #tabs UL LI.cat-item A:hover {
    color:red;
    text-decoration:none;
    }
    #tabs UL#page-list {
    LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0; WIDTH: 980px; PADDING-RIGHT: 0; DISPLAY: block; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
    }
    #tabs #page-list LI {
    PADDING-BOTTOM: 0px; LINE-HEIGHT: 40px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px;
    }
    #tabs #page-list LI A {
    DISPLAY: block
    }
    #page-list LI UL LI A {
    DISPLAY: block
    }
    #tabs #page-list LI UL {
    POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-TOP: 0px; LEFT: -999em
    }
    #tabs #page-list LI:hover UL {
    LEFT: auto
    }
    #tabs #page-list LI.sfhover UL {
    LEFT: auto
    }
    #tabs #page-list LI UL LI {
    LINE-HEIGHT: 32px; border: 1px white; padding: 2px; WIDTH: 10em;
    }
    #tabs #page-list LI:hover {
    POSITION: static
    }
    #tabs #page-list LI.hover {
    POSITION: static
    }
    #tabs #page-list LI UL UL {
    MARGIN: -29px 0px 0px 162px
    }
    #tabs #page-list li:hover ul ul, #tabs #page-list li.sfhover ul ul {
    left: -999em;
    }
    #tabs #page-list li:hover ul, #tabs #page-list li li:hover ul, #tabs #page-list li.sfhover ul, #tabs #page-list li li.sfhover ul {
    left: auto;
    }
    #tabs #page-list li:hover ul ul, #tabs #page-list li:hover ul ul ul, #tabs #page-list li.sfhover ul ul, #tabs #page-list li.sfhover ul ul ul {
    left: -999em;
    }
    #tabs #page-list li:hover ul, #tabs #page-list li li:hover ul, #tabs #page-list li li li:hover ul, #tabs #page-list li.sfhover ul, #tabs #page-list li li.sfhover ul, #tabs #page-list li li li.sfhover ul {
    left: auto;
    }
    
    /* Tabs and menu settings */
    
    #tabs {
    padding: 5px 0 4px 0;
    background: url(images/menu-bar.jpg) no-repeat;
    height:51px;
    font-size: 16px;
    }
    #tabs UL LI.page_item A {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.page_item A:hover {
    BACKGROUND: #910000; COLOR: white
    }
    #tabs UL LI.page_item {
    BACKGROUND: transparent
    }
    #tabs UL LI.cat-item A {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.cat-item A:hover {
    BACKGROUND: #910000; COLOR: white
    }
    #tabs UL LI.cat-item {
    BACKGROUND: transparent
    }
    #tabs UL LI.current_page_item {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_page_item A {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_page_item A:hover {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_cat-item {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_cat-item A {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_cat-item A:hover {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current-cat {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current-cat A {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current-cat A:hover {
    BACKGROUND: transparent; COLOR: white
    }
    #tabs UL LI.current_page_item LI A {
    BACKGROUND: black; COLOR: white
    }
    #tabs UL LI.current_cat-item LI A {
    BACKGROUND: black; COLOR: white
    }
    
    #tabs #page-list LI:hover {
    BACKGROUND: #910000
    }
    #tabs #page-list LI UL {
    BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid
    }
    #tabs #page-list LI UL LI {
    BACKGROUND: black; BORDER-TOP: #ddd 1px solid
    }
    .navigation {
    BORDER-TOP: #292973 1px solid
    }
    
    /* Search header style */ 
    
    form#searchform2{
    display: block;
    float:right;
    margin: 0 10px 0px 5px;
    }
    
    #search2 .searchinput{
    font-family: Myriad, "Myriad Pro", Palatino, "Rotis Sans Serif", serif;
    color: #e9eef3;
    font-size: 120%;
    height:19px;
    width: 140px;
    background-image: url(images/search-background.png);
    border: 1px solid #B0BEC7;
    }
    
    .search_button{
    font-family: Myriad, "Myriad Pro", Palatino, "Rotis Sans Serif", serif;
    font-size: 120%;
    color: #e9eef3;
    border: 1px solid #8d9dac;
    padding-left: 5px;
    height:25px;
    width:80px;
    padding-right: 5px;
    cursor:pointer;
    background: black url(images/search-button.png) no-repeat;
    }
    
    /* Sticky Post and Postmetadata */
    
    .sticky {
    margin: 0 0 5px 0;
    padding: 0 5px 1px 5px;
    background: #1f1511 url(images/post-image.gif) no-repeat;
    width: 680px;
    color: #e7dede;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    .sticky-post {
    position: relative;
    left:650px;
    top:60px;
    z-index: 100;
    padding: 10px 1px 1px 1px;
    margin: -94px 0 0 0;
    }
    
    .sticky p{
    padding: 1px 1px 1px 1px;
    }
    
    .sticky-box {
    position: absolute;
    z-index: 100;
    }
    
    .tags-font h2 {
    color: blue;
    font-size: 180%;
    font-weight: 500;
    padding: 7px 0 4px 2px;
    margin: 10px 0 2px 0;
    line-height: 120%;
    font-family: tahoma, Georgia;
    }
    
    .tags-font h2 a{
    color: #910000;
    text-decoration:none;
    font-weight: 500;
    font-family: tahoma, Georgia;
    font-size: 28px;
    }
    
    .tags-font h2 a:hover{
    text-decoration:underline;
    color: #ff0024;
    }
    
    .postmetadata{
    font-size:80%;
    padding: 1px 8px 1px 6px;
    margin: -2px 0 0 8px;
    border-top: 0px solid #ccc;
    }
    
    .postmetadata a{
    color:white;
    }
    
    .postmetadata2{
    font-size:80%;
    padding: 1px 8px 1px 5px;
    margin: 30px 20px 10px 10px;
    border-top: 1px solid #ccc;
    color:white;
    }
    
    .postmetadata2 a{
    color:white;
    }
    
    .postmetadata3{
    font-size:80%;
    padding: 1px 8px 1px 70px;
    margin: -2px 0 0 8px;
    border-top: 0px solid #ccc;
    }
    
    .postmetadata3 a{
    color:white;
    }
    
    .postmetadata p{
    line-height: 18px;
    padding: 0;
    margin: 2px 0;
    }
    
    .postmetadata2{
    font-size:80%;
    padding: 1px 8px 1px 5px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
    
    .date{
    float:left;
    text-align:center;
    font-weight:800;
    margin: 4px 1px 0 0;
    padding: 0 2px;
    color: #444;
    }
    
    .dateDay{
    display:block;
    font-size: 16px;
    line-height: 16px;
    text-align:center;
    }
    
    .dateMonth, .dateYear{
    display:block;
    font-size: 11px;
    padding:0;
    line-height: 12px;
    }
    
    /*  Date and month box Settings  */
    
    div.date {
    background: url('images/date_bg.png') no-repeat;
    height:82px;
    width:90px;
    padding:1px;
    margin: 6px 4px 0 0;
    float:left;
    line-height:1;
    }
    
    div.date .month{
    text-align:center;
    margin-left:-3px;
    margin-top:18px;
    margin-bottom:8px;
    font-weight:bold;
    color:#540000;
    font-size: 17px;
    font-family: Times New Roman, Times, serif, Arial, Georgia;
    }
    
    div.date .nr{
    text-align:center;
    margin-right:5px;
    margin-top:-7px;
    color:#000000;
    font-size:22px;
    font-weight:bold;
    }
    
    div.date .year{
    text-align:center;
    margin-right:5px;
    color:#000000;
    font-size:11px;
    font-weight:bold;
    margin-top:2px;
    color:#540000;
    }
    
    /*  sidebar styles */
    
    #subscribe {
    font-size: 85%;
    padding: 7px 0 0 0;
    }
    
    .menu{
    padding:0;
    font-size:95%;
    }
    
    .menu a{
    font-weight: 100;
    }
    
    .menu a:hover{
    text-decoration:none;
    }
    
    .menu ul{
    margin:0;
    padding:0;
    list-style-type:none;
    }
    
    .menu ul li{
    margin:0;
    padding:0;
    list-style-type:none;
    }
    
    .menu ul li h3{
    background: url(images/sidebar-header.gif) repeat-x left bottom;
    margin:0;
    padding:0;
    list-style-type:none;
    }
    
    .menu ul li.widget{
    padding-bottom:14px;
    margin:0 0 0px 0px;
    }
    
    .menu ul li.widget ul{
    margin: 0;
    padding: 0;
    }
    
    .menu ul li.widget ul li{
    background: url('images/arrow.png') no-repeat 0 2px;
    border-bottom: 1px solid #ccc;
    padding: 2px 0 2px 25px;
    margin:2px;
    }
    
    .menu ul li.widget ul li ul{
    }
    
    .menu ul li.widget ul li ul li{
    border-top: 1px dotted #ccc;
    border-bottom: none;
    padding: 2px 0 2px 22px;
    }
    
    .menu ul li.widget h3{
    font-family: Helvetica, sans-serif;
    font-variant:small-caps;
    font-size:150%;
    padding:2px 0 1px 4px;
    margin:0;
    border-bottom: 2px solid #183340;
    color: #333;
    font-weight: 800;
    }
    
    .menu ul li h3 a{
    color: #333;
    font-weight: 800;
    }
    
    .menu ul li h3 a:hover{
    color: #333;
    text-decoration: none;
    }
    
    .menu form{
    display:block;
    margin:0px;
    padding:4px;
    }
    
    .menu input{
    margin:3px 0;
    font-size:90%;
    }
    
    li.widget .textwidget, li.widget #search {
    padding: 2px 5px;
    }
    
    /* Calendar styles */
    
    #wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
    }
    
    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }
    
    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }
    
    #wp-calendar a {
    display: block;
    }
    
    #wp-calendar caption {
    text-align: center;
    width: 100%;
    }
    
    #wp-calendar td {
    padding: 3px 0;
    text-align: center;
    }
    
    #footer a{
    font-weight: 100;
    }
    
    /* Image Captions */
    
    .entry img, .hentry img{
      padding: 0 0 0 0;
      margin: 0px 8px 0 4px;
      border: 0px solid #b7a99a;
    }
    
    .postmetadata3 img{
      padding: 0px;
      margin: 0px;
      border: 0px;
    }
    
    .postmetadata2 img{
      padding: 0px;
      margin: 0px;
      border: 0px;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • Please don’t post huge chunks of CSS here. A link to your site is usually all that’s needed.

    Thread Starter watex

    (@watex)

    sorry
    theclubpenguincheats.com

    Thread Starter watex

    (@watex)

    any help?

    in style.css, this

    .entry img, .hentry img{
      padding: 0 0 0 0;
      margin: 0px 8px 0 4px;
      border: 0px solid #b7a99a;
    }

    comes later down and because it is more specific, the margins overwrite the ‘margin-left:auto; margin-right:auto’ of your .aligncenter.
    taking away the line with ‘margin: …’ should allow the images to center.

    or, alternatively, add a line with ‘img.aligncenter ..’ after it:

    .entry img, .hentry img{
      padding: 0 0 0 0;
      margin: 0px 8px 0 4px;
      border: 0px solid #b7a99a;
    }
    
    img.aligncenter {display:block; margin:0 auto;}
    Thread Starter watex

    (@watex)

    Thanks it worked great.

    Now, the only problem is, the first image and text is centered off to the right from the others because of the calendar graphic in the top of the post. How can I make it so that all text/images is in the same place?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Images wont center’ is closed to new replies.