Grateful for thoughts and some advice

Hi all
Okay - here's the blog I have been working on.

http://www.inlovewithlisbon.com

Now I know there's tons more I have to do on it - not least write more posts but it only went live today

The first thing I have noticed however is that the text on the two different posts are of a different size/font. Also if you go to the "About" page the text there is generally more readable (especially the bit under my picture) when compared to the front page.

I've managed to get this far with learning on the hoof in the past couple of weeks but this has stumped me now.

I'm going to post the code below - can someone please tell me how I can get the font on the first page to look the same as the font on the second page. I can't work out where the second page is in the following!

Also - any thoughts and comments are very welcome.

Thanks

/*
Theme Name: SeaShore
Theme URI: http://wpthemeshop.com/
Description: SeaShore is a free wordpress theme, released by WordPress Theme Shop.
Version: 1.0
Author: Sadish Bala
Author URI: http://sadish.net
*/

/* Elements */
*
{
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
background:#eee url(img/bodybg.jpg) fixed;
font-family: Verdana,Tahoma, Arial, Serif;
line-height: 1.5em;
font-size: 10px; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: 10px; /* easy scaling */
font-size: 0.76em;
color: #333;
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family:Georgia, Tahoma, Verdana, Arial, Serif;
font-weight:normal;
color: #333;
}

p, blockquote, ul, ol {
margin-top: 0;
padding-top: 0;
margin-bottom:0.5em;
}
p
{
line-height:1.8em;
}

a:link, a:visited {
color: #585d8b;
text-decoration:none;
border-bottom:#c96 1px dotted;
}
a:hover,a:active
{
color:#333366;
text-decoration:none;
}
img.left
{
float:left;
margin:0 1em 1em 0;
}
img.right
{
float:right;
margin:0 0 1em 1em;
}
a img
{
border:0;
padding-bottom:2px;
border-bottom:1px dashed;
}
blockquote
{
margin:1em;
padding:0 2em;
background:url(img/quote.gif) no-repeat left top;
color:#666;
font-style:italic;
}
fieldset
{
border:none;
}

dl {
margin:1em 0px;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em 1em;
padding:0;
}
/* Header */

#header {
width: 900px;
margin: 0 auto;
background:transparent;
}

/* Logo */

#logo {
padding-left:10px;
}

#logo h1{
padding: 14px 0;
font-size: 4.0em;
font-variant:small-caps;
}
#logo h2 {
padding: 0 12px 0 0;
font-size: 2.5em;
font-family:Tahoma, Verdana, Arial, Serif;
color:#333;
}

#logo a {
text-decoration: none;
color:#333;
border:0;
}
#logo a:hover
{
text-decoration:underline;
}
/* Menu */

#menu {
text-align:right;
padding:10px 0 0;
height:30px;
line-height:30px;
}

#menu ul {
margin: 0;
padding:0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a
{
padding:8px 16px;
text-decoration: none;
font-variant:small-caps;
font-size: 1em;
background:#990000;
border:0;
color:#FFFFFF;
}
#menu a:hover,
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
background:#990000;
color:#eee;
border:0;
}

/* Splash */

#splash {
background:url(img/header.jpg) no-repeat center;
height:180px;
width:900px;
border:#ddd 3px solid;
margin:10px auto; /*Splash's redeclared in functions.php for WP 2.1 or greater */
}

/* Main */

#main {
width: 900px;
margin: 0 auto;
background:#fff;
border:#ddd 3px solid;
}

#main h2 {
padding: 4px;
font-size: 1.6em;
line-height:1.2em;
border-bottom:#ddd 1px solid;
}
#main h3 {
padding: 4px;
font-size: 1.4em;
line-height:1.2em;
border-bottom:#ddd 1px solid;
}
#main h2 a
{
border:0;
}
#content ul {
margin: 0.5em 0;
padding: 0 0 0 2em;
list-style-type:none;
}
#content ul li
{
margin:0.75em 0;
padding:0;
list-style-image:url(img/bullets.gif);
line-height:1.8em;
}
#main ol
{
margin:0;
padding:0 0 0 3em;
}
#main ol li
{
margin:0;
padding:3px;
}
#main .post
{
margin-bottom:3em;
}
#main .entry
{
clear:both;
padding: 10px 5px;
}
.post .date {
float: right;
margin:5px 0 0 5px;
padding:0 10px;
text-align:center;
font-size: 0.8em;
border:#ccc 1px solid;
font-weight:bold;
background:url(img/ribbed.jpg) repeat;
color:#556677;
font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
}
.post .date span
{
display:block;
}
.post .date .day
{
font-size:1.6em;
}
.post .meta {
margin-bottom: 10px;
padding-left: 5px;
font-size: 0.9em;
color:#999;
}
.post .comments
{
font-size:0.9em;
border-bottom:#ccc 1px dotted;
color:#999;
margin-left:5px;
padding-left:15px;
background:url(img/icon_comments.gif) no-repeat left center;
}
.post .comments a
{
border-bottom:0px;
}
#main .feed
{
background:url(img/icon_feed.gif) no-repeat left 3px;
padding-left:17px;
}
ul.authorposts
{
margin:0;
padding:0 2em;
}
ul.authorposts li
{
margin:0;
padding:5px;
}
ul.authorposts li em
{
float:right;
font-style:normal;
}
/* Content */

