neuroplastic

Thank you!

God I love these forums. Full of smart people ??

Really appreciate it j3d and esmi. Firebug is a great little add-on

I followed both your suggestions and now the colour’s a pale grey instead of cream, which is better but still not what i want. Hmmm.

I like the table though because it allows me to have the images centred if there aren’t 4 of them, if you see what i mean, and float won’t allow that. Once i get rid of that cream colour, it’ll be perfect.

Thanks so much for your help, I really appreciate it. I might make a new topic if tables aren’t really your thing ??

Thanks! I actually found a more easy solution, which is to put all the images into a table. Easy you’d think, but there’s something that’s driving me nuts. Every alternate row is a nasty shade of cream instead of white. I went into the CSS to edit the thead colour, changed it to FFFFFF and still it’s cream, so something somewhere must be overriding it, but i have no idea what.

Ignore the bottom few rows and the fact that the pics are all the same!

https://www.thebutterfliesareattacking.com/releases-2

yeah, it was weird, haha. it started with hover pics and became something much more ugly. do you know how i could get them to be in a nice neat row without losing their center position in the container? i tried [gallery] shortcode but it just removed the images from the post entirely.

also, separate but not really. say i wanted to apply the container to text as well (see the text at the bottom of the page). how would i change the font colour within the container? tried to do it in css but it wasn’t having any of it. i did this.

div.container2 {
height: 17px;
width: 120px;
background-color:#08545f;
font-color:#00000;
padding: 10px 20px 10px 10px;
}
div.container2:hover {
background-color:#Ff9900;
font-color:#fffff;
}
}

Brilliant, thanks ??

Yes, this i know, but what i want is for the picture to be hovered over and an orange box to appear around it, as in the link above. It’s not a text issue. But thanks anyway

It’s actually a theme problem so I’m jacking in the whole theme. And it’s not a browser problem, it’s a mac/pc problem. Goddamn internet.

But big big big up to john overall from johnoverall.com for taking so much time to help me out. this isn’t a commercial plug but a friendly one. he’s really nice and smart.

word of warning: if you ever want to customise a theme beyond the defaults, for the love of god don’t use pixel.

Thanks songdogtech. I’ve resolved all of those now.

Garydarling; Chrome, Safari and Firefox (ignoring fonts for the minute) look half-decent but throw the thing into IE6 or 7 and all the positioning of text and elements goes completely out of whack. In IE6 everything has been shunted about 2 inches left! In IE7 it’s about 1 inch left. In IE8 it’s acceptable.

So I guess I should muck about with the IE CSS stylesheets? I’ll give it a go now. Is it possible to make a command in the CSS for firefox only (e.g. a negative top margin for my site title and tagline)? that would solve quite a bit and I’d be able to get my page titles back. I hope I’m not being stupid.

Okay, i figured it out. I’m going to make a new post about fonts because it doesn’t fit into this one.

Regarding the fonts, I’m at a loss. Tried using one from the Google directory and that didn’t bloody work either.

/*
Theme Name: Pixel
Theme URI: https://85ideas.com/public-releases/wordpress-theme-pixel/
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and Feedburner email form integrated, easy to customize. Enjoy!
Author: Sam @ 85ideas.com
Author URI: https://85ideas.com/
Version: 2.0.2
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post
.
Released under <a href="https://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

<link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }
:focus {
  outline:0;
  }
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Kozuka Gothic Pr6N L, arial narrow, tahoma, adobe fan heat std, arial, PT Sans, sans-serif;
font-stretch: condensed;
  }

hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto;
  overflow-x:scroll;
  }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  }

dd {
  padding-left: 15px;
  }

p {
  font-size: 13pt;
  }

a {
  color: #CAE1FF;
  text-decoration: none;
  }

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

a img {
  border: none;
  }

blockquote {
  background: #070707;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #fff;
  }

code {
  color: #CAE1FF;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: Kozuka Gothic Pr6N L, arial narrow, tahoma, adobe fan heat std, arial, PT Sans, sans-serif;
font-stretch: condensed;
  background: #000 url(images/bgbody.jpg) top center no-repeat;
  color: #eee;
  }

/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  padding: 0;
  }

#header {
  padding: 0;
  margin: 0;
  height: 80px;
  text-shadow: 0 0 4px #555;
  }

#header #topright {
  text-align: right;
  float: right;
  width: 930px;
  margin: 3px 0 0 0;
}
#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#header #topright li {
  display: inline;
  }
#header #topright li a {
  color: #fff;
  font-size: 13pt;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }
#header #topright li a:hover {
  color: #FF9900;
  text-decoration: none;
  }

#header #logo {
  margin: 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #fff;
  font-size: 24pt;
  text-decoration: none;
font-weight: normal;
margin-left: 8px;
  }
#header h1 a:hover {
  color: #FF9900;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #eee;
  font-size: 15.5pt;
margin-left: 8px;
  }

/* Menu */

