/*
* Template Name: Blogfolio
* Author: Serif Templates
* Author URI: http://seriftemplates.com
* Version: 1.0
*/


@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700);

.text-shadow { text-shadow: 0px 2px 0px #000;}

#nav-bar { 
  padding:0;
  background: #282828;
  border-bottom-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#4C4C4C;
  min-height: 45px;
  position: fixed;
  top:0; left:0;
  width:100%;
  z-index: 198;
  -moz-box-shadow:0 1px 14px rgba(0,0,0,1);
  -webkit-box-shadow:0 1px 14px rgba(0,0,0,1);
  box-shadow:0 1px 14px rgba(0,0,0,1);
}

/* ------------------------------------------------------------------------
	Image Slider
------------------------------------------------------------------------- */

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	z-index: 0;
  background:#fff url(images/prettyPhoto/light_square/loader.gif) no-repeat 50% 50%;
  margin-bottom:10px;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: left;
	padding: 2px 0;
	margin: -43px 0px 0px 18px;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:12px;
	height:12px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 4px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -12px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:50px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
	top:163px;
}
.theme-default a.nivo-prevNav {
	left:0px;
  top:163px;
}

.theme-default .nivo-caption {
    font-family: "Titillium Web", serif;
}
.theme-default .nivo-caption a {
    color:#000;
    border-bottom:1px dotted #000;
}
.theme-default .nivo-caption a:hover {
    color:#000;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left: 0;
	bottom:90px;
	text-align:center;
	width:100%;
	font-family:"Titillium Web", serif;
  font-size:21.0px;
  line-height:1.52em;
	color:#EBEBEB;
  text-shadow: 0px 2px 0px #000;
	z-index:8;
	overflow: hidden;
	display: none;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
	z-index: 12;
  position: relative;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


/* ------------------------------------------------------------------------
	PrettyPhoto Lightbox
------------------------------------------------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,

	
	div.light_square .pp_content .ppt { color: #000; }
	div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) 3px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { width:40px; height:40px; margin:-20px 0 0 -20px; text-indent:-999em; background: url(images/prettyPhoto/light_square/loader.gif) center center no-repeat #000; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;; } /* Loader icon */



/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 20px;
			position: relative;
		}
			* html .pp_top { padding: 0 20px; }
		
			.pp_top .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_top .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 20px; }
			.pp_content_container .pp_right { padding-right: 20px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 7px 0 0 0; }
				.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 20px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 20px; }
			
			.pp_bottom .pp_left {
				height: 20px;
				left: 0;
				position: absolute;
				width: 20px;
			}
			.pp_bottom .pp_middle {
				height: 20px;
				left: 20px;
				position: absolute;
				right: 20px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 20px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 20px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

.pp_nav p {  font-size: 14px; font-family: Helvetica, Arial, sans-serif; color:#FFF; }
.pp_description { margin-top: 5px; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color:#FFF;	}
.pp_social {display:none;}




/* ------------------------------------------------------------------------
	Animated Skill Bars
------------------------------------------------------------------------- */


.skill-container {
	margin: 0 auto;
	background-color: transparent;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(17, 17, 17, 0.3)), color-stop(100%, rgba(68, 68, 68, 0.1)));
	background-image: -webkit-linear-gradient(top, rgba(17, 17, 17, 0.3), rgba(68, 68, 68, 0.1));
	background-image: -moz-linear-gradient(top, rgba(17, 17, 17, 0.3), rgba(68, 68, 68, 0.1));
	background-image: -ms-linear-gradient(top, rgba(17, 17, 17, 0.3), rgba(68, 68, 68, 0.1));
	background-image: -o-linear-gradient(top, rgba(17, 17, 17, 0.3), rgba(68, 68, 68, 0.1));
	background-image: linear-gradient(top, rgba(17, 17, 17, 0.3), rgba(68, 68, 68, 0.1));
}
.percent-container ul, .skill-container ul { margin:0; padding:0; list-style:none; }
.percent-container li, .skill-container li { width:30px; height:200px; margin:0 5px; position:relative; float:left; }
.percent-container li a, .skill-container li a { position:absolute; bottom:0; width:100%; height:0; }
.percent-container li a:hover, .skill-container li a:hover { background-color:#333; }



.one { background-color: #9D8374; }
.two { background-color: #4C5461; }
.three { background-color: #D7B7A0; }
.four { background-color: #61524D; }
.five { background-color: #343B58; }


.tooltip {
    display:none;
    position:absolute;
    border:1px solid #3C3C3C;
    background-color:#141414;
    font-family: Arial, Helvetica, sans-serif;
    color:#a6a6a6; font-size:14.0px; line-height:1.14em;
    padding:10px;
    color:#e7e7e7;
    margin-top: -50px;
}



/* ------------------------------------------------------------------------
	Back To Top
------------------------------------------------------------------------- */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	margin-left:50%;
  margin-right:50%;
	bottom:35px;
	right:-408px;
	overflow:hidden;
	width:76px;
	height:76px;
	border:none;
	text-indent:100%;
	z-index: 999;
	background:url(images/totop.png) no-repeat left top;
}

#toTopHover {
	background:url(images/totop.png) no-repeat left -76px;
	width:76px;
	height:76px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}