#content {
float: left;
width: 470px;
padding:10px;
}
/* Column Two */

#sidebar1 {
float: left;
width: 175px;
padding: 10px;
font-size:0.9em;
margin:5px;
}
/* Column Three */

#sidebar2 {
float: left;
width: 170px;
padding: 5px;
font-size:0.9em;
margin:5px;
}
#main .sidecol
{
border-left:#ccc 1px dotted;
}
#main .sidecol ul
{
margin:0;
padding:0;
}
#main .sidecol li
{
margin:0;
padding:0;
list-style:none;
background:none;
margin-bottom:2em;
}
#main .sidecol h2
{
padding: 0 0 5px;
font-variant:small-caps;
font-size:1.25em;
}
#main .sidecol p, #main .sidecol form
{
padding:10px;
margin:0;
}
#main .sidecol ul ul
{
margin:10px 0 0 20px;
padding:0;
}
#main .sidecol ul ul ul
{
margin:0px 0 0 10px;
padding:0;
}
#main .sidecol li li
{
list-style-image:url(img/bullet.jpg);
margin:0.5em 0;
padding:0;

}
/* Begin Calendar */
#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;
text-decoration:none;
}
#wp-calendar #today
{
border:#999 1px solid;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */
/* Comments */
input.textbox
{
border:#ccc 1px solid;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
padding:5px;
width:150px;
}
textarea{
width: 95%;
padding:5px;
height: 20em;
border: 1px solid #ccc;
background:#f9f9f9;
font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}
#commentform
{
margin:0;
padding:10px;
background:#fff;
}
#main .commentlist {
margin: 0;
padding: 0;
}
#main .commentlist li
{
list-style:none;
margin: 0;
padding: 1em;
border-bottom:#ddd 1px solid;
font-size:0.9em;
}
#main .commentlist li .cmtinfo
{
padding:5px;
margin-bottom: 5px;
position:relative;
}
#main .commentlist li .cmtinfo em
{
margin:0;
padding:0 1em;
font-weight:normal;
font-style:normal;
color:#999;
}
#main .commentlist li cite
{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}
#main .commentlist li.alt
{
background:#f9f9f9;
}
#main .commentlist li.authorcomment
{
border:none;
border:#b0c4de 1px solid;
}
#main .nocomments
{
font-size:0.9em;
color:#999;
text-align:center;
}
/* Footer */

#footer {
margin: 5px auto 0;
padding:0 15px;
width:870px;
background: #333;
border:#ccc 3px solid;
}

#footer p {
margin: 0;
padding: 7px;
font-size: 0.9em;
color: #ffffff;
}
#footer p span
{
float:right;
}
#footer a:link, #footer a:visited {
color: #ffffff;
border:0;
}
#footer a:hover, #footer a:active,#footer p strong {
color: #ffffff;
text-decoration:none;
border:0;
}
#header, #main, #sidebar, #footer, .widget
{
overflow:hidden;
}

 

Quite a nice looking blog, i like the image used in the header. Design-wise, i would make 'in love with Portugal" a tiny bit smaller.

As for the text the problem (main page and about us) is there is a hardcoded style being applied to the second post, giving it the smaller text:
<li style="display:block;color: #888;margin: 0 0 1em 0;font-size: 0.9em;font-weight: normal;line-height: 125%;text-align:left;">

This is probably applied when you posted from the backend. Was this text taken from a different application before posting?

The text under 'About Me' does not appear at all in FireFox, maybe a problem with the widget you are using?

As i am not familiar with the script/blog software you are using, i can't offer any fixes though

 

Hi
Thanks for your feedback. Maybe I will make In Love With Lisbon a bit smaller. That's annoying that the text doesn't come up in Firefox. I'll see if I can check that on the net somewhere.
Yes I copied and pasted the post from word - won't be doing that again!

I'll have a fiddle around with it and llet you know when I've got it sortedout.