/*@import url(http://fonts.googleapis.com/css?family=Six+Caps);*/

/*

@font-face {
  font-family: morganite; 
  

src: url(fonts/morganite/Morganite-Black.ttf);
src: url(fonts/morganite/Morganite-Blackltalic.ttf);
src: url(fonts/morganite/Morganite-Bold.ttf);
src: url(fonts/morganite/Morganite-BoldItalic.ttf);
src: url(fonts/morganite/Morganite-Book.ttf);
src: url(fonts/morganite/Morganite-Bookltalic.ttf);
src: url(fonts/morganite/Morganite-ExtraBold.ttf);
src: url(fonts/morganite/Morganite-ExtraBoldItalic.ttf);
src: url(fonts/morganite/Morganite-ExtraLight.ttf);
src: url(fonts/morganite/Morganite-ExtraLightItalic.ttf);
src: url(fonts/morganite/Morganite-Light.ttf);
src: url(fonts/morganite/Morganite-LightItalic.ttf);
src: url(fonts/morganite/Morganite-Medium.ttf);
src: url(fonts/morganite/Morganite-MediumItalic.ttf);
src: url(fonts/morganite/Morganite-SemiBold.ttf);
src: url(fonts/morganite/Morganite-SemiBolditalic.ttf);
src: url(fonts/morganite/Morganite-Thin.ttf);
src: url(fonts/morganite/Morganite-ThinItalic.ttf);
}


p {
  font-family: myFont; 
}
*/

body {
	background:#222222;
	color: #ffffff;

    font-size: 1em;
    line-height: 1.4;
	padding:0;
	margin:0;

}




a,
a:visited {
	color: #888888;
	text-decoration: none;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	}

a:hover,
a:focus,
a:active {
    color: #d6d6d6;
	text-decoration: none;
}






#wrapper {
   max-width: 1200px;
   width: 95%;
   margin: 0 auto;
   border:none;
   
}


#wrapper-fix {
   width: 100%;
   overflow:hidden;
   height:100%;
   min-height:940px;

}





#intro {
   width: 100%;
	height: 100%;	
   /*max-width:300px;*/
   margin:0 auto;
   /*background:#171717;*/
}

#logo-box {
   margin: auto auto;
   /*width:100%;*/
   max-width:888px;
   padding: 4px;
   /*background:#343434;*/
   position:relative;
   
   overflow: visible;
   
}
#logo-ps  {
   margin:0 auto;
   width:100%;
   height:auto;
   /*background:#232323;*/
}
#logo-ps img  {
   margin:0;
   width:100%;
   height:auto;
   /*background:#232323;*/
}

#logo-bg { 
	opacity:.2;
	filter: blur(0);
	
	position:absolute;
	top: -340px;
	left:-440px;
	overflow:hidden;
	/*
	top: -90%;
	left:-110%;
	*/

   margin:0 auto;
   width:auto;
	height:auto;

   z-index:-1000000
	  

}

#logo-bg:hover{
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	
	opacity:0.4;
	filter: blur(2px);
	cursor: progress;
} 


#text-ps {
   margin:0 auto;
   /*width:100%;*/
   max-width:300px;
   padding: 30px;
   /*background:#454545;*/
   text-align:center;
   
	font-family: 'Morganite';
    font-weight: 500;
    font-style: normal;
 
       -webkit-font-smoothing: antialiased;

}

#text-ps-name {
   margin:0 auto;
   width:100%;
   padding: 0;
   /*background:#222222;*/
   
   font-size:44px;
   letter-spacing: 2px;
   color:#ff7155;

   text-align:center;
   text-transform:uppercase;
   line-height:1;
   
   
   
}
#text-ps-name-l {
   margin:0 auto;
   width:100%;
   padding: 0;
   /*background:#222222;*/
   
   font-size:80px;
   letter-spacing: 2px;
   color:#ff7155;

   text-align:center;
   text-transform:uppercase;
   line-height:1;
   
   
   
}

#text-ps-title {
   margin:0 auto;
   margin-left:0;
   width:100%;
   padding: 0;
   /*background:#333333;*/
   
   font-size:28px;
   letter-spacing: 3px;
   color:#888888;
   
   text-align:center;
   line-height:1;
   
}



