body{
margin:0px;
padding:0px;
font-family: 'Abel', sans-serif;
background: #fff url(graphics/bricks.png);
overflow-x:hidden;
}
body p{
font-size:18px;
line-height:27px;
}
a:hover, a:active, a:focus, a img {
outline:0;
border:0px;
}
#outerwrapper{
width:100%;
margin:0;
padding:0;
background:transparent url(graphics/tevi.png) no-repeat top center;
}
#header{
background:#3D4B97 url(graphics/hb1.jpg);
height:170px;
margin:0px;
padding:0px;
width:100%;
border:1px solid transparent;
border-top:1px solid #3E5271;
width:998px;
margin-left:auto;
margin-right:auto;
}
#wrapper{
width:1000px;
margin-left:auto;
margin-right:auto;
background:#fff;
margin-top:1px;
border-left:1px solid #3E5271;
border-right:1px solid #3E5271;
-webkit-box-shadow: 0px 1px 60px 3px #2E2E2E;
-moz-box-shadow:    0px 1px 60px 3px #2E2E2E;
box-shadow:         0px 1px 60px 3px #2E2E2E;
}
#logo1{
float:left;
padding-left:7px;
margin-top:2px;
}
#logo2{
float:right;
padding-right:7px;
margin-top:4px;
}
#header h1{
height:110px;
width:590px;
padding:0px;
font-size:36px;
line-height:41px;
margin:20px 0px 0px 200px;
}
#header h1 a{
color:#fff;
font-weight:normal;
text-decoration:none;
text-shadow: 2px 2px 1px #201C2D;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;	
}
#header h1 a .h1l2{
padding-left:120px;
}
#header h1 a .h1l3{
padding-left:30px;
font-size:31px;
}
#header h1 a:hover, #header h1 a:focus{
text-shadow: 1px 1px 0px #201C2D;
}
#navwrapper{
width:1020px;
margin-left:-10px;
margin-right:auto;
background:transparent url(graphics/navwrap.png);
}
#nav{
width:1000px;
margin-left:auto;
margin-right:auto;
border:0px solid black;
height:82px;
display:block;
background:#201C2D;
}
#nav ul{
margin:2px 0px 0px 0px;
padding:0px;
display:block;
}
#nav ul li{
list-style-type:none;
display:inline;
float:left;
padding:7px 0px 0px 19px;
margin:0px;
text-indent:0px;
background: transparent url(graphics/bullet.png) no-repeat 5px 16px;
}
#nav ul li.nobullet{
background:transparent;
}
#nav ul li a{
text-decoration:none;
font-family: 'Abel', sans-serif;
color:#fff;
font-weight:normal;
font-size:23px!important;
text-transform:uppercase;
text-shadow: 2px 2px 0px #000;
line-height:30px;
padding:0px 7px 0px 7px;
	-moz-border-radius:4px; 	-webkit-border-radius:4px; border-radius:4px; 
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;	
}
#home #nav-h a, #contributors #nav-cont a, #collaborations #nav-col a, #publications #nav-pub a, #research #nav-rt a, #courses #nav-cou a, #join #nav-ju a, #projects #nav-pro a{
background:#FF6D5E;
text-shadow: 1px 1px 0px #000;
}
#nav-rt a{
margin-left:75px;
}
#nav ul li a:hover, #nav ul li a:focus{
background:#607DBF;
text-shadow: 1px 1px 0px #000;
}
.slide img{
opacity:0.3;
filter:alpha(opacity=30); 
}
.active img{
opacity:1;
filter:alpha(opacity=100); 
}
#silde1{
background:#00FFD3;
}
#silde2{
background:#12F4CA;
}
#silde3{
background:#2AE6BE;
}
#silde4{
background:#46D6B0;
}
#silde5{
background:#66C3A0;
}
#silde6{
background:#8BAE8E;
}
#silde7{
background:#AE997C;
}
#silde8{
background:#CB896E;
}
#silde9{
background:#CF866C;
}
#silde10{
background:#F86E57;
}
.page{
margin-left:auto;
margin-right:auto;
width:950px;
position:relative;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#footer{
margin:50px auto 7px auto!important;
width:1000px;
background:#201C2D;
height:82px;
position:relative;
}
#footer p{
font-size:16px;
color:#aaa;
margin:20px 0px 0px 0px;
}
#footer p a{
color:#FC6F54;
text-decoration:none;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
#footer p a:hover, #footer p a:focus{
color:#00FFD3;
}
.entry{
font-family: 'Abel', sans-serif;
width:550px;
}
.eml{
color:#551A8B;
}
.sidebar{
width:240px;
height:460px;
position:absolute;
right:0px;
top:10px;
z-index:1;
}
.entry h1{
font-weight:normal;
font-size:40px;
padding:50px 0px 0px 0px;
font-family: Economica, sans-serif;
margin:0px;
}
.entry h2{
font-weight:normal;
font-family: Economica, sans-serif;
font-size:30px;
margin:-5px 0px 0px 0px;
padding:0px;
}
.entry a, .leftcol a, .rightcol a{
color:#4B29AA;
-webkit-transition: all 0.1s ease-in;
-moz-transition: all 0.1s ease-in;
-o-transition: all 0.1s ease-in;
transition: all 0.1s ease-in;
}
.entry a:visited, .leftcol a:visited, .rightcol a:visited{
color:#331D72;
}
.entry a:hover, .entry a:focus,  .leftcol a:hover, .rightcol a:hover,  .leftcol a:focus, .rightcol a:focus{
color:#FF6353;
}
.alignleft1{
float:left;
border:1px solid #3E5271;
margin:30px 16px 0px 0px;
}
.alignright1{
float:right;
padding-right:154px;
}
.alignleft{
float:left;
padding-left:20px;
}
.alignright{
float:right;
padding-right:20px;
}
.clearboth{
clear:both;
}

