/* index */
#action .content #header { position:relative; margin:0 -50px; width:980px; height:350px; }
#action .content #header .header { position:absolute; top:0; left:0; padding:50px; width:880px; height:250px; }
#action .content #header .header * { position:relative; }
#action .content #header .header img.across { position:absolute; top:0; left:0; margin:0; }
#action .content #header .header p { width:210px; color:#fff; font-size:14px; margin: 10px 0 40px; }

#action .content #header #header-nav { position:absolute; top:315px; left:49px; }
#action .content #header #header-nav li { float:left; margin-right:3px; }
#action .content #header #header-nav li a { display:block; position:relative; width:10px; height:10px; overflow:hidden; }
#action .content #header #header-nav li a img { display:block; position:absolute; top:0; left:0; }
#action .content #header #header-nav li a.active img { top:-10px; }

#action .content .grid3col { margin:0 -50px; padding:50px 50px 0; background:url(/euro/logicstudio/in-action/images/index_contentbg20090721.png) repeat-x; }
#action .content .grid3col .column { position:relative; margin-left:50px; width:260px; }
#action .content .grid3col .column a:hover { text-decoration:none; }
#action .content .grid3col .column a.more:hover { text-decoration:underline; }
#action .content .grid3col .column .enlarge { display: block; position: absolute; top: -11px; left: -11px; width: 22px; height: 21px; z-index: 4; background: url(/euro/global/elements/buttons/icon-play.png) no-repeat left top; behavior: url(/global/scripts/lib/iepngfix.htc); }
#action .content .grid3col .column img { padding:4px; border:1px solid #d6d6d6; background:#fff; }
#action .content .grid3col .column h3 { margin:8px 0 7px 1px; font-weight:normal; line-height:20px; font-size:1.2em; }
#action .content .grid3col .column h3 a { color:#000; }
#action .content .grid3col .column h3 a span { color:#666; }
#action .content .grid3col .column h3 a:hover, #action .grid3col h3 a:hover span { color:#08c; }
#action .content .grid3col .column p { margin-bottom:35px; }


/* articles */
.article .content { padding: 0 30px 36px; width: 920px; }
.article .content #hero { margin:0 -30px 20px; }

.article .content h1 { margin-bottom:46px; font-size:24px; }
.article .content h1 span { color:#666; }
.article .content p.byline { margin:-34px 0 16px; font-weight:bold; }
.article .content p.caption { margin-top:-16px; font-size:9px; }

.article .content .column { margin-left:50px; width:276px; }

.article .content .pagination { font-weight:bold; color:#ccc; margin-bottom:.9em; margin-top:2.6em; }
.article .content .pagination strong { color:#333; background:#fff; position:relative; z-index:10; }
.article .content .pagination a { color:#08c; text-decoration:none; }
.article .content .pagination a,
.article .content .pagination span { padding-left:5px; border-left:1px solid #ccc; position:relative; left:-5px; z-index:9; font-style:normal; }
.article .content .pagination a:hover { text-decoration:underline; }

.article .content .sidebar { font-size:11px; line-height:1.4; }
.article .content .sidebar h2 { margin-bottom:10px; padding-bottom:2px; border-bottom:1px solid #ccc; font-size:14px; }
.article .content .sidebar h4 { color:#444; }
.article .content .sidebar .box { margin-bottom:18px; padding:18px 18px 1px; background:#eee; }
.article .content .sidebar img.left { margin-right:10px; }