/*General css*/

body{ 
  background-color: #060703; 
  text-align: center; 
  
  
} 
table{
  font-family: Arial; 
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  color: #BBCEBB;
} 

b{
  color:#fff;
}

b.yellow{
  color: #EEFD98;
}

b.green{
  color: #00CD26;
}

a.content_link{
  text-decoration: none; 
  padding: 3px;
}

a.content_link:link, a.content_link:visited,  a.content_link:active{ 
  color: #00CD26; 
}

a.content_link:hover{ 
  color: #01FF30; 
}

a.folio_link{
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
}
a.folio_link:link, a.folio_link:visited,  a.folio_link:active{ 
  color: #00CD26; 
}
a.folio_link:hover{ 
  color: #01FF30; 
}


a.menu_on{  
  font-size: 13px; 
  letter-spacing: 1px;
  vertical-align: middle; 
  display: block;
  padding: 3px; 
  background-color: #445024;
  background-color: #005700;
  background-color: #0D4D0D;
  background-color: #080F0A;
  color: #EEFD98;  
  text-decoration: none;
  width: 100%;
  text-align: left;
} 
a.menu_on:link, a.menu_on:visited, a.menu_on:active { 
   background-color: #080F0A;  
}

a.menu_on:hover { 
   background-color: #025D13; 
}

 a.menu_off{   
  font-size: 13px; 
  letter-spacing: 1px;
  vertical-align: middle; 
  text-align: left;
  display: block;
  padding: 3px;
  text-decoration: none; 
}

  a.menu_off:link, a.menu_off:visited, a.menu_off:active { 
  background-color: #fff; 
  background-color: #252E13;
  background-color: #222611;
  background-color: #101208;
  color: #003500;
  color: #00CD26;
  width: 100%;

}

a.menu_off:hover {  
  background-color: #445024;
  background-color: #00CD26;
  background-color: #01971D;
  background-color: #025D13;
   
  color: #EEFD98;
  color: #00CD26;
  color: #01FF30;
}
/*for the box around the site*/
.box{
  background-color: #8E975B; 
}
  
.rowskills{ 
  font-weight: normal;
  font-weight: bold;
  text-align: left;
  color: #EAF6EA;
  font-size: 11px;
  padding-left: 25px;
  padding-right: 35px;
  
}

td.skills{  
  padding-left: 35px;
  padding-right: 35px; 
}

td.skills_background{
  background-image: url(../image/skills_background.jpg);
  background-repeat: repeat;
  border-top: #8E975B 1px solid; 
}

.dionwebdev{
  background-image: url(../image/dionwebdev_background.jpg);
  background-repeat: no-repeat; 
  background-position: center right;
  vertical-align: bottom;
  padding: 0px;
  text-align: left;
}
img.dionwebdev{
  vertical-align: bottom;
}
.dionwebdev_img{
  padding: 0px;
  margin: 0px;
}

.version{
  vertical-align: bottom;
  text-align: right;  
  padding-right: 10px;
  color: fff;
  font-size: 10px;   
}


.title{
  font-size: 15px;
  color: #DAEBDA;
  color: #BFECBF;
  color: #EEFD98;
  font-weight: bold;
  letter-spacing: 2px;
  border-bottom: #EEFD98 1px solid;
}

.line{   
  border-bottom: #68732C 1px solid; 
}

.lineMenu{   
  border-bottom: #68732C 1px solid; 
  border-top: #68732C 1px solid; 
}

.underconstruction{
  color: #EEFD98;
  text-align: center;
  font-weight: bold;
  font-size: 13px; 
}

td.menuImg{
  background-image: url(../image/menu_background.jpg);
  background-repeat: no-repeat; 
  background-position: top left;
  background-color: #004A00;
  vertical-align: top;
} 

/* for all contents in general */


.bg_content{  
   background-image: url(../image/black_keyboard7.jpg);
   background-color: #010B00;
   vertical-align: top;
}

.content{
    
  font-size: 12px; 

  color: #BFECBF;
  color: #DAEBDA;
  color: #CEE9CE;
  color: #ADC1AD;
  color: #D9E5D9;
  color: #C8D3C8;
  color: #BBCEBB;
  
  padding: 20px;
  vertical-align: top;
  
  text-align: justify;
  
 
}

.splash{
  font-size: 12px; 
  color: #BBCEBB; 
  vertical-align: top;  
  text-align: justify;
  border-right: #8E975B 1px solid; 
}

.splash2{
  font-size: 12px; 
  color: #BBCEBB; 
  vertical-align: top;  
  text-align: justify; 
  padding-left: 15px;
}

/* for folio and project*/
.reference{
  font-size: 11px; 
  color: #8E975B; 
  vertical-align: top;
  padding-left: 15px;
  padding-right: 15px;
}
.folio{
   
  
  

  font-size: 12px; 

  color: #BFECBF;
  color: #DAEBDA;
  color: #CEE9CE;
  color: #ADC1AD; 
  color: #BBCEBB; 
  text-align: justify;
  vertical-align: top;
}