/* HEXAGON STARTS HERE */
.sidebar{
position:relative;
float:right;
margin-top:-450px;
}
.hexzone{
width:1000px;
height:456px;
display:block;
overflow:hidden;
position:relative;
float:left;
z-index:888;
background:#201C2D url(graphics/hgridbg.jpg) repeat-x bottom left;
}

.hex {
background:transparent;
outline:none;	
float:left;
position:absolute;
}

.r1{
top:0px;
}

.r2{
top:133px;
}
.r3{
top:266px;
}

.c1{
left:0px;
}

.c2{
left:154px;
}
.c3{
left:308px;
}
.c4{
left:462px;
}
.c5{
left:616px;
}
.c6{
left:770px;
}
.c7{
left:924px;
}

.c15{
left:-78px;
}
.c25{
left:77px;
}
.c35{
left:231px;
}
.c45{
left:385px;
}
.c55{
left:539px;
}
.c65{
left:693px;
}
.c75{
left:847px;
}


a.hex:hover{
z-index:999;
margin-top:-5px;
margin-left:-5px;
}
 .hexi{
position:relative;
z-index:999!important;
margin-top:-5px;
margin-left:-5px;
}
#imageview{
border:5px solid #201C2D;
padding:0px;
background:#fff;
position:absolute;
top:17%;
right:12%;
z-index:999;
	-moz-border-radius:3px; 	-webkit-border-radius:3px;  border-radius:3px; 
	-webkit-box-shadow: 0px 10px 40px 15px #000;
-moz-box-shadow:    0px 10px 40px 15px #000;
box-shadow:        0px 10px 40px 15px #000;
}
/*chapters, pages*/

