/*
	mariusroosendaal.com Light theme CSS
	=========================================================
	(c)2007 Marius Roosendaal
	=========================================================
*/
@import url("default.css");	

body {
	background: 			#f7eedc url(../images/light/bg_tile.gif);
	color:					#774819;
}

a {
	color:					#0084ff;
	border-bottom:			1px dotted #77bdff;
}

* html a { 
	border-bottom:			1px solid #77bdff; 
}

a:hover {
	color:					#309bff;
}

h2, h3, h4, h5 {
	color:					#996633;
	background:				url(../images/light/header_line.gif) bottom repeat-x;
}

h5 {
	background:				url(../images/light/header_line_footer.gif) bottom repeat-x;
}

div.wrapper_bg {
	background: 			url(../images/light/bg.gif) top center repeat-x; 
}

/** header **/
div.header {
	background:				url(../images/light/bg_header.jpg) 0 29px no-repeat;
}

div.header h1 {
	background: 			url(../images/light/logo.png) no-repeat;
}


/** content **/
div.content {
	background:				url(../images/light/dotline_vert.gif) 500px 0 repeat-y;
}

/** webnav **/
ul#webprojects li ul.webnav {
	background:				url(../images/light/webnav_header.gif) no-repeat;
}
	
	ul#webprojects li ul.webnav li.left {
		color:					#c08f5f;
	}
	
	ul#webprojects li ul.webnav li.name h4 {
		color:					#996633;
	}
	
	ul#webprojects li ul.webnav li.date {
		color:					#c9ae91;
	}
	
/** webnav active **/
ul#webprojects li ul.webnav_active {
	color:					#fff;
	background:				url(../images/light/webnav-active_header.gif) no-repeat;
}
	
	ul#webprojects li ul.webnav_active li.name h4 {
		color:					#fff;
	}
	
	ul#webprojects li ul.webnav_active li.left {
		color:					#d5e88d;
	}
	
	ul#webprojects li ul.webnav_active li.date {
		color:					#dde9ab;
	}


div.web_content {
	position:				relative;
}

	p.web_header {
		background:				url(../images/light/web_header.gif);
		color:					#998373;
	}
		
	p.web_header a {
		color:					#fff;
		border:					none;
	}
	
	p.web_header a:hover {
		color:					#fff;
		border-bottom:			1px solid #9bb934;
	}
	
	p.web_comment {
		background:				#71901e url(../images/light/web_comment.gif) repeat-x top;
		color:					#fff;
		border-top:				1px solid #71901e;
	}
	
	p.web_comment span {
		color:					#9bb934;
	}
	
	div.web_imgs ul li.nav_nr {
		background:				url(../images/light/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;
	}
	
	div.web_imgs ul li a:hover {
	}
	
	div.web_imgs ul li a.active {
		color:					#a5cb5c;
	}
			
div.web_footer {
	background:				url(../images/light/web_footer.gif) no-repeat;
}
	
/** right bar **/
	div.themeselector p {
		color:					#c2a27f;
	}
	
	div.themeselector p strong {
		color:					#774819;
	}
	
	div.themeselector p span {
		color:					#774819;
	}
	
	div.themeselector ul {
		background:				url(../images/light/bg_themeselector.gif) no-repeat;
		color:					#b1885d;
	}
	
	div.themeselector ul li.time {
		background:				url(../images/light/spacer_themeselect.gif) right no-repeat;
	}
	
	div.themeselector a.style_light {
		background:				url(../images/light/btn_light.gif) no-repeat;
	}
	
	div.themeselector a.style_dark {
		background:				url(../images/light/btn_dark.gif) no-repeat;
	}
	
	div.themeselector a.style_sunrise {
		background:				url(../images/light/btn_sunrise.gif) no-repeat;
	}
	
	ul.contact_form input.txt, textarea {
		color:					#6f573f;
		background:				#faf8f0;
		border:					1px solid #decfb1;
	}
	
	ul.contact_form input.focus, textarea.focus {
		background:				#fdfcf9;
		border:					1px solid #decfb1;
	}
	
	ul.contact_form span {
		color:					#b7a48b;
	}


/** footer **/
div.footer {
	background:				url(../images/light/bg_footer.jpg) repeat-x;
}
		
	div.footer div.inner ul li {
		background:				url(../images/light/link_arrow_orange.gif) 0 8px no-repeat;
	}
	
	div.footer div.inner ul li a {
		border-bottom:			none;
	}
	
	div.footer div.inner ul li a:hover {
		border-bottom:			1px dotted #c7a667;
		color:					#0084ff;
	}
	
	* html div.footer div.inner ul li a:hover {
		border-bottom:			1px solid #c7a667; 
		color:					#0084ff;
	}
	
	div.footnotes {
		color:					#b7a48b;
	}
	
	div.footnotes a.copyright {
		color:					#b7a48b;
		border:					none;
	}

	div.footnotes a.copyright:hover {
		color:					#0084ff;
	}
	
	
/*featured dropdown */
div.feat_dd {

}
	div#feat_select {
		background:				url(../images/light/dd_select.gif) top no-repeat;
		color:					#996633;
	}
	
	#feat_options {
		background:				url(../images/light/dd_option_bg.gif);
	}
	
	#feat_options ul {
		background:				url(../images/light/dd_option_first.gif) no-repeat;
	}
	
	#feat_options ul li a {
		border-bottom:			1px solid #eee6d6;
		border-top:				1px solid #fcfaf5;
	}
	#feat_options ul li a:hover {
		background:				url(../images/light/dd_option_over.gif) no-repeat;
	}
	
	#feat_options ul li.first a:hover { 
		background:				url(../images/light/dd_option_over.gif) 0 3px no-repeat;
	}
	
/* tooltips */
.tt_night-tip {
	background:				url(../images/light/tt_night.gif) no-repeat;
}

.tt_day-tip {
	background:				url(../images/light/tt_day.gif) no-repeat;
}

.tt_sunrise-tip {
	background:				url(../images/light/tt_sunrise.gif) no-repeat;
}

.tt_desc-tip {
	background:				url(../images/light/tt_desc.gif) no-repeat;
}


/* slimbox */
#lbCenter {
	background: 			#fff;
}

#lbBottomContainer {	
	background: 			#f6edd8;
}

.lbLoading {
	background: 			#fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 				10px solid #f6edd8;
}

#lbPrevLink:hover {
	background: 			transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink:hover {
	background: 			transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	color: 					#666;
	border: 				10px solid #f6edd8;
}

#lbCloseLink {
	background:				transparent url(../images/light/sb_btn_close.gif) no-repeat center;
}