/* Light Stylesheet */

/**********************************************
 * BASE STYLES
 **********************************************/

/* Background Image / Color */
 
body,
#loading-screen
{
	background-color: #f4f4f4; /*shows while image is loading */
	background-image: url(../../img/color-schemes/light/bg.jpg);
}

/* Text Color */

body,
input, textarea, select
{
	color: #4d4d4d;
}

/* Link Color */

a
{
	color: #000;
}

/* Content Headings */

h1, h2, h3, h4, h5, h6
{
	color: #2d2d2d;
}

/* Form Fields */

input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=number],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
textarea,
select
{
	border-color: #e5e5e5;
	border-top-color: #cdcdcd;
	border-left-color: #cdcdcd;
	background: #e9e9e9;
	
}

/**********************************************
 * CONTENT ELEMENTS
 **********************************************/

/* Loading Indicator (while background image loads) */
 
#loading-indicator, /* initial page load */
.pp_loaderIcon /* lightbox */
{
	background-image: url(../../img/color-schemes/light/loading.gif);
}
 
/* Image Frames */

.portfolio-thumbs li,
.service-image,
#about-portrait,
#map-container
{
	background: #fff; /* thick white border */
	border-color: #e8e8e8; /* add definition with thin outside border */
}

/* Transparent Box */

.box
{
	background-image: url(../../img/color-schemes/light/box-bg.png); /* roughly rgba(255, 255, 255, 0.35); */
	border-color: #fff; /* highlight on inner box */
}

	/* Give darker border for browsers not supporting box shadow (IE7/8) */

	.no-boxshadow .box
	{
		border-color: #e8e8e8;
	}

	/* Bevel text in boxes */
	
	.content .box
	{
		text-shadow: 1px 1px 0 #fff;
	}
	
/* Link Buttons */

a.button
{
	color: #3d3d3d;
	background-color: #fff;
	background-image: url(../../img/color-schemes/light/button-overlay.png);
	border-color: #eee;
	border-right-color: #f9f9f9;
	border-bottom-color: #f9f9f9;
	text-shadow: 1px 1px 0 #fff;
}

	a.button:hover
	{
		color: #111;
	}

/**********************************************
 * HEADER
 **********************************************/

/* Header Bar */
 
#header
{
	background-image: url(../../img/color-schemes/light/header-bg.png);
}

	/* Logo */
	
	#header-content
	{
		background-image: url(../../img/color-schemes/light/logo.png);
	}	

	/* Navigation Links */
	
	#nav a
	{		
		color: #4d4d4d;
	}
	
	#nav a:hover
	{
		color: #000;
	}
 
/**********************************************
 * SECTIONS
 **********************************************/

/* Section Headings */

#sections > section header h1,
#sections > section header h2
{
	text-shadow: 8px 12px 0px rgba(100, 100, 100, 0.12);
}
	
	/* Primary Heading */

	#sections > section header h1
	{
		color: #2d2d2d;
	}

	/* Secondary Heading (Intro w/Dual Headings) */
	
	#sections > section header.intro h2
	{
		color: #777;
	}
	
/* Content Intro */

.intro
{
	color: #3d3d3d;
}

/**********************************************
 * PORTFOLIO
 **********************************************/

/* Thumbnail Overlay (Hover) */

.portfolio-thumb-overlay
{
	background-image: url(../../img/color-schemes/light/thumb-overlay.png); /* rgba(40, 40, 40, 0.80); */
}

	/* Overlay Title Text */

	.portfolio-thumb-overlay h2
	{
		color: #f1f1f1;
		text-shadow: 1px 1px 0px #333;
	}
	
/* Category Filter Links */

#portfolio-filters a
{
	color: #555;
	text-shadow: 1px 1px 0 #fff;
}

	/* Hover */
	
	#portfolio-filters a:hover
	{
		color: #222; /* darker on hover */
	}
	
	/* Selected */
	
	#portfolio-filters a.portfolio-filter-selected
	{
		background: #868686; /* fallback for non-rgba browsers */
		background: rgba(40, 40, 40, 0.5); /* semi-transparent gray */
		color: #fdfdfd;
		text-shadow: 1px 1px 0px #555;
	}
	
/* Button Sprites (Prev, Next, etc.) */

#portfolio-page-prev,
#portfolio-page-next,
.pp_arrow_previous,
.pp_arrow_next,
.pp_close,
.pp_expand,
.pp_contract
{
	background-image: url(../../img/color-schemes/light/button-sprites.png);
}

	.pp_next:hover 
	{
		background-image: url(../../img/color-schemes/light/lightbox-hover-next.png);
	}

	.pp_previous:hover
	{
		background-image: url(../../img/color-schemes/light/lightbox-hover-prev.png);
	}
	
/* Lightbox Border / Background */

.pp_content
{
	background: #fff;
}

	/* Lightbox border for browsers not supporting box-shadow (IE7/8) */
 
 	.no-boxshadow .pp_content
	{
		border: 1px solid #eee;
	}
	
/* Lightbox Title */
.ppt
{
	color: #222;
}
	
/**********************************************
 * ABOUT
 **********************************************/

/* Skills & Experience Lists - Custom Icon */

#about-skills li,
#about-experience li
{
	background-image: url(../../img/color-schemes/light/check-icon.png);
}

/**********************************************
 * TESTIMONIALS
 **********************************************/

/* Name */

.testimonial-name b
{
	color: #2d2d2d;
}

/**********************************************
 * CONTACT
 **********************************************/
 
/* Social Media Icons */
 
.icon-twitter,
.icon-facebook,
.icon-google-plus,
.icon-dribbble,
.icon-forrst,
.icon-flickr,
.icon-youtube,
.icon-vimeo,
.icon-skype,
.icon-linkedin
{
	background-image: url(../../img/color-schemes/light/social-media-sprites.png);
}

/* Contact Form Error List - Custom Icon */

#contact-error li
{
	background-image: url(../../img/color-schemes/light/bullet-icon.png);
}