#article { margin: 10px 3px; width: 340px; float: right; }
#article.wide { width: 600px; float: none; background-color: white; margin-left: auto; margin-right: auto; }
#article h1 { font-size: 14px; font-weight: bold; margin-bottom: 0; }
#article h2 { font-size: 12px; font-weight: bold; margin-bottom: 0; }
#article p { font-family: Arial, sans-serif; font-size: 12px; margin-top: 2px; display: block-inline; }
#article p.right { width: 100%; text-align: right; }
#article p.intro { font-size: 14px; font-style: italic; }
#article ul, #article ol { font-family: Arial, sans-serif; font-size: 11px; margin-top: 2px; display: block-inline; padding-left: 10px; }
#article .hilite { background-color: #FDD; padding: 10px 20px; }
#article .hilite.gold { background-color: #84744D; color: #FFF;  }
#article .hilite.gold a { color: #FFF;  }
#article .hilite.gray { background-color: #DDD; }
#article p.ar_cut { font-size: 10px; text-align: right; }
#article a { text-decoration: underline; }
#article .hilite.red a, #article .hilite.blue a, #article .hilite.green a { color: #FFF; }
#article img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
#article img.left { float: left; margin: 0 10px 10px 0; }
#article img.right { float: right; margin: 0 0 10px 10px; }
.ar_author { font-size: 13px; font-style: italic; float:right; padding-right: 10px; margin-bottom: 15px; text-align: right; }
.ar_title { font-size: 12px; }
#article.wide .ar_author { float:right; width: 100%; }


/* article thumbs */
.articles_v { display: block; overflow: visible; float:left; width: 160px; height: 100%; padding: 5px 6px 5px 5px; border-right: 1px solid #666; margin-right: 3px; padding-bottom: 50px; }
.articles_h, .articles_hd { float: right; padding-top: 5px; }
.articles_hd { width: 450px; }
.articles_h { width: 100%; }
.articles_h .art, .articles_hd .art { width: 120px; height: 180px; float: left; padding: 0 15px; }

.articles_v .art, .articles_h .art, .articles_hd .art { display:block; width: 120px; height: 180px; }
.articles_v .art *, .articles_h .art * { display:block; clear: both; }
.ar_title { text-align: left; }

/* region list */
#worldmap {
  display: inline;
  float: left;
  width: 400px;
  height: 237px;
} 

#region_list {
  display: inline;
  float: right;
  margin: 10px;
  border: 1px solid #666;
}

.region {
  display: block;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding: 2px 10px;
}

.region:hover, .wmie { color: #444; background: #AAA; }

#wm_afca, #wm_asia, #wm_nam { color: #F00; }
#wm_afca:hover, #wm_asia:hover, #wm_nam:hover { color: #444; background: #AAA; }

#wm_aust, #wm_eu, #wm_csam { color: #000; }
#wm_aust:hover, #wm_eu:hover, #wm_csam:hover { color: #444; background: #AAA; }


/* article info */
#ar_list { width: 100%; }
.ar_info { width: 100%; margin-left: 40px; }
.ar_info—>* { font-size: 12px; padding: 0 4px; }
.ar_mag { font-weight: bold; }
.ar_sec { font-size: 11px; }
.ar_tit { font-style: italic; }
.ar_ico { display: block; width: 20px; height:18px; overflow: hidden; }
.ar_ico_full { background: transparent url(/gfx/ico/article_full.png) no-repeat center top; }
.ar_ico_partial { background: transparent url(/gfx/ico/article_partial.png) no-repeat center top; }
.ar_ico_none { background: transparent url(/gfx/ico/article_none.png) no-repeat center top; }
.ar_pic { width: 104px; height: 104px; float: left; padding: 5px; background: url( /gfx/thumb_bg.png ); }


/* when listing magazine content */
#co_cover, #co_ar_title { width: 260px; height:100%; float:left; overflow: visible; padding: 5px 9px 5px 5px; border-right: 1px solid #666; margin-right: 1px; padding-bottom: 50px; }
#co_content, #co_banner, #co_ar_banner { float:right; padding-top: 4px; margin-right: 5px; margin-bottom: 5px; }
#co_list { width: 340px; margin: 10px 4px; float:right; }
.co_sec { font-weight: bold; }