/*
                            CSS Style Sheet for
                            SteveHiggs.com - V7
--------------------------------------------------------------------------------
*/


/* 
 HTML ELEMENTS
________________________________________________________________________________
*/

	body{
		background: #939598 url('../images/V7-BG1.jpg') 50% 0% repeat fixed;
		margin: 0px auto;
		padding: 0px;
		color: #AFAFAF;
		font-size: 10pt;
		font-family: Helvetica, Verdana, sans-serif;
		text-align: left;
	}

	p {
		padding: 5px 20px 10px 20px;
		margin: 0px; 
	}

	a {
		color: #6ea9e5;
	}
	
	strong {
		color: #6ea9e5;
	}
	
	h1 {
		color: #303030;
  		text-shadow: 0em 0.04em 15px #000000;
		margin: 0 0 -0.25em 0;
		padding: 0 0 0.30em 0;
		line-height: 0.65em;
		font-size: 10em;
		font-family: 'Lucida Grande', Helvetica, Verdana, sans-serif;
		overflow: hidden;
		position: relative;
		z-index: 0;
		opacity: 0.65;
	}


	h2 {
		color: #6ea9e5;
		margin: 0px;
		padding: 20px 0px 5px 0px;
		font-family: 'Cantarell', Helvetica, Verdana, sans-serif;
	}

	img{
		border: 0px;
	}

/* 
 DIV ID's
________________________________________________________________________________
*/

	#Outer_Container {
 		background: url('../images/V7-BG1-Top.jpg') 50% 0% repeat-x fixed;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		min-width: 978px;
	}

	#Inner_Container {
		margin: 0px auto;
		text-align: left;
		position: relative;	
		width: 978px;
	}

	#Header {
		background: url('../images/Interface-Header-BG.png') 0px bottom no-repeat;
		width: 978px;
		height: 86px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#Header h1, #Header strong{
		display: none;
	}


	#Content_Body {
		background: url('../images/Interface-Content-BG.png') 0px 0px repeat-y;
		width: 978px;
		padding: 0px 0px 0px 0px;
		position: relative;
	}


	#Header nav {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 525px;
		margin: 0px;
		z-index: 2;
		text-align: right;
	}

	#Header nav ul {
		padding: 33px 0px 33px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#Header nav ul li {
		display: inline;
		font-size: 18px;
		padding: 0px 0px 0px 0px;
	}

	#Header nav ul li a{
		text-decoration: none;
		color: #9E9E9E;
		text-shadow: 0 0 0.3em #000000;
		padding: 33px 15px 33px 15px;
	}

	#Header nav ul li a:hover{
		text-decoration: none;
		color: #ffffff;
	}

	#Header nav ul li a.Active{
		background: url('../images/Interface-Navigation-Indicator.png') 50% 0px no-repeat;
		text-shadow: 0 0 0.5em #6ea9e5;
		color: #ffffff;
	}

	#Content {
		background: #000000 url('../images/Interface-Content-BG2.jpg') 0px 0px no-repeat;
		width: 950px;
		margin: 0px auto;
		font-size: 1.10em;
		font-weight: 300; 
		letter-spacing: 0.05em;
		line-height: 1.25em;
		font-family: Helvetica, Verdana, sans-serif;
	}

	#Content-Home {
		background: #000000;
		position: relative;	
		width: 950px;
		margin: 0px auto;
		letter-spacing: 0.08em;
		line-height: 1.30em;
		padding: 265px 0px 0px 0px;
	}

	#HomeSignature{
		margin: -10px 35px 0px 0px;
		text-align: right;
		font-size: 2.5em;
		font-family: 'Reenie Beanie', arial, serif;
	}

	#Slideshow-Container {
		width: 950px;
		height: 465px;
		position: absolute;
		top: -63px;
		z-index: 0;
		margin: 0px auto 0px auto;
	}

	#Slideshow img{
		/* Hide all images to start off with, javascript will display them when needed */
		display: none;
	}


	#Home-Intro {
		background: url('../images/S-Logo-Home.png') 0 50% no-repeat;
		padding: 30px 15px 0px 120px;
		margin: 0px 0px 0px 0px;
		position: relative;