/*collaborations*/
.leftcol{
float:left;
width:470px;
}
.rightcol{
float:right;
width:470px;
}
.leftcol a, .rightcol a{
text-decoration:none;
}
.flag{
margin-top:20px;
border:1px solid #3E5271;
}
.colla{
width:460px;
padding:5px;
float:left;
height:174px;
border-bottom:1px dotted #7C82C1;
}
.colla h2{
margin:10px 0px 6px 0px;
padding:0px;
font-family: Economica, sans-serif;
font-weight:normal;
font-size:28px;
}
.colla p{
margin:0px;
padding:0px;
}
#research .entry {
width:960px;
}
#research .entry img{
border:1px solid #3E5271;
max-width:910px;
padding:10px 20px 10px 20px;
margin: 0px auto 20px auto;
}
.back{
text-align:right;
font-size:20px;
margin:8px 0px 0px 0px;
padding:0px;
}
p.back a{
text-decoration:none;
width:1000px!important;
}
#research .entryt{
display:block;
width:960px;
text-align:center;
}
#research .entry img{
margin-top:20px;
}
#research h1.rest, #projects h1.rest{
clear:both;
height:100px;
}
#research h1.rest strong, #projects h1.rest strong{
margin:-60px 0px 20px 0px;
}
#research h1.rest b, #projects h1.rest b{
margin:-30px 0px 20px 0px;
}
#projects h1.rest b{
margin:0px 0px 20px 0px;
width:110px;
text-transform:uppercase;
}
#projects h1.rest strong{
margin:-77px 0px 20px 0px;
padding-left:60px;
width:800px;
}
#research h1 strong, #research h2 strong, #projects h1.rest strong{
display:block;
float:right;
}
hr{
clear:both;
display:block;
width:100%;
visibility:hidden;
height:1px;
margin:0px;
padding:0px;
}
#projects h2{
background:#607DBF;
font-family: 'Abel', sans-serif;
text-shadow: 1px 1px 0px #000;
border:none;
display:block;
float:left;
color:#fff;
font-weight:normal;
text-decoration:none!important;
font-size:23px!important;
line-height:30px;
padding:0px 7px 0px 7px;
margin:25px 0 0 0;
	-moz-border-radius:4px; 	-webkit-border-radius:4px; border-radius:4px;
}
#research h1 strong{
width:860px;
font-size:32px;
text-align:left;
}
.rest{
margin:20px 0px 20px 0px;
clear:both;
}
.rest b, .thecourses h2 a{
background:#FF6D5E;
font-family: 'Abel', sans-serif;
text-shadow: 1px 1px 0px #000;
border:none;
display:block;
float:left;
width:70px;
text-align:center;
color:#fff;
font-weight:normal;
text-decoration:none!important;
font-size:23px!important;
line-height:30px;
padding:0px 7px 0px 7px;
margin:25px 0 0 0;
	-moz-border-radius:4px; 	-webkit-border-radius:4px; border-radius:4px; 
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;	
}
.thecourses h2 a{
float:none;
text-decoration:none;
width:500px;
text-align:left;
color:#fff!important;
padding:10px 0px 10px 10px;
}
.rest strong{
font-weight:normal;
color:#000;
width:870px;
font-size:28px;
padding:25px 0 0 0;
display:block;
float:right;
}
.rest a:hover b, .rest a:focus b, .thecourses h2 a:hover, .thecourses h2 a:focus{
background:#607DBF;
}
.rest a:hover strong, .rest a:focus strong{
text-decoration:underline;
}
h2.rest:first-child{
margin-top:45px;
}
.entrypub{
width:980px;
margin-left:20px;
margin-top:40px;
}
.entrypub div{
width:245px;
height:250px;
float:left;
display:block;
}
.entrypub div img{
margin-left:auto;
margin-right:auto;
border:1px solid #3E5271;
}
.bottompub{
clear:both;
width:980px;
}
.bottompub a{
background:#201C2D;
color:#fff;
font-size:20px;
margin-right:20px;
padding:8px;
text-decoration:none;
border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px;
}
.bottompub a:visited{
color:#fff;
}
.bottompub a:hover {
color:#F56750;
}
em.cite, em.cite2{
display:block;
}
.thecourses li{
list-style-type:none;
}
.thecourses h2 a{
background:#FF6D5E url(images/pdf.png) no-repeat top right;
border:1px solid #3E5271;
}
.thecourses h2 a:active{
background:#FF6D5E url(images/pdf.png) no-repeat top right;
}
#courses ol , .thecourses{
margin-left:0px;
text-indent:0px;
}
#courses ol li{
list-style-type:decimal;
margin-top:10px;
font-size:20px;
}
#contributors .entry{
width:960px;
}
#contributors .entry li{
margin-bottom:16px;
font-size:18px;
width:700px;
}
#publications ol li{
margin-bottom:16px;
font-size:18px;
}
em.cite{
color:#607DBF;
margin-bottom:4px;
}
em.cite2{
display:inline;
color:#000;
}
#contributors .entry h1, #contributors .entry h2{
margin-left:160px;
}
#contributors .entry h1.onwhite, #contributors .entry #contrib h2{
margin-left:0px;
}
#contributors h3{
font-size:24px;
padding-bottom:0px;
margin-bottom:0px;
margin-left:160px;
clear:both;
}
#contributors h4{
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
margin-left:160px;
font-size:18px;
}
#contributors ol{
margin-bottom:16px;
margin-left:160px;
}
#contributors .portrait-in{
float:left;
border:1px solid #3E5271;
margin:0px 20px 20px 0px;
}
#contrib{
width:990px;
padding:0px;
margin:20px 0px 0px -7px;
text-indent:none;
}
#contrib li{
width:240px!important;
height:236px;
padding:4px 0px 0px 0px;
list-style-type:none;
float:left;
text-align:center;
vertical-align:middle;
}
#contrib li a{
text-decoration:none;
color:#000;
position:relative;
width:240px!important;
height:236px;
}
#contrib li a h2:before{
content:url(graphics/mask.png);
position:relative;
display:block;
z-index:999;
}
#contrib li a h2{
margin-top:-181px;
}
#contrib li a img{
border:1px solid #fff;
}
#contrib li a:hover img, #contrib li a:focus img{
border:1px solid #3E5271;
}
#contrib li a:hover h2:before, #contrib li a:focus h2:before{
content:url(graphics/mask.png);
visibility:hidden;
}
#projects .entry{
width:950px;
}
#projects h4{
margin-bottom:0px;
padding-bottom:0px;
}
#projects li{
margin:6px 0px 16px 0px;
}
#projects ol li{
margin-left:40px;
margin-right:40px;
text-indent:12px;
list-style-position:inside;
}
#projects ol li.zero{
background:transparent;
}
#projects ol li.unu{
background:transparent url(images/unu.gif) no-repeat 0px 4px;
}
#projects ol li.doi{
background:transparent url(images/doi.gif) no-repeat 0px 8px;
}
#projects ol li.unu .cite, #projects ol li.zero .cite, #projects ol li.doi .cite, #projects ol li.unu .cite2, #projects ol li.doi .cite2, #projects ol li.zero .cite2, #projects ol li.doi p{
display:inline;
}
.teamimg {
display:block;
float:left;
margin-right:3px;
}
.teamimg img{
float:left;
}
.teamimg span{
width:100%;
float:left;
}
#publications .entry{
width:950px;
}
#publications .entry h1{
margin-top:-20px;
}
#home #sidebar{
width:400px;
height:400px;
float:right;
margin:36px 10px 0px 0px;
border:1px solid #3E5271;
}
#home .entry{
float:left;
width:520px;
}
#contributors .entry{
position:relative;
}
h1.onwhite{
position:absolute;
top:30px;
left:10px;
background:#fff;
padding:2px;
border-radius:5px; 	-moz-border-radius:5px; 	-webkit-border-radius:5px;
z-index:999;
}
#publications h1.onwhite{
margin-top:0px;
}
#research .slide img{
border:none;
padding:0px;
margin:0px;
}
#courses .entry, #join .entry{
width:500px;
float:left;
}
#side{
width:380px;
float:right;
margin-top:60px;
}
iframe{
overflow:hidden!important;
width:377px;
height:630px;
border:none;
border-bottom:1px solid #3E5271;
}
#accordion-wrapper2{
overflow:hidden!important;
border:1px solid #3E5271;
}
#accordion-wrapper2 img{
margin:0px!important;
}
#join #side{
padding-right:20px;
}
#join #side img{
border:1px solid #3E5271;
}
.turos{
background:transparent url(graphics/turos.gif) no-repeat 0px 181px;
}
.turosbig{
background:transparent url(graphics/turosbig.gif) no-repeat 42px 54px;
}
#scounter{
position:absolute;
bottom:0px;
left:1010px;
}
#footer .alignright{
text-align:right;
}
/*xp fonts*/
.winxp body, .winxp #nav ul li a,.winxp .entry, .winxp .entry h1, .winxp .entry h1 b, .winxp .entry h2, .winxp .entry h2 b, .winxp .colla h2, .winxp #projects h2, .winxp .thecourses h2 a {
font-family: Arial, sans-serif!important;
}
.winxp body p{
font-size:14px;}
.winxp #header h1{
font-size:31px;}
.winxp #header h1 a .h1l3{
font-size:26px;}
.winxp #nav ul li a{
font-size:17px!important;}
.winxp #footer p{
font-size:12px;}
.winxp .entry h1{
font-size:36px;}
.winxp .entry h2{

font-size:26px;}
.winxp .colla h2{

font-size:24px;}
.winxp .back{
font-size:16px;}
.winxp #projects h2{
 
font-size:19px!important;}
.winxp #research h1 strong{
font-size:28px;}
.winxp .rest b, .thecourses h2 a{
 
font-size:19px!important;}
.winxp .rest strong{
font-size:28px;}
.winxp .bottompub a{
font-size:16px;}
.winxp #courses ol li{
font-size:16px;}
.winxp #contributors .entry li{
font-size:14px;}
.winxp #publications ol li{
font-size:14px;}
.winxp #contributors h3{
font-size:20px;}
.winxp #contributors h4{
font-size:14px;}
.winxp #contrib li a h2{
margin-top:-179px;}