/*	last edit: 04 March 06  */

@import "ie6win.css";

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/*\*//*/
  @import "ie5mac.css";
/**/

	a:link {color: #0088FF; text-decoration: underline;}
	a:visited {color: #6699CC; text-decoration: underline;}
	a:hover {color: #FF0033; text-decoration: underline;}
	a:active {color: #D5ACFF; text-decoration: underline;}




	body {color: #3A4956; background: #ffffff; font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif; margin: 0; padding: 0; text-align: center; min-width: 730px;}
	
	
	dd {margin: 10px 0; padding: 0;}
	dt {font-weight: bold; padding: 0 0 0 17px;}
	form {margin: 0;}
	
	
	h1 {font: 18px Arial, Helvetica, sans-serif; font-weight: 500;color: #666666; letter-spacing: 0px; margin: 0 0 5px 0;}
	h2 {font: 18px Arial, Helvetica, sans-serif; font-weight: 500; color: #999999; letter-spacing: 0px; margin: 0 0 5px 0;}
	h3 {font: 18px Arial, Helvetica, sans-serif; font-weight: 500; color: #3399FF; letter-spacing: 0px; margin: 0 0 5px 0;}
	h4 {font: 16px Arial, Helvetica, sans-serif; font-weight: 600; color: #999999; letter-spacing: 0px; margin: 0 0 0px 0;}
	h5 {font: 14px Arial, Helvetica, sans-serif;  font-weight: 600; color: #999999; letter-spacing: 0px; margin: 0 0 5px 0;}
	
	
	hr {border: none; height: 1px; background: #ccc; margin: 2em 0;}
	img {border: 0; padding: 0;}
	table caption {color: #fff; background: #98A0A6;}	
	th {text-align: left; background: #C7CBCE;}

	a:hover code {color: #333333;}
	tr.alt {background: #E9EAEB;}

	.bold {font-weight: bold;}




	#pageHeader {width: 772px; height: 31px; background: url(/images/rpheader05.gif) 0 0 no-repeat; position: relative;}
	
	#pageHeader h1 {display: none;}




	#footerBlock {clear: both; background: #fff; margin: 5px 0 0 0; border-top: 1px solid #999999;
background: url('/images/rpfooter.gif')  no-repeat 0 0px #fff;
}
	#footerBlock p {clear: both; padding: 40px 0 20px 0; font-size: .9em; line-height: 1.0em; }
	#footerBlock a:link, #footerBlock a:visited {}

#footerBlock #footer {
margin-left: 141px;
}

	#container {width: 772px; text-align: left; margin: 0 auto; border: 0px solid; 
margin-top: 2px; 
border: 0px solid red;
background: url('/images/header-top02.gif') no-repeat 0 0px;
padding-top: 29px;
}
	#intro {position: relative;}
	#pagebody {
		padding: 0px; 
padding-left: 140px; 
		margin: 0px;
		background: #fff; 
		
width: 529px;
		border: 1px solid transparent;	
border-top: 0px;
display: block;
		clear: left;
		}
	
	#mainContent { 
	padding: 0; 
	margin: 0px;
	margin-left: 0px; 

	display: block;
	border-left: 1px solid #99CCFF;
	width: 529px;
	max-width: 529px;
	}

	#sidebar {}




	.sidebarplease #container {background: #fff;}
	.sidebarplease #mainContent {padding: 0px; margin: 0;}




	.nosidebar #container {}
	.nosidebar #mainContent {padding: 5px 5px; width: auto;}
	.nosidebar #sidebar {display: none;}




	.homePage h1, .archives h1, .homePage h2.olderentries, #monthlyCal caption {color: #EB694A; font: normal 15px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0; text-align: left;}

	.homePage h2.olderentries {margin-top: 2em;}
	.homePage h2, .archives h2 {font: bold 18px Arial, Helvetica, sans-serif; color: #E62C00; letter-spacing: -1px; margin: 1em 0 0 0;}
	.homePage h2 a:link, .homePage h2 a:visited, .archives h2 a:link, .archives h2 a:visited {margin: 0; color: #E62C00;}
	#mainContent .olderentries, #categorylist, #recentEntries {margin: 0; padding: 0;}
	#mainContent .olderentries li, #categorylist li, #recentEntries li {margin: 10px 0; padding: 0 0 0 20px; list-style: none;}





	#navigationbar { width: 540px; height: 24px;  margin: 0 0 0 141px; padding: 0px; border-left: 1px solid #99CCFF; display: block;}

#navigationbar {
border: 0px solid red;
background: url('/images/rpfooter.gif') no-repeat  0px -5px;
width: 772px; 
height: 40px;  
margin: 0 0 0 0px; 
}
 
	#navigationbar ul, #footerBlock ul { font: bold; list-style-type: none; display: inline; padding: 0; margin: 0;}

#navigationbar ul  {
display: block;
height: 40px;
width: 525px;
margin-left: 141px;

background: url(/images/blueline-v.gif) 0 0 no-repeat;
}

	#navigationbar li,  #footerBlock li {display: inline; list-style: none;}
	#navigationbar  a:link, #navigationbar  a:visited, #footerBlock a:link, #footerBlock a:visited {display: block; float: left; padding: 1px 9px 3px 6px; margin: 0 6px; font-weight: 800; font-size: 11px; text-decoration: none; }
	#navigationbar a:hover,  #footerBlock a:hover { color: #FF0033;}
	#navigationbar li.divider {float: left; padding-left: 1px; padding-right: 1px; display: none;}


	
	.about #navigationbar ul {}
	.contactme #navigationbar ul {}
	.projects #navigationbar ul {}
	.related #navigationbar ul {}
	


	.s-home a:link, .s-home a:visited,
	.s-resume a:link, .s-resume a:visited,
	.s-portfolio a:link, .s-portfolio a:visited,
	.s-aboutme a:link, .s-aboutme a:visited,
	.s-blogger a:link, .s-blogger a:visited,
	.s-contactme a:link, .s-contactme a:visited,
.page_item a:link, .page_item a:visited
	 {color: #999; }

	.home .s-home a:link, .home .s-home a:visited,
	.resume .s-resume a:link, .resume .s-resume a:visited,
	.portfolio .s-portfolio a:link, .portfolio .s-portfolio a:visited,	
	.aboutme .s-aboutme a:link, .aboutme .s-aboutme a:visited,
	.blogger .s-blogger a:link, .blogger .s-blogger a:visited,
.page_item.current_page_item a:link, 
.page_item.current_page_item a:visited,
.page_item.current_page_parent a:link,
.page_item.current_page_parent a:visited
	 {color: #000;}

	.s-contactme {display: block; border: 0px solid; float: right; padding: 0 5px 0 15px; background-image: url(/images/mail.gif); background-repeat: no-repeat; background-position: 2px 2px; }




/* -- Portfolio Elements 	-- */

	.portfolio #mainContent h3 {font-size: 18px; }
	.portfolio #mainContent h4 {font-size: 14px; }
	
	.projectdetail { border: 0px solid;}
	.projectdetail img {display: block; margin-left: auto; margin-right: auto}
	.projectdetail .enlarge { text-align: right;  padding: 1px; border: 0px solid red; }
	.projectdetail .enlarge img {display: inline;}
	.projectdetail .caption { background: #EEE; padding: 4px;}
	
	.projectdetail .rightbox { width: 305px; border: 0px dotted; display: block; padding-left: 0;}
	.projectdetail .leftbox { width: 200px; border: 0px solid; padding: 0px; margin: 0; }
	.projectdetail .rightbox h4 {margin: 0px 0px 0px 0px;}
	.projectimage {border: 0px solid #FF0033; margin: 0 0 0px 0;}


   
/* -- Resume Elements 	-- */	
	.resume #contentarea ul { padding: 0; margin: 0;}
	.resume #contentarea li { list-style: none; padding: 0 0 0 16px; background-image: url(/images/bullet.gif); background-repeat: no-repeat; background-position: 4px 4px;}
	

	 #mainContent .resume h3 { margin-top: 15px; font-size: 16px; font-weight: 600;}
	 #mainContent .resume h4 { margin-top: 15px; margin-bottom: 5px; color: #333; font-size: 14px;}

	.resume .rightbox { width: 140px; padding: 5px; border: 1px solid #CCC;}
	.resume .rightbox ul {list-style: none; list-style-position: inside; margin: 0; padding: 0; border: 0;}
	.resume .rightbox li {list-style: none; background-image: none; padding: 0; margin: 0 0 0 22px; border: 0; }

	.resume .location { margin-top: -5px;}


.navigation {
 margin: 20px 0;
}


	#mainContent ul li {list-style: none; padding: 0 0 0 16px; margin: 0;}
	
	#mainContent a:link, #mainContent a:visited {text-decoration: underline;}
	
	#mainContent h2 a:link, #mainContent h2 a:visited
	{color: #999999; text-decoration: none;}
	
	#mainContent h2 a:hover
	{color:#FF0033; text-decoration: underline;}
	
	#mainContent h3 a:link, #mainContent h3 a:visited,
	#mainContent .reply a:link, 
	#mainContent .reply a:visited
	{color: #3399ff; text-decoration: none;}

	#mainContent h3 a:hover
	{color:#FF0033; text-decoration: underline;}


	#mainContent .context {margin: 1em 0 0 0;}
	#sidebar .context {margin: 1em 20px; font-size: 10px;}




		.entry .lead {color: #7A9EC5; float: right; width: 265px; font-size: 17px; text-align: left; margin: 0 0 1em 0; position: relative; left: 35px;}
		
		.divider {border-top: 1px solid #CCC; margin: 4px 0;}

		.metadata {margin: 30px 0; padding: 0 10px; background: #eee; border: solid 1px #ccc;}
		.metadata h2 {margin: 10px 0 0 0;}



		#sidebar {padding-bottom: 1em;}
		#sidebar h2 {display: none;}
		#sidebar h3 {color: #EB694A; font: normal 15px Arial, Helvetica, sans-serif; letter-spacing: -1px; margin: 0px 20px 0px 20px; text-transform: none;}
		#sidebar dl, #sidebar dl p {margin: 0 0px; font-size: 10px;}
		#sidebar dt, #sidebar dd {margin: 0; padding: 0 0 0 0px;}
		#sidebar dt  font-weight: normal;}
		#sidebar dd p {margin: 0 0 0px 0;}
		#sidebar caption {background-color: transparent;}






		.flLeft {float: left; margin: 0 15px 0 0;}
		.flRight {float: right; margin: 0 0 0 15px;}
		#mainContent a.imglink:link, #mainContent a.imglink:visited {border: none;}
		a.imglink:hover {background: transparent;}
		
		.projectimg {margin-left: 15px;}
		.companyimg {margin-left: 15px; }
		
		.imgborder {border: 1px solid #000 !important;}

		.calPage {}
		.calPage .day {display: block; font-weight: bold; font-size: 20px; text-indent: -3px; letter-spacing: -2px; color: #ddd; text-shadow: #bbb 2px 2px 0; background: url(/i/ice/deco-date2.gif) bottom left no-repeat; padding-bottom: 5px;}

		#mainContent a.photo-link:link, #mainContent a.photo-link:visited, #mainContent a.photo-link:hover {border: 0; background: none;}
		.photo-link img {border: solid 1px #E3E3E3; border-top: 0; border-left: 0; background: #fff; padding: 10px; margin-top: 1em;}





	#skipNav {position: absolute; left: -9999px; font-size: small;}
	#skipNav a:hover {color: #f00;}
	#skipNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}
	.hide, .hidden {display: none;}
	
	
	.leftbox {width: 135px; float: left; border: 0px solid; margin: 10px 0 0 0;}
	.leftbox ul	{padding: 0px; margin: 0 0 10px 0; list-style-position: inside;}
	.leftbox li {list-style-image: url(/images/arrow.gif);  margin-left: 10px;}
	.leftbox h2 {font-size:12px; font-weight: bold;} 


	
	.rightbox {float: right;}
	.rightbox ul { padding: 0px; margin: 0 10px 10px 10px;}
	.rightbox li { background: url(/images/arrow.gif) no-repeat 2px 5px; }
	.rightbox h4 {margin: 5px 0px;  padding: 0px; line-height: 1em;}

.rightbox p {border: 0px solid red; margin: 5px 0px 10px 0px; padding: 0px;}
 
.rightbox.feature p {border: 0px solid red; margin: 0px; padding: 0px;}

.rightbox.keycapacities {width: 225px;
background: url(/images/rightbox-bg.jpg) no-repeat left bottom;
}

.rightbox.keycapacities h4 {margin: 0;  padding: 4px 8px 4px 12px; line-height: 35px;
background: url(/images/rightbox-top.jpg) no-repeat left top;
}
.rightbox.keycapacities li { background: url(/images/arrow-simple.gif) no-repeat 2px 5px; }

	 .keycapacities {border: 0px solid #CCCCCC; margin-left: 10px; padding-bottom: 10px;}
	.feature, .keycapacities {width: 275px;}
	.feature ul  {border: 0; margin-left: 0;}}
	.feature li { background: url(/images/arrow-on.gif) no-repeat 2px 5px;}
	

.ilike {
	float: left;
	margin: 0 5px 5px 0;
	border: 1px solid #c6c6c6;
}

.ilike:hover {
	border: 1px solid #2472c1;
}


.left {
float: left;
}

.right {
float: right;
}

.disclaimer {
	width: 540px;
	padding: 8px;
	border: 1px dotted #ccc;
	background-color: #eaeaea;
	margin: 25px 10px;
}

.disclaimer {
	border: 1px dotted #e6db55;
	background-color: #fffbcc;
}
		