#catnav {
  margin: 20px 0 0 0;
  padding: 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

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

#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 44px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 13pt;
  color: #fff;
  letter-spacing: 0px;
  }

#nav li a:hover {
  color: #FF9900;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }

#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }

#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-top: 1px solid #131f27;
  background: #040404;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }

#nav li li a:hover {
  border-top: 1px solid #131f27;
  background: #000;
  color: #FF9900;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
  }

/* Top Content */

#main {
  margin: 5px 15px 0 15px;
  clear: both;
  width: 970px;
  padding-bottom: 5px;
  }
#contentwrapper {
  float:left;
  width: 560px;
  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper2 {
  float:left;
  width: 900px;  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 15px 0 10px 0;
  font-size: 14pt;
  letter-spacing: 0px;
  color: #fff;
  font-weight: 50;
  background: url(images/bg-trans.png) repeat;
  padding: 5px;
  }
.topPost {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  }
.topPost h2.topTitle a {
  font-size: 17pt;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #FF9900;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0 0;
  font-size: 9pt;
  color: #cdcdcd;
  }
.topPost p.topMeta a {
  text-decoration: none;
  color: #fff;
  }
.topPost p.topMeta a:hover {
  color: #FF9900;
  text-decoration: underline;
  }
.topPost div.topContent {
  font-size: 13pt;
  color: #efefef;
  margin: 8px 0;
  }
.topPost div.topContent p {
  font-size: 1.05em;
  line-height: 1.1em;
  text-align:justify
  }
.topPost div.topContent a {
  text-decoration: none;
  color: #fff;
  text-align:justify
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #FF9900;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  font-size: 1.05em;
  color: #eee;
  }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  font-size: 10pt;
  background: url(images/bg-trans.png) repeat;
  padding: 8px 10px;
  margin-right: 5px;
  line-height: 1.05em;
  color: #d1d1d1;
  border: 1px solid #111;
  }
.topPost span.linkpages {
  font-size: 13pt;
  font-style: italic;
  color: #d1d1d1;
  margin-bottom: 10px; display:block;
  }
.topPost span.linkpages a:hover {
  color: #fff;
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  background: #00000;
  }
.topPost span.topComments a {
  color: #d1d1d1;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topMore a {
  color: #d1d1d1;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  color: #d1d1d1;
  }
.topPost span.topTags a {
  color: #d1d1d1;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #FFF;
  text-decoration: none;
  }

img.nohover {
border:0
}
img.hover {
border:0;
display:none
}
a:hover img.hover {
display:inline
}
a:hover img.nohover {
display:none
}

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #eee;
  text-transform: lowercase;
  border: 1px solid #111;
  padding: 5px 8px;
  font-size: 13pt;
  line-height: 1.4em;
  }
#nextprevious a:hover {
  color: #FF9900;
  }

/* Comments */

#comments {
  margin-bottom: 10px;
  margin-top: 15px;
  background: #040404;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 1px solid #090909;
  padding: 0px 15px 10px 15px;
  color: #fff;
  }
#comments h3 {
  font-size: 10pt;
  font-weight: 50;
  color: #fff;
  margin: 15px 0;
  padding: 0;
  }
#comments p a {
  color: #6598b8;
  }
#comments p a:hover {
  color: #fff;
  text-decoration:none;
  }
#comments p {
  padding:0;
  margin: 7px 0;
  }
