body {
margin:0;
padding:0;
color:#000;
font:normal normal 12px "trebuchet ms", Verdana, Helvetica, sans-serif;
background: url(img/bg-bottom2.gif) repeat-x bottom;
}

a:hover{
color:#999999;
}
#page{
width: 100%;

}
img {
	border: none;
}
#title{
position: relative;
background:#FFF url(img/header2.gif) no-repeat;
height: 150px;
color: #0099FF;
text-align: left;
width: 955px;
margin-right: 10%;
margin-left: 10%;
}
#title p{
color: white;
font-weight: bold;
font-size: 1.7em;
text-align: center;
}
#title h1{
padding-top: 2.5%;
padding-left: 15%;
font-size: 3.7em;
}
#title h1 a{
color: #0099FF;
text-decoration: none;
}
#title h1 a:hover{
color: #000;
border-bottom: 1px #000 dashed;
}
#content{
overflow: auto;
width: 950px;
height: 100%;
margin-right: 10%;
margin-left: 10%;
padding: 10px 10px 10px 10px;
background-color: transparent;
border-bottom: 1px #EFEFEF solid;
}

.hresume{

width: 600px;
float: left;
padding: 10px 10px 10px 10px;
background: transparent;
}
.hresume a{
color: #0099FF;
}

.hresume a:hover{
color: #000;
}
.summary{
font-weight: bold;
padding: 5px 10px 10px 20px;
background:#FFF url(img/summary-1.gif) no-repeat;
}

#summary h1{
color:#0099FF;
}
#experience{

}
#experience h2, h2 a{
color: #0099FF;
font-size: 2em;
font-family: arial;
}
#education h2, h2 a{
color: #0099FF;
font-size: 2em;
font-family: arial;
}
#experience h2 a:hover{
color: #000;
font-size: 2em;
font-family: arial;
}
#education h2 a:hover{
color: #000;
font-size: 2em;
font-family: arial;
}
#affiliation h2, h2 a{
color: #0099FF;
font-size: 2em;
font-family: arial;
}
#affiliation h2 a:hover{
color: #000;
font-size: 2em;
font-family: arial;
}
.ol.vcalendar {
margin: 0;
padding: 0;
}
.dtstart{
padding: 0 0 0 25px;
text-decoration: none;
}

.vcalendar a{
color: #FF0033;
font-weight: bold;
}
.vcalendar span{
clear: both;
background: none;
padding: 0 0 0 0;
font-weight: normal;
color: #000;
}
.vcalendar li{
margin-left: -10px;
color: #3F3F3F;
list-style-type: none;
padding-bottom: 15px;
background: top left url(img/arrow2.gif) no-repeat;
}

.title{
color: #000;
}

#skill{
width: 100%;
}

#computer-skill{
float: left;
width: 45%;
padding: 0 2% 1% 2%;
}
#computer-skill li{
padding: 0 0 10px 25px;
margin-left: -40px;
list-style-type: none;
background: top left url(img/validate.png) no-repeat;
}
#languages-skill{
float: right;
width: 45%;
padding: 0 2% 1% 2%;
}
#languages-skill li{
padding: 0 0 10px 25px;
margin-left: -40px;
list-style-type: none;
background: top left url(img/validate.png) no-repeat;
}
#affiliation{
position: relative;
float: left;
width: 100%;
}
#affiliation li{
display: inline;
list-style-type: none;
}
#affiliation li a{
display: inline;
list-style-type: none;
color: #0099FF;
}
#sidebar{
width: 300px;
float: right;
background: white;
padding-right: 10px;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4{
color: #FF3300;
}
#vcard{
padding: 20px 0 0 10px;
}

#vcard a{
color: #0099FF;
text-decoration: none;
}
#vcard a:hover{
color: #000;
border-bottom: 1px dashed #000;
}

#sidebar p{
padding: 0 0 0 10px;
}
.vcard .fn{
color: #FF3300;
font-family: verdana;
font-weight: bold;
}
#box{
background: #F8F8EC url(img/box-tile.gif) repeat-y top;
}
#box h3{
background: #F8F8EC url(img/box-top.gif) no-repeat top left;
padding: 3px 0 0 20px;
}

#marketing-skill{
padding: 0 0 10px 10px;
background: url(img/box-bottom.gif) no-repeat bottom left;
}
#marketing-skill ul{
margin-left: -30px;
}
#marketing-skill li{
padding-right: 10px;
list-style-type: none;
display: inline;
text-align: justify;
}

#marketing-skill li a{
color: #0099FF;
display: inline;
text-decoration: none;
}
#marketing-skill li a:hover{
color: #000;
display: inline;
border-bottom: 1px dashed #000;
}
#marketing-skill li h1{
display: inline;
font-size: 1.2em;
}
#marketing-skill li h2{
display: inline;
font-size: 1em;
}
#marketing-skill li h3{
background: none;
display: inline;
font-size: 0.9em;
}
#marketing-skill li h4{
display: inline;
font-size: 0.8em;
}
#marketing-skill li h5{
display: inline;
font-size: 0.6em;
}

#rss ul{
margin-left: 10px;
text-align: left;
display : inline;
}
#rss li{
margin-left: 10px;
text-align: left;
display : inline;
}
#rss a{
border: none;
text-decoration: none;
color: #0099FF;
}
#rss a:hover{
text-decoration: none;
color: #000;
}

#img {
text-decoration: none;
border: none;
}
#footer{
clear: both;
margin-top: 10px;
text-align: center;
border-bottom: 2px #B6BF83 solid ;
background-color: transparent;

}