Transferring HTML site to Wordpress - CSS file problem.

Hi guys,

I've been trying to copy and paste the html of my current site to the html box when I make a "post" in Wordpress.

The content appears ok but then things like customised full width boxes don't show up with the correct formatting. I've tried copying and pasting the css from the "div" file of my old html site into a file called "style.css" of the wordpress theme I'm using but the things still aren't formatting properly.

Is there something I'm doing wrong?

Thanks a million for the help

 

Make sure that the ID and class names used in the form are unique, and that they are not also used by the template files.
If you can post a link to your blog, it would help us see what is wrong.

 

This is the link to a page in the wordpress transfer

http://loseweightbuildmuscles.com/best-diets2.html

The old page is http://loseweightbuildmuscles.com/best-diets.html - This page is where you can see the formatted boxes etc

The CSS file is attached too..I basically copy and pasted the entire div.css file from my old site into the bottom of the attached "style.css" file. Basically when you open it you'll see underneath ".tabber" is where I copied the content of the old CSS file.

Have I done something wrong? Why are the boxes not showing? Thanks

P.S> Hmm I can't seem to attach the file..Do we not have an attach option anymore?

 

/*
Theme Name: Magazine
Theme URL: http://www.studiopress.com/themes/magazine
Description: Magazine is a 2-column Widget-ready theme created for WordPress.
Author: StudioPress
Author URI: http://www.studiopress.com
Version: 1.0
Tags: two-columns, fixed-width, sidebar-widgets, threaded-comments

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

body {
background: #EBEBEB url(images/bg.gif) top center repeat-y;
color: #333333;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

#wrap {
background: #EAEAEA;
width: 960px;
margin: 0px auto 0px;
padding: 0px;
}

hr {
border: none;
border-bottom: 1px solid #C0C0C0;
margin-bottom: 10px;
padding: 0px 0px 10px 0px;
height: 0px;
clear: both;
}

.clear {
clear: both;
}

.thumb {
float: left;
margin: 0px 10px 0px 0px;
}

.tabber {
display: none;
}

/************************************************
* Hyperlinks *
************************************************/

a, a:visited {
color: #354f13;
text-decoration: none;
}

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

a img {
border: none;
}

a:focus, a:hover, a:active {
outline: none
}

/************************************************
* Header *
************************************************/

#header {
background: #111111 url(images/header.png);
width: 960px;
height: 205px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

#header p {
padding: 0px 0px 5px 10px;
margin: 0px;
line-height: 20px;
}

#header #imageheader {
width: 600px;
height: 205px;
text-indent: -10000px;
background: url(images/logo.png) left top no-repeat;
}

#header #imageheader a {
display: block;
width: 600px;
height: 20px;
}

#header h1, #header h4 {
color: #FFFFFF;
font-size: 24px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 15px 0px 0px 10px;
text-decoration: none;
}

#header h1 a, #header h1 a:visited, #header h4 a, #header h4 a:visited {
color: #FFFFFF;
font-size: 24px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#header h1 a:hover, #header h4 a:hover {
color: #FFFFFF;
text-decoration: none;
}

.headerleft {
width: 600px;
float: left;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.headerleft p {
color: #FFFFFF;
font-size: 14px;
margin: 0px;
padding: 0px 0px 0px 10px;
}

.headerright {
width: 350px;
float: right;
margin: 0px;
padding: 0px 0px 0px 0px;
}

/************************************************
* TopNav *
************************************************/

#topnav {
margin: 0px;
padding: 0px 5px 0px 0px;
float: right;
}

#topnav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#topnav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#topnav li a, #topnav li a:link {
background: #3c6408;
color: #FFFFFF;
display: block;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
font-weight: bold;
margin: 175px 5px 0px 0px;
padding: 8px 15px 7px 15px;
text-decoration: none;
text-transform: uppercase;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

#topnav li a:hover {
background: #354f13;
color: #FFFFFF;
margin: 175px 5px 0px 0px;
padding: 8px 15px 7px 15px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
background: #86bf41;
width: 150px;
color: #FFFFFF;
float: none;
margin: 0px 0px 0px -1px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #111111;
border-left: 1px solid #111111;
border-right: 1px solid #111111;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-khtml-border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

#topnav li li a:hover {
background: #484848;
color: #FFFFFF;
margin: 0px 0px 0px -1px;
padding: 7px 10px 7px 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-khtml-border-radius: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