ul.commentlist, ul.trackback  {
  list-style-type: none;
  margin: 10px 0;
  font-size: 7pt;
  }
.commentlist li, .trackback li {
  margin: 10px 0 15px 0;
  padding: 10px;
  background: #080808;
  border: 1px solid #040404;
  list-style-type: none;
  }
.commentlist li.alt {
  background: #000;
  border: 1px solid #020202;
  border: none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a:hover {
  color: #eee;
  }
.commentlist a.gravatar {
  float: left;
  margin: 0 15px 10px 0;
  width: 60px;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 0;
  }
.commentlist .commentbody p a {
  text-decoration: underline;
  }
.commentlist cite {
  font-size: 13pt;
  font-style: normal;
  font-family: Kozuka Gothic Pr6N L, tahoma, arial narrow, adobe fan heat std, arial, PT Sans, sans-serif;
font-stretch: condensed;
  color: #ddd;
  }
.commentlist small.commentmetadata a {
  color: #666;
  }
.commentlist p {
  color: #dedede;
  }
#respond {
  clear: both;
  margin-top: 15px;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  padding: 10px;
  }
#comments #submit {
  margin: 0;
  }
#extrastuff a {color:#999; font-size:0.8em;}
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}

/* Welcome section */

#main #welcome {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  background: url(images/bg-trans.png) repeat;
  }
#main #welcome h2 {
  font-size: 13pt;
  font-weight: normal;

  color: #fff;
  letter-spacing: 0px;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  text-align:justify;
  }
#main #welcome p {
  font-size: 13pt;
  color: #eee;
  margin: 0 10px;
  padding: 6px 0;
  text-align:justify;
  }
#main #welcome a {
  text-decoration: underline;
  color: #CAE1FF;
  }
#main #welcome a:hover {
  color: #CAE1FF;
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
  color: #fff;
  font-size: 13pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }

/* Sidebars */
#sidebars {
  margin: 15px 0 0 0;
  float: right;
  width: 300px;
  color: #opacity=1;
  }
#sidebars .sidebarbox {
  background: url(images/bg-trans.png) repeat;
  padding: 8px 15px;
  }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
  width: 160px;
  }

#sidebar_right {
  float: right;
  width: 160px;
  }

#sidebars h2 {
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 13pt;
  color: #fff;
text-align:center;
  letter-spacing: 0px;
display:inline
  }

#sidebars table {
  width: 0px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 13pt;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #eee;
  background: a.nobullet left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;
text-align: center;
  color: #eee;
  }
#sidebars a:hover {
  color: #FF9900;
  text-decoration: none;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 13pt;
  color: #eee;
  }

#tag_cloud a {
  display: inline;
text-align: center;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}

/* Before footer */

#morefoot {
  background: #000 url(images/bggrad.jpg) top left repeat-x;
  border: 1px solid #070707;
  padding: 15px;
  color: #dfdfdf;
  margin: 0 0 10px 0;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 13pt;
  }
#morefoot a {
  text-decoration: ;
  color: #ddd;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: #6598b8;
  }
#morefoot h3 {
  font-size: 13pt;
  font-weight: 50;
  color: #dfdfdf;
  letter-spacing: 0px;
  border-bottom: 1px dotted #444;
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 340px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 260px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

/* footer*/
#footer {
  clear: both;
  background: #000;
  border: 1px solid #070707;
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 10pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration:none;
  }
#footer a:hover {
  color: #fff;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }

/* Misc */

.highlight {
  color: #222;
  font-weight: normal;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 10px 15px 5px 0;
  }
.alignright {
  float: right;
  margin: 10px 0 5px 15px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 10px 15px 5px 0;
  }
img.alignright {
  float: right;
  margin: 10px 0 5px 15px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;

  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }

#h1 {
    font-weight: normal !important;
}#h2 {
    font-weight: normal !important;
}

Okay, a couple of other things:

Firstly, i modified the css a bit, so here it is (this wasn’t to change the sidebar because I don’t know how, just for fonts).

