My first blog

by the way you might think that why I’m asking for review now, considering that archives date back to feb. The answer is that until a few days back this blog was managed by someone else and he handed over the blog to me a day before yesterday. since hten I’ve upgraded wp from 1.2, personalised a theme, put in all the plugins, reformetted all the old posts, etc.

Looks simple and plain and seems to fit the attidtude of a writer. Good job.

Thanks ??

Just one review ??

Please review it folks, I need some negitive criticism badly.

I’d make the space between the sidebar and the main box a tad smaller. And the text of the last post on the page is a little close to the lowest border.

But I think the side looks really good and fits the content.

Do I get a blessing *and* appreciation now ? ??

Thanks a lot, I appreciate it. May God bless you ??

I would suggest changing the links color to make them more obvious. Like in the side bar. A slight change in color or some other way of distinguish them.

thanks a lot ??

I don’t know how to change the colors of sidebar links. I’m posting my css file. tell me which tags to edit. and also if you can suggest which colors will suit my site please do so.

a {
color: #666;
}

a img {
border: none;
}

#content a img {
border: 1px solid #333;
padding: 4px;
margin: 2px;
}

a:visited {
color: #666;
}

a:hover {
color: #c00;
}

acronym, abbr {
border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
cursor: help;
font-size: 11px;
letter-spacing: .07em;
}

blockquote {
border-left: 5px solid #ccc;
margin-left: 1.5em;
padding-left: 5px;
}

body {
background: #fff;
font-family: “Lucida Grande”, “Lucida Sans Unicode”, “Trebuchet MS”, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #333;
margin: 0;
padding: 0;
text-align: center; /* IE 5.5 hack */
}

cite {
font-size: 11px;
font-style: normal;
}

h1 {
margin: 25px 10px 20px 0px;
padding: 0px;
text-align: left;
}

h2 {
font-size: 13px;
font-weight: normal;
margin: 15px 20px 0 25px;
padding-bottom: 2px;
}

h3 {
font-size: 20px;
font-weight: normal;
margin-top: 0;
padding-bottom: 0;
}

h1 a:hover, h2 a:hover, h3 a:hover {
color: #c00;
}

ol#comments li p {
font-size: 100%;
}

p, li, .feedback {
font-size: 12px;
}

ul.post-meta {
list-style: none;
}

ul.post-meta span.post-meta-key {
font-weight: bold;
}

.credit {
background: #fff;
color: #000;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

.credit a:link, .credit a:hover {
color: #c00;
text-decoration: none;
}

.feedback {
color: #ccc;
text-align: left;
clear: both;
font-size: 90%;
}

.meta {
font-size: 90%;
}

.meta li, ul.post-meta li {
display: inline;
}

.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.meta, .meta a {
color: #009;
font-weight: normal;
letter-spacing: 0;
}

.post, #comments-post {
margin-top: 5px;
margin-right: 25px;
margin-left: 25px;
margin-bottom: 35px;
}

.storytitle {
margin-top: 10px;
margin-bottom: 2px;
}

.storytitle a {
text-decoration: none;
}

.textarea {
width: 200px;
margin: 0;
}

#clearer {
clear: both;
margin: 0;
padding: 0;
}

#commentform #comment{
width: 450px;
margin: 0;
padding: 10px;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
background: #eee;
color: #333;
border: 1px solid #333;
padding: .2em;
}

#commentform textarea {
width: 100%;
}

#commentlist li ul {
border-left: 3px solid #eee;
font-size: 12px;
list-style-type: none;
}
#content {
float: left;
width: 500px;
border: 1px solid #000;
margin: 0px;
padding: 0px;
background-color: #fff;
}

#footer {
border-top: 1px solid #ccc;
margin-bottom: 0;
margin-left: 30px;
margin-right: 30px;
}

#main {
}

#header, #header a:link {
font-size: 20px;
font-weight: normal;
color: #ccc;
text-decoration: none;
}

#header a:hover {
color: #c00;
}

#menu {
float: right;
width: 200px;
}

#nav {
padding-left: 5px;
padding-right: 5px;
}

#nav form {
margin: 0 0 0 13px;
}

#nav input#s {
width: 80%;
background: #eee;
border: 1px solid #333;
color: #000;
}

#nav ul {
color: #333;
font-weight: normal;
font-size: 22px;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}

/* this is a fix for the way WP handles styling for link and theme switcher */
#nav li h2 {
color: #333;
font-weight: normal;
font-size: 18px;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}

#nav ul li {
font-size: 80%;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}

#nav ul ul {
font-size: 12px;
font-weight: normal;
line-height: normal;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}

#nav ul ul li, #nav ul li ul li {
font-size: 12px;
font-weight: normal;
border: 0;
letter-spacing: 0;
margin-top: 0;
padding: 0;
}

#nav ul ul li a {
color: #444;
text-decoration: none;
}

#nav ul ul li a:hover {
border-bottom: 1px solid #333;
}

#nav ul ul ul.children {
font-size: 11px;
padding-left: 4px;
}

#rap {
width: 772px;
background: #fff;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
text-align: left; /* IE 5.5 hack part II */
}
#wp-calendar {
border: 1px solid #000;
empty-cells: show;
font-size: 11px;
margin: 0;
width: 95%;
text-align: center;
}

#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;
text-decoration: none;
}

#wp-calendar a:hover {
background: #eee;
color: #333;
}

#wp-calendar caption {
color: #444;
font-size: 18px;
font-weight: normal;
text-align: left;
}

#wp-calendar td {
color: #444;
font-weight: normal;
font-size: 11px;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}

#wp-calendar td.pad:hover {
background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #000;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

/* tabbed navigation code */

#pagetab {
padding: 5px 0 3px 0;
margin: 10px 0 0 1px;
font-weight: bold;
font-size: 10px;
font-family: arial, “Trebuchet MS”, sans-serif;
}

#pagetab ul {
list-style: none;
margin: 0;
display: inline;
}

#pagetab li {
list-style: none;
margin: 0;
display: inline;
}

#pagetab li a {
padding: 3px 0.5em;
margin-left: 1px;
border: 1px solid #777;
border-bottom: none;
background: #ccc;
text-decoration: none;
}

#pagetab li a:link { color: #444; }

#pagetab li a:visited { color: #666; }

#pagetab li a:hover {
color: #c00;
background: #fff;
border-top: 1px solid #222;
border-right: 1px solid #222;
border-bottom: 1px solid #fff !important;
border-left: 1px solid #222;
}

#pagetab li a#current {
background: #fff;
border-bottom: none;
}

.page_item {
margin: 0;
padding: 0;
}

form.searchform {display: inline;}

bump!

Sorry, I did not see that you asked about changing the sidebar links until just now. It looks like you have figured it out from look at your site. You change the background color of the side bar right?

I learned alot about CSS by using the developer toolbar for Firefox. It give you the ability to change the CSS styles on a web page and see what the change make instantly. You can get the plugin here – https://addons.mozilla.org/extensions/moreinfo.php?id=60

simple and clean: good!