#topnav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 180px;
margin: 0px;
padding: 0px;
}

#topnav li li {
}

#topnav li ul a {
width: 150px;
}

#topnav li ul a:hover, #topnav li ul a:active {
}

#topnav li ul ul {
margin: -30px 0 0 171px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover1 ul ul, #topnav li.sfhover1 ul ul ul {
left: -999em;
}

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

#topnav li:hover, #topnav li.sfhover1 {
position: static;
}

#topnav .current_page_item a {
background: #GGGGGG;
color: #FFFFFF;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

/************************************************
* Navbar *
************************************************/

#navbar {
background: url(images/navbar.png);
width: 960px;
height: 36px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFFFFF;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
}

#navbar p {
margin: 0px;
padding: 8px 0px 0px 15px;
text-transform: uppercase;
}

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

#nav ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}

#nav li a, #nav li a:link, #nav li a:visited {
background: url(images/navside.png) right no-repeat;
color: #FFFFFF;
display: block;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
margin: 0px;
padding: 11px 17px 10px 15px;
}

#nav li a:hover, #nav li a:active {
background: url(images/navhov.png) right no-repeat;
color: #FFFFFF;
margin: 0px;
padding: 11px 17px 10px 15px;
text-decoration: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #86bf41;
color: #FFFFFF;
width: 150px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
text-transform: uppercase;
float: none;
margin: 0px;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #111111;
border-left: 1px solid #111111;
border-right: 1px solid #111111;
}

#nav li li a:hover, #nav li li a:active {
background: #354f13;
color: #FFFFFF;
margin: 0px;
padding: 7px 10px 7px 10px;
}

#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#nav li li {
}

#nav li ul a {
width: 140px;
}

#nav li ul a:hover, #nav li ul a:active {
}

#nav li ul ul {
margin: -30px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

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

#nav li:hover, #nav li.sfhover {
position: static;
}

/************************************************
* Searchbar *
************************************************/

#searchbar {
background: #477708;
width: 960px;
height: 44px;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
color: #FFFFFF;
font-weight: bold;
margin: 0px auto 0px;
padding: 0px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#searchbarleft {
width: 350px;
float: left;
margin: 0px;
padding: 10px 0px 0px 10px;
}

#searchbarmiddle {
width: 290px;
float: left;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#searchbarright {
width: 295px;
float: left;
margin: 0px;
padding: 2px 0px 0px 0px;
}

#searchbarright a, #searchbarright a:visited {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

#searchbarright a:hover {
text-decoration: underline;
}

#searchbarright a img {
border: none;
margin: 0px 3px 1px 0px;
padding: 0px;
}

#searchbarform {
margin: 10px 0px 0px 0px;
display: inline;
overflow: hidden;
}

#searchbarformheader {
margin: 0px;
}

#searchbarsearch {
background: #FFFFFF url(images/searchbar.png) repeat-x;
width: 240px;
color: #222222;
font-family: Arial, Tahoma, Verdana;
padding: 3px 0px 3px 5px;
margin: 0px 5px 0px 3px;
border: 1px solid #666666;
display: inline;
}

#searchbarsubmit {
background: #222222;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 3px 2px 3px;
border: 1px solid #222222;
}

#cat {
background: url(images/searchbar.png) repeat-x;
width: 220px;
color: #222222;
font-family: Arial, Tahoma, Verdana;
padding: 3px 2px 2px 2px;
margin: 0px 3px 0px 3px;
border: 1px solid #666666;
display: inline;
}

.postform {
background: #FFFFFF;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 0px 0px 0px;
padding: 5px;
display: inline;
}

.rsslink {
padding: 2px 5px 2px 15px;
background: url(images/rss.png) no-repeat left center;
}

/************************************************
* Homepage *
************************************************/

.hptabber {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 15px 10px 0px 10px;
border: 1px solid #C0C0C0;
}

.hpfeatured {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #C0C0C0;
}

.hpfeatured p {
margin: 0px;
padding: 0px;
}

.homeleft {
float: left;
width: 299px;
margin: 0px;
padding: 0px;
}

.homeright {
float: right;
width: 299px;
margin: 0px;
padding: 0px;
}

.homeblock {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #C0C0C0;
}

.homeblock p {
margin: 0px;
padding: 0px;
}

.homeblock embed, .homeblock object {
width: 277px;
height: 225px;
margin: 0px;
padding: 0px;
}

/************************************************
* Content *
************************************************/

