/*	last edit: 04 March 06  */


	/*  General rules */

/* Shrink images to fit within viewport; some phones
   can't scroll horizontally. */
img	{
	max-width: 100%;
	}

#lightboxImage img {
	max-width: 100%;
border: 1px solid red;
	}



	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;}
	
	
	dd {margin: 0px; padding: 5px 0 5px 0;}
	dt {font-weight: bold; padding: 0px;}
	form {margin: 0;}
	
	
	h1 {font-size: 14px; font-weight: 500;color: #666666; letter-spacing: 0px; margin: 0 0 5px 0;}
	h2 {font-size: 14px; font-weight: 500; color: #999999; letter-spacing: 0px; margin: 0 0 5px 0;}
	h3 {font-size: 14px; font-weight: 500; color: #3399FF; letter-spacing: 0px; margin: 0 0 5px 0;}
	h4 {font-size: 13px; font-weight: 600; color: #999999; letter-spacing: 0px; margin: 0 0 0px 0;}
	h5 {font-size: 13px;  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 {}
	
	#pageHeader h1 {font-size: 14px; font-weight: 500; color: #666666; letter-spacing: 0px; margin: 10px 5px;}

	#footerBlock {
clear: both; background: #fff; margin: 0px; padding:10px 0 0px 0; border-top: 1px solid #999999;}
	#footerBlock p {clear: both; padding: 15px 5px; font-size: .9em; line-height: 1.0em; }
	#footerBlock a:link, #footerBlock a:visited {}



	#container {width: 100%; text-align: left; margin: 0 auto; border: 0px solid; 
border: 1px solid red;
background: url('images/background/header-cap.jpg') no-repeat 0 0px #fff;
padding-top: 30px;
}
	#intro { }
	#pagebody {
		padding: 0px; 
              padding-left: 0px; 
		margin: 0px;
		background: #fff; 
              width: 100%;
		border: 1px solid transparent;	
border-top: 0px;
display: block;
		clear: left;
		}
	
#mainContent { 
	padding: 5px; 
       margin: 5px; 
       display: block;
	border-top: 1px solid #99CCFF;
       width: 100%;
}

#mainContent h1 { display: none ;}
#sidebar {}




	.sidebarplease #container {background: #fff;}
	.sidebarplease #mainContent {padding: 0px; margin: 0;}




	.nosidebar #container { }
	.nosidebar #mainContent {padding: 0px; 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 { margin: 0px; padding: 0px 0 15px 0px;  display: block; } 

	#navigationbar ul, #footerBlock ul { font: bold; list-style-type: none; display: inline; padding: 0; margin: 0; }
	#navigationbar li,  #footerBlock li {display: inline; list-style: none; line-height: 1em;}
	#navigationbar  a:link, #navigationbar  a:visited, #footerBlock a:link, #footerBlock a:visited {display: block; float: left; padding: 0px 2px 0px 2px; margin: 0 2px; 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; padding: 0px;}




/* -- 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: 100%; border: 0px dotted; display: block; padding: 0; float: none;}
	.projectdetail .leftbox { width: 200px; border: 0px solid; padding: 0px; margin: 0 auto; float: none; }
	.projectdetail .rightbox h4 {margin: 10px 0px;}
	.projectimage {border: 0px solid #FF0033; margin: 0 0 0px 0; max-width: 100%;}


#content {margin: 10px 0 5px 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: 5px 0 5px 0; font-size: 14px; font-weight: 600;}
	 #mainContent .resume h4 { margin: 10px 0 5px 0; color: #333; font-size: 13px;}

	.resume .rightbox { 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;}





	#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 dotted #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 {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-off.gif);  margin-left: 10px;}
	.leftbox h2 {font-size:12px; font-weight: bold;} 


	
	.rightbox {float: none;}

	.rightbox ul { padding: 0px; margin: 0px;}
	.rightbox li { background: url(/images/arrow-off.gif) no-repeat 2px 5px; }
	.rightbox h4 {margin: 0px;  padding: 0px; line-height: 1em;}

.rightbox p {border: 0px solid red; margin: 10px 0px; padding: 0px;}
 
.rightbox.feature p {width: 100%; border: 0px solid red; margin: 0px; padding: 0px;}

.rightbox.keycapacities (  }

.rightbox.keycapacities h4, 
.rightbox.feature h4 {margin: 5px 0;  padding: 0px; line-height: 1em;}

	 .keycapacities {display: none; border: 1px solid #CCCCCC; margin: 0px; padding: 0px;}
	.feature, .keycapacities {width: ;}
	.feature ul  {border: 0; margin-left: 0;}}
	.feature li { background: url(/images/arrow-on.gif) no-repeat 2px 5px;}


.left {
float: left;
}

.right {
float: right;
}