/* ******************************** */
/*       General style rules        */
/* ******************************** */
body {
	background: black url(../images/bg.gif) no-repeat;
		margin:0; 	font-family:Trebuchet,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
		position:absolute;
		top:-80px;
}
#body { position:absolute; }
div { background-repeat:no-repeat; }
a:visited { color:#666;}
a:link, a:active { color:#002a53; }
a:hover { color:#004891; }
.nav { cursor:pointer; }


/* ******************************** */
/*        Text/Font-related rules        */
/* ******************************** */
.title {
	font-size:large;
	font-weight:bold;
	margin-bottom:8px;
	font-style:normal;
}
em { font-weight:bold; font-style:italic; }
#homedrawer ul {
	margin-left:20px; margin-top:3px;
	font-style:italic;
	line-height:18px;
}
#homedrawerbot {
	font-size:13px;
	font-style:italic;
}
/* #contactdrawer a { text-indent:0; } */
#contactdrawer div { line-height:22px; margin-left:60px; }
#contactdrawer label { float:left; width:100px; }
#portfoliodesc { color:white; font-size:medium; 	text-align:center; }
#networks a { display:block; text-indent:-9999px; }
#skills1, #skills2, #skills3 {
	font-size:small;
}
#skills1 ul, #skills2 ul, #skills3 ul {
	list-style-type:circle;
	list-style-position:inside;
	margin-left:45px;
	text-indent:-30px;
	line-height:18px;
}
#skills2 { padding-left:55px; }
#skills2 span { float:left; width:150px; line-height:16px; margin-bottom:10px; 
	margin-right:-40px;
}
#skills3 { padding-left:20px; text-align:center; padding-top:25px; }
#skills3 span { display:block; line-height:12px; margin-bottom:5px;}
#skills3 .eduDegree { font-weight:bold; }
#skills3 .eduYear {  margin-bottom:20px;   }
#blogdrawer { padding:10px 10px 0 110px; }
#blogdrawer span { display:block;  }
#blogdrawer .subject { font-size:x-large; font-weight:bold; }
#blogdrawer .timestamp { font-style:italic;  font-size:x-small;}
#blogdrawer .post {  margin-top:5px; line-height:20px; margin-right:10px;
	overflow-y:auto;
}

/* *********************************** */
/*      Position and size rules        */
/* *********************************** */
#home, #home a { width:154px; height:294px; }
#home {
	position:absolute; left:464px; top:164px;
	z-index:1; 
} 
#homedrawer {
	position:absolute;
	left:617px; /* will be animated by jQuery from 617px to 318px */
	top:164px; z-index:2;
	padding:17px 0 0 17px;
	width:300px; height:294px; 
}
#homedrawerbot {
	position:absolute; top:190px; left:15px;
	width:280px;
}
#portfolio {
	position:absolute; left:464px; top:458px;
	z-index:1; visibility:visible;
	width:310px; height:151px;
}
#portfoliodrawer {
	position:absolute; 
	left:465px; /* will be animated by jQuery from 465px to 5px */
	top:316px;width:767px; height:293px;z-index:2; 
	display:none;
}
#portfolioleft {
	position:absolute; left:4px; top:65px;
	z-index:14; 
	width:50px; height:167px;
}
#portfolioscreen, #portfoliodesc {
	position:absolute;
	z-index:14;
	width:394px; height:262px;
	left:61px; top:7px;
}
#portfoliodesc {
	height:18px; top:248px; 	left:0;
	top:263px;
}
#portfolioright {
	position:absolute; left:464px; top:65px;
	z-index:14; 
	width:50px; height:167px;
}
#contact {
	position:absolute; left:617px; top:164px;width:157px; height:234px;z-index:1; 
}
#contactdrawer {
	position:absolute; left:513px; 
	top:165px; /* Will be animated by jQuery from top=165px to 80px */
	width:361px; height:309px; z-index:2; 
	padding-top:16px;
	display:none;
}
#blog {
	position:absolute; left:773px; top:164px;width:151px; height:151px;z-index:1; 
}
#blogdrawer {
	position:absolute; 
	left:358px; /* Will be animated by jQuery from 358px to 774px; */
	top:164px;
	width:605px; /* 715px image, -110px padding-left = 605px */
	height:292px;z-index:2; display:none;
}
#skills {
	position:absolute; left:773px; top:315px;width:151px; height:294px;z-index:1; 
}
#skillsdrawer {
	position:absolute; 
	 /* Will be animated by jQuery from 618px to 774px */
	left:618px;
	top:313px;width:347px; height:296px;z-index:2; 
	display:none; padding-left:100px; padding-right:10px;
}
#skillstabs { margin-left:27px; margin-top:1px; }
.skillsTabsLeft { position:absolute; top:2px; left:121px; z-index:3;}
.skillsTabsRight { float:left; position:relative; top:1px; left:-1px; z-index:3;}
#networks {
	position:absolute; left:617px; top:398px;width:157px; height:22px;z-index:1; 
}
#facebook {
	position:absolute; left:0px; top:22px;width:54px; height:38px;z-index:1; 
}
#linkedin {
	position:absolute; left:54px; top:22px;width:49px; height:38px;z-index:1; 
}
#twitter {
	position:absolute; left:103px; top:22px;width:54px; height:38px;z-index:1; 
}


/* ******************************** */
/*      Background Image rules      */
/* ******************************** */

#home { 	background-image:url(../images/home.jpg); }
#homedrawer {
	background-image:url(../images/homedrawer_f3.jpg);
	background-repeat:no-repeat;
}

#portfolio {
	background-image:url(../images/portfolio.jpg);
}
#portfoliodrawer {
	background-image:url(../images/portfoliodrawer_f3.jpg);
}
#portfolioleft {
	background-image:url(../images/portfolioleft_f3.jpg);
}
#portfolioscreen {
	background-repeat:no-repeat;
}
#portfolioright {
	background-image:url(../images/portfolioright_f3.jpg);
}
#skills {
	background-image:url(../images/skills.jpg);
}
#skillsdrawer {
	background-image:url(../images/skillsdrawer_f3.jpg);
}
#blog {
	background-image:url(../images/blog.jpg);
}
#blogdrawer {
	background-image:url(../images/blogdrawer_f3.jpg);
}
#contact {
	background-image:url(../images/contact.jpg);
}
#contactdrawer {
	background-image:url(../images/contactdrawer_f3.jpg);
}
#networks {
	background-image:url(../images/networks.jpg);
}
#facebook {
	background-image:url(../images/facebook.jpg);
}
#linkedin {
	background-image:url(../images/linkedin.jpg);
}
#twitter {
	background-image:url(../images/twitter.jpg);
}