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

/* Mast Styles */
#mast_sleeve { position:relative; zoom:1; margin:10px 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; }
#StoryBlog #colwrapper { width:606px; }

* 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, #story .section_twocolumn, #section2 #content, #StoryBlog .section_twocolumn { background:url(/magazine/graphics/aj-content-faux-column.gif) repeat-y right top; }
#index #content, #story #content, #section2 #content, #StoryBlog #content { width:597px; }

.my_pages #colmain { width:597px; background:url(/magazine/graphics/aj-content-faux-column.gif) repeat-y right top; }
.my_pages #content { width:384px; }
.my_pages #secondary_content { float:right; width:182px; display:inline; padding:0; margin:0 11px 0 0; }
.my_pages #rightcolumn {}
#public_profile #colmain, #ugc_profile_edit #colmain { width:586px; background-image:none; }
#public_profile #content, #ugc_profile_edit #content { width:586px; }

* 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; }
* html #rightcolumn { margin-right:-360px; }
#rightcolumn .twocolumn { background-color:#d9d9d9; border-bottom:0 none; margin-bottom:0; padding:7px; zoom:1; } /* :hack:float enclosing */
#rightcolumn .twocolumn:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
#rightcolumn .twocolumn .column1 { float:left; width:160px; }
#rightcolumn .twocolumn .column2 { float:right; }

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

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

/* 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; }
* 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, #story .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; }