#content {
width: 950px;
margin: 0px auto 0px;
padding: 10px 0px 0px 0px;
line-height: 18px;
}

#contentleft {
float: left;
width: 613px;
margin: 0px;
padding: 0px;
}

#contentfull {
float: left;
width: 950px;
margin: 0px;
padding: 0px;
}

#contentleft h1, #contentfull h1 {
color: #111111;
font-size: 20px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#contentleft h1 a, #contentfull h1 a {
color: #111111;
font-size: 20px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h1 a:hover, #contentfull h1 a:hover {
color: #354f13;
font-size: 20px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h2, #contentfull h2 {
color: #111111;
font-size: 18px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#contentleft h2 a, #contentfull h2 a {
color: #111111;
font-size: 18px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h2 a:hover, #contentfull h2 a:hover {
color: #354f13;
font-size: 18px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h3, #contentfull h3 {
color: #111111;
font-size: 16px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#contentleft h4, #contentfull h4 {
color: #111111;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#contentleft h4 a {
color: #111111;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h4 a:hover {
color: #354f13;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
text-decoration: none;
}

#contentleft h5, #contentfull h5 {
color: #111111;
font-size: 12px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#contentleft h6, #contentfull h6 {
color: #111111;
font-size: 10px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#contentleft img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

#contentleft img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}

.post {
margin: 0px 0px 50px 0px;
}

.postarea {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #C0C0C0;
}

.postarea .breadcrumb {
background: #F7F7F7;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 20px 0px;
padding: 5px 0px 5px 10px;
border: 1px solid #E6E6E6;
}

.postarea p {
margin: 0px;
padding: 0px 0px 10px 0px;
}

.postarea ol {
margin: 0px 0px 0px 20px;
padding: 0px 0px 10px 0px;
}

.postarea ol li {
margin: 0px;
padding: 0px 0px 5px 0px;
}

.postarea ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 10px 0px;
}

.postarea ul ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}

.postarea ul li {
background: url(images/icon.gif) no-repeat top left;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 20px;
}

.postarea ul ul li {
background: url(images/icon.gif) no-repeat top left;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 20px;
}

blockquote {
background: #F7F7F7;
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
border: 1px solid #E6E6E6;
}

#content blockquote p {
margin: 0px;
padding: 10px 0px 10px 0px;
}

.postauthor {
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #999999;
}

.postauthor p {
margin: 0px;
padding: 0px;
}

.postmeta {
background: #F7F7F7;
font-size: 11px;
text-transform: uppercase;
margin: 0px 0px 40px 0px;
padding: 5px 10px 5px 10px;
border: 1px solid #E6E6E6;
}

.postmeta p {
margin: 0px;
padding: 0px;
}

code {
background: #F7F7F7;
margin: 0px 25px 15px 25px;
padding: 10px;
display: block;
font-family: Verdana, Tahoma, Verdana;
border: 1px solid #E6E6E6;
}

.archives {
float: left;
width: 250px;
margin: 0px;
padding: 0px 25px 20px 0px;
}

.adblock {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #C0C0C0;
}

.postcomments {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 15px 10px 10px 10px;
border: 1px solid #C0C0C0;
}

/************************************************
* Images *
************************************************/

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}

img.alignnone {
padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}

img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.alignright {
float: right;
margin: 0px 0px 10px 10px;
}

.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}

.wp-caption {
background: #F7F7F7;
text-align: center;
padding: 4px 0px 5px 0px;
border: 1px solid #E6E6E6;
}

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

.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}

/************************************************
* Sidebar *
************************************************/

#sidebar {
float: right;
width: 327px;
margin: 0px;
padding: 0px 0px 0px 0px;
line-height: 20px;
}

#sidebar a, #sidebar a:visited {
color: #354f13;
text-decoration: none;
}

#sidebar a:hover {
color: #354f13;
text-decoration: underline;
}

#sidebar h2, #sidebar h4 {
color: #111111;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#sidebar p {
margin: 0px;
padding: 0px;
line-height: 20px;
}

#sidebar img {
margin: 5px 0px 0px 0px;
padding: 0px;
}

#sidebar embed, #sidebar object {
width: 300px;
height: 250px;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#sidebar .widget {
background: #FFFFFF;
margin: 0px 0px 10px 0px;
padding: 5px 5px 10px 10px;
border: 1px solid #C0C0C0;
}

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

#sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}

