#wrapper
{
    
    #margin-bottom: 20px;
}
#wrapper_sleeve
{
    /*width: 996px;*/
    margin: 0 auto;
    padding: 0;
    position: relative;
    /*background-color: Orange;*/
    text-align: center;
}
#attachments #wrapper
{
    background: none;
}

/* Mast Styles */
#mast
{
	padding-top:25px;
    height: 124px;
    width: 996px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#mast *
{
    zoom: 1;
}
/* :hack:fix png for IE6 */
#mast_sleeve
{
    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 */

#columns
{
    position: relative;
    clear: both;
    /*width: 606px;*/
    padding: 0;
    margin: 0;
    zoom: 1;
    background-color: #fff;
    padding: 0 20px 20px 20px;
    margin-bottom: 20px;
    background-image:url(/magazine/graphics/columns-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 956px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
/* :hack:float enclosing */

#columns:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
/* :hack:float enclosing */
#colwrapper
{
    background-image:url(/magazine/graphics/colwrapper-faux-bg.jpg);
    background-repeat: repeat-y;
    background-position: right top;
    zoom : 1;
}

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

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

#colmain
{   
    /*background-color: pink;*/
    width: 586px;
    float:left;
}
#index #content, #story #content, #section2 #content
{
    width: 586px;
}
.my_pages #content
{
    width: 384px;
    float:left;
}
#ugc_profile_edit #content,
#public_profile #content
{
    width: 586px;
}
.my_pages #secondary_content
{
    float: right;
    width: 182px;
    display: inline;
    padding: 0;
    margin: 0;
}
#leftcolumn
{
    float: left;
    width: 166px;
    margin-left: -166px;
}
#leftcolumn #leftcolumn_sleeve
{
    margin-right: 15px;
}

#rightcolumn
{
    width: 350px;
    float: right;
}

#rightcolumn .extras
{
    position: relative;
}

#rightcolumn .twocolumn
{
    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: 8px 8px 0 8px;
    #padding-bottom:2px;
}

/* 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%;
}

.twocolumn .column1_sleeve
{
}
.twocolumn .column2_sleeve
{
}

/* 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;
    /*background-color: Yellow;*/
}
.section_column1 .column1_sleeve
{
   
}
* html .section_column1 .column1_sleeve
{
    padding-right: 0;
}
.section_column2
{
    float: right;
    width: 317px;
    padding-left: 15px;
}
.section_column2 .colour2
{
}

/* 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;
    /*background-color: Purple;*/
}
* 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;
}