/*
Theme Name: Jesse Nelson
Theme URI: http://www.jesse-nelson.com/
Description: Theme for the portfolio website of Jesse Nelson.
Author: Jesse Nelson
Author URI: http://www.jesse-nelson.com/
Version: 1.0

License: Not available for use.
License URI: N/A
*/

/* =Global
----------------------------------------------- */

a:link {
	text-decoration: none;
	color: #b28c63;
	}

a:visited {
	text-decoration: none;
	color: #b28c63;
	}

a:hover {
	color: #cca071;
	}

.center-text {
	text-align: center;
	}

body {
	background-color: #212121;
	margin: 0;
	}

#wrapper {

	}

/* =Header
----------------------------------------------- */

.divider-header {
	border-top: 0px solid #3f3f3f;
	}
	
h2.nav-text {
	color: #262626;
	font-family: tahoma, sans-serif;
	font-size: 1em;
	line-height: 30px;
	margin: 0px;
	text-align: center;
	}

.header {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 7px;
	width: 960px;
	}
		
.header a {
	float: left;
	height: 91px;
	text-indent: -9999px;
	width: 392px;
	}

#header-background {
	background-color: #2b2b2b;
	width: 100%;
	height: 100%;
	}
	
.header-image-main {
	background: url('images/header-main.png');
	height: 91px;
	margin: 0;
	width: 392px;
	}
	
.navbar {
	margin: 0 auto;
	width: 845px;
	height: 30px;
	}

.navbar li:hover {
	opacity: 0.9;
	}
	
.navbar ul {
	margin: 0;
	padding: 0;
	}
	
.navbar ul li {
	background-image: url('images/nav-button-template.png');
	float: left;
	height: 30px;
	list-style: none;
	margin-left: 25px;
	width: 120px;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	opacity: 0.5;
	}

body.blog .navbar ul li#nav-blog, body.reel .navbar ul li#nav-reel, body.gallery .navbar ul li#nav-gallery, body.scripts .navbar ul li#nav-scripts, body.resume .navbar ul li#nav-resume, body.contact .navbar ul li#nav-contact {
	opacity: 0.9;
	}

.navbar ul li#nav-blog {
	margin: 0;
	}

.navbar-shadow {
	background-image: url('images/navbar-shadow.png');
	height: 34px;
	margin: 0 auto 35px auto;
	width: 1254px;
	}

/*
.navbar .blog a, .navbar .reel a, .navbar .gallery a, .navbar .scripts a, .navbar .resume a, .navbar .contact a {
	float: left;
	text-indent: -9999px;
	}
*/

/* =Content
----------------------------------------------- */

#content {
	width: 960px;
	margin: 0 auto;
	}
	
.divider-full {
	border-top: 2px solid #3f3f3f;
	}
	
h2.download {
	color: #b28c63;
	font-family: tahoma, sans-serif;
	font-size: 1em;
	display: inline-block;
	}

h2.title {
	color: #c0c0c0;
	font-family: tahoma, sans-serif;
	font-size: 1.2em;
	}

p {
	color: #616161;
	margin: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 130%;
	}
	
p.description {
	color: #616161;
	margin: 0px;
	font-family: sans-serif;
	font-size: 1em;	
	}

.post-content-background {
	-moz-box-shadow: 0px 0px 5.9px #1d1d1d;
	-webkit-box-shadow: 0px 0px 5.9px #1d1d1d;
	box-shadow: 0px 0px 5.9px #1d1d1d;
	background-color: #2b2b2b;
	height: 100%;
	width: 945px;
	float: left;
	padding: 15px 0 15px 15px;
	}

.right-content {
	}
	
/* home */

.main .divider-footer {
	border: 0px;
	}

.main #header-background {
	background-color: transparent;
	}

.main .nav-home a {
	height: 400px;
	text-indent: -9999px;
	width: 120px;
	}

.main .header-image-main {
	background: url('images/header-home.png') no-repeat;
	height: 91px;
	margin: 0 auto;
	width: 392px;
	}
	
.main .navbar-shadow {
	visibility: hidden;
	height: 0;
	}
	
.main .navbar ul {
	visibility: hidden;
	}

.main .navbar li {
	visibility: hidden;
	}
	
.nav-home {
	margin: 0 auto;
	width: 845px;
	height: 400px;
	}
	
.nav-home ul li #nav-blog-back {
	background-image: url('images/nav-bw-one.png');	
	margin: 0;
	}
	
.nav-home ul li #nav-reel-back {
	background-image: url('images/nav-bw-two.png');	
	}
	
