html{color:#DEE;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#DDD;}
html,body {
    padding:0px;
    margin:0px;
    font-family: Helvetica, sans-serif;
}
a {
	color: #AAF;
}
a:hover {
	color: #FAA;
}
h1.title {
    font-size: 4em;
    text-align: center;
    position: fixed;
}
h2.panel-header {
	font-size: 3em;
	text-align: right;
	margin-right: 1.34em;
	margin-bottom: 1em;
	color: #FFF;
	-webkit-text-stroke-color: #CDCDCD;
	-webkit-text-stroke-width: 1px;
	-webkit-text-fill-color: #202020;
	-moz-text-stroke-color: #CDCDCD;
	-moz-text-stroke-width: 1px;
	-moz-text-fill-color: #202020;
	text-stroke-color: #CDCDCD;
	text-stroke-width: 1px;
	text-fill-color: #202020;
}
div.panel {
    display: block;

}
div.panel div.menu
{
	text-align: center;
	margin: auto;
	width: 120px;
	height: 74px;
}
div.panel div.menu a
{
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
}
div.panel div.menu a span
{
    display: none;
}
div.panel div.menu a.twitter
{
    background: transparent url(../images/twitter.png) no-repeat 50% 50%;
}
div.panel div.menu a.linkedin
{
    background: transparent url(../images/linkedin.png) no-repeat 50% 50%;
}
div.panel div.menu a.blog
{
    background: transparent url(../images/blogger.png) no-repeat 50% 50%;
}
div.panel div.menu a.email
{
    background: transparent url(../images/email.png) no-repeat 50% 50%;    
}
div.panel div.menu a.github
{
    background: transparent url(../images/github.png) no-repeat 50% 50%;    
}
div.panel.jobs,
div.panel.educations
{
	margin: 0px 4em 0px auto;
	width: 600px;
}
div.panel.apps div.app
{
	margin: 0px 4em 0px auto;
	width: 600px;
	position: relative;
	/*display: inline-block;*/
	padding-bottom: 4em;
	min-height: 300px;
}
div.panel.apps div.app dd.description 
{
	margin-top: 1em;
}
div.panel.jobs div.job, 
div.panel.educations div.education
{
    position: relative;
    clear: left;
    padding-bottom: 5em;
    display: inline-block;
}
dt.title, dt.date, dt.company, dt.location, dt.description, dt.keywords, dt.link, dt.screenshots
{
    display: none;
}
dd.title
{
    font-size: 1.8em;
    letter-spacing: 0.05em;
}
dd.companyx
{
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 1.4em;
	letter-spacing: 0.1em;
}
dd.description
{
    padding-left: 200px;
    text-align: justify;
}
dd.keywords
{
	display: none;
	padding-top: 24px;
	padding-left: 200px;
    font-size: 0.7em;
}
dd.keywords span.keywords:hover
{
    color: red;
}
dd.link
{
	padding-left: 200px;
	padding-top: 16px;
/*	position: absolute;
	left: 0px;
	top: 40px;*/
}
dd.screenshots
{
	position: absolute;
	right: 620px;
	text-align: right;
}
dd.screenshots img
{
	margin: 4px;
	border: 1px solid #CCC;
}