@font-face {
  font-family: 'mplus-1c';
  src: url('./mplus/mplus-1c-thin.ttf') format('truetype');
}

/*  Reset for some default browser CSS - General */
body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button {margin: 0 auto; padding: 0; border: 0; list-style: none; font-family: 'mplus-1c'; text-align:left;}

a {text-decoration:none;
  }

/* header definition */
header#site_head, .head_cont{
    width: 100%;
    display: -webkit-flex;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.head_cont img{
    margin: 0;
}
header#site_head h1{
    margin: 0;
    margin-bottom:20px;
    
}
p.head_cont{vertical-align:top; font-size:small;}

/* footer difinition */
footer{
    text-align:right; 
    margin-right: 30px;
    margin-top: 30px;
}
#main_content{
    width:1200px;
    height:1200px;
    position:relative;
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;
    margin-bottom:50px;
    background:white;
}

header, nav, section, article, aside, footer {
display: block;
}

nav ul{
    width: 100%;
    align: center;
    margin-left: auto;
    margin-right: auto;
    background: white;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

nav li{
    margin: auto 0;
    padding: 0px;
    border: 3px solid white;
}

nav ul, li{
    text-align:center:
    width:60px;
    height:60px;
    padding: 30px 0px;
}

nav img{
    width:80px;
    height:80px;
}
nav img:hover{
    filter:alpha(opacity=60); 
    opacity:0.6;    
}

/* metro class difinition */
#metro {
    width: 1500px;
    background: white;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#metro_frame_l{
    width:400px;
    height:1200px;
    position:relative;
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    /* margin-top:50px; */
    background: white;
    float:left;
}    

#metro_frame_l_content{
    width:200px;
    /* height:1200px; */
    position:relative;
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    /* margin-top:50px; */
    background: white;
    float:left;
}    

#metro_frame_r_content{
    width:200px;
    /* height:1200px; */
    position:relative;
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    /* margin-top:50px; */
    background: white;
    float:right;
}    

#metro_frame_r{
    text-align:left;
    width:800px;
    height:1200px;
    position:relative;
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    /* margin-top:50px; */
    background: white;
    float:left;
}    

.metro_2by2{
    /* display:inline-block; */
    width: 180px;
    height: 180px;
    float:left;
    border: 0px solid white;
    margin:10px;
}
.metro_2by2 h2{
    padding: 75px 0;
    font-size:25px;
}

.metro_4by4{
    /* display:inline-block; */
    width: 380px;
    height: 380px;
    float:left;
    border: 0px solid white;
    margin:10px;
}
.metro_8by8{
    width: 780px;
    height: 780px;
    float:left;
    border: 0px solid white;
    margin:10px;
}

.metro_12by8{
    width: 780px;
    height: 1180px;
    float:left;
    border: 0px solid white;
    margin:10px;
}
.metro_12by_{
    width: 780px;
    float:left;
    border: 0px solid white;
    margin:10px;
}

#metro a{text-decoration:none;}

/* metro icon for home */
.metro_Blue, .metro_Red, .metro_Yellow, .metro_Green, .metro_Grey, .metro_Orange, .metro_Black, .metro_Jade, .metro_Purple{
    width: 380px;
    height: 380px;
    float:left;
    border: 0px solid white;
    margin:10px;
}

.metro_Blue:hover, .metro_Red:hover, .metro_Yellow:hover, .metro_Green:hover, .metro_Grey:hover, .metro_Orange:hover, .metro_Black:hover, .metro_Jade:hover, .metro_Purple:hover
{
    filter:alpha(opacity=60); 
    opacity:0.6;    
}

.metro_Blue header, .metro_Blue h2, .metro_Red header, .metro_Red h2, .metro_Yellow header, .metro_Yellow h2, .metro_Green header, .metro_Green h2, .metro_Grey header, .metro_Grey h2, .metro_Orange header, .metro_Orange h2, .metro_Black header, .metro_Black h2, .metro_Jade header, .metro_Jade h2, .metro_Purple header, .metro_Purple h2
{
    text-align: center;
    /* padding: 180px 0px; */
    /* border-bottom: 10px solid red; */
    /* margin: 20px; */
    font-size: 50px;
}

