@import url("default.css");	


/** webnav **/

ul#webprojects{		
	width:100%;
	margin:0px;
}

ul#webprojects li.default ul.webnav {
	background:	transparent url(../images/webnav_header.gif) no-repeat;
	font-size:11px
}
	
	ul#webprojects li.default h3{
		margin:0 ;
		padding:0;
	}		
	
	ul#webprojects li.default ul.webnav li.left {
		color:					#777;
	}
	
	ul#webprojects li.default ul.webnav li.name {
		font-weight:			bold;
		text-transform:			uppercase;
		color:					#777;
		
	}
		
	
	ul#webprojects li.default ul.webnav li.date {
		font-size:				11px;		
		color:					#777;
	}
	
div.web_content {
	position:					relative;
}	
	p.web_header a {		
		font-weight:			normal;
		border:					none;
		line-height:			12px;
	}
	
	p.web_header a:hover {
		color:					#000;
		/*border-bottom:			1px solid #9bb934;*/
	}
	
	p.web_comment span {
		color:					#f37535;
	}
	
	div.web_imgs ul li.nav_nr {
		background:				transparent url(../images/blue/spacer_webheader.gif) right no-repeat;
	}
	
	div.web_imgs ul li.last {
		background:				none;
	}
	
	div.web_imgs ul li a {
		color:					#fff;
		border-bottom:			1px solid #d0f15f;
		text-decoration:		underline;
	}
	
	div.web_imgs ul li a:hover {
	}
	
	div.web_imgs ul li a.active {
		color:					#000;
		text-decoration:		none;
	}
	
	div.web_imgs img.fstImg, div.web_imgs img.scnImg, div.web_imgs img.overLapImg{
		display:				block;
		visibility:				visible;
		position:				absolute;
		left:					0;
		top:					auto;
		z-index:				0;
	}
	div.web_imgs img.scnImg{
		left:					0;
		top:					0;
		z-index:				1;
	}
	div.web_imgs img.overLapImg{
		left:					auto;
		top:					0;
		z-index:				1;
	}
	
/** webnav active **/
/* Default theme - Black color */
ul#webprojects li.default ul.webnav_active {
	color:						#fff;
	background:					transparent url(../images/black/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.default ul.webnav_active li.name h4, ul#webprojects li.default ul.webnav_active li.name,
	ul#webprojects li.default ul.webnav_active li.left,
	ul#webprojects li.default ul.webnav_active li.date {	color:	#fff;	}
	
	li.default p.web_header {		background:	transparent url(../images/black/web_header.gif);	}	
	li.default p.web_header a {		color:	#888;	}	
	li.default p.web_header a:hover {	color:	#fff;	}
		
	li.default p.web_comment {
		background:				#101010 url(../images/black/web_comment.gif) repeat-x top;
		color:					#fff;
		border-top:				1px solid #101010;
	}
	

li.default div.web_footer {
	background:				transparent url(../images/black/web_footer.gif) no-repeat;
}

/* Orange theme - Orange color */
ul#webprojects li.orange ul.webnav_active {
	color:					#fff;
	background:				transparent url(../images/orange/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.orange ul.webnav_active li.name h4, ul#webprojects li.orange ul.webnav_active li.name,
	ul#webprojects li.orange ul.webnav_active li.left, 	
	ul#webprojects li.orange ul.webnav_active li.date {		color:		#333;	}

	li.orange p.web_header {		background:transparent url(../images/orange/web_header.gif);	}
	li.orange p.web_header a {		color:		#c13c02;	}
		
	li.orange p.web_comment {
		background:				#fcd0b9 url(../images/orange/web_comment.gif) repeat-x top;
		color:					#8e4006;
		border-top:				1px solid #fcd0b9;
	}	

li.orange div.web_footer {
	background:				transparent url(../images/orange/web_footer.gif) no-repeat;
}

/* Blue theme - Blue color */
ul#webprojects li.blue ul.webnav_active {
	color:					#fff;
	background:				transparent url(../images/blue/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.blue ul.webnav_active li.name h4, ul#webprojects li.blue ul.webnav_active li.name,
	ul#webprojects li.blue ul.webnav_active li.left,
	ul#webprojects li.blue ul.webnav_active li.date {	color:	#333;	}

	li.blue p.web_header {			background:	transparent url(../images/blue/web_header.gif);	}
	li.blue p.web_header a {		color:		#6b84b6;	}
		
	li.blue p.web_comment {
		background:				#c4cfea url(../images/blue/web_comment.gif) repeat-x top;
		color:					#515a86;
		border-top:				1px solid #c4cfea;
	}	

li.blue div.web_footer {
	background:				transparent url(../images/blue/web_footer.gif) no-repeat;
}


/* Green theme - Green color */
ul#webprojects li.green ul.webnav_active {
	color:					#fff;
	background:				transparent url(../images/green/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.green ul.webnav_active li.name h4, ul#webprojects li.green ul.webnav_active li.name,
	ul#webprojects li.green ul.webnav_active li.left,
	ul#webprojects li.green ul.webnav_active li.date {	color:	#333;	}

	li.green p.web_header {			background:	transparent url(../images/green/web_header.gif) no-repeat ;	}
	li.green p.web_header a {		color:		#3f6720;	}
		
	li.green p.web_comment {
		background:				#87b36c url(../images/green/web_comment.gif) repeat-x top;
		color:					#3f6720;
		border-top:				1px solid #87b36c;
	}	

li.green div.web_footer {
	background:				transparent url(../images/green/web_footer.gif) no-repeat;
}

li.green div.web_imgs ul li a {
	color:					#3f6720;
}

/* Brown theme - Brown color */
ul#webprojects li.brown ul.webnav_active {
	color:					#fff;
	background:				transparent url(../images/brown/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.brown ul.webnav_active li.name h4, ul#webprojects li.brown ul.webnav_active li.name,
	ul#webprojects li.brown ul.webnav_active li.left,
	ul#webprojects li.brown ul.webnav_active li.date {	color:	#fff;	}

	li.brown p.web_header {			background:	transparent url(../images/brown/web_header.gif) no-repeat ;	}
	li.brown p.web_header a {		color:		#422f28;	}
		
	li.brown p.web_comment {
		background:				#5f5152 url(../images/brown/web_comment.gif) repeat-x top;
		color:					#422f28;
		border-top:				1px solid #5f5152;
	}	

li.brown div.web_footer {
	background:				transparent url(../images/brown/web_footer.gif) no-repeat;
}

li.brown div.web_imgs ul li a {
	color:					#422f28;
}


/* Pink theme - Pink color */
ul#webprojects li.pink ul.webnav_active {
	color:					#fff;
	background:				transparent url(../images/pink/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li.pink ul.webnav_active li.name h4, ul#webprojects li.pink ul.webnav_active li.name,
	ul#webprojects li.pink ul.webnav_active li.left,
	ul#webprojects li.pink ul.webnav_active li.date {	color:	#333;	}

	li.pink p.web_header {			background:	transparent url(../images/pink/web_header.gif) no-repeat ;	}
	li.pink p.web_header a {		color:		#ab54da;	}
		
	li.pink p.web_comment {
		background:				#cb92eb url(../images/pink/web_comment.gif) repeat-x top;
		color:					#ab54da;
		border-top:				1px solid #cb92eb;
	}	

li.pink div.web_footer {
	background:				transparent url(../images/pink/web_footer.gif) no-repeat;
}

li.pink div.web_imgs ul li a {
	color:					#ab54da;
}