/*
Theme Name: Pixel
Theme URI: https://85ideas.com/public-releases/wordpress-theme-pixel/
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and Feedburner email form integrated, easy to customize. Enjoy!
Author: Sam @ 85ideas.com
Author URI: https://85ideas.com/
Version: 2.0.2
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar, sticky-post
.
Released under <a href="https://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }
:focus {
  outline:0;
  }
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: Kozuka Gothic Pr6N L, arial narrow, tahoma, adobe fan heat std, arial, sans-serif;
font-stretch: condensed;
  }

hr {
  color: #333;
  border: 1px solid #121212;
  }

pre {
  height: auto;
  overflow-x:scroll;
  }

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  }

dd {
  padding-left: 15px;
  }

p {
  font-size: 13pt;
  }

a {
  color: #CAE1FF;
  text-decoration: none;
  }

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

a img {
  border: none;
  }

blockquote {
  background: #070707;
  border: 1px solid #060606;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #fff;
  }

code {
  color: #CAE1FF;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: Kozuka Gothic Pr6N L, arial narrow, tahoma, adobe fan heat std, arial, sans-serif;
font-stretch: condensed;
  background: #000 url(images/bgbody.jpg) top center no-repeat;
  color: #eee;
  }

/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 960px;
  text-align: left;
  padding: 0;
  }

#header {
  padding: 0;
  margin: 0;
  height: 80px;
  text-shadow: 0 0 4px #555;
  }

#header #topright {
  text-align: right;
  float: right;
  width: 930px;
  margin: 3px 0 0 0;
}
#header #topright ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#header #topright li {
  display: inline;
  }
#header #topright li a {
  color: #fff;
  font-size: 13pt;
  padding: 0 0 0 25px;
  text-transform: lowercase;
  }
#header #topright li a:hover {
  color: #FF9900;
  text-decoration: none;
  }

#header #logo {
  margin: 0;
  padding: 0;
}
#header h1 {
  padding: 0;
  margin: 0;
  }
#header h1 a {
  color: #fff;
  font-size: 24pt;
  text-decoration: none;
font-weight: normal;
  }
#header h1 a:hover {
  color: #FF9900;
  text-decoration: none;
  }
#header span {
  padding: 0;
  color: #eee;
  font-size: 15.5pt;
  }

/* Menu */

#catnav {
  margin: 20px 0 0 0;
  padding: 0;
  clear: both;
  height: 44px;
  width: 960px;
  }

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

#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 44px;
  margin: 0;
  padding: 0 20px 0 15px;
  font-size: 13pt;
  color: #fff;
  letter-spacing: 0px;
  }

#nav li a:hover {
  color: #FF9900;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }

#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }

#nav li li a {
  width: 150px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  border-top: 1px solid #131f27;
  background: #040404;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }

#nav li li a:hover {
  border-top: 1px solid #131f27;
  background: #000;
  color: #FF9900;
  padding: 5px 20px 5px 15px;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

#toprss {
  float: right;
  margin: 10px 15px 0 0;
  display: inline;
  width: 65px;
  line-height: 41px;
  }

/* Top Content */

#main {
  margin: 5px 15px 0 15px;
  clear: both;
  width: 970px;
  padding-bottom: 5px;
  }
#contentwrapper {
  float:left;
  width: 560px;
  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper2 {
  float:left;
  width: 900px;  margin: 0 0 15px 0;
  padding: 0;
  }
#contentwrapper .pageTitle, #contentwrapper2 .pageTitle {
  margin: 15px 0 10px 0;
  font-size: 14pt;
  letter-spacing: 0px;
  color: #fff;
  font-weight: 50;
  background: url(images/bg-trans.png) repeat;
  padding: 5px;
  }
.topPost {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  }
.topPost h2.topTitle a {
  font-size: 17pt;
  font-weight: normal;
  color: #fff;
  letter-spacing: 0px;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #FF9900;
  }
.topPost p.topMeta {
  padding: 0;
  margin: -10px 0 0 0;
  font-size: 9pt;
  color: #cdcdcd;
  }
.topPost p.topMeta a {
  text-decoration: none;
  color: #fff;
  }
.topPost p.topMeta a:hover {
  color: #FF9900;
  text-decoration: underline;
  }
