/* CSS file */

div.copyright {
  width:100%;
  font:9px Verdana, Georgia, "Times New Roman", Times, serif;
  background:#EEEEEE;
  height:3%;
  }

div.content {
        margin-top:3em;
        margin-left:25em;
        margin-right:25em;
        }

#footer {
 clear: both;
 margin-bottom:1%;
}

/* wrapper for projects related files */
#wrapperpro {
  width:100%;
}

#middlecol {
 width:54%;
 padding:10px;
 float:left;
 background-color:#FFFFFF;
 color:green;
}

#leftcol {
  width:14%;
  float:left;
  color:black;
  background-color:#aeb7e4;
}

#rightcol {
  width:22%;
  float:left;
  color:black;
  background-color:#aeb7e4;
}

/* Properties that both side lists have in common */
div.link-list {
        width:25%;
        position:absolute;
        top:22em;
        padding-left:0%;
        padding-right:0%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#intro {
        width:50%;
        margin-top:4em;
        margin-left:20%;
        margin-right:20%;
        color:#3d6c3d;
        padding-left:2%;
        padding-right:2%;
        border-left:1px solid blue;
        border-right:1px solid blue;
        font:14px Georgia, Verdana, serif;
}
/* and then we put each list on its place */
#news {
        left:0;
        font:14px Verdana, Georgia, serif;
        color:green;
}
#currpro {
        right:0;
        font:14px Verdana, Georgia, serif;
        color:green;
}

/* Dynamic Drive CSS Library for 2-columns */
#contentwrapper{
float: left;
width: 100%;
background:none;
}

#contentcolumn{
margin-left: 285px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 285px; /*Width of left column*/
margin-left: -100%; /* Set left margin to -(MainContainerWidth) */
/* margin-left: -840px; */ /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/* end of 2-column code */

/* Thumbnail views */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}