/**
 *	Contents wrap
 */

html, body
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	background-color: #E7E7E7;
}

a
{
	color: #B21E29;
}

img
{
	border: none;
}

hr
{
	margin: 15px 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #cecece;
}

.clear
{
	clear: both;
	line-height: 0;
}

.hide
{
	display: none;
}

div.wrap
{
	width: 1000px;
	margin: 0 auto;
}

div.container
{
	background-color: #FFF;
}

/**
 *	Head
 */

#head
{
	width: 100%;
	background-color: #B21E29;
}

div.logo
{
	width: 439px;
	height: 96px;
	margin-left: -5px;
	overflow: hidden;
	background: #B21E29 url(/skin/images/logo.png) no-repeat top left;
}

a.logo
{
	position: absolute;
	width: 439px;
	height: 0;
	padding-top: 96px;
	overflow: hidden;
	
}

#topNavigation
{
	height: 20px;
	background: #fff url(/skin/images/tagline.png) no-repeat 4px 0px;
	text-align: right;
}

dl.topNavigation
{
	margin: 0px 10px 0 400px;
	padding: 3px 0;
	position: relative;
	right: 0;
}

dd.topNavigation
{
	display: inline;
	margin: 0;
	padding: 0;
}

a.topNavigation
{
	margin: 0 -3px;
	padding: 2px 10px;
	color: #4c4c4c;
	text-decoration: none;
	font-size: 1.02em;
	font-weight: bold;
	background-color: #f6f6f6;
}

a.topNavigation:hover, a.topNavigation:focus,
a.topNavigation:active
{
	background-color: #505050;
	color: #f5f5f5;
	text-decoration: none;
}

dl.subNavigation
{
	position: absolute;
	width: 100px;
	right: 0;
	margin: 5px 0;
	padding: 0;
	display: none;
}

dl.pages
{
	position: absolute;
	width: 100px;
	right: 150px;
	margin: 5px 0;
	padding: 0;
	z-index: 200000;
}

dl.subNavigation
{
	width: 600px;
	margin: 0;
	margin-top: 3px;
	margin-right: -3px;
	padding: 0;
	right: 0px;
}

dd.topSubNavigation, a.topSubNavigation
{
	float: right;
	text-align: center;
	margin: 0;
	padding: 4px 3px;
}

