body
{
	font-family: Verdana;
	max-width: 700px;
	
	background-attachment: fixed;
	background-position: right center;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.intro { display: none; }
h1.name
{
	padding-top: 55px;
}
div.section
{
}
div.section h2
{
	text-transform: uppercase;
	color: Gray;
	border-bottom: solid 1px silver;
	text-align: right;
}
ul.technicalSkills li 
{
	list-style-type: none;
	display: inline;
	padding-right: 1em;
}
li.experience.vevent { list-style-type: none; }
li.experience h3.title  
{
	color: #330000;
	border-bottom: solid 1px #dddddd; padding-bottom: .25em; margin-right: 30%; }
li.experience.first h3.title 
{
	border-bottom: 0px;
}
li.experience .org.summary
{
	color: #333333;
}
.org.self { display: none; }
li.experience .period { }
li.experience .period .dtstart { }
li.experience .period .dtend { }
li.experience .description { margin-top: 1em; }
li.experience .description .short { }
li.experience .description .full { color: Gray; }
li.experience .description ul {}
li.experience .description ul li.prj { list-style-type: none; padding-bottom: .5em; }
li.experience.self .description ul li.prj { list-style-type: none; padding-bottom: 0em; }


li.experience .extra { display: none; }

ul.duties li, ul.activities li, ul.awards li, ul.summary li
 { list-style-type: disc; padding-bottom: 1em; }

ul.publications li { list-style-type: disc;  padding-top: 1em; }

.period { font-size: smaller; }

.location { font-size: smaller; }

ul.vcard.contact
{
}
ul.vcard li
{
	list-style-type: none;
}
ul.vcard li label
{
}
.vcard .fn
{
}
.vcard .tel
{
}
.vcard .tel .type
{
}
.vcard .tel .value
{
}
.vcard .url
{
}
.vcard .date-of-birth
{
}
.vcard .country-of-origin { }

#skills { display: none; }

ul.skills
{
}

.hide { display: none !Important; }

.disabled { color: #dddddd; }

.controls-container
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 45px;
	/*
	ackground-color: #b7550a;
	background-image: url('wood.jpg');
	*/
	font-size: smaller;
	overflow: hidden;
	border-bottom-color: Gray;
	border-bottom-width: 3px;
	border-bottom-style: ridge;
	color: White;
	background-position: right top;
}
.controls-container form 
{
	padding: 0px; margin: 0px;
	position: absolute; z-index: 1;
	left: 0px; right: 0px;
}
.controls-container .mask
{
	background-color: Black; opacity: .5; position: absolute; top: 2px; right: 2px; left: 2px; bottom: 2px;
	filter:alpha(opacity=50);
}
.controls-container .control-container { display: block; float: left; margin-right: 1em; min-width: 160px; }
.controls-container .controls { clear: both; height: 22px; margin-right: 200px; }
.controls-container .groupLabel { width: 50px; height: 45px; float: left; padding-left: 10px; padding-top: 10px; }
.controls-container .info { position: absolute; top: 2px; right: 0px; width: 200px; color: White; }
.controls-container .info .img { width: 40px; height: 40px; float: left; display: block; }
.controls-container .info .brief { margin-left: 53px; }
.controls-container .info .brief .position { font-size: smaller; }

.footer
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 20px;
	background-color: black;
	font-size: smaller;
	overflow: hidden;
	border-top-color: Gray;
	border-top-width: 3px;
	border-top-style: ridge;
	text-align: right;
	padding-right: 1em;
	color: silver;
}
.footer span, .footer tt { padding-left: 2em; }
.footer a 
{
	color: silver;
	text-decoration: none;
}

a
{
	color: #4F4F77;
}

.me 
{
	position: fixed; top: 0px; right: 0px;
	 width: 230px; height: 200pt;
	 display: none;
	 font-size: smaller;
	 background-color: Transparent;
	background-position: right top;
	color: White;
	
}
.me .mask 
{
	background-color: Black; position: absolute; top: 2px; right: 2px; left: 2px; bottom: 2px;
	filter:alpha(opacity=70); opacity: .7; 
}
.me a { color: #33ccff; }
.me .info { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 6px; }
.me .info .img { width: 60px; height: 60px; float: left; display: block; padding-right: 5px; }
.me .info .brief { margin-left: 53px; }
.me .info .brief .position { font-size: smaller; }

.gallery-hide 
{
	cursor: pointer;
	position: absolute; top: 0px; right: 20px; height: 20px;
	color: White;
}

.print { visibility: collapse; }

@media print 
{
    * { font-size: 95%; font-family: Calibri, Arial; }
	.controls-container { display: none; }
	h1.name { padding-top: auto; }
	.footer  { font-size: smaller; }
	.section.otherActivities { margin-top: 1cm; }
	.print { visibility: visible; }
	.hidePrint { display: none; }
	
}
@page {  }