.topPost div.topContent {
  font-size: 13pt;
  color: #efefef;
  margin: 8px 0;
  }
.topPost div.topContent p {
  font-size: 1.05em;
  line-height: 1.1em;
  text-align:justify
  }
.topPost div.topContent a {
  text-decoration: none;
  color: #fff;
  text-align:justify
  }
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #FF9900;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  font-size: 1.05em;
  color: #eee;
  }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  font-size: 10pt;
  background: url(images/bg-trans.png) repeat;
  padding: 8px 10px;
  margin-right: 5px;
  line-height: 1.05em;
  color: #d1d1d1;
  border: 1px solid #111;
  }
.topPost span.linkpages {
  font-size: 13pt;
  font-style: italic;
  color: #d1d1d1;
  margin-bottom: 10px; display:block;
  }
.topPost span.linkpages a:hover {
  color: #fff;
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
  background: #00000;
  }
.topPost span.topComments a {
  color: #d1d1d1;
  background: url(images/comments.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topMore a {
  color: #d1d1d1;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 1.1em;
  vertical-align: middle;
  color: #d1d1d1;
  }
.topPost span.topTags a {
  color: #d1d1d1;
  line-height: 1.1em;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  color: #FFF;
  text-decoration: none;
  }

#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #eee;
  text-transform: lowercase;
  border: 1px solid #111;
  padding: 5px 8px;
  font-size: 13pt;
  line-height: 1.4em;
  }
#nextprevious a:hover {
  color: #FF9900;
  }

/* Comments */

#comments {
  margin-bottom: 10px;
  margin-top: 15px;
  background: #040404;
  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 1px solid #090909;
  padding: 0px 15px 10px 15px;
  color: #fff;
  }
#comments h3 {
  font-size: 10pt;
  font-weight: 50;
  color: #fff;
  margin: 15px 0;
  padding: 0;
  }
#comments p a {
  color: #6598b8;
  }
#comments p a:hover {
  color: #fff;
  text-decoration:none;
  }
#comments p {
  padding:0;
  margin: 7px 0;
  }
ul.commentlist, ul.trackback  {
  list-style-type: none;
  margin: 10px 0;
  font-size: 7pt;
  }
.commentlist li, .trackback li {
  margin: 10px 0 15px 0;
  padding: 10px;
  background: #080808;
  border: 1px solid #040404;
  list-style-type: none;
  }
.commentlist li.alt {
  background: #000;
  border: 1px solid #020202;
  border: none;
  margin-top:10px;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a:hover {
  color: #eee;
  }
.commentlist a.gravatar {
  float: left;
  margin: 0 15px 10px 0;
  width: 60px;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 0;
  }
.commentlist .commentbody p a {
  text-decoration: underline;
  }
.commentlist cite {
  font-size: 13pt;
  font-style: normal;
  font-family: Kozuka Gothic Pr6N L, tahoma, arial narrow, adobe fan heat std, sans-serif;
  color: #ddd;
  }
.commentlist small.commentmetadata a {
  color: #666;
  }
.commentlist p {
  color: #dedede;
  }
#respond {
  clear: both;
  margin-top: 15px;
  }
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  padding: 10px;
  }
#comments #submit {
  margin: 0;
  }
#extrastuff a {color:#999; font-size:0.8em;}
#extrastuff a:hover {color:#6598b8; text-decoration:none;}
#extrastuff #rssleft {float:left; width:250px;}
#extrastuff #trackright {float:right; width:180px; text-align:right;}

/* Welcome section */

#main #welcome {
  margin: 0 0 20px 0;
  padding: 0 0 5px 0;
  background: url(images/bg-trans.png) repeat;
  }
#main #welcome h2 {
  font-size: 13pt;
  font-weight: normal;

  color: #fff;
  letter-spacing: 0px;
  margin: 0 10px;
  padding: 10px 0 3px 0;
  text-align:justify;
  }
#main #welcome p {
  font-size: 13pt;
  color: #eee;
  margin: 0 10px;
  padding: 6px 0;
  text-align:justify;
  }
#main #welcome a {
  text-decoration: underline;
  color: #CAE1FF;
  }