#sidebar ul ul li a, #sidebar ul ul li a:visited {
color: #354f13;
text-decoration: none;
}

#sidebar ul ul li a:hover {
color: #354f13;
text-decoration: underline;
}

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

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

#sidebar ul li li {
background: url(images/icon.gif) no-repeat top left;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

#sidebar ul li ul li {
background: url(images/icon.gif) no-repeat top left;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

#sidebar .textwidget {
margin: 0px;
padding: 0px;
}

.widget_tag_cloud {
margin: 0px;
padding: 0px 0px 0px 10px;
}

.enews {
background: #FFFFFF url(images/enews.gif) top right no-repeat;
margin: 0px;
padding: 0px;
}

/************************************************
* Searchform *
************************************************/

#searchform {
color: #111111;
font-size: 14px;
font-family: Tahoma, Arial, Verdana;
font-weight: normal;
margin: 10px 0px 0px 0px;
padding: 0px;
display: inline;
}

#searchformheader {
margin: 0px;
}

#s {
background: #FFFFFF url(images/searchbar.png) repeat-x;
width: 200px;
color: #222222;
font-family: Arial, Tahoma, Verdana;
padding: 3px;
margin: 5px 5px 0px 3px;
border-top: 1px solid #666666;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #EEEEEE;
}

#searchsubmit {
background: #354f13;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 3px 2px 2px 2px;
border: 1px solid #354f13;
}

/************************************************
* Footer *
************************************************/

#footer {
background: url(images/footer.gif);
width: 960px;
height: 55px;
margin: 0px auto 0px;
padding: 0px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
}

#footer p {
color: #FFFFFF;
margin: 0px;
padding: 0px 0px 5px 0px;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

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

#footer a img {
border: none;
margin: 0px 4px 1px 0px;
padding: 0px;
}

.footerleft {
float: left;
width: 300px;
margin: 0px;
padding: 11px 0px 0px 30px;
}

.footerright {
float: right;
width: 600px;
margin: 0px;
padding: 11px 10px 0px 0px;
text-align: right;
}

/************************************************
* eNews Subscribe *
************************************************/

#subscribe {
margin: 0px;
padding: 0px 0px 5px 0px;
overflow: hidden;
}

#subbox {
background: #FFFFFF url(images/searchbar.png) repeat-x;
width: 220px;
color: #222222;
font-family: Arial, Tahoma, Verdana;
padding: 3px;
margin: 5px 5px 0px 0px;
border-top: 1px solid #666666;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #EEEEEE;
}

#subbutton {
background: #222222;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 3px 2px 3px;
border: 1px solid #222222;
}

#submit {
background: #222222;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
margin: 0px;
padding: 2px 0px 2px 0px;
border: 1px solid #222222;
}

#author, #email, #url {
background: #F7F7F7 !important;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px;
padding: 4px;
border: 1px solid #F0E4E4;
}

#comment {
background: #F7F7F7 !important;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 5px 0px 5px 0px;
padding: 4px;
border: 1px solid #E6E6E6;
}

/************************************************
* Comments *
************************************************/

.commentlist li ul li {
font-size: 12px;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 5px 0px 10px;
padding: 2px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.commentlist p {
font-weight: normal;
text-transform: none;
}

.commentmetadata {
font-weight: normal;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
}

#commentform {
margin: 5px 10px 0px 0px;
}

#commentform textarea {
width: 99%;
padding: 2px;
}

#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#commentform p {
margin: 5px 0px 5px 0px;
}

#commentform #submit {
margin: 0px;
float: left;
}

.alt {
margin: 0px;
padding: 10px;
}

.commentlist {
margin: 0px;
padding: 0px;
}

.commentlist ol {
margin: 0px;
padding: 10px;
}

.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 0px 10px 0px;
padding: 0px;
}

.children {
margin: 0px;
padding: 0px;
}

.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}

.reply a, .reply a:visited {
background: #222222;
color: #FFFFFF;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
text-decoration: none;
margin: 0px;
padding: 2px 5px 2px 5px;
border: 1px solid #222222;
}

.reply a:hover {
background: #354f13;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #354f13;
}

 

...CONTINUED

.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.thread-alt {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}

.thread-even {
background: #F7F7F7;
margin: 0px;
padding: 0px;
}

.depth-1 {
border: 1px dotted #E6E6E6;
margin: 0px;
padding: 0px;
}

.even, .alt {
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
margin: 0px;
padding: 0px;
}

