/* Generic */

body, div, span, table, tbody, thead, tr, th, td, img, p, ul, ol, li, dt, dd, a, h1, h2, h3, h4, h5, label, form, abbr {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0 none;
}
p { margin-bottom: 5px; }
ul, ol { margin-bottom: 5px; padding-left: 25px; }
ul li { list-style-type: disc; }
dt { font-weight: bold; }
dd { padding-left: 20px; }

body  { background: #e9f2f6; }

.container { width: 780px; margin: 0 auto; }

.header { padding: 35px 30px 5px 30px; background: #3b7687; }
.header a { font-family: Myriad Pro; font-size: 30px; text-decoration: none; color: #FFFFFF; }

.menu { padding: 6px 30px 6px 0; text-align: right; background: #3b7687; }
.menu a { font-family: Myriad Pro; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #c5d6db; }
.menu a:hover { color: #ecf2f3; }

h1 { font-size: 26px; font-family: Arial Narrow; font-weight: normal; margin: 0 0 23px 0; color: #869843; }
h2 { font-size: 16px; margin: 23px 0 10px 0; color: #3b7687; }
h3 { font-size: 14px; margin: 10px 0 5px 0; color: #444444; }

.main { background: #f4f4f4; }

.content { position: relative; font-family: Georgia, Times New Roman; font-size: 13px; line-height: 18px; margin: 0 0 0 220px; padding: 30px 30px 40px 30px; min-height: 480px; color: #444444; background: #ffffff; }
.content a { color: #3b7687; text-decoration: underline; }
.content a:hover { text-decoration: none; }

.separator { font-size: 11px; color: #ffffff; }

.footer { clear: both; font-family: Lucida Sans Unicode; font-size: 11px; padding: 6px 30px 6px 30px; text-align: right; background: #d6d6d6; color: #444444; }
.footer a { color: #262626; text-decoration: none; }
.footer a:hover { color: #666666; }

/* CV */

.languages { position: absolute; top: 30px; right: 600px; width: 68px; }
.languages img { padding: 5px; }
.languages span img { background: #c2cccc; }

#contacts { display: none; }

#education { position: relative; }

#experience ul.vcalendar, #additional ul { padding-left: 0; }
#experience li.experience, #additional li { list-style-type: none; position: relative; }
#experience li.experience { margin-bottom: 15px; }
#experience li.experience .summary { display: block; margin-top: 4px; font-size: 90%; font-weight: normal; color: #666666; }
#experience li.experience .period { display: block; margin-top: 5px; font-size: 90%; font-style: italic; }
#experience li.experience .description { clear: both; }


.soft-lib { position: relative; }

/* Logo */

.content .logo { position: absolute; overflow: hidden; border: 1px solid #9b9b9b; }
.content .logo a { display: block; line-height: 0px; font-size: 0px; text-decoration: none; }
.content .logo a:hover img { visibility: hidden; }

.hsoftware .logo { top: 80px; left: -160px; height: 131px; width: 96px; }
.hsoftware .logo a { height: 131px; width: 96px; }

.hresume .logo, .hsoftware .soft-lib .logo { top: 5px; left: -160px; height: 46px; width: 96px; }
.hresume .logo a, .hsoftware .soft-lib .logo a { height: 46px; width: 96px; }

.hresume #education .logo { top: 28px; height: 71px; }
.hresume #education .logo a { height: 71px; }

.content .logo a#logo-msu:hover { background: url(../img/logo_msu.gif) 0 71px; }
.content .logo a#logo-badoo:hover { background: url(../img/logo_badoo.gif) 0 46px; }
.content .logo a#logo-sup:hover { background: url(../img/logo_sup.gif) 0 46px; }
.content .logo a#logo-mamba:hover { background: url(../img/logo_mamba.gif) 0 46px; }
.content .logo a#logo-reaxion:hover { background: url(../img/logo_reaxion.gif) 0 46px; }
.content .logo a#logo-buka:hover { background: url(../img/logo_buka.gif) 0 46px; }
.content .logo a#logo-nikita:hover { background: url(../img/logo_nikita.gif) 0 46px; }
.content .logo a#logo-ci:hover { background: url(../img/logo_ci.gif) 0 131px; }
.content .logo a#logo-ta:hover { background: url(../img/logo_ta.gif) 0 46px; }