a.topSubNavigation
{
	width: 100px;
	padding: 4px 6px;
	background: #505050;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

a.topSubNavigation:hover
{
	background: #f6f6f6;
	color: #505050;
	font-weight: bold;
}

/**
 *	LEFT COLUMN
 */

#contents
{
	float: left;
	margin-top: 38px;
	background-color: #FFF;
	padding-right: 24px;
}

#categories
{
}

dl.categories
{
	margin: 0;
	padding: 0;
}

dt.categories
{
}

dd.categories
{
	float: left;
	clear: left;
	margin: 4px 10px 4px 20px;
	padding: 2px 4px;
	border-left: 1px solid #494949;
}

dd.selected
{

}

a.topcategory
{
	float: left;
	clear: left;
	margin-left: -7px;
	padding: 2px 10px 2px 10px;
	color: #FFF;
	text-decoration: none;
	background-color: #4c4c4c;
	border-bottom: 1px solid #FFF;
	text-transform: uppercase;
}

a.topcategory:hover
{
	background-color: #b21e29;
}

a.subcategory
{
	display: block;
	padding: 2px 0;
	color: #4c4c4c;
	text-decoration: none;
}

a.subcategory:hover
{
	text-decoration: underline;
}

a.selected
{
	text-decoration: underline;
}

#newsFeed
{
	clear: left;
	padding-top: 40px;
}

dl.newsFeed
{
	width: 210px;
	margin-left: 20px;
	padding: 0;
	font-size: 0.9em;
}

dt.newsFeed
{
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #CECECE;
	color: #B21E29;
	font-weight: bold;
	font-size: 0.9em;
}

dd.newsFeed
{
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #CECECE;
}

a.newsFeed
{
	color: #494949;
	text-decoration: none;
}

#companionWebsites
{
	clear: left;
}

dl.companionWebsites
{
	width: 210px;
	margin: 10px 0 10px 20px;
	padding: 10px 0 0 0;
	border-top: 1px solid #CCC;
}

dt.companionWebsites
{
	
}

dd.companionWebsites
{
	margin: 0;
	padding: 0;
	margin-left: 5px;
	font-size: 0.9em;
}

img.companionWebsites
{
	width: 200px;
}

img.reset
{
	width: 150px;
}

/**
 *	MIDDLE COLUMN
 */

#main
{
	float: left;
	width: 524px;
	margin: 38px 30px 0 0;
	background-color: #FFF;
}

span.date
{
	display: block;
	color: #494949;
	font-size: 0.9em;
	font-weight: bold;
}

span.author
{
	display: block;
	padding-bottom: 20px;
	color: #494949;
}

/* HOMEPAGE and LISTINGS */

#videoCarousel
{
	position: relative;
	height: 165px;
	margin-bottom: 15px;
	background: #B21E29 url(../images/gradient-bgrd-carrousel.png) repeat-x top left;
}

span.videoHeading
{
	position: absolute;
	margin-top: 3px;
	margin-left: 16px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}

#previousIssues
{
	padding: 2px;
}

a.fancy
{
	width: 432px;
	margin: 20px 15px 0 15px;
	display: block;
	position: relative;
	float: left;
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
}

span.playbutton
{
	position: absolute;
	display: none;
	z-index: 10000;
	width: 230px;
	height: 136px;
	overflow: hidden;
	margin-left: -238px;
	margin-top: -5px;
	background: transparent url(../images/type1-rollover.png) no-repeat top left;
}

span.playbuttonsmall
{
	position: absolute;
	display: none;
	z-index: 10000;
	width: 138px;
	height: 82px;
	overflow: hidden;
	margin-left: -133px;
	margin-top: -5px;
	background: transparent url(../images/type2-rollover.png) no-repeat top left;
}
#coverStory
{
	padding-top: 10px;
	border-top: 1px solid #CECECE;
}

div.share
{
	float: right;
	font-size: 0.9em;
}

#breadcrumbs
{
	display: none;
	font-size: 0.85em;
}

h1.coverTitle
{
	margin: 4px 0;
	color: #B21E29;
	font-weight: normal;
}

h1.storyTitle
{
	color: #B21E29;
	font-size: 2em;
	font-weight: normal;
}

h1.category, span.category, span.headline
{
	display: block;
	margin: 0;
	padding-top: 0;
	padding-bottom: 20px;
	color: #594242;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
}

a.headline
{
	color: #594242;
	text-decoration: none;
}

h1.hide
{
	display: none;
}

img.category
{
}

img.coverImage
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

p.coverSummary
{
	margin-top: 0;
	padding-top: 0;
	color: #494949;
}

div.coverStory
{
	float: left;
	width: 300px;
}

a.coverStory
{
	padding-left: 15px;
	color: #B21E29;
	font-size: 1.15em;
	font-weight: bold;
	text-decoration: none;
	background: #fff url(/skin/images/square-bullet.png) no-repeat 0px 5px;
	line-height: 1.16em;
}

div.issue
{
	padding: 10px 0;
	border-top: 1px solid #CECECE;
	clear: left;
}

img.issueImage
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 120px;
}

p.issueSummary
{
	margin-top: 0;
	padding-top: 0;
	color: #494949;
}

a.coverTitle
{
	text-decoration: none;
}

#story
{
	padding-top: 10px;
	border-top: 1px solid #cecece;
}

#stories
{
	clear: left;
}

div.story
{
	clear: left;
	padding: 10px 2px;
	border-top: 1px solid #CECECE;
}

div.story:hover
{
	background-color: #efefef;
}

