northeastsurfing

Thanks, all set.

How do I put in a off white color with out code?

Thanks I got it to work, would you know how I do the calendar now, I want the non-links to be a off white. I placed the code below at the bottom of my stlye.css file and it made the changes.

.widgettitle {
font-size:12px;
color:White;
padding-bottom:10px;;
font-weight:bold;
font-family:Arial, Verdana;
}

So I need to put in something like this? Any where in the .css file styles. And it should do the job?

.widgettitle h2 {
font-size:16px;
color:White;
padding-bottom:10px;;
font-weight:normal;
font-family:Arial, Verdana;
}

Where is the best place to insert it?

This is the only colors code in my .css file, any tips would be great

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	text-align: center;
	}

#page {
	background-color: white;
	border: 1px solid #FFFFFF;
	text-align: left;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 2171px;
	width: 820px;
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

#footer {
	background: #eee url('images/kubrickfooter.gif') no-repeat top;
	border: none;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.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;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

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

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

Thanks, I will look for this code in the style.css file. Not sure where it will be, but have an idea, thanks.

Thanks I did change that and it only changed the category links, Not the category title, and calendar. DO you know if I am doing something wrong you can see on the site what I mean, https://northeastsurfing.com/news/

got rid of bottom white line and blue line, now only in IE can you see a blue line just under my header on the left.

My site in IE has a blue line at the bottom and top, and a white line at the bottom, only in IE any idea how to get rid of this?

https://northeastsurfing.com/news/?cat=7

got it. new I could do it thanks. Am I able to change the text color that reads categories, and mega, as well?

https://northeastsurfing.com/reports/?cat=4

I looked at your site, and I would like that the way you have it. with the white you have, and a off white, if I can get the code in place I can play with it.

Hello, I know my way around for the most part, just to make sure, what code should I replace the above code with, and it should do what I want, I want the categories to still be links, but be white whether you click them or not. ronnie.

I will look through the style.css as well.

I moved everything back for now until I can work on it more, but I got the moving side bar, changing colors, just need to center main text to the left a bit, change back ground color of side menu with links, and I am done, any tips would be great.

does anyone know how I get my text main text back over to the left of the page a little and how do I change the text color on the side menu?

https://northeastsurfing.com/news/