cv.css

html {
color:#000;
background: white;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
margin:px;
padding:0;
}

body {
font-size:small;
font:x-small;
text-align:center;
font-family:Georgia;
color:#444;
}
::selection {
background:#D7F4FF;
}

#back {
color:#666;
font:32px Arial;
float:left;
margin-left:30px;
}

#back a:link,#back a:visited {
text-decoration:none;
color:#666;
}

#back a:hover {
text-decoration:overline;
background-color:#666;
color:#FFF;
}

li {
list-style:none;
line-height:24px;
border-bottom:1px solid #ccc;
}

h1,h2,h3 {
font-size:100%;
font-weight:400;
}
h4{
font-size: 14px;	
font-weight:100;
}

#breadth,.assembly1 {
text-align:left;
width:56.25em;
margin:auto;
}

#breadth {
width:71.25em;
}

.yui-b {
position:relative;
_position:static;
}

#yui-main .yui-b {
position:static;
float:none;
width:auto;
}

#yui-main {
width:100%;
}

.assembly1 #yui-main .yui-b {
display:block;
margin:0 0 1em;
}

.yui-gf div.first {
float:left;
width:12.3%;
text-align:right;
}

.yui-gc .yui-u {
width:28%;
margin-left:1.99%;
}

.yui-gb .yui-u {
margin-left:1.9%;
width:31.9%;
}

.yui-gf .yui-u {
width:80.2%;
}

.edu {
margin-left:-50px;
}

.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first {
margin-right:0;
width:32%;
_width:31.7%;
}

.yui-g .yui-gc div.first,.yui-gd .yui-g {
width:66%;
}

.yui-gb .yui-g div.first {
margin-right:4%;
_margin-right:1.3%;
}

.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first {
margin-right:0;
}

.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u {
margin-left:1.8%;
_margin-left:4%;
}

.yui-g .yui-gb .yui-u {
_margin-left:1%;
}

.yui-gb .yui-gd .yui-u {
width:66%;
_width:61.2%;
}

.yui-gb .yui-gd div.first {
_width:29.5%;
width:32%;
}

.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u {
width:32%;
_float:right;
margin-right:0;
_margin-left:0;
}

.yui-gb .yui-gc div.first {
width:66%;
float:left;
margin-left:0;
}

.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u {
margin:0;
}

.yui-gb .yui-gb .yui-u {
_margin-left:.7%;
}

.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first {
margin-left:0;
}

.yui-g .yui-gd div.first {
_width:29.9%;
}

.yui-gf .yui-g {
width:74.2%;
}

.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first {
width:24%;
_width:20%;
}

.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u {
width:73.5%;
_width:65.5%;
}

.yui-ge div.first .yui-gd .yui-u {
width:65%;
}

.yui-ge div.first .yui-gd div.first {
width:32%;
}

#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf {
zoom:1;
}

#inner {
background:#f5f5f5;
border:solid #666;
border-width:8px 0;
margin-top: 5em;
margin-bottom: 1em;
padding:10px 80px;
}

.yui-gf {
margin-bottom:2em;
padding-bottom:2em;
border-bottom:1px solid #ccc;
}

.change {
top:-15px;
}

#hd {
border-bottom:1px solid #ccc;
margin:2.5em 0 3em;
}

#footer {
text-align:right;
padding-bottom: 1em;
}

#hd h1 {
font-size:48px;
letter-spacing:3px;
}

h2 {
font-size:152%;
}

h3,h4 {
font-size:122%;
}

h1,h2,h3 {
color:#333;
}

h4 {
color:#999;
}

p {
font-size:100%;
line-height:18px;
padding-right:3em;
}

a {
color:#333;
text-decoration:none;
border-bottom:1px dotted #9bb7ce;
}

a:visited {
color:#751590;
}

a:focus {
color:#0181eb;
}

a:hover {
border-bottom:1px solid #9BB5F0;
color:#0181eb;
-webkit-transition:color 500ms ease-in;
-moz-transition:color 500ms ease-in;
-o-transition:color 500ms ease-in;
transition:color 500ms ease-in;
}

a:active {
color:#01579f;
position:relative;
top:1px;
}

p.enlarge {
font-size:122%;
line-height:24px;
}

.contact-info {
text-align:right;
line-height:1.1em;
margin-top:25px;
}
#skype {
background:url(../images/skype-icon.png) no-repeat;
height: 15px;
width:11px;
border:1px;
padding:16px 0 6px 32px;

}
.fn {
text-align:center;
margin-right:20px;
}

.first h1 {
font-style:italic;
text-align:center;
}

.first h2 {
font-style:italic;
}

.joblast {
position:relative;
border:none;
}

p.pointer:before {
	content: "ᗌ";
	padding-right: 5px;
}
p.tick:before {
	content: "✔";
	padding-right: 5px;
}

p.skill:before {
	content: "•";
    padding-right: 5px;
}

p.skill {
	line-height: 0.5;
}

.last {
border:none;
}

a#pdf {
display:block;
float:left;
background:#666;
color:#FFF;
margin-bottom:6px;
text-decoration:none;
padding:6px 50px 6px 12px;
}

a#pdf:hover {
background:#222;
}

.job {
position:relative;
margin-bottom:1em;
padding-bottom:1em;
}
h4, h5 {
	position: absolute;
}
.period{
	position: absolute;
	right: 0;
	color:#999;
}
.job h4 {
right:0;
top:20px;
}

.description {
color:#999;
right:0;
font-size:12px;
}
.emitter{
color:#999;
font-size:14px;	
}

.date {
position:absolute;
color:#999;
right:0;
font-size:14px;
}

.job h5 {
right:3px;
}

.job p,.joblast p {
margin:.75em 0 .25em;
}

.technical {
width:32%;
float:left;
}

.technical h2 {
margin-bottom:6px;
}

h1 {
font-size:42px;
font-weight:700;
letter-spacing:-2px;
}

#pic {
float:left;
margin:-80px 0 0 -180px;
}

.achievement p {
display:inline;
}

.achievement p::before {
content:"✔ ";
}

.duties p {
display:inline;
overflow:auto;
padding:0 0 0 5px;
}

a#resumelink {
background:url(../images/resumelink-bg.png) no-repeat;
width:110px;
border:1px;
font-size:10px;
padding:16px 0 6px 42px;
}

a#resumelink:hover {
background-position:0 -32px;
}

a#resumelink:active {
position:relative;
top:1px;
}

.yui-u,.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {
float:left;
}

.yui-gc .yui-u,.yui-gf .yui-u,.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u {
float:right;
}

.yui-ge .yui-u,.yui-ge .yui-g {
width:24%;
}

.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u {
width:48.1%;
margin-left:0;
}

.achievement,​ .duties {
list-style-type:none;
display:inline;
}

::-webkit-scrollbar {
width:10px;
height:10px;
}

.highlight::-webkit-scrollbar-track {
background:#000;
}

::-webkit-scrollbar-track {
background:#D7D7D7;
}

::-webkit-scrollbar-thumb {
background:#999;
}

::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active {
background:#666;
}