/*==========================================================================================
	
This file contains styles related to the color scheme of the template

==========================================================================================*/

a{
	color:#009900;
	text-decoration:none;
}
a:hover{
	color:#FF0000;
	text-decoration:none;
}
a img:hover {	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


body{color:#ffffff;
background:#f5f5f5;
}

header{background:#FFFFFF;}

#triangle {border-top: 30px solid #ffffff; }

#about{
	background-image: url(../images/background_wood.png);
}
#about .section-title, #about .section-sub-title{color:#ffffff;}

.diamond{
background:#ffffff;
border:5px solid rgba(255,255,255, 1);
}

.progressBkg{background:#303030;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.barBkg{background:#00C4F4;}

#portfolio{
	background-color: #FFFFCC;
}
#portfolio .section-title, #portfolio .section-sub-title{
	color:#333333;
}

.work-categ li{background:#ffffff;color:#464646;}

#services{
	background-image: url(../images/background_A-1.png);
}
#services .section-title, #services .section-sub-title{color:#ffffff;}
#services .diamond{background:#ffffff;border:none;}

#blog{background:#61AE24;}
#blog .section-title, #blog .section-sub-title, .page-blog .section-title{color:#ffffff;}

.post{background:#ffffff;
color:#353535;
}
.post-title a{color:#353535;}
.post-title a:hover{color:#61AE24;}

.published{color:#a5a5a5;}
.published a{color:#a5a5a5;}
.published a:hover{color:#61AE24;}

#contact{
	background-image: url(../images/backgrund_contact.png);
}
#contact .section-title, #contact .section-sub-title{color:#ffffff;}



#message2, input.comm-field{border: 1px solid #6C798E; }

input.comm-field:focus, #message2:focus {border-color:#6C798E;}

#submit{
text-shadow: 0 1px 0 rgba(30, 30, 30, 0.8);
color: #ffffff;
background: #6C798E;
border: 1px solid #6C798E;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
#submit:hover, #submit:active{
background:#6C798E;
border: 1px solid #6C798E;
color: #ffffff;
}
.output2{border:1px solid #ff0000;}