html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, strong, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}

/* Define the focus ! */
:focus {
	outline: 0;
}



/* Exprids Website - Main Css */

body {
color: #FFF;
background-color: #222;
background-repeat: repeat;
font-family: times, arial, helvetica, serif;
font-size: 100%;
}


/* Website Root Module */

#site {
z-index: 1;
position:absolute;
width:100%;
background-color: #555;
background-image: url(exprids_web_background_classic.png);
}


/* Main Media Module */

#display {
position:relative;
top: 0px;
width: 100%;
min-width: 700px;
height: 500px;
text-align: center;
color: #111;
background-color:#CCC;
background-image: url(exprids_web_background_display.png);
background-repeat: repeat;
border-bottom: 2px #FFF solid;
}

/* Main Media Module - Presentation */

#display_layer { width: 700px; margin: 0 auto; }


/* Main Media Module - Titles */

#display h1 { font-size: 500%; line-height: 200%; }


/* Main Media Module - END */

/* Transition Module */

#transition_display_info {
z-index:900;
position:relative;
width: 700px;
margin: 0 auto;
height:2px;
color: #FFF;
background-color: #555;
-moz-box-shadow: 0 5px 10px rgba(0,0,0,1);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,1);
}


/* Transition Module - END */

/* Information Module */

#information {
position:relative;
padding: 0 0 30px 0;
color: #FFF;
}


/* Information Module - Presentation */

#information_layer {
position:relative;
width: 698px;
margin: 0 auto;
padding: 5px 0 10px 0  ;
background-image: url(exprids_web_background_content_dot.png);
font-size: 85%;
text-align: center;
border-top: 5px solid #111;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 10px solid #000;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}


/* Information Module - Titles */

#information_layer span { background-color: #111; padding:2px; }
#information_layer a { text-decoration:underline; padding:2px; }
#information_layer a:link {	color: #FFF;  }
#information_layer a:visited { color: #EEE;}
#information_layer a:hover { color: #AAA; }
#information_layer a:active { color: #CCC; }
#information_layer img {
border: 0px solid #000;
}
h {
color: #FFF;
}
#information_layer h2 { padding: 5px 0 0 0; font-size: 180%; line-height:270%;}
#information_layer h2 span , #information_layer h2 a {
color:#FFF;
background-color:#888; 
margin: 0 5px 0 5px;
padding: 5px 10px 3px 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-box-shadow: 0 0 10px #BBB;
-webkit-box-shadow: 0 0 10px #BBB;
}
#information_layer h2 span { 
cursor:default;
}
#information_layer h2 a , #information_layer h2 a:link , #information_layer h2 a:visited {
text-decoration:none;
color:#111;
}
#information_layer h2 a:hover , #information_layer h2 a:focus {
text-decoration:none;
color:#333;
background-color:#DDD; 
-moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 0 0 10px #CCC;
}
#information_layer h2 a:active {
text-decoration:none;
color:#222;
background-color:#EEE; 
-moz-box-shadow: 0 0 10px #FFF;
-webkit-box-shadow: 0 0 10px #FFF;
}
#information_layer h2 a.selected {
color:#222;
}
#information_layer h2 .selected {
color:#222;
background-color:#FFF; 
-moz-box-shadow: 0 0 10px #EEE;
-webkit-box-shadow: 0 0 10px #EEE;
}
#information_layer div h3 {
font-size: 140%;
line-height:200%;
}

#information_layer h4 {
margin:5px 0 0 0;
}

#information_layer .exprids_ids_desc h3 {
font-size: 120%;
line-height:140%;
margin: -10px 0 10px 0;
}


/* Information Module - Structure */

#information_layer div {
 }
.information_content_bg_menu , .information_content_bg_light , .information_content_bg_lightmin ,  .information_content_bg_dark , .information_content_bg_darker { padding: 5px 20px 10px 20px; 
margin: 5px auto 0 auto; }
.information_content_bg_menu { color: #FFF; background-color: #111; }
.information_content_bg_light { color: #000; background-color: #FFF; }
.information_content_bg_lightmin { color: #000; background-color: #DDD; }
.information_content_bg_dark { color: #FFF; background-color: #333; }
.information_content_bg_darker { color: #FFF; background-color: #000; }

.exprids_ids {
width:450px;
margin:40px auto 0 auto;
padding:40px 0 0 0;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.8), inset 0 0 40px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.exprids_ids a:focus img , .exprids_ids a:hover img {
filter:alpha(opacity=90);
opacity: 0.9;
}
.exprids_ids a:active img {
filter:alpha(opacity=100);
opacity:1;
}

.exprids_ids_desc {
width:450px;
margin:0 auto 50px auto;
padding: 0 0 20px 0;
color:#FFF;
background-color:#111;
border-left:5px solid #000;
border-right:5px solid #000;
border-bottom:5px solid #000;
position:relative;top:-2px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.little-totem { position:relative;top:8px; }

.exprids_ids_desc h2 { text-shadow: 0 0 20px #BBB; }
.exprids_ids_links {display:none;}


.blidst { 
background-color:#555;
background-image:url(../../data/people/blidst/background/blidst_background_card.png);
background-position: 0px center;
background-repeat:no-repeat;
border: 5px solid #000; 
}

.sirill { 
background-color:#333;
background-image:url(../../data/people/sirill/background/sirill_background_card.png);
border: 5px solid #000; 
}

.skeudvolant { 
background-color:#555;
background-image:url(../../data/people/skeudvolant/background/skeudvolant_background_card.png);
border: 5px solid #000; 
}

.jhmacadam { 
background-color:#555;
background-image:url(../../data/people/jhmacadam/background/jhmacadam_background_card.png);
border: 5px solid #000; 
}

.videos { 
background-color:#555;
background-image:url(../../data/projects/videos/background/videos_background_card.png);
border: 5px solid #000; 
}

.ei000 { 
background-color:#555;
background-image:url(../../data/publications/000/background/000_background_card.png);
border: 5px solid #000; 
}


/* Information Module - END */


/* PAGE TOP Module */

.page_top {position:absolute;right:0px;visibility:hidden;}
.page_top img {position:relative; margin: -40px -55px  0 0;}
#information_content div .page_top a:hover , #information_content div .page_top a:focus , #information_content div .page_top a {background-color:transparent;background-image:none;}
.page_top a img { 
filter:alpha(opacity=90);
opacity: 0.9;
}
.page_top a img {
filter:alpha(opacity=30);
opacity: 0.3;
}
.page_top a img:hover , #information_content a:focus img {
filter:alpha(opacity=100);
opacity: 1;
color: #222; 
background-color: transparent;
}
.page_top a img:active {
filter:alpha(opacity=70);
opacity: 0.7;
}

#information:hover .page_top {visibility:visible;}


/* PAGE TOP Module - END*/


/* Exprids Website - Main Css - END */