#text-ps-email, .text-ps-link {
   margin:30px auto 0 auto;
   width:100%;
   padding: 0;
   /*background:#333333;*/
   
   letter-spacing: 1.7px;
   color:#666666;
   
   text-align:center;
   line-height:1;
   
}

.text-ps-link 		{   font-size:28px; 
}
.text-ps-link a 	{ color: #B2B2B2; padding:8px 16px; border:solid 1px; background: rgba(0,0,0,0.3)
}
.text-ps-link a:hover		{ color: #E84B3C; border:solid 1px rgba(255,255,255,0); background:#404041
}

#text-ps-email		{   font-size:24px; 
}


#text-ps-archive {
   margin:60px auto 0 auto;
   padding: 0;
   
   font-size:16px;
   letter-spacing: 1.7px;
   color:#666666;
   
   text-align:center;
   line-height:1;
   
   font-family: 'Six Caps', sans-serif;
       -webkit-font-smoothing: antialiased;
   
}
#text-ps-archive a {
   color:#222222;
	text-decoration: none;
	
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
#text-ps-archive a:hover {
   color:#f9f9f9;
	
}


#social-ps {
   margin:0 auto;
   /*width:100%;*/
   max-width:300px;
   padding: 40px;
   /*background:#343434;*/
}


#social-ps-icons {
   margin:0 auto;
   width:100%;
   max-width:100px;
   height:auto;
   padding: 0;
	text-align: center;
	align-content: center;
   /*background:#444444;*/
}


	#social-ps-icons ul {
		list-style:none;
		padding:0;
		margin:0;
		
		text-align: center; /*justify*/
		border: none;
		/*font-size: 0.1px;  IE 9/10 don't like font-size: 0; */
		/*background: #444;*/
		position:relative;
		
	}


	#social-ps-icons ul li {
		width: 20px;
		height: auto;
		display: inline-block;
		/*background: #222;*/
	}


	#social-ps-icons ul:after {
		content: '';
		width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
		display: inline-block;
	}
	
	
	#social-ps-icons ul li a {
		
		
			
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			
			/* IE 5-7 */
			filter: alpha(opacity=60);
			
			/* Netscape */
			-moz-opacity: 0.6;
			
			/* Safari 1.x */
			-khtml-opacity: 0.6;
			
			/* Good browsers */
			opacity: 0.6;
			
		
	}
	
	#social-ps-icons ul li a:hover {
		
			
			/* IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
			
			/* IE 5-7 */
			filter: alpha(opacity=20);
			
			/* Netscape */
			-moz-opacity: 0.2;
			
			/* Safari 1.x */
			-khtml-opacity: 0.2;
			
			/* Good browsers */
			opacity: 0.2;
	}
	
	
	
	
	
	#footer_logos ul li a, #footer_logos ul li .nolink , #footer_logos ul li img a{
		display: block; 
		text-decoration: none;
		
		padding: 7px 0 5px 0;
		
		border-bottom:solid 2px transparent ;
			
		}
	
	
	#footer_logos ul li a:hover, #footer_logos ul li .active a:hover, #footer_logos ul li img a:hover  {
		border-bottom:solid 2px rgb(255, 113, 85);
		
		
		
	}
	
	
	
	




#header, #main, #footer {
   width: 100%;
}

#content {
   width: 65%;
   float: left;
}

#sidebar {
   width: 35%;
   float: left;
}

#footer {
   clear: both;
}







/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */
	border:none; /*5 px solid #e9e9e9; */
	margin:0; /* 15px; */
	-webkit-box-shadow: 0 0  5px #333;
	-moz-box-shadow: 0 0  5px #333;
	-ms-box-shadow: 0 0  5px #333;
	-o-box-shadow: 0 0  5px #333;
	box-shadow: 0 0 5px #333;
	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	
	
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s;
}

.fadeIn-5s {
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-o-animation-duration:5s;
	animation-duration:5s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}

.fadeIn-Delay-5s {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }







/* 820px */ 
@media screen and (max-width: 820px) { 

#logo-box {
   
    padding-top: 0 !important
}

}