.tabberlive .tabbertabhide {
display: none;
}

.tabber {
0px;
}

.tabberlive {
margin-bottom: 10px;
}

ul.tabbernav {
margin: 0px;
padding: 0px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
}

ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
}

ul.tabbernav li a {
padding: 0px;
border-bottom: none;
text-decoration: none;
}

ul.tabbernav li a:link {
background: #DADADA;
color: #222222;
margin: 0px 5px 0px 0px;
padding: 5px 10px 4px 10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

ul.tabbernav li a:visited {
background: #DADADA;
color: #222222;
}

ul.tabbernav li a:hover {
background: #F7F7F7;
color: #222222;
text-decoration: none;
}

ul.tabbernav li.tabberactive a {
background: #F7F7F7;
color: #222222;
padding: 5px 10px 5px 10px;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

ul.tabbernav li.tabberactive a:hover {
background: #DADADA;
color: #222222;
}

.tabberlive .tabbertab {
background: #F7F7F7;
color: #222222;
margin: 3px 0px 0px 0px;
padding: 15px 15px 5px 15px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
-khtml-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

.tabberlive .tabbertab h2 {
display: none;
}

.tabberlive .tabbertab h3 {
display: none;
}

.tabbertab cite {
font-size: 11px;
margin: 0px;
padding: 0px;
}

.tabbertab p {
font-size: 12px;
margin: 0px 0px 10px 0px;
}



/*This style sheet controls how the textboxes will look
The only thing that you might want to change will be the color
of the borders. They are set at #000066 at the moment.
The background color is set to ffffff (white), however if you
decide to change it you can. Just remember, if you do, it will affect EVERY
textbox on your site. To change only one, copy and paste the class here in the style sheet,
and alter the color. Change the name also... so the new class may be called
full-width-box-blue for eg. Then the new color can be called with your new class name.
*/



/*** right column Full width box.
Change the colors to suit. The standard box has a white background, and the
box2 has a colored background ***

IE has difficulty with dashed and dotted. Dotted will show as dashed, and dashed can be dodgy anyway.
So you are far better to use the solid property, as I have done here. At least you know you will get the same display in
every browser. Maybe Microsoft will produce a decent standards compliant browser ones day...but I doubt it*/


div.full-width-box {
background-color: #ffffff;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 2px solid #009900;

}

div.center-box {
width: 50%;
background-color: #ffffff;
margin-left:auto;
margin-right:auto;
padding: 15px;
border: 1px solid #000066;

}

div.full-width-box2 {
background-color: #ffffaa;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 1px solid #000066;

}

div.full-width-box-green {
background-color: #99ff66;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 2px solid #009900;

}

div.full-width-box-red {
background-color: #ff6666;
margin: 15px 0px 10px 0px;
padding: 15px;
border: 2px solid #009900;

}
/*** right column Half of width box left ***/
div.half-width-box-left {
background-color: #ffffaa;
margin: 5px 5px 5px 5px;
border: 2px solid #009900;
padding: 10px;
width: 50%;
float: left;

}
/*** right column Half of width box right ***/
div.half-width-box-right {
background-color: #ffffff;
margin: 5px 5px 5px 5px;
border: 1px solid #000066;
padding: 10px;
width: 50%;
float: right;

}

div.full-width-box1 {
background-color: #99ff66;
margin: 5px 0px 5px 0px;
padding: 3px;
border: 2px solid #009900;



/* the border of the image inside your half width textbox can be changed.
Its set to #5F8B8C at the moment. You can also change the solid
to either dashed or dotted if you want to*/

/*** Picture inside the text ***/
.img-float-left {
float: left;
padding: 2px;
margin-right: 5px;
border: 1px solid #009900;
}
.img-float-right {
float: right;
padding: 2px;
margin-left: 5px;
border: 1px solid #009900;
}
.img-float-center {
float: center;
padding: 2px;
margin-left: 5px;
border: 1px solid #009900;
}
/*** Clearing of a float ***/
div.clear {
clear: both;
width: 100%;
height: 1px;
}

 

This is the CSS file content guys...I've left a note where I copy and pasted the old div.css file into the new stylesheet.

Thanks for any help or observations

Altug

 

No need to post code, we use Firebug or Web Developer for that. Tricks of the trade, mate

Why have you left out the other two stylesheets (main3.css and nav3.css)?

Which boxes are you referring to exactly? If it's the ones with the green background, the hbg class for them is in main3.css.