/* -------------------------------------
/*  html, body, reset
/* -------------------------------------*/

html {
	color:black;
	text-align:center;	
	font:74% Georgia, Helvetica, sans-serif;
	background:url('design/html_bg.gif') top center; 
}

html, body { 
	margin: 0px; 
	padding: 0px;
}

body {
	width:900px;
	margin:0 auto;
	text-align:left;
	line-height:1.5em;

}

/* -------------------------------------
/*  rules of sections
/* -------------------------------------*/

#container {
	background:url('design/container_bg.gif') top left repeat-y; /* fix the navigation background */
}

#header{
	width:888px;
	height:172px;
	text-align:right;
	background:url('design/header_bg.gif') repeat-y;
}

#utility {
	float:right;
	margin-right:25px;
	margin-top:-42px;
	border-bottom: 1px inset black;
}

#issn {
	clear:both;
	float:right;
	margin-right:25px;
	margin-top:-20px;
	font-weight:bold;
	border-bottom: 1px inset black;
}

#navigation{
	float:left;
	width:214px;
	font-weight:bold;
}

#content{
	float:left;
	width:645px;
	padding: 0 20px 0 10px;
}

#footer {
	clear:both;
	width:888px;
	height:172px;
	padding-left:15px;
	background:url('design/footer_bg.gif') no-repeat;
}

#banner, .banner {
	margin:30px 35px;
}


/* -------------------------------------
/*  Search
/* -------------------------------------*/

.search { 
	/*
	    uso il margin invece di text-align:center; 	
	     per una questione di cross browser
	*/
	width:363px;
	height:48px;
	margin-bottom:10px;
	margin-left:100px;
	background:url('design/search_bg.gif') left no-repeat;
}

#search_input {
	width:290px; /* input width for cross browser*/
}

.search fieldset {
	padding-top:10px;
	margin-left:6px;
}

.search label {
	font-weight:bold;
	padding-right:3px;
	font-size:1.1em;
}

.submit {
	margin-bottom:-4px;
}

/* -------------------------------------
/*  navigation
/* -------------------------------------*/

#navigation ul {
	margin: 0px;
	list-style:none;
	background: url('design/navigation_spacer.gif') bottom right no-repeat;
}

#navigation ul li{
	text-indent:30px;
	height:38px;
	cursor:pointer;
	background:url('design/navigation_icon.gif') right no-repeat;
}

#navigation ul li a{
	display:block;
	color:#0e7fc7;
	padding: 10px 0;
	font-size:1.1em;
	height:20px; /* IE6 FIX */
	font-variant: small-caps;
	text-decoration:none;
	background: url('design/navigation_spacer.gif') top right no-repeat;
}

#navigation ul li a:hover{
	color:red;
}

#navigation ul li:hover{
	margin-left:1px; /* fix a little error in the design :D */
	background: white url('design/navigation_icon_hover.gif') right no-repeat;
}

#navigation ul li.current{
	margin-left:1px; /* fix a little error in the design :D */
}

#navigation ul li.current a{
	color:black;
	background: white url('design/navigation_spacer.gif') top right no-repeat;
}

/* -------------------------------------
/*  Txt lists (magazine page)
/* -------------------------------------*/

ul.txt-list  {
	background:url('design/txt-list_bg.gif') left repeat-y;
	border-left:1px dotted blue;
}

ul.txt-list li {
	list-style:none;
}

ul.txt-list li:hover {
	list-style:url('icons/arrow_right.gif');
}

ul.txt-list li a{
	background:url('icons/text-onl.gif') left no-repeat;
	padding:2px 0 2px 20px;
	margin-left:12px;
}

/* -------------------------------------
/*  Filetype Icon
/* -------------------------------------*/

a.external {
	background: url('icons/extlink.png') no-repeat;
	padding-left: 12px;
}

/* -------------------------------------
/*  classes
/* -------------------------------------*/

.section{
	margin:0 10px 20px 10px;
}

.abstract{
	float:right;
	font-weight:bold;
}

.quick_icon{
	display:none; /*linee editoriali arretrate... sigh */
	float:right;
	width:130px;
	margin-top:-5px;
}

.quick_icon_author {
	float:right;
	width:130px;
	margin-top:-20px; /* align to H2 */
	text-align:right;
}

.quick_bio{
	float:right;
	margin-top:-15px; /* align to H2 */
	padding:0px;
}

.dropdown{
	float:right;
	width:130px;
	padding:0px 35px 0px 0px;
	margin-top:-30px;
}

.go_top {
	float:right; 
	margin-top: 10px;
}

.go_style {
	display:none;
}

.go_content{
	display:none;
}

.breadcrumb{
	width:500px; /*altrimenti è troppo largo e stona */
	margin-left:10px;
	font-size:85%;
}

