Adding grid styles in CSS

The next step is to add CSS entries for the new columns to a CSS file: For example, in theme.css file (found in /static/theme/default/base/css):

div.x140x300x300x140-config div#header {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 940px;
}

div.x140x300x300x140-config div#left {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 140px;
}

div.x140x300x300x140-config div#main1 {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 300px;
}

div.x140x300x300x140-config div#main2 {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 300px;
}

div.x140x300x300x140-config div#right {
  float: left;
  width: 140px;
}

div.x140x300x300x140-config div#footer {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 8px 0 0;
  width: 940px;
}