.metro_Blue p, .metro_Red p, .metro_Yellow p, .metro_Green p, .metro_Grey p, .metro_Orange p, .metro_Black p, .metro_Jade p, .metro_Purple p
 {
    text-align: center;
    /* padding: 10px 50px; */
    font-size: 12px;
}

.metro_Blue ul, .metro_Red ul, .metro_Yellow ul, .metro_Green ul, .metro_Grey ul, .metro_Orange ul, .metro_Black ul, .metro_Jade ul, .metro_Purple ul
{margin-top: 10px;
 border-right: 3px solid orange;}

.metro_Blue ul, li, .metro_Red ul, li, .metro_Yellow ul, li, .metro_Green ul, li, .metro_Grey ul, li, .metro_Orange ul, li, .metro_Black ul, li, .metro_Jade ul, li, .metro_Purple ul, li
{padding: 1px 13px 1px 0px;}

.metro_Blue ul, li, a .metro_Red ul, li, a .metro_Yellow ul, li, a .metro_Green ul, li, a .metro_Grey ul, li, a .metro_Orange ul, li, a .metro_Black ul, li, a .metro_Jade ul, li, a .metro_Purple ul, li, a
{font-weight:bold;}

.metro_Blue a, .metro_Red a, .metro_Yellow a, .metro_Green a, .metro_Grey a, .metro_Orange a, .metro_Black a, .metro_Jade a, .metro_Purple a
{text-align:right;font-size:10px;}


/* metro icon for nav */
.metro_Blue_nav, .metro_Red_nav, .metro_Yellow_nav, .metro_Green_nav, .metro_Grey_nav, .metro_Orange_nav, .metro_Black_nav, .metro_Jade_nav, .metro_Purple_nav{
    width: 180px;
    height: 180px;
    float:left;
    border: 0px solid white;
    margin:10px;
}

.metro_Blue_nav:hover, .metro_Red_nav:hover, .metro_Yellow_nav:hover, .metro_Green_nav:hover, .metro_Grey_nav:hover, .metro_Orange_nav:hover, .metro_Black_nav:hover, .metro_Jade_nav:hover, .metro_Purple_nav:hover
{
    filter:alpha(opacity=60); 
    opacity:0.6;    
}

.metro_Blue_nav header, h2 .metro_Red_nav header, h2, .metro_Yellow_nav header, h2, .metro_Green_nav header, h2, .metro_Grey_nav header, h2, .metro_Orange_nav header, h2, .metro_Black_nav header, h2, .metro_Jade_nav header, h2, .metro_Purple_nav header, h2
{
    text-align: center;
    /* padding: 180px 0px; */
    /* border-bottom: 10px solid red; */
    /* margin: 20px; */
    font-size: 25px;
    padding: 75px 0;
}

.metro_Blue_nav p, .metro_Red_nav p, .metro_Yellow_nav p, .metro_Green_nav p, .metro_Grey_nav p, .metro_Orange_nav p, .metro_Black_nav p, .metro_Jade_nav p,
.metro_Purple_nav p,
 {
    text-align: center;
    /* padding: 10px 50px; */
    font-size: 12px;
}

.metro_Blue_nav ul, .metro_Red_nav ul, .metro_Yellow_nav ul, .metro_Green_nav ul, .metro_Grey_nav ul, .metro_Orange_nav ul, .metro_Black_nav ul, .metro_Jade_nav ul, .metro_Purple_nav ul
{margin-top: 10px;border-right: 3px solid orange;}

.metro_Blue_nav ul, li, .metro_Red_nav ul, li, .metro_Yellow_nav ul, li, .metro_Green_nav ul, li, .metro_Grey_nav ul, li, .metro_Orange_nav ul, li, .metro_Black_nav ul, li, .metro_Jade_nav ul, li, .metro_Purple_nav ul, li
{padding: 1px 13px 1px 0px;}

.metro_Blue_nav ul, li, a .metro_Red_nav ul, li, a .metro_Yellow_nav ul, li, a .metro_Green_nav ul, li, a .metro_Grey_nav ul, li, a .metro_Orange_nav ul, li, a .metro_Black_nav ul, li, a .metro_Jade_nav ul, li, a .metro_Purple_nav ul, li, a
{font-weight:bold;}