#main #welcome a:hover {
  color: #CAE1FF;
  }
#main #welcome form {
  margin: -5px 0 0 0;
  background: transparent; /* required for IE */
  }
#main #welcome #feedbox {
  border: 1px solid #ccc;
  padding: 2px 1px;
  width: 180px;
  }
.submitbutton {
  margin: -5px 0 0 5px;
  background: #010101;
  color: #fff;
  font-size: 13pt;
  padding: 3px 6px;
  vertical-align: middle;
  border: 1px solid #111;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #050505;
  }

/* Sidebars */
#sidebars {
  margin: 15px 0 0 0;
  float: right;
  width: 300px;
  color: #opacity=1;
  }
#sidebars .sidebarbox {
  background: url(images/bg-trans.png) repeat;
  padding: 8px 15px;
  }

#sidebar_full {
  padding: 0;
  margin: 0;
  }

#sidebar_left {
  float: left;
  width: 160px;
  }

#sidebar_right {
  float: right;
  width: 160px;
  }

#sidebars h2 {
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 13pt;
  color: #fff;
text-align:center;
  letter-spacing: 0px;
display:inline
  }

#sidebars table {
  width: 0px;
  }

#sidebars ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebars li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 13pt;
  }

#sidebars li ul {
  padding: 0;
  }

#sidebars ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #eee;
  background: a.nobullet left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebars a {
  display: inline;
text-align: center;
  color: #eee;
  }
#sidebars a:hover {
  color: #FF9900;
  text-decoration: none;
  }

#sidebars p {
  padding: 2px 0;
  font-size: 13pt;
  color: #eee;
  }

#tag_cloud a {
  display: inline;
text-align: center;
  }

#sidebars ul.children li {border-bottom:none;}
#sidebars ul.children {margin-bottom:0;}

/* Before footer */

#morefoot {
  background: #000 url(images/bggrad.jpg) top left repeat-x;
  border: 1px solid #070707;
  padding: 15px;
  color: #dfdfdf;
  margin: 0 0 10px 0;
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 13pt;
  }
#morefoot a {
  text-decoration: ;
  color: #ddd;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: #6598b8;
  }
#morefoot h3 {
  font-size: 13pt;
  font-weight: 50;
  color: #dfdfdf;
  letter-spacing: 0px;
  border-bottom: 1px dotted #444;
  margin: 0;
  padding: 0 0 2px 0;
  }
#morefoot #searchbox {
  padding: 1px;
  width: 180px;
  }
#morefoot .col1 {
  float: left;
  width: 340px;
  }
#morefoot .col2 {
  margin: 0 25px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 260px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/more.gif) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

/* footer*/
#footer {
  clear: both;
  background: #000;
  border: 1px solid #070707;
  padding: 15px 15px 10px 15px;
  }
#footer p {
  font-size: 10pt;
  color: #bbb;
  padding: 0;
  }
#footer a {
  color: #bbb;
  text-decoration:none;
  }
#footer a:hover {
  color: #fff;
  }
#footerleft {
  float: left;
  width: 500px;
  }
#footerright {
  float: right;
  width: 300px;
  text-align: right;
  }

/* Misc */

.highlight {
  color: #222;
  font-weight: normal;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 10px 15px 5px 0;
  }
.alignright {
  float: right;
  margin: 10px 0 5px 15px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

img.alignleft {
  float: left;
  margin: 10px 15px 5px 0;
  }
img.alignright {
  float: right;
  margin: 10px 0 5px 15px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;

  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }

#h1 {
    font-weight: normal !important;
}#h2 {
    font-weight: normal !important;
}

It looks fine in Safari and Chrome but for some reason in Firefox some of the headers are being made bold and the whole thing looks very ugly (see the artists page for example). I tried adding ‘font-stretch: condensed’ to the css and that worked okayish when i didn’t have any other fonts in the font family (which i don’t want… I picked those fonts for a reason), but as soon as i put other fonts in the font family it went ugly again.

Also, you’ll notice if you open the site in Firefox, the text of the top header has been shunted down. I can’t think of any reason for that, hopefully someone can help a brother out.

Thanks.

You’re so smart. Thank you

okay never mind then.