/* CSS Document */
body {
background-color:#000000;
background: #FE0059 url(images/bg.gif) repeat scroll 0 0;

}
/* web|freelance - nav */
.nav {
background-color:#f13c73;
color:white;
height:26px;
}
/** .nav {
background-color:#f13c73;
color:white;
height:26px;
}*/
.nav a{
color:white;
text-decoration:none;
font: 10pt Verdana, Arial, sans-serif;
}
.nav a:hover{
color:#000000;
text-decoration:underline;
}
.active {
color:#000000;
text-decoration:underline;
font: 10pt Verdana, Arial, sans-serif;
}
/* left side */
.title {
color:#6bec00;
font: 12pt Verdana, Arial, sans-serif;
font-weight:bold;
}
.active2 {
color:#000000;
text-decoration:underline;
font: 10pt Verdana, Arial, sans-serif;
line-height: 1.4;
}
.links {
background-color:#e40045;
color:#e40045;
font: 10pt Verdana, Arial, sans-serif;
padding:10px 0px 0px 10px;
}
.links a{
color:#FFFFFF;
text-decoration:none;
line-height: 1.4;
}
.links a:hover{
text-decoration:underline;
}
/* flash */
.flash {
background-color:#e40045;
}
/* logo and bars */
.logo {
float:left;
margin: 0px 0px 0px 0px;
background-color:#f13c73;
height:20px;

}
/* bars this is for ie */
.bar {
float:left;
margin: -10px 0px 0px 0px;
width:100%;
}
/** .bar {
float:left;
margin: 0px 0px 0px 0px;
width:100%;
} this is for firefox */
html>body .bar {
float:left;
margin: 45px 0px 0px 0px;
width:100%;
}
.sideBar {
background-color:#f13c73;
width:30px;
}
.midBar {
background-color:#f13c73;
height:15px;
}
/* project */
.project {
background-color:#e40045;
color:#FFFFFF;
font: 10pt Verdana, Arial, sans-serif;
text-align:center;
padding:10px 0px 0px 0px;
}
.project a{
text-decoration:none;
color:#FFFFFF;
}
.project a:hover{
text-decoration:underline;
color:#000000;
}
.img {
border: 4px solid #f16d95;
}
/* below project */
.details {
background-color:#e40045;
color:#71e510;
/*border-left: 20px solid #876755;*/
font: 10pt Verdana, Arial, sans-serif;
padding:20px 10px 0px 20px;
line-height: 1.4;
width:480px;
}
.details b{
color:#f16d95;
}
.details a{
text-decoration:none;
color:#FFFFFF;
}
.details a:hover{
text-decoration:underline;
color:#000000;
}
.descript {
color:#000000;
font: 10pt Verdana, Arial, sans-serif;
font-weight:bold;
padding:0px 10px 0px 0px;
}

/* contact */
.contact{
text-align:right;
background-color:#e40045;
color:#f16d95;
font: 10pt Verdana, Arial, sans-serif;
font-weight:bold;
width:420px;
height:40%;

padding:10px 80px 10px 0px;
line-height:2;
}
.contact a{

text-decoration:none;
color:#FFFFFF;
}
.contact a:hover{
text-decoration:underline;
color:#000000;
}
.contactForm {
background-color:#e40045;
color:#6bec00;
font: 10pt Verdana, Arial, sans-serif;
padding:20px;
height:300px;
line-height: 1.4;
}
.contactTD {
color:#6bec00;
font: 10pt Verdana, Arial, sans-serif;
background-color:#e40045;
padding:20px 0px 0px 20px;
height:50%;
}
/* resume */
.resumeTop {
font-size:11px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#f1ece9;
padding:10px;
}
.resume {
font-size:11px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#e40045;
padding:10px;
}
.resume a{
color:#FFFFFF;
}
.resume a:hover{
color:#000000;
text-decoration:underline;
}
.indent {
padding:5px 0px 5px 10px;
}
.indent2 {
padding:5px 0px 5px 30px;
}

/* do i need */
/*.top {
background-color:#f0ece9;
padding-left:275;
}
.logo {
float:right;
padding:4px 10px 0px 10px;
}
.address {
float:left;
padding:0px 1px 0px 20px;
line-height:17px;
}
*/