/*-----------------------------------------------------------------------------------*/
/* MASTHEAD */
/*-----------------------------------------------------------------------------------*/

/* MASTHEAD ADS */
.mast_ad_strip { float:left; margin-right:14px; zoom:1; } /* :hack: zoom:1; is for IE float enclosing */
.mast_ad_strip:after { content:"."; clear:left; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
#mastad { margin:0 auto; width:980px; padding-top:12px; padding-bottom:13px; zoom:1;}
#mastad:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}

/*-----------------------------------------------------------------------------------*/
/* LEFT COLUMN */
/*-----------------------------------------------------------------------------------*/

/* LEFT COLUMN ADS FIREFOX FIX */
.leftcol_ads .ad img { display:block; margin:0 auto; }

/*-----------------------------------------------------------------------------------*/
/* RIGHT COLUMN */
/*-----------------------------------------------------------------------------------*/

/* GENERIC SIDE COLUMN STYLES FOR RIGHT COLUMN AD BOXES */
.gradient_box { padding:0; zoom:1; } /* :hack: zoom:1; is for IE float enclosing */
.gradient_box:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
.plain_box { padding:15px 13px; zoom:1; background:#EEEEEE; } /* :hack: zoom:1; is for IE float enclosing */
.plain_box:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
.ad_column_box h2 { padding:12px 0 15px; margin:0; color:#000; font-size:1.385em; line-height:18px; margin:0; border-top:solid 9px #999999; zoom:1; } /* :hack: peekaboo bug fix */
.ad_column_box ul { margin:0; padding:0; list-style:none; }
.ad_column_box li { zoom:1; } /* :hack: zoom:1; is for IE float enclosing */ 
.ad_column_box li:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
.ad_column_box li.first { background:none; padding-top:0; }
.ad_column_box li.last { padding-bottom:0; }

/* AD SPECIFIC HEADING BACKGROUND COLOURS */
.ad_column_box .featured_recruiters h2, .ad_column_box .editors_comment h2 { margin:0; }

.ad_column_box .job_title, .ad_column_box .dir_title { width:300px}
.ad_column_box .job_location, .ad_column_box .dir_type { line-height:12px; color:#333; display:block; padding:0px 6px 0 0; border-right:solid 1px #333; }
.ad_column_box .job_salary, .ad_column_box .dir_location { line-height:12px; color:#333; padding:0 0 0 6px; }

/* LATEST JOBS AND DIRECTORY STYLES */
.latest_jobs li, .directory li { padding:6px 0; background:none; }
.latest_jobs li div, .directory li div { float:left; }
.latest_jobs li a, .directory li a { color:#333; display:block; line-height:18px; padding:0 0 3px; font-weight:bold; display:block; width:100%; }

/* JOB OF THE WEEK BOX */
.job_of_the_week p { margin:0 0 2px; line-height:16px; font-size:0.846em; }
.job_of_the_week .pic { float:right; padding:0; }
.job_of_the_week .gradient_box { background:#EEEEEE; border:solid 1px #999999; padding:13px 15px; }
.job_of_the_week .content { float:left; width:165px; }
.job_of_the_week .salary { color:#000; font-weight:bold; line-height:16px; margin-top:10px; }

/* BUTTON ADS TWO COLUMN */
.ad_column_box .col_1 { width:120px; float:left; }
.ad_column_box .col_2 { width:120px; float:right; }
.button_ads .plain_box { padding-top:18px; padding-bottom:9px; }

.button_ads ul li { padding:0 0 11px; background:none; }
.button_ads ul img { display:block; }

/* BUTTON ADS 1 COLUMN WITH SKYSCRAPER */
.ad_column_box .button_ads_skyscraper h2 {  }
.button_ads_skyscraper { zoom:1; } /* :hack: zoom:1; is for IE float enclosing */ 
.button_ads_skyscraper:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
.button_ads_skyscraper ul li { padding:0 0 11px; background:none; }
.button_ads_skyscraper ul img { display:block; }
.ad_column_box .button_ads_skyscraper .col_1 { padding:0; width:130px }
.ad_column_box .button_ads_skyscraper .col_2 { padding-right:0; width:160px; }
.button_ads_skyscraper ul { background:#EEEEEE; padding: 10px 5px 0;}

/* SIMPLE MPU */
.mpu { padding:0; zoom:1; }
.mpu img { display:block; }

/* EDITOR'S COMMENT */
.editors_comment img { display:block; }
.editors_comment h3 { margin:0; padding:6px 0; }
.editors_comment p { margin:0 0 10px; }
.editors_comment .pic { margin:10px 15px 1px 0; float:left; }
.editors_comment .story_more { clear:both; margin:0; border-bottom:solid 1px #00AEEF; padding-bottom:5px; text-align:right; font-size:1.077em; }

/*-----------------------------------------------------------------------------------*/
/* HANGING AD BLOCK OUTSIDE THE SITE CONTAINER */
/*-----------------------------------------------------------------------------------*/

#hanging_sky { position:absolute; right:-190px; top:14px; padding-right:15px; clear:both; } /* :hack: clear both to fix absolute positioning bug in IE6 */
#hanging_sky .ad { margin-bottom:15px; }
#hanging_sky .ad img { display:block; }

/*-----------------------------------------------------------------------------------*/
/* FOOTER */
/*-----------------------------------------------------------------------------------*/

/* FOOTER ADS */
#footer .footer_ad_strip { margin-bottom:1px; zoom:1; } /* :hack: zoom:1; is for IE float enclosing */
#footer .footer_ad_strip:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
#footer .ad { float:left; margin-right:12px; }
#footer .small { margin-right:0; }

/* BESPOKE FOOTER STYLES */
#bespoke_footer_blocks { margin:0 0 20px; background:#00AEEF url(/magazine/graphics/footer_bg.png) repeat-x top; zoom:1}
#bespoke_footer_blocks:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack: this entire line is for float enclosing */
.bespoke_block { float:left; width:318px; min-height:180px; _height:180px; padding:12px 15px 0; color:#000;}
.bespoke_block img { float:left; margin-right:5px; }
.bespoke_block h3 { font-size:1.385em; color:#000; margin:0 0 5px; }
.bespoke_block h3 a, .bespoke_block h3 a:visited { color:#000;}
.bespoke_block h3 span { font-weight:normal;}
.bespoke_block h4 { color:#FFF; margin:5px 0 5px; text-transform:uppercase; }
.bespoke_block h4 a, .bespoke_block h4 a:visited { color:#FFF;}
#bespoke_footer_blocks .bespoke_block p { clear:none; color:#000; margin:10px 0;}
#bespoke_block_1, #bespoke_block_3 { width:286px; }
#bespoke_block_1, #bespoke_block_2 { background:url(/magazine/graphics/footer_gradient_border.png) no-repeat top right }
#bespoke_block_3 { border:none; background:url(http://www.designweek.co.uk/Pictures/web/y/f/o/dw-mags.png) no-repeat bottom right; padding-bottom:100px; min-height:80px; _height:80px; }

* html #bespoke_footer_blocks { background:#00AEEF; background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/magazine/graphics/footer_bg_ie.png', sizingMethod='crop'); } /* resize/crop/scale */
* html #bespoke_block_1, * html #bespoke_block_2 { background:none transparent; }

/* NEW BESPOKE STYLE */

.bespoke_block_new { float:left; width:318px; min-height:180px; _height:180px; padding:12px 12px 0; color:#000;}

.bespoke_block_new img { float:left; margin-right:5px; }

.bespoke_block_new h3 { font-size:1.385em; color:#000; margin:0 0 5px; }

.bespoke_block_new h3 a, .bespoke_block h3 a:visited { color:#000;}

.bespoke_block_new h3 span { font-weight:normal;}

.bespoke_block_new h4 { color:#FFF; margin:5px 0 5px; text-transform:uppercase; }

.bespoke_block_new h4 a, .bespoke_block h4 a:visited { color:#FFF;}

#bespoke_footer_blocks .bespoke_block_new p { clear:none; color:#000; margin:10px 0;}

/* blog section */

.blog_container {
background-color:#e6e7e9; layer-background-color:#e6e7e9; font-size:13px/1.143; font-family:Akkurat; width:813px; 
}

.akkurat {
font-family:Akkurat;
}

.arrowLatestNews {
width:470px;
float:left;
color:#000000;
font-size:12.3px;
margin-bottom:8px;
}

.arrow { width:260px; float:left; color:#000000; font-size:12.3px; margin-bottom:8px; }
.arrow a { padding-top:-10px; color:#000000; font-weight:bold; }

.currentissue { display:none; }