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

body {
	background: 			url(../images/dark/bg_tile.gif);
	color:					#826c5c;
}

a {
	color:					#ff3048;
	border-bottom:			1px dotted #7f1414;
}

* html a { 
	border-bottom:			1px solid #7f1414; 
}

a:hover {
	color:					#ff4a5f;
}

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

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

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

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

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

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


/** webnav **/
ul#webprojects li ul.webnav {
	background:				url(../images/dark/webnav_header.gif) no-repeat;
}
	
	ul#webprojects li ul.webnav li.left {
		color:					#6e5f54;
	}
	
	ul#webprojects li ul.webnav li.name h4 {
		color:					#998373;
	}
	
	ul#webprojects li ul.webnav li.date {
		color:					#6e5f54;
	}
	
	
/** webnav active **/
ul#webprojects li ul.webnav_active {
	color:					#fff;
	background:				url(../images/dark/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:					#a39a8f;
	}
	
	ul#webprojects li ul.webnav_active li.date {
		color:					#998373;
	}

	p.web_header {
		background:				url(../images/dark/web_header.gif);
		color:					#998373;
	}
		
	p.web_comment {
		color:					#fff;
		background:				#40362f url(../images/dark/web_comment.gif) repeat-x top;
		border-top:				1px solid #40362f;
	}
	
	p.web_comment span {
		color:					#998373;
	}

	div.web_imgs ul li.nav_nr {
		background:				url(../images/dark/spacer_webheader.gif) right no-repeat;
	}
	
	div.web_imgs ul li.last {
		background:				none;
	}
	
	div.web_imgs ul li a {
		border-bottom:			1px solid #7f1414;
	}
	
	div.web_imgs ul li a:hover {
	}
	
	div.web_imgs ul li a.active {
		color:					#998373;
	}
	
div.web_footer {
	background:				url(../images/dark/web_footer.gif) no-repeat;
}
	

/** right bar **/
	div.themeselector p {
		color:					#483c33;
	}
	
	div.themeselector p strong {
		color:					#998373;
	}
	
	div.themeselector p span {
		color:					#998373;
	}
	
	div.themeselector ul {
		background:				url(../images/dark/bg_themeselector.gif) no-repeat;
		color:					#998373;
	}
	
	div.themeselector ul li.time {
		color:					#705e51;
		background:				url(../images/dark/spacer_themeselect.gif) right no-repeat;
	}
	
	div.themeselector a.style_light {
		background:				url(../images/dark/btn_light.gif) no-repeat;
	}
	
	div.themeselector a.style_dark {
		background:				url(../images/dark/btn_dark.gif) no-repeat;
	}

	div.themeselector a.style_sunrise {
		background:				url(../images/dark/btn_sunrise.gif) no-repeat;
	}

	ul.contact_form input.txt, textarea {
		color:					#998373;
		background:				#2b2521;
		border:					1px solid #352f2b;
	}
	
	ul.contact_form input.focus, textarea.focus {
		background:				#342d28;
		border:					1px solid #443b35;
	}
	
	ul.contact_form span {
		color:					#3a2e25;
	}

	
/** footer **/
div.footer {
	background:				url(../images/dark/bg_footer.png) repeat-x;
}
	
	div.footer div.inner ul li {
		background:				url(../images/dark/link_arrow_brown.gif) 0 8px no-repeat;
	}
	
	div.footer div.inner ul li a:hover {
		border-bottom:			1px dotted #7f1414;
	}
	
	* html div.footer div.inner ul li a:hover {
		border-bottom:			1px solid #7f1414; 
	}
	
	div.footnotes {
		color:					#3b2e25;
	}
	
	div.footnotes a.copyright {
		color:					#3b2e25;
		border:					none;
	}	
	
	div.footnotes a.copyright:hover {
		color:					#826c5c;
	}
	
/*featured dropdown */
div.feat_dd {

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

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

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

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


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

#lbBottomContainer {	
	background-color: 		#1d1917;
}

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

#lbImage {
	border: 				10px solid #1d1917;
}

#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 #1d1917;
}

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