/*		text-shadow: 0px 0px 5px #000000; */
		z-index: 1;
	}

	#Footer_Top {
		clear: both;
		background: url('../images/Interface-Footer-Top.png') 50% 0px no-repeat;
		height: 25px;
		padding: 0px;
		margin: 0px;
	}

	#Footer_Content {
		background: url('../images/Interface-Footer-BG.png') 50% 0px repeat-y;
		width: 978px;
		color: #000000;
		text-shadow: 0px 1px 1px #cdcdcd;
		font-weight: bold;
		font-size: 0.75em;
		padding: 0px;
		margin: 0px;
		line-height: 1.75em;
	}

	#Footer_Content a {
		color: #000000;
		text-decoration: none;
	}

	#Footer_Content a:hover {
		color: #ffffff;
		text-shadow: 0px 1px 2px #000000;
	}

	#Footer_Content a.Active {
		background: url('../images/Interface-Footer-Nav-Active.png') 0 50% no-repeat;
		margin: 0px 0px 0px -8px;
		padding: 0px 0px 0px 8px;
	}

	#Footer_Content strong {
		color: #ffffff;
		opacity: 0.7;
		text-shadow: 0px 1px 2px #000000;
		font-family: 'Cantarell', Helvetica, Verdana, sans-serif;
		font-size: 1.25em;
		display: block;
		margin: 0px 0px 0px 0px;
	}

	#Footer_Content nav ul {
		float: left;
		width: 130px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	 
	#Footer_Content nav li {
		float: left;
		width: 6em;
	  	margin: 0px;
		padding: 0px;
	}
	
	#Footer_Column_1{
	 	width: 14%;
	 	float: left;
	 	margin-left: 3em;
	}

	#Footer_Column_2{
		width: 19%;
		float: left;
	}
 
	#Footer_Column_2 ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

 	#Footer_Column_3{
		width: 29%;
		float: left;
		margin: 0px 10px 0px 5px;
	}
 
	#Footer_Column_3 ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

	#Footer_Column_4{
		width: 29%;
		text-align: justify;
		float: left;
		margin-right: 3em;
	}
 
	#Footer_Bottom {
		background: url('../images/Interface-Footer-Bottom.png') 50% 0px no-repeat;
		height: 29px;
		margin: 0px;
		padding: 0px;
	}

/* 
 Specific Classes
________________________________________________________________________________
*/

/* Content Area */	

	.Content-Text {
		width: 800px;
		margin: 0px auto;
		position: relative;
		z-index: 1;
	}
	

/* News Section */

	#NewsSection{
		margin: 0px 170px 0 10px;
	}	
		

	#ToggleNews{
		float: right;
		font-size: 0.8em;
		margin: -20px 18px 0 0;
	}

	.Comment {
		padding: 15px;
	}
	
	.CommentDetails {
		height: 1.25em;
		font-weight: bold;
		border-bottom: 1px solid #252525;
	}
	
	.CommentTitle {
		float: left;
		color: #6ea9e5;
		font-size: 1.30em;
		font-weight: normal;
		width: 570px;
		margin: 0 0 0 .4em;		
	}
	
	.CommentDate {
		width: 150px;
		float: right;
		color: #2e4760;
		font-size: 1.25em;
		font-weight: bold;
		text-align: right;
		margin: 0 .4em 0 0;
	}
	
	.CommentDate .superscript {
		position: relative;
		top: -0.45em;
		font-size: 0.70em;
	}
	
	.CommentText {
		clear: left;
		padding: 10px;
	}	




/* Contact Form */


	#ContactForm label{
		font-family: Helvetica;
		margin: 6px 0px 0px 0px;		
		display: block;
	}
	
	.text_input {
		padding: 5px 0 5px 8px;
		color: #9E9E9E;
		border-radius: 4px;
		border: 2px solid #212121;
		font-size: 1.25em;
		background: #111111;
		font-weight: normal;
		outline: none;
		width: 100%;
	}
	
	.text_input:focus {
		box-shadow: 0px 0px 8px #6ea9e5;
		border: 2px solid #6ea9e5;
	}

	
	.FormBtn {
		cursor: pointer;
		padding: 10px 10px 10px 10px;
		color: #9E9E9E;
		margin: 2px -12px 0px 0px;
		border-radius: 5px;
		border: 2px solid #212121;
		background: #111111;
	}
	
	.FormBtn:hover{
		border: 2px solid #6ea9e5;
		color: #6ea9e5;
	}

	#ContactForm-Text{
		width: 260px;
		float: left;
		text-align: left;
	}

	#ContactForm-Container{
		width: 520px;
		float: left;
		padding-right: 20px;
	}

	#ContactPageContent .alert{
		padding: 2em 0 2em 0;
		text-align: center;
		font-size: 1.25em;
	}

	#ContactPageContent .green{
		background: url("../images/Icon-Check.png") 50% 0 no-repeat;
		padding-top: 6.5em;
	}





/* Portfolio */

#ResumeLink{
	border: 0px;
	float: right;
	text-align: center;
	text-decoration: none;
	margin: 0;
}

#ResumeLink p{
	margin: 0px auto;
	padding: 0px;
}

#PortfolioIntro{
	margin-right: 90px;
}

#PortfolioProjects{

}

#PortfolioProjects .Project{
	clear: both;
	padding: 30px 0 0 0;
	margin: 0;
	border-top: 1px solid #252525;
}

.ProjectDetails{
	float: right;
	width: 475px;
}

.ProjectDescription p{
	padding-left: 0em;
}