.folio_title{
  font-size: 11px;
  color: #DAEBDA;
  color: #7EB07E;
  color: #006E14;
  color: #fff;
  color: #DBEEDF;
  color: #EBF6ED;
  color: #CCF6C4;
  color: #7EB0A0;
  color: #5BACAD;

}

.content_folio{  
  padding-right: 10px;
  
}

img.link{ 
  border-color: #00CD26; 
  border-color: #006E14;
}

.folio_menu{ 
  vertical-align: top;
  BORDER: #006E14 1px solid;  
  background-color: #000000;
}

 
UL.menu{ 
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 PADDING-BOTTOM: 0px; 
 MARGIN: 0px 0px 0px; 
 PADDING-TOP: 10px; 
 LIST-STYLE-TYPE: none; opacity: 1; 
 FLOAT: left; 
 BORDER-TOP: #006E14 1px solid;

}
UL.menu LI:hover {
	COLOR: #a2ff00; TEXT-DECORATION: none
}

/* for the description of the folio*/
ul.folio{
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-BOTTOM: 3px; 
  MARGIN: 0px 0px 0px; 
  PADDING-TOP: 3px; 
  LIST-STYLE-TYPE: none; opacity: 1; FLOAT: left;
} 

li.folio{
   PADDING-TOP: 3px;
   BORDER-BOTTOM: #006E14 1px solid;  
   PADDING-BOTTOM: 3px;
  
} 

a.folio_menu_off{
  display: block; 
  width: 100%;
  text-decoration: none;
  font-family:arial;
  font-size:9px;
  MARGIN-LEFT: 10px;
  BORDER-BOTTOM: #006E14 1px solid
}


a.folio_menu_off:link, a.folio_menu_off:visited, a.folio_menu_off:active { 
  color: #00CD26; 
}

a.folio_menu_off:hover { 
  color: #01FF30; 
}
a.folio_menu_on{
  display: block; 
  width: 100%;
  text-decoration: none;
  font-family:arial;
  font-size:9px;
  MARGIN-LEFT: 10px;
  BORDER-BOTTOM: #006E14 1px solid
}


a.folio_menu_on:link, a.folio_menu_on:visited, a.folio_menu_on:active { 
  color: #EEFD98;
}

a.folio_menu_on:hover { 
  color: #EEFD98;
}
/* main */


/* dionwebdev */
a.shortcut_link{
  text-decoration: none;
  padding: 3px;
  font-size: 16px; 
}

a.shortcut_link:link, a.shortcut_link:visited,  a.shortcut_link:active{
   
  color: #00CD26; 
}

a.shortcut_link:hover{
  
  color: #01FF30; 
}

/* service */
UL.list{ 
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 10px; 
 PADDING-BOTTOM: 10px; 
 MARGIN: 0px 0px 0px; 
 LIST-STYLE-TYPE: none; opacity: 1; 
 
 border-bottom: solid 1px #006E14;

}
/* blog */

.blog_date{ 
  font-weight: bold;
  color: #fff;
} 
.sub_title{
  font-size: 12px;
  color: #DAEBDA;
  color: #7EB07E;
  font-weight: bold; 
  
}

.wishlist{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;  
	PADDING-TOP: 0px;  
	opacity: 1; 
}

.list_title{
  font-size: 11px; 
  color: #5BACAD; 
   
  
}
/*pas faite*/
  
	 

.MenuItemTop a:hover, .MenuItem a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:12px;
	background-color:#051401;
}

.folio_box{ 
   font-size: 10px;
   color: #FEFEFF;  
}

.latest_box{
   padding-left: 15px;
}

.folio_box_title{
   color: #EEFD98;
   font-size: 11px;
}

.a_box{ 
   padding: 5px;
   font-size: 12px;
   color: #FEFEFF; 
}

.sub_title2{
  font-size: 12px; 
  color: #EEFD98;
  font-weight: bold;
  letter-spacing: 2px;
  border-bottom: #8E975B 1px solid; 
  margin-right: 20px;
}

.short_desc{
 font-size: 11px;
 color: #BBCEBB;
 border: #057B26 1px solid;
 padding: 10px;
 background-color: #010B00;
}

.img_aboutme{
 padding-left: 20px;
 padding-bottom: 10px;
}

.tbl_content{
  font-size: 12px; 

  color: #BFECBF;
  color: #DAEBDA;
  color: #CEE9CE;
  color: #ADC1AD;
  color: #D9E5D9;
  color: #C8D3C8;
  color: #BBCEBB; 
  vertical-align: top;
  
  text-align: justify;
}

.service_box{
  font-size: 11px; 
  border: #8E975B 1px solid;
  padding: 5px;
  width: 265px;
}

.service_title{
  color: #EEFD98; 
  border-bottom: #8E975B 1px solid;
}

.skill_last{
  background-color: #010101; 
}

.dionwebdev_img{
  text-align: left;
}