/* NEUROSECURITY: CSS 
	Author: Alejandro Barrera
	Date: 20 - Ago - 2005
*/

/* ===================================================================================== */

/* Basic elements */
html {
	background:#f7f7f7;	
}


body {
	/* Font color for the news section */
	color:#596b53;
	font: 0.7em  verdana, arial, geneva, sans-serif;
 	text-align:center; 
}


/* Main container layer */
#wrapper { 
	width:770px;  
	margin:0 auto;
}

	
				
/* Header layer */
#header {
	position:relative;
	width:770px;
	color:#fff;
	border-bottom: 1px solid #999;
	background:#000 url("/images/neurosecurity.jpg") center no-repeat;
	height:110px;
}

/* Main page body */
#pagebody {
	width:770px;
	position:relative;
}											

a:link { 
	color:blue;
	text-decoration:none
}

a:visited { 
	color:blue; 
	text-decoration:none;
}

a:hover { 
	color:#c30;
	text-decoration:none;
}

a:active { 
	color:#f00; 
	text-decoration:none;
}

/* Style tags */
q, cite, blockquote { font-style:italic; }



/* Central News layer */
#content {
	width:448px;
	position:absolute;
	left:160px;
	top:0;
	background-color:#fafafa;
	border:1px solid #eee;
	border-width:0 1px 1px 1px;
	font-size:1.1em;
	line-height:1.4em;
	padding:2px 5px 0;	
	text-align:justify;
}

/* Big Headers layer */
#content h1 {
	background-color:#eee;
	color:#666;
	border:1px solid #006666;
	font-size:1.35em;
	padding:10px 0;	
	text-align:center;
	margin:10px 0 20px;
}

/* News Headers lines */
#content h2, #content h3 {
	background-color:#000;
	color:#fff;
	border-bottom:1px solid #006666;
	font-size:1.3em;
	margin:15px 10px 8px 0;
	padding:5px 8px 0;
}


#content h3 {
	font-size:1.0em;
}

#content p {
	margin-bottom:1.2em; 
	text-indent: 1.2em;
}

#footer {
	border:0 solid #999;
	border-width:1px 0;
	font-size:0.9em;
	height:auto;	
	margin-bottom:5px;
	padding:5px 0;
	text-align:center;
	font-style: italic;
	font-size:0.8em;
}								

/* Menu column to the left */
#col_left {
	position:absolute;
	left:0;
	top:0;
	text-align:left;
	font-size:0.93em;
	background:#fafafa url("/images/brain4.gif") -50px 60px no-repeat;
	line-height:1.3em;
	margin:0;
	border:1px solid #eee; 
	border-top-width:0;  
	width:160px;
	height:400px;
}
			
/* Menu column to the rigth */
#col_right {
	width:150px;
	position:absolute;
	right:0;
	top:0;
	font-size:0.93em;
	line-height:1.3em;
	margin:0;
	border-bottom:1px solid #eee;	
	text-align:center;
	width:149px;
}

#col_right .menu {
	width:140px;
	color:#666;
	background-color:#fff;
	text-align:center;
	border:1px solid #f6dad1;
	margin:20px 5px;
	padding-bottom:5px;
	width:138px;
}

#col_left .menu {
	width:140px;
	color:#fff;
	background-color:#000;
	text-align:center;
	margin:17px 10px;
	padding-bottom:1px;
	width:138px;
}

/* We remove the horrible list bullet */
#col_left ul, #col_rigth ul { 
	list-style-type:none;
	margin: 5px 0px 5px 10px;
	padding: 0;
}

/* We set some margins between each item of the list */
#col_left li, #col_rigth li { margin-bottom: 5px; }
	
#menu {
	background:#fff;
	color:#999;
	border-width:1px 1px 1px;
	border:1px solid #006666;
	margin:15px 0px 5px 10px;
	font-size:1.1em;
	width:135px;
}

/* Special style for the articles section */

.biblio {
	color:#000;
	margin-bottom:20px;
	font-size:0.8em;
}

.art {
        list-style-type:none;
        margin: 5px 0px 5px 10px;
        padding: 0;
}

/* Special style for the news texts */
.news {
        background-color:#fafafa;
        /*filter:alpha(opacity=95);
        -moz-opacity:0.95;
        opacity: 0.95;	*/
}

.date {
	font-size:0.8em;
	text-align:right;
	margin-right:10px;
}