.metro_Blue_nav a, .metro_Red_nav a, .metro_Yellow_nav a, .metro_Green_nav a, .metro_Grey_nav a, .metro_Orange_nav a, .metro_Black_nav a, .metro_Jade_nav a, .metro_Purple_nav a
{text-align:right;font-size:10px;}


/* set metro color */
/*blue*/
.metro_Blue, .metro_Blue_nav
{background-color:#0079C2;} /* 76 */
.metro_Blue footer, .metro_Blue_nav footer
{color:#004066;} /* 60 */
.metro_Blue ul li a, .metro_Blue_nav ul li a
{color:#005080;} /* 50 */
.metro_Blue p, .metro_Blue_nav p  
{color:#005080;} /* 50 */
.metro_Blue h2, .metro_Blue_nav h2
{color:#004066;} /* 40 */
.metro_Blue header, .metro_Blue_nav header
{color:#00304D;} /* 30 */
/*red*/
.metro_Red, .metro_Red_nav
{background-color:#ED174F;} /*93*/
.metro_Red footer, .metro_Red_nav footer
{color:#CC1444;} /* 80 */
.metro_Red ul li a, .metro_Red_nav ul li a
{color:#990F33;} /* 60 */
.metro_Red p, .metro_Red_nav p 
{color:#990F33;} /* 60 */
.metro_Red h2, .metro_Red_nav h2
{color:#800C2B;} /* 50 */
.metro_Red header, .metro_Red_nav header
{color:#660A22;} /* 40 */
/*yellow*/
.metro_Yellow, .metro_Yellow_nav
{background-color:#FFC423;} /* 100 */
.metro_Yellow footer, .metro_Yellow_nav footer
{color:#E6B01F;} /* 90 */
.metro_Yellow ul li a, .metro_Yellow_nav ul li a
{color:#BF921A;} /* 75 */
.metro_Yellow p, .metro_Yellow_nav p 
{color:#BF921A;} /* 75 */
.metro_Yellow h2, .metro_Yellow_nav h2
{color:#997515;} /* 60 */
.metro_Yellow header, .metro_Yellow_nav header
{color:#4D3B0B;} /* 30 */
/*green*/
.metro_Green, .metro_Green_nav
{background-color:#47AA42;} /* 67 */
.metro_Green footer, .metro_Green_nav footer
{color:#358032;} /* 50 */
.metro_Green ul li a, .metro_Green_nav ul li a
{color:#2A6628;} /* 40 */
.metro_Green p, .metro_Green_nav p
{color:#2A6628;} /* 40 */
.metro_Green h2, .metro_Green_nav h2
{color:#1F4D1E;} /* 30 */
.metro_Green header, .metro_Green_nav header
{color:#153314;} /* 20 */
/*grey*/
.metro_Grey, .metro_Grey_nav
{background-color:#77787B;} /*48*/
.metro_Grey footer, .metro_Grey_nav footer
{color:#636466;} /* 40 */
.metro_Grey ul li a, .metro_Grey_nav ul li a
{color:#4A4B4D;} /* 30 */
.metro_Grey p, .metro_Grey_nav p
{color:#4A4B4D;} /* 30 */
.metro_Grey h2, .metro_Grey_nav h2
{color:#313233;} /* 20 */
.metro_Grey header, .metro_Grey_nav header
{color:#19191A;} /* 10 */
/*orange*/
.metro_Orange, .metro_Orange_nav
{background-color:#D95D3C;} /* 85 */
.metro_Orange footer, .metro_Orange_nav footer
{color:#B34C31;} /* 70 */
.metro_Orange ul li a, .metro_Orange_nav ul li a
{color:#8C3C26;} /* 55 */
.metro_Orange p ,.metro_Orange_nav p 
{color:#8C3C26;} /* 55 */
.metro_Orange h2, .metro_Orange_nav h2
{color:#662C1C;} /* 40 */
.metro_Orange header, .metro_Orange_nav header
{color:#4D2115;} /* 30 */
/*black*/
.metro_Black, .metro_Black_nav
{background-color:#323233;} /* 20 */
.metro_Black footer, .metro_Black_nav footer
{color:#4B4B4D;} /* 30 */
.metro_Black ul li a, .metro_Black_nav ul li a
{color:#636366;} /* 40 */
.metro_Black p, .metro_Black_nav p 
{color:#636366;} /* 40 */
.metro_Black h2, .metro_Black_nav h2
{color:#7C7C80;} /* 50 */
.metro_Black header, .metro_Black_nav header
{color:#949499;} /* 60 */
/*jade*/
.metro_Jade, .metro_Jade_nav
{background-color:#2E7B7F;} /* 50 */
.metro_Jade footer, .metro_Jade_nav footer
{color:#256366;} /* 40 */
.metro_Jade ul li a, .metro_Jade_nav ul li a
{color:#1C4A4D;} /* 30 */
.metro_Jade p, .metro_Jade_nav p 
{color:#1C4A4D;} /* 30 */
.metro_Jade h2, .metro_Jade_nav h2
{color:#173D40;} /* 25 */
.metro_Jade header, .metro_Jade_nav header
{color:#123133;} /* 10 */
/*purple*/
.metro_Purple, .metro_Purple_nav
{background-color:#623C7B;} /* 48 */
.metro_Purple footer, .metro_Purple_nav footer
{color:#513266;} /* 40 */
.metro_Purple ul li a, .metro_Purple_nav ul li a
{color:#3D254D;} /* 30 */
.metro_Purple p, .metro_Purple_nav p 
{color:#3D254D;} /* 30 */
.metro_Purple h2, .metro_Purple_nav h2
{color:#331F40;} /* 25 */
.metro_Purple header, .metro_Purple_nav header
{color:#291933;} /* 20 */

.center {
    width:1200px;
    height:1200px;
    position:relative;
    <!-- left:50%; -->
    <!-- top:50%; -->
    <!-- margin:-600px 0 0 -600px; -->
 
    margin:0px auto;
    margin-right:auto;
    margin-left:auto;
    margin-top:50px;
    background:white;
}

 /* header difinition */
header#head{
    width:100%;
    height:120px;
    margin: 0 auto;
    position:relative;
}
header#head .left-logo{
    width:120px;
    height:120px;
    position:absolute;
    left:0;
    top:0;
    alt:"+ colorem | home";
}
header#head .logo{
    width:60px;
    height:60px;
    align:bottom;
}
header#head .right-logo{
    position:absolute;
    width:120px;
    height:120px;
    right:0;
    top:0;
}
header#head a{
    position:absolute; 
    left:35%;
    top:30px;
}

/* footer difinition */
footer#foot{
    clear:both;
    position:relative;
    width:100%;
    margin: 0 auto;
    margin-top: 120px;
}
footer#foot .left-logo{
    width:120px;
    height:120px;
    position:absolute;
    left:0;
    bottom:-50px;
}
footer#foot .right-logo{
    width:120px;
    height:120px;
    position:absolute;
    right:0;
    bottom:-50px;
}

footer#foot .foot_body{
    position:absolute; 
    right:10%
}

/* metro green reverse style */
.metro_Green_r{
    color:#47AA42;
}
.metro_Green_r a{
    color:#47AA42;
}

.metro_Green_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #47AA42;/* #6699cc; */
    /* border-left: 11px solid white;/\* #6699cc; *\/ */
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

/* metro orange reverse style */
.metro_Orange_r{
    color:#D95D3C;
}
.metro_Orange_r a{
    color:#D95D3C;
}

.metro_Orange_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #D95D3C;
    /* border-left: 11px solid white;/\* #6699cc; *\/ */
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

/* metro grey reverse style */
.metro_Grey_r{
    color:#77787B;
}
.metro_Grey_r a{
    color:#77787B;
}

.metro_Grey_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #77787B;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

/* metro purple reverse style */
.metro_Purple_r{
    color:#623C7B;
}
.metro_Purple_r a{
    color:#623C7B;
}

.metro_Purple_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #623C7B;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}
/* metro red reverse style */
.metro_Red_r{
    color:#ED174F;
    background:#800C2B;
}
.metro_Red_r a{
    color:#ED174F;
}

.metro_Red_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #ED174F;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}
/* metro yellow reverse style */
.metro_Yellow_r{
    color:#FFC423;
}
.metro_Yellow_r a{
    color:#FFC423;
}

.metro_Yellow_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #FFC423;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

/* metro black reverse style */
.metro_Black_r{
    color:#323233;
}
.metro_Black_r a{
    color:#323233;
}

.metro_Black_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #323233;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}
/* metro jade reverse style */
.metro_Jade_r{
    color:#2E7B7F;
}
.metro_Jade_r a{
    color:#2E7B7F;
}

.metro_Jade_r h3{
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #2E7B7F;
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}



/*- common --------------------------- */
div.title {
    display:block;
    margin: 0;
    border: none;
    padding: 0;
    margin: 0 0 10px 0;
}

 /* bibliography */
h2.bibliography {
    clear:right;
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0;
    border-top: none;
    border-right: none;
    border-bottom: 2px none #333333;
    border-left: none;
    padding: 2em 0 0em 0em;/* top right bottom left*/
}

h3.biography_snapshot {
    display:block;
    margin: 0;
    border: none;
    padding: 0 0 2em 0;/* top right bottom left*/
    background-image: url(../img/logo.gif);
    background-repeat: no-repeat;
    background-position:top left;
    position:absolute;
    top:40px;
    right:40px;
    width: 120px;
    height: 120px;
    text-align:center;
}

span.alt { /* Alternative text (alt text) used for replacement of an image */
    display:none;
}

div.category {
    clear:right;
    display: block;
    margin: 0;
    border: none;
    padding: 0em 20px 0em 20px;/* top right bottom left*/
}

h3.publications {
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #623C7B;/* #6699cc; */
    /* border-left: 11px solid white;/\* #6699cc; *\/ */
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

p.body_text {
    line-height: 1.5em;
    font-size: 17px;
    /* font-family:  Verdana, Arial, Helvetica, sans-serif; */
    text-align: justify;
    word-wrap:break-word; 
}

/*- Projects --------------------------- */
div.projitem {
    clear:right;
    display: block;
    margin: 0px;
    border: none;
    padding: 0 0 0em 0;/* top right bottom left*/
}

div.proj_title {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0 0 .2em 0;/* top right bottom left*/
}
div.proj_info {
    display:block;
    font-size: 17px;
    /* color: #47AA42; */
    line-height: normal;
    margin: 0 170px .25em 0;/* top right bottom left*/
    text-align: justify;
    word-wrap:break-word;     
}

div.proj_attach {
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 .25em 0;/* top right bottom left*/
}

div.proj_thumbnail {
    float: right;
    margin: 0;
    border: none;
    padding: 0.25em 0 1.2em 0px;/* top right bottom left*/
}

 /* news  */
/*- news --------------------------- */


div.news {
    clear:right;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1em 0;/* top right bottom left*/
}

h2.news {
    clear:right;
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    margin: 0;
    border-top: none;
    border-right: none;
    border-bottom: 2px none #333333;
    border-left: none;
    padding: .5em 0 .5em 0em;/* top right bottom left*/
}
h4.news_date {
    display: block;
    font-size: .9em;
    font-weight: normal;
    margin: 0 0 0 .25em;
    margin-left: 100px;
    border-top: none;
    border-right: none;
    border-bottom: 5px none #aaaaaa;
    border-left: 8px solid #2E7B7F;
    padding: .15em 0 .15em .5em;/\* top right bottom left*\/ 
}

div.news_body{
    display: block;
    font-size: .8em;
    font-weight: normal;
    /* color: #000000; */
    line-height: 1.5em;
    text-align: justify;
    margin: 0;
    margin-left: 100px;
    border: none;
    padding: 0 0 .7em 1em;/* top right bottom left*/
}

/* bibitem */
div.bibitem {
    clear:right;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1em 0;/* top right bottom left*/
}

div.bibitem_authors {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    color: #000000;
    line-height: normal;
    margin: 0 0 .2em 0;/* top right bottom left*/
}

div.bibitem_title {
    display: block;
    font-size: .8em;
    font-weight: bold;
    color: #000000;
    line-height: 1.3em;
    margin: 0 0 .2em 0;/* top right bottom left*/
}

div.bibitem_info {
    font-size: .6em;
    color: #333333;
    line-height: normal;
    margin: 0 0 .25em 0;/* top right bottom left*/
}

div.bibitem_attach {
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 0em 0;/* top right bottom left*/
}

div.bibitem_bib {
    cursor:pointer;
    float: right;
    margin: 0;
    border: none;
    padding: 0 8px .6em 8px;/* top right bottom left*/
    background-image: url(../images/icon_bib_30x30.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

div.bibitem_pdf {
    float: right;
    margin: 0;
    border: none;
    padding: 0 8px .6em 8px;/* top right bottom left*/
}

a.bibitem_pdf {
    display: block;
    background-image: url(./img/twitter-icon.png);
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}

div.bibitem_youtube {
    float: right;
    margin: 0;
    border: none;
    padding: 0 8px 0.6em 8px;/* top right bottom left*/
}

a.bibitem_youtube {
    display: block;
    background-image: url(../images/icon_YouTube_36x36.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}


h2.photo_cont {
    clear:right;
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin-top: -50px;
    border-top: -10px;
    border-right: none;
    border-bottom: 0px none #333333;
    border-left: none;
    padding: 2em 0 0em 0em;/* top right bottom left*/
}

p.photo_cont{
    position: relative; 
    display:block; 
    float:left;
}

.photo_caption_l{
 position: absolute; 
 bottom: 10px; 
 left: 40px; 
 width: 150px;
}
.photo_caption_c{
 position: absolute; 
 bottom: 10px; 
 left: 25px; 
 width: 150px;
}
.photo_caption_r{
 position: absolute; 
 bottom: 10px; 
 left: 20px; 
 width: 150px;
}

div.insert_img img{
    margin-top:50px;
}
div.insert_img p{
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*- article --------------------------- */
h2.article_title {
    clear:right;
    display: block;
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 0em 0;
    border-top: none;
    border-right: none;
    border-bottom: 2px none #333333;
    border-left: none;
    padding: 2em 0 0em 0em;/* top right bottom left*/
}


div.article_title_year {
    font-size: 1.2em;
    /* color: #666666; */
    line-height: normal;
    display: block;
    margin: 0;
    border: none;
    /* margin: 0 0 .25em 0;/\* top right bottom left*\/ */
    text-align:center;
}

div.article_section {
    clear:right;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1.5em 0;/* top right bottom left*/
}

h3.article_section {
    clear:right;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 1em 0;
    border-top: none;
    border-right: none;
    /* border-bottom: 5px solid #6699cc; */
    /* border-left: 11px solid #6699cc; */
    padding: .3em 0 .4em .5em;/* top right bottom left*/
}

div.article_subsection {
    clear: none;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1em 0em;/* top right bottom left*/
}

div.article_quotation {
    font-style:italic;
    clear: none;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1em 2em;/* top right bottom left*/
}

h4.article_subsection {
    clear: none;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    margin: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding: 0 0 .4em 0;/* top right bottom left*/
}

div.article_paragraph {
    clear:none;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 0.5em 0;/* top right bottom left*/
    /*text-indent: 1em;*/
    line-height: 1.5em;
    /* font-size: 95%; */
    font-size: 17px;
    /* font-family:  Verdana, Arial, Helvetica, sans-serif; */
    text-align: justify;
    word-wrap:break-word; 

}

div.article_paragraph ul{margin-left:50px;}
div.article_paragraph li{list-style:square;  margin-bottom:-30px;}

div.article_figure {
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 1em 0;/* top right bottom left*/
}

div.article_image {
    /*float: right;*/
    display: block;
    margin: 0 auto;
    border: none;
    padding: 2em 0 0em 0em;/* top right bottom left*/
    text-align:center;
}


div.article_caption {
    clear:none;
    display: block;
    margin: 0;
    border: none;
    padding: 0 0 2em 0em;/* top right bottom left*/
    /*text-indent: 1em;*/
    line-height: 1.5em;
    font-size: 95%;
    /* font-family:  Verdana, Arial, Helvetica, sans-serif; */
    text-align: center;
    /* color: #666666; */
}

article{
    clear:right;
    display: block;
    margin: 0;
    border: none;
    padding: 1em 20px 3em 20px;/* top right bottom left*/
}