.nav-home ul li #nav-gallery-back {
	background-image: url('images/nav-bw-three.png');	
	}
	
.nav-home ul li #nav-scripts-back {
	background-image: url('images/nav-bw-four.png');	
	}
	
.nav-home ul li #nav-resume-back {
	background-image: url('images/nav-bw-five.png');	
	}
	
.nav-home ul li #nav-contact-back {
	background-image: url('images/nav-bw-six.png');	
	}

.main a.nav-fade:hover #nav-blog-back,
.main a.nav-fade:hover #nav-reel-back,
.main a.nav-fade:hover #nav-gallery-back,
.main a.nav-fade:hover #nav-scripts-back,
.main a.nav-fade:hover #nav-resume-back,
.main a.nav-fade:hover #nav-contact-back {
	opacity: 0.8
	-moz-box-shadow: 2px 2px 5px #1d1d1d;
	-webkit-box-shadow: 2px 2px 5px #1d1d1d;
	box-shadow: 2px 2px 5px #1d1d1d;;
	}

.main a.nav-fade:hover #nav-blog-front,
.main a.nav-fade:hover #nav-reel-front,
.main a.nav-fade:hover #nav-gallery-front,
.main a.nav-fade:hover #nav-scripts-front,
.main a.nav-fade:hover #nav-resume-front,
.main a.nav-fade:hover #nav-contact-front { 
	opacity: 0.8;
	}
	
.nav-home ul {
	margin: 0;
	padding: 0;
	}
	
.nav-home ul li {
	float: left;
	height: 400px;
	list-style: none;
	margin-left: 25px;
	width: 120px;
	}
	
.nav-home ul li#nav-blog-first {
	margin-left: 0px;
	}

.nav-home #nav-blog-front,
.nav-home #nav-reel-front,
.nav-home #nav-gallery-front,
.nav-home #nav-scripts-front,
.nav-home #nav-resume-front,
.nav-home #nav-contact-front { 
	position: absolute;
	width: 120px;
	height: 400px;
	opacity: 0;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	}
	
.nav-home #nav-blog-back,
.nav-home #nav-reel-back,
.nav-home #nav-gallery-back,
.nav-home #nav-scripts-back,
.nav-home #nav-resume-back,
.nav-home #nav-contact-back {
	width: 120px;
	height: 400px;
	opacity: 1;
	z-index:-1;
	transition: opacity 0.3s, box-shadow 0.3s;
	-webkit-transition: opacity 0.3s -webkit-box-shadow 0.3s;
	-moz-transition: opacity 0.3s, -moz-box-shadow 0.3s;
	-o-transition: opacity 0.3s;
	}
	
.nav-home ul li #nav-blog-front {
	background-image: url('images/nav-color-one.jpg');	
	}
	
.nav-home ul li #nav-reel-front {
	background-image: url('images/nav-color-two.jpg');	
	}
	
.nav-home ul li #nav-gallery-front {
	background-image: url('images/nav-color-three.jpg');	
	}
	
.nav-home ul li #nav-scripts-front {
	background-image: url('images/nav-color-four.jpg');	
	}
	
.nav-home ul li #nav-resume-front {
	background-image: url('images/nav-color-five.jpg');	
	}
	
.nav-home ul li #nav-contact-front {
	background-image: url('images/nav-color-six.jpg');	
	}

/* blog */

.blog .left-content{
	margin: 0;
	width: 100%;
	}

.blog .right-content{
	margin: 0;
	width: 100%;
	}

.blog .post-content-background-left {
	float: left;
	width: 645px;
	height: 100%;
	margin-bottom: 15px;
	padding: 15px;
	}

.blog .post-content-background-right {
	float: right;
	width: 240px;
	height: 100%;
	padding: 15px;
	}

.blog h2.title {
	margin-top: 0;
	}

.blog p.post-footer {
	margin-top: 19px;
	font-size: 13px;
	}

/* reel */

.reel .divider-full {
	margin: 20px auto;
	float: left;
	width: 100%;
	height: 100%;	
	}

.reel h2.title {
	float: right;
	text-align: right;
	margin-right: 20px;
	width: 100%;
	}

.reel h2.download {
	float: right;
	text-align: right;
	margin-right: 20px;	
	}

.reel .left-content {
	width: 423px;
	height: 312px;
	float: left;	
	}

.reel .right-content {
	display: inline-block;
	float: left;
	}

.reel .video {
	-moz-box-shadow: 0px 0px 5px #212121;
	-webkit-box-shadow: 0px 0px 5px #212121;
	box-shadow: 0px 0px 5px #212121;
	width: 512px;
	}

/* gallery */

.gallery h2.title {
	margin: 0;
	}

.gallery img.gallery-image {
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-moz-box-shadow: 0px 0px 6px #191919;
	-webkit-box-shadow: 0px 0px 6px #191919;
	box-shadow: 0px 0px 6px #191919;
	opacity: 0.65;
	}

.gallery li {
	list-style-type: none;
	height: 1%;
	display: inline-block;
	}

.gallery img.gallery-image:hover {
	opacity: 1.0;
	}

.gallery .post-content-background {
	padding-left: 27px;
	width: 933px;
	}

.gallery .thumbnail {
	width: 100px;
	height: 100px;
	}

.gallery .thumbnail-container {
	margin-bottom: 12px;
	margin-right: 12px;
	}

.gallery ul.image-gallery {
	margin: 0 auto;
	padding: 0 18px;
	}

/* scripts */

.scripts .divider-full {
	margin: 20px auto;
	float: left;
	width: 100%;
	height: 100%;
	}
	
.scripts h2.download {
	margin: 0;
	text-align: center;
	}

.scripts h2.title {
	margin: 0;
	text-align: center;
	}
		
.scripts .image-dupliverts {
	background-image: url('images/duplivertsExample.jpg');
	height: 251px;
	width: 398px;
	background-size: 398px 251px;
	-moz-box-shadow: 0px 0px 5px #212121;
	-webkit-box-shadow: 0px 0px 5px #212121;
	box-shadow: 0px 0px 5px #212121;
	}
	
.scripts .left-content {
	float: left;
	width: 537px;
	}
	
.scripts p {
	margin: 1.5em 0;
	padding-right: 20px;
	}

.scripts .right-content {
	display: inline-block;
	float: left;
	width: 398px;
	}
	
.scripts .video-image {
	-moz-box-shadow: 0px 0px 5px #212121;
	-webkit-box-shadow: 0px 0px 5px #212121;
	box-shadow: 0px 0px 5px #212121;
	display: inline-block;
	}

/* resume */

.resume ul.experience li {
	color: #616161;
	margin: 4px 0;
	font-family: sans-serif;
	font-size: 1em;
	}
	
.resume h2.download {
	margin: 0;
	text-align: center;
	}

.resume h2.title {
	margin-bottom: 15px;
	text-align: left;
	}

/* contact */

.contact .connect {
	margin: 15px auto 30px auto;
	width: 110px;
	height: 30px;
	}
	
.contact .connect a {
	float: left;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
	}

.contact  .connect li#facebook {
	background-image: url('images/facebookLogo.png');
	margin: 0;
	}

.contact  .connect li#linkedin {
	background-image: url('images/linkedinLogo.png');
	}
	
.contact  .connect li#vimeo {
	background-image: url('images/vimeoLogo.png');
	}

.connect li#linkedin:hover, .connect li#vimeo:hover, .connect li#facebook:hover {
	opacity: 0.9;	
	}

.contact .connect ul {
	margin: 0;
	padding: 0;
	}
	
.contact .connect ul li {
	float: left;
	height: 30px;
	list-style: none;
	margin: 0 10px 0 0 ;
	width: 30px;
	background-size: 30px 30px;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	opacity: 0.6;
	}

.contact .image {
	width: 369px;
	height: 367px;
	background-image: url('images/headshot.jpg');
	background-size: 369px 367px;
	-moz-box-shadow: 0px 0px 5px #212121;
	-webkit-box-shadow: 0px 0px 5px #212121;
	box-shadow: 0px 0px 5px #212121;
	}

.contact  .left-content {
	float: left;
	width: 566px;
	}
	
.contact p {
	margin-top: 1.5em;
	padding-right: 20px;
	}
	
.contact .phone-email {
	background-image: url('images/contactInfo.png');
	height: 48px;
	margin: 0 auto;
	width: 247px
	}
				
.contact .right-content {
	display: inline-block;
	width: 369px;
	}
	
.contact h2.title {
	margin: 0 auto;
	text-align: center;
	}

/* =Footer
----------------------------------------------- */

.divider-footer {
	border-top: 2px solid #3f3f3f;
	float: left;
	height: 100%;
	margin-top: 30px;
	margin-bottom: 8px;
	width: 100%;
	}
	
.copyright p {
	margin-top: 10px;
	text-align: center;
	font-size: 0.75em;
	color: #404040;
	}
	
#footer {
	width: 960px;
	margin: 0 auto;
	}

#footer-wrapper {
	}