/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure {display: block;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


/* ---------------------------------------------------
=utilities
----------------------------------------------------- */

.hidden { display: none;}
.clear { clear:both; }

/*
The New Clearfix Method
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
*/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ---------------------------------------------------
=start here
----------------------------------------------------- */

body {
    background: #666;
    max-width: 34em; 
    margin: 0 auto;
	font: normal 16px/1.3em Calibri, "Helvetica Neue", Helvetica, Arial, "DejaVu Sans Condensed", sans-serif;
	color: #333;     
	-webkit-text-size-adjust: none;
}

p {
	margin-bottom: .65em;
}

/* ---------------------------------------------------
=links
------------------------------------------------------ */

a {	
    color: #333;
	text-decoration: none;        
}

a:visited {
    color: #999;    
}

a:hover {
    color: #23568c;    
    -webkit-transition: color .15s ease-out; 
}

a:active {
    color: #23568c;
}

.credits {
    text-align: center;
    padding: .65em 8px;
    background: #999;
    -webkit-font-smoothing: antialiased;
}

.credits a {
    color: inherit;
	text-decoration: underline;            
}


/* ---------------------------------------------------
=headlines
----------------------------------------------------- */


.stories {
    list-style: none;
    background: #fff;
}

.stories a {
    display: block;
}

.stories li  {
    border-bottom: 1px dotted #ccc;    
    padding: .5em 8px;
    /* min 2 lines */        
    min-height: 2.6em;    
    hyphens: auto;
    -webkit-hyphens: auto;             
}

.stories li:last-child {
    border-bottom: none;
}


.stories li span.c {
    font-size: 1.3em;
}

.stories li.varie span.c {
    color: #f3a200;   
}

.stories li.media-e-tv span.c {
    color: #1f8599;
}

.stories li.business span.c {
    color: #1f9948;
}

.stories li.politica span.c {
    color: #b3243c;
}

.stories li.cafonalino span.c {
    color: #481f99;
}

.stories li.cafonal span.c {
    color: #991f71;
}

.stories li.cronache span.c {
    color: #283d9e;
}

.stories li.sport span.c {
    color: #ccbe1f;
}

.stories li span.d {
    color: #666;
    font-size: 14px;
}

.stories a:visited span.c {
    color: #999;
}

.stories a:first-line {
    font-weight: bold;    
}

.stories a:visited:first-line {
    font-weight: normal;    
}