#wrapper { width:996px; margin:0 auto; padding:0; position:relative;}
#attachments #wrapper { background:none; }
#attachments.wvPopupContent #wrapper { width:auto; }

/* Mast Styles */
#mast {margin-bottom:2px; height:115px;}
#mast_sleeve {  position:relative; zoom:1; margin: 0 20px 0 20px;  } /* :hack:float enclosing */
#mast_sleeve:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#attachments #mast { background:none transparent; width:956px; }

/* Main Columns */
/* Pad columns in to allow for left/right column */
#columns { position:relative; clear:both; width:606px; padding: 0; margin:0; zoom:1;  } /* :hack:float enclosing */

#columns:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#colwrapper { width:100%; margin-left: 20px; }

* html #leftcolumn, * html #rightcolumn, * html #colmain { position:relative; } /* :hack:for ie6 to make negatively margined columns display */

#colmain { float:left; width:100%; }
#content { float:left; width:586px;}
#index #content, #section2 #content{background:url(../magazine/graphics/cn-content-faux-column.gif)  repeat-y right top;}
#index #content, #story  #content, #section2 #content{width: 597px; }
#story #content { width:597px; background:url(../magazine/graphics/story_bg_line.gif) repeat-y 596px 0; }
#story #content .storytext { width:586px; }

/*my pages does not use the standard page structure though visually is intended to look the same - Stuart Johnston 29/12/08*/
.my_pages #columns{background:url(../magazine/graphics/cn-content-faux-column.gif); background-repeat: repeat-y; background-position: right top; width:616px;}
.my_pages #colmain{ width:586px;}
.my_pages #content { width:384px;}
/*this one instace breals with the class and has wider content and no faux column*/
#public_profile #content, #ugc_profile_edit #content { width:586px;}
#public_profile  #columns, #ugc_profile_edit #columns{background-image:none;}
.my_pages #secondary_content { float:right; width:182px;  display:inline;  padding: 0; margin: 0;}
.my_pages #rightcolumn {margin-right:-340px;}

* html .my_pages #columns {background-position: 412px 0;}

/* Ensure that changes here are reflected in padding for #columns */
#leftcolumn { float:left; width:166px; margin-left:-166px; }
#leftcolumn #leftcolumn_sleeve { margin-right:15px; }

#rightcolumn { float:right; width:350px; margin-right:-350px; background-color:#b2b2a6;}
* html #rightcolumn {margin-right:-360px;}
#rightcolumn .twocolumn { background-color: #B2B2A6; zoom:1; border-bottom: 0 none; } /* :hack:float enclosing */
#rightcolumn .twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#rightcolumn .twocolumn .column1 { float:left; width:50%; }
#rightcolumn .twocolumn .column2 { float:right; }
#rightcolumn_sleeve {margin:7px;}

/* Form Styling - Adjustments required for larger/smaller sites and if left column is dropped */
.formbox .text { width:70%; }
.formbox select { width:71.2%; }

.formsmall, .formbox .formsmall { width:26.5%; #width:25.5%; }
.formmedium, .formbox .formmedium { width:46.5%; #width:45.5%; }
.formlarge, .formbox .formlarge { width:70%; #width:69%; }

.formbox select.formsmall { width:27.2%; }
.formbox select.formmedium { width:47.7%; }
.formbox select.formlarge { width:70%; }

/* Basic Two Column Structure */
.twocolumn { padding:0; clear:both; zoom:1; } /* :hack:float enclosing, clear both is in for when section head contains no title but has RSS icon */
.twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
.twocolumn .column1 { float:left; width:48%; }
.twocolumn .column2 { float:right; width:48%; }

/* Section 2 Styling */
.section_twocolumn { zoom:1; } /*:hack:for ie7+6 to enclose floats*/
.section_twocolumn:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
.section_column1 { float:left; width:601px; }
.section_column1 .column1_sleeve { padding-right:10px }
* html .section_column1 .column1_sleeve { padding-right:0; }
.section_column2 { float:right; width:317px; padding-left:15px; }

/* Index/section2 page styles */
#index .section_column1, #section2 .section_column1 { width:384px; }
#index .section_column2, #section2 .section_column2 { width:182px; padding:0; margin-right: 11px;  }
* html #index .section_column2, * html #section2 .section_column2, * html #story .section_column2 {display: inline; margin-right: 8px;}
#index .section_column2 .column1, #index .section_column2 .column2, #section2 .section_column2 .column1, #section2 .section_column2 .column2 { width:auto; float:none; }
#index .section_column2 .column1_sleeve, #index .section_column2 .column2_sleeve, #section2 .section_column2 .column1_sleeve, #section2 .section_column2 .column2_sleeve { padding:0; }