.description{
	background:#e4eef8 url('icons/blockquote.gif') bottom right no-repeat; 
	border:1px dotted gray;
	width:440px;
	margin-bottom:20px;
}

/* -------------------------------------
/*  Autocomplete
/* -------------------------------------*/

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	font-size:90%;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #156CC0;
	color: white;
}

.ac_rank{
position:absolute;
right:0px;
color:red;
font-size:90%;
padding-right:4px;
}

.ac_over .ac_rank{
	color:yellow;
}

/* -------------------------------------
/*  Gender List
/* -------------------------------------*

li.male, li.female {
	list-style:none;
	padding:3px 0;
	text-indent:16px;
}

li.male {
	background: url('icons/male.gif') center left no-repeat;
}

li.female {
	background: url('icons/female.gif') center left no-repeat; 
}
*/

/* -------------------------------------
/*  Multimedia (Magic Hover)
/* -------------------------------------*/


table.multimedia {
	width: 450px;
	padding:5px 0px 10px 5px;
}

span.overlay { 
	display:block; 
	width:157px; 
	top:10px; 
	right:4px; 
	margin:0 auto; 
	position:absolute; 
	height:132px; 
	background:transparent url(icons/video-ov.png) no-repeat; 
}



a.thumbnail { 
	width:auto; 
	height:auto; 
	display:block; 
	position:relative; 
	float:right;
	margin-top:-104px; /*align to the table in media section*/
}

a.thumbnail img {  
	margin:0px 10px 0 0;
}

/* -------------------------------------
/*  Pagination
/* -------------------------------------*/

#pagination h4 { 
	float:left; 
	margin:2px 0 0 0px; 
	display:inline; 
	font-weight:normal; 
}

#pagination ul li.current { 
	background-color:#718CA2; 
	color:#fff; 
}

#pagination {  
	width:100%; 
	height:30px; 
	margin-top:20px; 
}

#pagination ul { 
	float:right; 
	font-size:1em; 
	margin:0;
}
 
#pagination ul li { 
	display:inline; 
	float:left; 
	margin:0 0 0 3px; 
	padding:3px 4px; 
	background-color:#fff; 
	border:1px solid #a7b5d8; 
	color:#2d5e99; 
}

#pagination ul li a { 
	display:block; 
	color:#2d5e99; 
}

#pagination ul li.current { 
	background-color:#718CA2; 
	color:#fff; 
}

/* -------------------------------------
/*  table
/* -------------------------------------*/

thead tr, .archivie th, .multimedia th{
	color:white;
	font-weight:bold;
	background:black; /*switch the bg color*/
	text-indent:5px;
	text-align:center;
	width:30%;
}

tbody tr:hover{
	background:#e4eef8;
}

td {
	border:1px solid gray;
	padding: 3px 5px;
}

.col-title {
	width:45%;
}

.col-author {
	width:20%;
}

.col-cat {
	width:20%;
}

.col-magazine {
	width:15%;
}

/* -------------------------------------
/*  Special
/* -------------------------------------*/

.hidden{
	display:none;
}

.highlight{
	color:red;
}

.dotted {
	color:black !important;
	border-bottom: 1px dotted #0e7fc7;
}

a.dotted:hover{
	text-decoration:none;
	border-bottom: 1px dotted red;
}

/* -------------------------------------
/*  Baseline values
/* -------------------------------------*/

p, div, h1, h2, h3, h4, ul, li, form, select, option , fieldset{
	margin:0;
	padding:0;
}

table {
	width:100%;
}

img {
	margin:0;
	padding:0;
	border:0;
}

blockquote{
	background:url('design/blockquote_bg.gif') top left no-repeat;
	text-indent:15px;
}

a {
	outline:0;
}

p{
	padding:10px 10px;
}

ol {
	padding:0 25px;
	list-style:circle;
}

fieldset {
	border:0;
	color:black;
}

input:focus {
	background:#fff;
}

/* -------------------------------------
/*  hX-style
/* -------------------------------------*/

h1 { 
	font-size: 1.9em;
	display:none;
}

h2 { 
	width:500px; /*altrimenti è troppo largo e stona */
	font-size:1.5em;
	margin: 0px 10px 0px 10px;
}

h3 {	
	font-size:1.3em;
	margin-top:17px;
	margin-bottom:3px;
}

h4 { 
	font-size:1.0em;
	margin-top:17px;
	margin-bottom:3px;
}
	
/* -------------------------------------
/*  default links
/* -------------------------------------*/

a:link{
	color:#0e7fc7;
	text-decoration:none;
}

a:visited {
	color:#4652dd;
	text-decoration:none;
}

a:hover {
	color:red;
	text-decoration:underline;
}