Change Widgets Font Size and Color

Hi,

I would like to enlarge and change the color of the text in the widgets on my sidebar, on my site: aus.my-freebie.com

I also want to get rid of the underline that accompanies the links, if that's possible?

I am attaching my stylesheet. Any help will be greatly appreciated.

/*
Theme Name: Blossoms
Theme URI: http://www.freewpthemes.net/preview/pluralism
Description: Tested on WP 2.3.1
Version: 2.0
Author: Free WordPress Themes
Author URI: http://www.freewpthemes.net
*/

body {
margin: 0;
padding: 0;
background: #FFFFFF url(images/img01.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #737373;
}

form {
margin: 0;
padding: 0;
}

input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1em;
}

p, ul, ol {
margin-bottom: 1.8em;
line-height: 160%;
}

ul, ol {
}

blockquote {
}

a {
color: #AE2ECC;
}

a:hover {
text-decoration: none;
}

hr {
display: none;
}

/* Menu */

#menu {
width: 960px;
height: 58px;
margin: 0 auto;
padding: 1px 0;
background: url(images/img02.jpg) no-repeat center top;
}

#menu ul {
height: 58px;
margin: 0;
padding: 0;
background: url(images/img03.gif) no-repeat;
list-style: none;
}

#menu li {
float: left;
height: 58px;
background: url(images/img03.gif) no-repeat right top;
}

#menu a {
float: left;
height: 58px;
padding: 17px 25px 0 25px;
text-decoration: none;
font-size: 1.4em;
font-weight: bold;
color: #000000;
}

#menu a:hover {
background: url(images/img04.gif) repeat-x;
color: #FFFFFF;
}

#menu .current_page_item a {
background: url(images/img05.gif) repeat-x;
color: #FFFFFF;
}

/* Logo */

#logo {
width: 962px;
height: 91px;
margin: 0 auto;
background: url(images/img06.gif) no-repeat;
color: #69A7E1;
}

#logo h1, #logo h2 {
margin: 0;
padding: 0 20px;
}

#logo h1 {
float: left;
padding-top: 30px;
letter-spacing: -3px;
font-size: 3em;
}

#logo h2 {
float: right;
padding-top: 49px;
letter-spacing: -1px;
font-weight: normal;
}

#logo a {
text-decoration: none;
color: #69A7E1;
}

/* Page */

#page {
width: 960px;
margin: 0 auto;
padding: 10px;
}

/* Content */

#content {
float: right;
width: 680px;
}

.post {
padding-bottom: 10px;
}

.post .title {
margin: 0;
padding: 5px 20px;
letter-spacing: -2px;
border-bottom: 1px solid #F5F5F5;
}

.post .title a {
text-decoration: none;
}

.post .entry {
padding: 5px 10px;
}

.post .meta {
height: 16px;
background: #F5F5F5;
border-top: 1px solid #E9E9E9;
font-size: smaller;
font-weight: bold;
}

.post .posted {
float: left;
height: 16px;
padding: 5px 20px;
background: url(images/img09.gif) no-repeat left bottom;
}

.post .permalink, .post .comments {
float: right;
height: 16px;
padding: 5px 20px;
}

.post .permalink {
background: url(images/img10.gif) no-repeat right bottom;
}

/* Navigation */

.navigation {
clear: both;
padding: 20px 0;
font-weight: bold;
font-size: larger;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

/* Sidebar */

#sidebar {
float: left;
width: 250px;
}

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

#sidebar li {
margin-bottom: 20px;
}

#sidebar li ul {
padding: 10px;
background: #F5F5F5 url(images/img08.gif) no-repeat left bottom;
}

#sidebar li li {
margin: 0;
}

#sidebar p {
padding: 0 10px;
}

#sidebar h2 {
height: 28px;
margin: 0;
padding: 6px 0 0 20px;
background: url(images/img07.jpg) no-repeat;
font-size: 1.4em;
font-weight: normal;
color: #000000;
}

/* Search */

#search form {
padding: 20px;
}

#search br {
display: none;
}

#search #s {
width: 135px;
}

/* Calendar */

#calendar {
padding-left: 10px;
}

#calendar_wrap {
padding: 20px;
background: #F5F5F5 url(images/img08.gif) no-repeat left bottom;
}

#calendar table {
width: 200px;
border-collapse: collapse;
}

#calendar thead th {
border-top: 2px solid #E4B5F1;
border-bottom: 2px solid #E4B5F1;
}

#calendar tbody td {
border-bottom: 1px solid #E4B5F1;
text-align: center;
}

#calendar tfoot td {
border-top: 2px solid #E4B5F1;
font-weight: bold;
}

#calendar #today {
background: #E4B5F1;
font-weight: bold;
color: #FFFFFF;
}

#calendar #next {
text-align: right;
}

#calendar a {
font-weight: bold;
}

/* Footer */

#footer {
clear: both;
width: 960px;
margin: 0 auto;
padding: 10px 0;
border-top: 1px solid #E9E9E9;
font-size: smaller;
}

#footer p {
margin: 0;
text-align: center;
line-height: normal;
}

 

Thanks for the advice, i can change it with the h2 tags on but i dont want them as its detrimental for seo. I want to be able to alter the font size without the h2 tags which does not seem to be possible. Do you have any ideas how to do this?

 

Add to
#sidebar and #sidebar li{
font-size: 13px;
font-color: #000;
font-family: Arial;
}

 

Thank you nichoLora, it did change the font size which is great!

I cannot change the underline though and the color.

 

Small mistake there . To change font colour and remove underline, add:

Should be:

color: #000000;
text-decoration: none;

Code (markup):

 

Thanks, MhW you're right...i was in a hurry
It should be: color: #000000;
And relating to underline: add

sidebar li a {
text-decoration: none;
}

Code (markup):