span.topic
{
	display: block;
	color: #494949;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

dl.files, dt.files
{
	margin: 0;
	padding: 0;
	color: #494949;
}

dd.files
{
	margin: 0;
	padding: 3px;
	display: inline;
}

a.files
{
	float: left;
	padding: 0 10px 0 0;
}

a.subcat
{
	text-decoration: none;
	color: #494949;
}

a.subcat:hover
{
	color: #B21E29;
}

span.translations
{
	float: right;
}

a.translations
{
	color: #594242;
	text-decoration: none;
	font-weight: bold;
}

a.translations:hover
{
	color: #B21E29;
	text-decoration: underline;
}

h2.storyTitle
{
	margin: 0;
	font-weight: normal;
}

a.storyTitle
{
	color: #B21E29;
	text-decoration: none;
}

img.storyImage
{
	float: left;
	width: 100px;
	margin-right: 15px;
	margin-bottom: 15px;
}

p.storySummary
{
	margin-top: 0;
	color: #333;
}

.paginationControl
{
	padding: 20px 0;
	clear: left;
	border-top: 1px solid #CECECE;
}

p.summary
{
	margin-top: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}
/**
 *	RIGHT COLUMN
 */

#advertising
{
	float: left;
	width: 192px;
	margin-top: 38px;
}

#newsletterSignup, #lexicon, #searchbox
{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #F6F6F6;
}

#search
{
	margin-top: 6px;
}

#keyword, #email
{
	width: 150px;
}

span.boxHeading
{
	color: #b21e29;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}

a.boxHeading
{
	text-decoration: none;
}

p.boxTitle
{
	margin: 5px 0;
	font-size: 1.2em;
}

p.boxSummary
{
	margin: 5px 0;
	font-size: 0.9em;
}

div.video
{
	margin-bottom: 15px;
}

object, embed
{
	max-width: 520px;
	margin-bottom: 10px;
}

/**
 *	Footer
 */

#footer
{
	clear: both;
	margin-top: 40px;
	padding: 15px 0;
	border-top: 1px solid #CCC;
	background-color: #FFF;
}

p.copyright
{
	text-align: center;
	color: #494949;
}

/**
 *	Banners
 */

#banner-postop
{
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}

#banner-pos2
{
	padding: 10px 0;
	text-align: center;
}

#banner-pos3
{
	padding: 5px 0 12px 0;
	text-align: center;
	background-color: #E7E7E7;
}

#banner-pos4
{
	margin-left: 20px;
	padding: 10px 0;
	text-align: center;
}

img.banner
{
	border: none;
	margin-bottom: 10px;
}

.bottombanner
{
	margin-bottom: 10px;
}

.bottombannerIframe
{
	width: 182px;
	margin: 0 7px 10px 7px;
}

.rightbannerIframe
{
	width: 210px;
	height: 160px;
}

#intesaBox
{
	width: 180px;
	margin: 10px auto;
	background-color: #FFF;
	border: 1px solid #444;
	text-align: left;
}

dl.intesa, ul.intesaNews
{
	margin: 0;
	padding: 3px 5px;
	list-style-type: none;
}

dd.intesa
{
	margin: 0;
	padding: 0;
}

a.intesa
{
	color: #003B9C;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

h3.intesaNews
{
	margin: 0;
	padding: 3px 5px;
	font-size: 0.9em;
	background-color: #CCC;
	
}

/**
	Lexicon
 */

dl.index, dd.index
{
	margin: 0;
	padding: 0;
}

a.index, span.index
{
	float: left;
	padding: 3px;
}

span.index
{
	color: #666;
}

span.letter
{
	display: block;
	padding: 2px 5px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #b21e29;
	color: #FFF;
}

a.topindex
{
	float: right;
	color: #fff;
	font-size: 0.7em;
	font-weight: normal;
	text-decoration: none;
}

div.comment
{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #CCC;
	color: #494949;
}
/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: none }
legend      { font-weight: bold; font-size:1.2em; }
fieldset dl, fieldset dt, fieldset dd { margin: 0; padding: 0;}
fieldset.comments { border: 1px solid #CCC; color: #494949;}
/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select , input.file{
  margin:0.5em 0;
  border:1px solid #bbb;
}
textarea.caption	{ width: 140px; height: 50px; padding:5px; font-size: 1.25em;}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, input.title, input.file{ width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }
select  { width: 220px; padding:5px; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

/*.disabled   { background: #EDEDED; color: #222; border-color: #bbb; }*/
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }