@charset "utf-8";
	/*
	************************************************************************

	Custom stylesheet
		Style sheet with custom css instruction

	@Homepage:		http://www.internotredici.com
	@Author:			Fabrizio Menghini Calderón <fabrizio@internotredici.com>
	@License:		Creative Commons Attribution-Noncommercial-Share Alike 
						3.0 Unported License
	@Copyright:		2010 (c) Interno Tredici. 
						Some rights reserved.

	************************************************************************
	*/





	/*
	========================================================================
		General elements
	========================================================================
	*/

	body, html 
	{
		background-color: #eaeaea;
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 15px;
		color: #333;
	}

	a
	{
		color: rgba(0, 130, 168, 1) !important;
		color: #0082a8;
		text-decoration: underline;
	}
	a:hover
	{
		color: rgba(0, 130, 168, 1) !important;
		color: #0082a8;
		text-decoration: none;
	}
	aside a, nav a, header a, footer a, hgroup a { text-decoration: none; }
	p { margin-bottom: 20px; }
	figure 
	{ 
		margin-bottom: 10px;
		border: 1px solid #b1b5ba;
	} 
	figure dd { position: relative; }
	figure dd img { position: absolute; }
	figure dd a 
	{ 
		display: block;
		position: absolute;
		text-indent: -9999px; 
	}
	h1
	{
		font-size: 26px;
		font-weight: bold;
		line-height: 29px;
	}
	h2
	{
		font-size: 20px;
		font-weight: bold;
		line-height: 24px;
	}
	h3
	{
		font-size: 20px;
		font-weight: bold;
		line-height: 19px;
		margin-bottom: 6px;
	}
	h6
	{
		padding-top: 20px;
		font-size: 20px;
		padding-bottom: 5px;
		border-bottom: 1px solid #d5d5d5;
		clear: both;
		font-weight: bold;
		line-height: 26px;
	}
	sup { color: #af0101; }



	/*
	========================================================================
		GRID
	========================================================================
	*/

	.SF_grid_4 
	{
		margin: 0 auto;
		width: 936px;
	}

	.grid_1, .grid_2, .grid_3, .grid_4 
	{
		float: left;
		display: inline;
		margin: 0 5px;
	}

	.SF_grid_4 .grid_1 { width: 224px; }
	.SF_grid_4 .grid_2 { width: 458px; }
	.SF_grid_4 .grid_3 { width: 692px; }
	.SF_grid_4 .grid_4 { width: 926px; }

	.SF_grid_4 .prefix_1 { padding-left: 234px; }
	.SF_grid_4 .prefix_2 { padding-left: 468px; }
	.SF_grid_4 .prefix_3 { padding-left: 702px; }

	.SF_grid_4 .suffix_1 { padding-right: 234px; }
	.SF_grid_4 .suffix_2 { padding-right: 468px; }
	.SF_grid_4 .suffix_3 { padding-right: 702px; }

	.SF_gridalpha { margin-left: 0 }
	.SF_gridomega { margin-right: 0 }



	/*
	========================================================================
		Structural elements
	========================================================================
	*/

	#wrapper 
	{
		width: 936px;
		margin: 30px auto 0;
		border: 15px solid #fff;
		border-width: 15px 10px;
		background-color: #fff;
	}



	/*
	========================================================================
		Page header
	========================================================================
	*/

	#issue_info
	{
		height: 40px;
		line-height: 40px;
		font-size: 13px;
		font-weight: bold;
	}
	.issue_page #issue_info .SF_gridomega a
	{
		display: block;
		height: 30px;
		line-height: 30px;
		margin-top: 5px;
		padding-left: 25px;
		background: url(../images/icon_print.png) no-repeat left top;
		float: right;
	}
	#issue_info .SF_gridalpha a
	{
		height: 30px;
		line-height: 30px;
		margin-top: 5px;
		padding-left: 34px;
		background: url(../images/icon_blue_arrow.png) no-repeat left top;
		float: left;
	}
	#issue_info .SF_gridomega a
	{
		float: right;
		background-image: none;
		padding-left: 0;
	}
    #issue_info .issue_title
    {
        font-size: 1.5em;
    }



	/*
	========================================================================
		Page content
	========================================================================
	*/

	#page_content { padding-bottom: 40px; }
	#main_content 
	{ 
		font-size: 15px; 
		line-height: 19px;
	}

	#hero dd, #hero dd img, #hero dd a 
	{ 
		width: 690px;
		height: 321px;
	}
	#hero dt { display: none; }
	#other_stories
	{
		font-size: 16px;
		font-weight: bold;
	}
	#other_stories ul li
	{
		height: 37px;
		line-height: 37px;
		background: url(../images/background_contextual_navigation.png) repeat-x left bottom;
		overflow: hidden;
	}
	#other_stories ul li a
	{
		display: block;
		height: 37px;
		padding-left: 13px;
		background: url(../images/background_contextual_navigation_item.png) no-repeat left top;
	}
	#other_stories ul li:last-child { background-image: none; }



	/*
	========================================================================
		Featured article
	========================================================================
	*/

	.featured_article
	{
		width: 222px;
		height: 222px;
		float: left;
		margin: 0 10px 10px 0;
		background: #fff url(../images/background_figure.png) repeat-x left bottom;
	}
	.featured_article dd, .featured_article dd img, .featured_article dd a 
	{
		width: 222px;
		height: 149px;
	}
	.featured_article dt 
	{ 
		padding: 13px 13px 0;
		line-height: 17px;
		font-weight: bold; 
		font-size: 14px;
	}
	.featured_article dt a { text-decoration: none; }
	#main_content .featured_article:nth-child(3n+4) { margin-right: 0; }



	/*
	========================================================================
		Article
	========================================================================
	*/

	.article_title { margin-bottom: 15px; }
	.article_title h1
	{
		padding: 15px 140px 15px 0;
		border: 1px solid #d5d5d5;
		border-width: 1px 0;
		position: relative;
	}
	.article_title h1 a
	{
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0 8px 0 25px;
		background: url(../images/icon_print.png) no-repeat left top;
		font-weight: normal;
		font-size: 13px;
	}
	.print_page .article_title h1 a { display: none; }
	.article_title h2 { padding: 15px 0 5px; }

	.article_picture 
	{
		width: 336px;
		float: left;
		margin: 0 15px 15px 0;
		border: none; 
	}
	.article_picture dd
	{
		width: 336px;
		height: 208px;
	}
	.article_picture dd a { text-indent: 0; }
	.article_picture dt
	{
		font-size: 12px;
		color: #fff;
		font-weight: bold;
		padding: 10px;
		background-color: #0082a8;
	}
	.article_page h3 { clear: both; }
	.highlight
	{
		padding: 13px 8px;
		background-color: #e7f0f3;
		margin-bottom: 20px;
	}
	.highlight *:last-child { margin-bottom: 0; }
	.article_page ul li  { list-style-type: disc; }



	/*
	========================================================================
		Events
	========================================================================
	*/

	#tabs { position: relative; }
	#tabs_navigation 
	{ 
		height: 46px;
		overflow: hidden; 
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	#tabs_navigation ul 
	{ 
		width: 600px;
		float: left; 
		margin-left: 10px;
		font-weight: bold;
		font-size: 20px;
	}
	#tabs_navigation ul li 
	{
		height: 44px;
		line-height: 44px;
		float: left;
		margin-right: 2px;
		background: none;
	}
	#tabs_navigation ul li span
	{
		float: left;
		display: block;
		height: 44px;
		border: 1px solid #c5c5c5;
		border-bottom: 1px solid #fff;
		background-color: #fff;
		padding: 0 15px;
	}
	#tabs_navigation ul li a
	{
		float: left;
		display: block;
		height: 44px;
		background-image: none;
		color: #888 !important;
		padding: 0 15px;
		border: 1px solid #e0e0e0;
		border-bottom: 1px solid #c5c5c5;
		background: #e0e0e0;
	}
	#tabs_content
	{
		position: relative;
		border: 1px solid #c5c5c5;
		top: 45px;
		left: 0;
		z-index: 1;
		overflow: hidden;
	}
    h2.event-header
    {
		border-bottom: 1px solid #CCCCCC;
		padding: 10px 0 5px 24px;
    }
	.event
	{
		padding: 20px 24px 0;
		background: #fff url(../images/background_figure.png) repeat-x left bottom;
		border-bottom: 1px solid #c5c5c5;
	}
	.event:last-of-type { border-bottom: none; }
	.event a { text-decoration: none; }
	.event h1
	{
		font-size: 20px;
		line-height: 19px;
		overflow: hidden;
		color: #0082a8;
		margin-bottom: 8px;
		padding-bottom: 5px;
	}
	.event sup { color: #af0101; }
	.event b 
	{
		font-style: normal !important; 
		color: #333; 
	}
	.event dd, .event dt 
	{
		margin-bottom: 7px;
	}
	.event dl { overflow: hidden; }
	.event dt 
	{
		color: #666;
		text-align: right;
		width: 80px;
		margin-right: 10px;
		float: left;
		clear: left;
	}
	.event dd
	{
		width: 550px;
		float: left;
		font-weight: bold;
	}
	.event p
	{
		height: 43px;
		margin-bottom: 0;
		background: url(../images/background_event_footer.png) repeat-x left top;
	}
	.event p a
	{
		display: block;
		height: 42px;
		line-height: 42px;
		padding-left: 11px;
		background: url(../images/background_event_more.png) no-repeat left top;
	}
	.event_footnote 
	{
		margin-top: 60px;
		color: #666;
		font-size: 13px;
		font-weight: bold;
	}
	.event_footnote span { color: #af0101; }

	


	/*
	========================================================================
		Sidebar
	========================================================================
	*/

	aside h3 
	{
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	aside select 
	{ 
		font-size: 12px; 
		max-width: 194px;
	}
	#issue_selector
	{
		width: 194px;
		height: 48px;
		padding: 15px;
		margin-bottom: 10px;
		background: url(../images/background_issue_selector.png) no-repeat left top;
	}
	aside nav
	{
		width: 194px;
		height: 205px;
		padding: 15px;
		margin-bottom: 10px;
		background: url(../images/background_local_navigation.png) no-repeat left top;
	}
	aside nav h3 { margin-bottom: 5px; }
	aside nav ul li
	{
		height: 31px;
		line-height: 31px;
		padding-left: 10px;
		overflow: hidden;
	}
	aside nav ul li a, aside nav ul li span 
	{ 
		display: block; 
		height: 31px;
	}
	aside .featured_article { margin-right: 0; }



	/*
	========================================================================
		Page footer
	========================================================================
	*/

	#footnote
	{
		margin: 0 auto;
		width: 926px;
		height: 30px;
		line-height: 30px;
		background-color: #fff;
		padding: 0 15px;
		font-size: 12px;
		font-style: italic;
		overflow: hidden;
	}
	#page_footer
	{
		margin: 0 auto;
		width: 926px;
		height: 70px;
		line-height: 70px;
		padding: 0 15px;
		background-color: #0082a8;
		color: #a4d1de;
		font-size: 13px;
	}

	#page_footer .SF_gridomega { text-align: right; }
	#page_footer a
	{
		text-decoration: none;
		color: rgba(255, 255, 255, 1) !important;
		color: #fff;
	}
	#page_footer a:hover 
	{
		color: rgba(255, 255, 255, 1) !important;
		color: #fff;
		-webkit-transition: color .6s linear;
	}