.ProjectHeader{
	height: 1.25em;
/*	border-bottom: 1px solid #252525; */
	margin: 0 0 5px 0;
	padding: 0;
	
}

.ProjectTitle{
	float: left;
	color: #6ea9e5;
	font-size: 1.65em;
	font-weight: normal;
	width: 75%;
	margin: 0;
	padding: 0;
}

.ProjectTitle a{
	text-decoration: none;
}


.ProjectDate {
	width: 25%;
	float: right;
	color: #2e4760;
	font-size: 1.15em;
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 0;
}

.ProjectImage {
	float: left;
	margin: 0;
	padding: 0 0 30px 0;
}

.ProjectImage img{
	border:0px;
	padding:0px;
/*
	-webkit-perspective: 500;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translateZ(30px) rotateY(30deg);
	-webkit-transition-property: perspective, transform;
	-webkit-transition-duration: 0.5s;
*/
 }

.ProjectLinks{
/*
	text-align: center;
	margin: 5px 0 10px 0; 
	width: 300px;
*/
	margin: 0 0 1.15em 0; 
	padding: 0 0 0 0;
}

.ProjectLinks a{
	text-decoration: none;
	margin: 0 0.25em 0 0.25em;
}

.ProjectLinks a:hover{
	color:#6ea9e5;
}



/* Artwork Gallery */	

	#Gallery{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}


	.Artwork{
		border-top: 1px solid #252525;
		padding: 40px 0 0 0;
	}

	.ArtworkTitle{
		width: 72%;
		float: left;
		text-align: left;
	}
	

	.ArtworkTitle{
		font-size: 2em;
		float: left;
		margin: 0 0 5px 0;
	}

	.ArtworkTitle a{
		text-decoration: none;
	}
	
	.ArtworkThumbnail{
		width: 35%;
		margin-left: 20px;
		float: left;
	}
	.ArtworkThumbnail a{
		display: block;
		text-decoration: none;
	}
	
	.ArtworkDetails{
		float: left;
		width: 62%;
	}

	.ArtworkDescription{
		clear: both;
	}

	
	.ArtworkDescription p{
		padding-left: 0;
	}	
	
	#CopyrightLicense{
		font-size: 0.75em;
		padding: 10px;
		margin: 0 auto;
		text-align: center;
	}

	#CopyrightLicense a{
		text-decoration: none;
	}


/* 
 Icons
________________________________________________________________________________
*/

	a.Icon{
/*		margin-left: -19px; */
		padding: 3px 0 2px 19px;
		border: 0px;
		background-position: 0 50%;
 		background-repeat: no-repeat;
 
	}

	a.RSS{
		background-image: url("../images/Icon-RSS.png");
	}
	a.Twitter{
		background-image: url("../images/Icon-Twitter.png");
	}
	a.Facebook{
		background-image: url("../images/Icon-Facebook.png");
	}
	a.Digg{
		background-image: url("../images/Icon-Digg.png");
	}
	a.DeviantART{
		background-image: url("../images/Icon-DeviantART.png");
	}
	a.Linkedin{
		background-image: url("../images/Icon-Linkedin.png");
	}
	a.Validate{
		background-image: url("../images/Icon-Validate.png");
	}
	a.Wikipedia{
		background-image: url("../images/Icon-Wikipedia2.png");
	}
	a.IMDb{
		font-style: italic;
		background-image: url("../images/Icon-IMDb.png");
	}
	a.History{
		padding: 1px 0 2px 19px;
		background-image: url("../images/Icon-OldNews2.png");
		color: #2e4760;
		text-decoration: none;
	}
	a.Zoom{
		background-image: url("../images/Icon-Zoom.png");
	}
	a.Download{
		background-image: url("../images/Icon-Download.png");
	}
	a.External{
		background-image: url("../images/Icon-External.png");
	}

/* 
 General Classes
________________________________________________________________________________
*/

	.Indent{
		margin-left: 20px;
	}

	.color {
		color: #6ea9e5;
	}

	.color2 {
		color: #6bc981;
	}
	
	.Bold {
		font-weight: bold;
	}

	.Italics {
		font-style: italic;
	}

	.Underline {
		text-decoration: underline;
	}

	.Center {
		text-align: center;
	}

	.Right{
		text-align: right;
	}

	.Left{
		text-align: right;
	}
	
	
	.ImageFloatRight{
		float: right;
		margin: 0px 20px 0px 0px;
	} 
	
	.ImageFloatLeft{
		float: left;
		margin: 0px 0px 0px 20px;
	} 

	.Clear {
		clear: both;
	}


	.Layer1{
		z-index: 1;
		position: relative;
	}

	.SuperScript {
		position: relative;
		vertical-align: top;
		top: -0.2em;
		font-size: 0.75em;
	}

	.NoFloat{
		float: none;
	}

	.FullWidth{
		width: 100%;
	}

/* 
                    E n d   o f   S t y l e   S h e e t
________________________________________________________________________________
*/