/*
Theme Name: Demand Media 2013
Theme URI: http://www.demandmedia.com
Description: A theme for WordPress.
Author: Dave Funkhouser, Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.1


Colors:
    Gray: #999999;
    Dark Gray: #666E75;
    Blue: #5498EF;
    Orange: #F95336;

Fonts:
    Medium
        font-family: "proxima-nova-soft", sans-serif;
        font-style: normal;
        font-weight: 500;

    Bold
        font-family: "proxima-nova-soft", sans-serif;
        font-style: normal;
        font-weight: 700;    

/*-------------------------------------------------------------- */


/*
 * Globals 
 */
    html {
        height: 100%;
    }
	body { 
        font-family: "proxima-nova-soft", sans-serif;
        font-weight: 500;
	    font-size: 20px;
	    color: #666E75;
	    margin: 0;
	    padding: 0;
        height: 100%;    
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: 700;
    }
    h2 {
	   color: #5498EF; 
    }	
    h3 {
	    color: #666E75;
    }
    ::selection {
        color: white;
        background: #5498EF;
    }
    ::-moz-selection {
        color: white;
        background: #5498EF;
    }
    strong,
    .bold,	
    .title {
	    font-weight: 700;
    }
    .regular {
	    font-weight: 500;
    }
    .uppercase {
	    text-transform: uppercase;
    }
    .lowercase {
	    text-transform: none;
    }
    .blue {
	    color: #5498EF;
    }
    .gray {
	    color: #999999; 
    }
    .dark-gray {
	    color: #666E75;
    }
    .orange {
	    color: #F95336;	    
    }
    .section.gray,
    .shadow {
		background-image: url(images/shadow.png);
		background-position: top;
		background-repeat: repeat-x;
    }   
    .clear {
	    clear: both;
    } 
    .justify-text {
	    text-align: justify;
    }
    .center-text {
	    text-align: center;
    }


/* 
 * Links 
 */
	a { 
	    color: #5498EF; 
	    text-decoration: none;
	    outline: none;	    
	}
	a:hover { 
	    color: #999999;
	}
	a img {
	   border: none;
	}
	


/* 
 * Page Structure 
 */
    #container {
        min-height: 100%;
        min-width: 1100px;
    }
    #header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 45px 60px 0 60px;
        min-width: 980px;
    }
    #content {
        min-height: 100%;
        padding-bottom: 140px;
        overflow: hidden;
    }
    #footer {
        position: relative;
    	margin-top: -140px; /* negative value of footer height */
    	height: 139px;
        clear:both;
		border-top: 1px solid #F1F1F1;   
		min-width: 1100px;     
	}


/*
 * Menus
 */
    .menu {
        list-style: none;
        padding: 0;
        margin: 0;
        font-weight: 700;
    }
    .menu li {
        margin: 0;
        padding: 0;
        float: left;        
    }
    .sub-menu {
	    list-style: none;
	    margin: 0;
	    padding: 0;
    }
    /* Main Menu */
    #main-menu {
        float: right;
        font-size: 16px;
        margin-top: 25px;
	    text-transform: uppercase;        
    }
    #main-menu li {
        margin-left: 38px;
        position: relative;
    }
	#main-menu li:first-child {
		margin-left: 0;
	}
    #main-menu a {
        color: white;
        border-bottom: 2px solid transparent;        
    }
    #main-menu .active > a,
    #main-menu .current-page-ancestor > a,
	#main-menu .current_page_item > a,
    #main-menu a:hover {
        border-bottom-color: white;
    }
    .gray-menu #main-menu a {
	    color: #666E75;
    }
    .gray-menu #main-menu .current-post-ancestor a,
    .gray-menu #main-menu .current-page-ancestor a,
	.gray-menu #main-menu .current-menu-item a,
    .gray-menu #main-menu a:hover {
    	color: #5498EF;
        border-bottom-color: #5498EF;
    } 
    /* Main Menu - Drop downs */    
    #menu-overlay {
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    background: rgb(0, 0, 0);
	    background: url(images/transparent-black-70.png);
	    background: rgba(0, 0, 0, 0.7);
	    z-index: 20;
	    display: none;
    }
    #main-menu .sub-menu {
	    position: absolute;
	    display: none;
	    margin: 10px 0 30px 0;
	    text-transform: none;
    }
    #main-menu .sub-menu li {
    	margin: 0;
    	padding: 0;
	    width: 300px;
	    font-size: 14px;
    }
    #main-menu .sub-menu a {
	    border-bottom: none;
	    display: block;
	    padding: 5px 0;
    }
    #main-menu .sub-menu:hover a {
	    opacity: 0.5;
    }    
    #main-menu .sub-menu a:hover {
	    opacity: 1;
    }          
    #menu-item-9 .sub-menu {
	    text-transform: uppercase;
    }
    /* Menu open overrides */
    #header.open #logo {
	    background-position: 0 0;
    }
    #header.open #main-menu a {
    	color: white;    	
    }    
    #header.open #main-menu .current-post-ancestor a,
    #header.open #main-menu .current-page-ancestor a,
	#header.open #main-menu .current-menu-item a,    
    #header.open #main-menu a:hover {
		border-bottom-color: white;	    
    }    
    /* Middle Menu */
    #page-title {
	    position: absolute;
	    width: 100%;	   
	    bottom: 40px;	     
	    font-size: 14px;
	    color: white;
	    text-transform: uppercase;
	    text-align: center;
    }
    #sub-menu {
	    position: absolute;
	    width: 100%;
	    text-align: center;
	    z-index: 10;
	    text-transform: uppercase;
	    bottom: 40px;
    }
    #sub-menu li {
	    float: none;
	    display: inline-block;
	    font-size: 14px;
	    margin: 0 15px;
    }
    #sub-menu a {
	    color: white;
	    border-radius: 3px;	 
	    display: inline-block;
	    padding: 5px 10px;	    	       
    }
    #sub-menu .current-page-ancestor a,
    #sub-menu .current_page_parent a,
    #sub-menu .current_page_item a,
    #sub-menu .selected a,
    #sub-menu a:hover {
	    background-color: white;
	    color: #999;
    }    
    /* Footer Menu */
    #footer-menu {
    	padding: 25px 100px 0 100px;
	    margin: 0 auto;
	    font-size: 10px;
	    text-align: center;
    }
    #footer-menu > li {
	    min-width: 150px;
	    display: inline-block;
	    vertical-align: top;	    
	    float: none;
	    text-align: left;
    }
    #footer-menu a {
	    font-weight: 500;
	    color: #999999;
    }
    #footer-menu .sub-menu li {
    	float: none;    
		margin: 2px 0;	    	
    }       
    #footer-menu > li:last-child {
	    margin-right: 0;
	    min-width: 0;
    }    
    #footer-menu > li.social-links {
	    margin-left: 30px;
    }
    #footer-menu > li.social-links,
    #footer-menu > li > a {    
	    font-weight: 700;
	    text-transform: uppercase;
	    color: #666E75;
    }
    #footer-menu > li.social-links li {
	    display: inline-block;
	    margin: 4px 0;
    }
    /* Nested Menus */
    #footer-menu #menu-item-21 > a,
    #footer-menu #menu-item-22 > a,    
    #footer-menu #menu-item-24 > a {
	    color: #666E75;
	    font-weight: 700;
	    text-transform: uppercase;	    
    }	
    /* Spacing for nested */
    #footer-menu #menu-item-21,
    #footer-menu #menu-item-22,
	#footer-menu #menu-item-24 {
		margin-top: 7px;
	}
 	

    
/*
 * Header
 */
	#logo {
		height: 55px;
		width: 175px;
		background-image: url(images/logo-demand-media.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		float: left;
	}
	#logo span {
		display: none;
	}
    

/*
 * Slideshow Wrapper
 */
    .slideshow-wrapper {
        height: 100%;
        overflow: hidden;
    }
    .slideshow {
        height: 100%;
        overflow: hidden;
    } 
    .slide {
        float: left;
        position: relative;
    }
	.slide .image {
        background-position: center;
        background-size: cover;		
        height: 100%;
        width: 100%;        
        position: relative;
	}	    
    .slide .image img {
        display: none;
    }  
    .slide .image .site-logo {
	    display: block;
	    position: absolute;
	    bottom: 100px;
	    left: 50%;
    }
    .slide .meta {
	    position: absolute;
	    top: 50%;
	    width: 100%;
	    text-align: center;
	    margin: -100px 0 0 0;
	    color: white;
	    font-weight: 700;
    }
    .meta h2 {
	    font-size: 68px;
	    padding: 0 140px;	 
	    color: white;	 
	    text-transform: uppercase;      
    }
    .meta p {
		color: white;
		font-size: 15px;
		margin: 10px auto 0 auto;
		padding: 0;
		width: 540px;
    }
    .meta .caption {
	    padding: 0 140px;
	    text-align: center;
	    color: white;	
    }
    .meta .caption .line-1 {
	    font-size: 42px;
	    text-transform: uppercase;
	    display: block;
    }
    .meta .caption .line-2 {
	    font-size: 15px;
	    display: block;
	    text-transform: none;
	    width: 600px;
	    margin: 0 auto;
	    padding: 10px 0;
    }   
    .meta .caption .line-3 {    
	    font-size: 15px;    
    	text-transform: uppercase;
	    display: block;    	
    }
    .controls {
	    position: relative;
	    z-index: 10;
    }
    .browse {
	    position: absolute;
	    top: 50%;
	    margin-top: -19px;
	    cursor: pointer;
	    z-index: 100;
	    height: 38px;
	    width: 21px;
	    opacity: 0.5;
    }
    .browse:hover {
	    opacity: 1;
    }
    .browse.next {
	    right: 50px;
	    background-image: url(images/icon-arrow-right.png);
    }
    .browse.prev {
	    left: 50px;
	    background-image: url(images/icon-arrow-left.png);	    
    }
    .browse.disabled {
	    display: none !important;
    }



/*
 * Pages
 */
 	.main-copy {
	 	width: 1020px;
	 	margin: 0 auto;
 	}
	.entry {
		padding: 50px 0;
		color: #666E75;
		font-weight: 500;
		font-size: 22px;
	} 
	.section {
		position: relative;
	}
	.section.gray {
		background-color: #F6F6F6;
	}
	.section-inner {
		width: 1020px;
		margin: 0 auto;		
	}
	.divot {
		position: absolute;
		left: 50%;		
	}
	.divot.image-mask {
		height: 21px;
		width: 100%;
		left: 0;
		background: url(images/divot-female.png) center center;
		margin-top: -17px;
	}
	.section .divot {
		height: 21px;
		width: 36px;
		margin-left: -18px;
		display: none;
	} 
	.divot.top {
		top: 0;		
		background-image: url(images/divot-male-down-white.png);
		display: block;
	}
	.divot.bottom {
		bottom: -20px;	
		background-image: url(images/divot-male-down-gray.png);
		display: block;		
	}
	.section.gray:last-child .bottom {
		display: none;
	}
	.entry {
		margin: 0 auto;
	}	
	.entry h2,
	.entry h3,
	.entry h4 {
		margin: 0 0 0.3em 0;
	}	
	.overlay {
		background-color: rgba(0, 0, 0, 0.3);
		background-position: center;
		background-repeat: no-repeat;
		height: 225px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 10;
	}	
	.icon-list {
		margin: 1em 0;
		padding: 0;
		list-style: none;
		font-weight: 700;
	}
	.icon-list li {
		margin: 0;
		padding: 0;
	}	
	/*
	 * Sites (also used for commerce)
	 */
	 	.sites #sub-menu {
		 	text-transform: none;
		 	margin-top: -70px;		 	
		 	bottom: auto;
	 	}
	 	.sites .slide {
		 	overflow: hidden;
	 	}
	 	.sites .section.gray {
		 	z-index: 20;
	 	}
	 	.sites .section-inner {
		 	position: relative;
		 	z-index: 10;
		 	padding-bottom: 0;
	 	}
	 	.sites .section:last-child .section-inner {
		 	padding-bottom: 30px;
	 	}
		.sites .entry h2 {
			font-weight: 700;
			font-size: 56px;
			text-transform: uppercase;
		}	 
		.sites .entry h3 {
			font-size: 34px;
		} 
		.touchpoint {
			position: absolute;
			overflow: hidden;
		}		
		.touchpoint img {
			position: absolute;
			bottom: 0;
		}			
		ul.bullets {
			font-size: 24px;
			font-weight: 700;
			list-style: none;
		}
		ul.bullets li {
			background-image: url(images/bullet-touchpoint.png);
			background-position: 0 10px;
			background-repeat: no-repeat;
			padding-left: 20px;
			margin-bottom: 5px;
		}	
		.sites .site-link {
			display: inline-block;
			font-weight: 700;
			font-size: 24px;
			height: 70px;
			line-height: 58px;
			color: #666E75;
			background-position: 0 0;
			background-repeat: no-repeat;
			padding-left: 70px;
		}		
		.sites .site-link:hover {
			background-position: 0 -70px;
		}
		.sites .section .post-edit-link {
			position: absolute;
			right: 0;
			bottom: 10px;
		}
		.sites .video-gallery {
			padding-bottom: 50px;
		}
		/* Site Links */
		.site-link.no-padding {
			padding-left: 0;
		}
		.ehow .site-link {
			background-image: url(images/icon-pitcher.png);
		}
		.creativebug .site-link {
			background-image: url(images/icon-thread-spool.png);
		}
		.livestrong .site-link {
			line-height: 70px;
			background-image: url(images/icon-apple.png);
		}
		.livestrong .site-link:hover {
			background-position: 0 -80px;
		}
		.indieclick .site-link {
			line-height: 70px;		
			background-image: url(images/icon-guitar.png);
			padding-left: 50px;
		}
		.indieclick .site-link:hover {
			background-position: 0 -80px;			
		}
		.cracked .site-link {
			background-image: url(images/icon-face.png);
			height: 60px;
			line-height: 44px;
			padding-left: 60px;
		}
		.cracked .site-link:hover {
			background-position: 0 -60px;
		}	
		/*
		 * IndieClick
		 */	
		 	.col-list {
			 	width: 620px;
			 	padding: 20px 0;
			 	overflow: hidden;
		 	}
		 	.col-list h3 {
			 	width: 180px;
			 	text-align: right;
			 	float: left;
			 	text-transform: uppercase;
		 	}
		 	.col-list ul {
			 	float: right;
			 	margin: 0;
			 	padding: 0;
			 	width: 400px;
		 	}
		 	
		/*
		 * Demand Vertical Network
		 */
		 	.demand-vertical-network .section-inner {
			 	width: 850px;
		 	}
			.demand-vertical-network .wrapper {
				text-align: center;
				font-size: 0;
				margin: 100px 0 50px 0;
			}
			.site-block {
				display: inline-block;
				vertical-align: top;	
				margin: 0 10px 10px 10px;
				width: 375px;
				height: 450px;
				position: relative;
				text-align: left;
			}
			.site-block .overlay {
				background-image: url(images/icon-monitor-single.png);
			}
			.site-block .thumb-wrapper:hover .overlay {
				opacity: 1;
			}
			.site-block .entry {
				font-size: 16px;
				margin: 10px;
				padding: 0;
			}
			.site-block .entry p {
				margin: 0 0 1em 0;
			}

		/*
		 * Rightside
		 */			
			.sites .rightside .section-1 .entry a {
				color: #f95336;
			}		 
		

	/*
	 * Orginal Content 
	 */
		.original-content .entry {
			position: relative;
		}	 
	 	.original-content .entry h2 {
		 	font-size: 56px;
	 	}
	 	.original-content .entry h3 {
		 	font-size: 38px;
	 	}			
	 	.original-content .entry a {
		 	color: #5498EF;
	 	}
	 	.original-content .entry a:hover {
		 	color: #999999;
	 	}	 	
		.original-content .site-link span {
		 	color: #F95336;	 				
		}	
		.icon-table {
			font-size: 16px;
			text-transform: uppercase;
			overflow: hidden;
			margin: 2em auto;
		}
		.icon-table td {
			vertical-align: middle;
			height: 80px;
			padding: 0 30px 0 90px;
			background-repeat: no-repeat;
			background-position: left center;
		}
		.original-content .entry .studio-link {
			color: #666E75;
		 	font-weight: bold;
		 	padding-left: 65px;
		 	background-image: url(images/icon-pointer.png);
		 	background-position: 0 0;
		 	background-repeat: no-repeat;
		 	height: 62px;
		 	line-height: 62px;
		 	display: inline-block;
		}
		.original-content .studio-link span {
		 	color: #F95336;	 			
		}		
		.original-content .entry .studio-link:hover {
			
		}		
		.original-content .entry .site-link {
			display: inline-block;
			font-weight: 700;
			font-size: 24px;
			height: 80px;
			line-height: 80px;
			color: #666E75;
			background-position: 0 0;
			background-repeat: no-repeat;
			padding-left: 75px;
			background-image: url(images/icon-tie.png);			
		}


			
	/*
	 * Advertising
	 */
		.advertising .original-content .site-link {
			background-image: url(images/icon-clock.png);
			height: 60px;
			line-height: 44px;
			padding-left: 60px;
		}
		.advertising .original-content .site-link:hover {
			background-position: 0 -70px;
		}
		.advertising .original-content .site-link span {
			color: #5498ef;
		}		
		.section.shiny-ads .entry {
			width: 1240px;
		}

	 		
	/*
	 * Services
	 */	
		.services .main-copy {
			width: 1020px;
			margin: 0 auto;
			font-size: 68px;
			color: #5498EF;
			padding: 30px 0;
			position: relative;
		}
		.services .main-copy h2 {
			font-size: 56px;
			text-transform: uppercase;
		}
		.services .section:first-child .entry {
			padding-top: 0;
		}
		.services .section-inner {
			font-size: 20px;
			width: 710px;
			text-align: justify;
		}
		.services .entry img {
			margin: 50px auto;
		}
		.services .entry p {
			margin: .5em 0;
		}
		.services h3 {
			font-size: 38px;
			text-transform: uppercase;
			text-align: center;
		}	
		.services .site-link {
			display: inline-block;
			color: #666E75;
			background-image: url(images/icon-monitor.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		    height: 55px;
		    line-height: 46px;
		    padding-left: 100px;			
			margin: 30px 0 0 0;
			font-weight: 700;
			font-size: 24px;
		}
		.services .site-link:hover {
			background-position: 0 -70px;
		}
		.services .site-link span {
			color: #5498EF;
		}
		.services .post-edit-link {
			position: absolute;
			bottom: 10px;
		}

	/*
	 * Executive Grid
	 */	
		.executive-grid .main-copy {
			font-size: 20px;
			width: 850px;
		}
		.executive-grid .main-copy h2 {
			font-size: 39px;
			color: #5498EF;
			text-transform: none;
			text-transform: uppercase;
		}	 
		.executive-grid .wrapper {
			text-align: center;
		}
		.executive-block {
			width: 375px;
			height: 320px;
			display: inline-block;
			margin: 0 10px;
			vertical-align: top;
			color: #666E75;
			text-align: left;
			position: relative;
		}
		.executive-block .name {
			font-size: 28px;
			margin: 10px 10px 5px 10px;
		}
		.executive-block .position {
			font-size: 16px;
			color: #999999;
			font-weight: 500;
			margin: 0 10px;
		}
		.executive-block:hover .name,
		.executive-block:hover .position {
			color: #5498EF;
		}
		.executive-block .overlay {
			height: 225px;
			background-image: url(images/icon-light-bulb.png);
		}		
		.executive-block:hover .overlay {
			opacity: 1;
		}

	/*
	 * Executive Executive Detail
	 */
		.executive-detail .pagination {
			text-align: center;
			width: 200px;
			margin: 170px auto 20px auto;
			font-weight: 700;
			font-size: 14px;
			text-transform: uppercase;	
			color: #666E75;
			line-height: 20px;
			height: 20px;					
		}
		.pagination .prev,
		.pagination .next {
			height: 20px;
			width: 12px;
			display: inline-block;
			vertical-align: top;			
		}
		.pagination a {
			height: 20px;			
			width: auto;
			display: inline-block;	
			vertical-align: top;
			margin: 0 10px;
			color: #666E75;					
		}
		.pagination span a {
			height: 20px;
			width: 12px;		
			display: inline-block;			
			background-position: 0 0;
			background-repeat: no-repeat;
			margin: 0;
			text-indent: -20000em;
		}		
		.pagination .prev a {
			background-image: url(images/icon-arrow-right-small.png);
		}
		.pagination .next a {
			background-image: url(images/icon-arrow-left-small.png);			
		}		
		.pagination a span {
			display: none;
		}
		.pagination a:hover {
			background-position: 0 -30px;
			color: #5498EF;
		}	
		.pagination a.back-link {
			position: relative;
			top: 1px;
		}	
		.executive-image {
			height: 400px;
			background-size: cover;
			background-position: center right;
		}
		.executive-detail .meta {
			width: 800px;
			margin: 30px auto;
			text-align: center;
		}
		.executive-detail .name {
			color: #5498EF;
			font-size: 78px;
			text-transform: uppercase;
			padding: 0;
		}
		.executive-detail .position {
			font-size: 28px;
			color: #999999;
			font-weight: 500;
			margin: 10px 0;
		}
		.executive-detail .meta a {
			display: inline-block;
			margin: 20px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 700;
			padding-right: 40px;
			height: 30px;
			line-height: 30px;			
			background-repeat: no-repeat;			
			background-position: 100% 4px;
			margin: 0  10px;			
		} 
		.executive-detail .meta .twitter {
			background-image: url(images/icon-twitter.png);

		}		
		.executive-detail .meta .linkedin {
			background-image: url(images/icon-linkedin.png);			
		}		
		.executive-detail .meta a:hover {
			background-position: 100% -26px;
			color: #666E75;				
		}		
		.executive-detail > .entry {
			width: 850px;
			margin: 0 auto;	
			padding: 0 0 60px;		
			font-size: 18px;
			line-height: 1.25;
		}
		/* Related Posts */
		#related-posts.executive-posts {
			padding: 40px 0;
			margin: 0;
		}
		.executive-posts h2 {
			background-image: url(images/icon-bulb.png);
			background-position: left center;
			background-repeat: no-repeat;
			padding-left: 40px;
			display: inline-block;
			height: 48px;
			line-height: 48px;
		}
		.executive-posts .wrapper {
			margin: 20px 0 0 0;
		}
		.executive-posts .related-block.small {
			padding-bottom: 0;
		}		

		
	/*
	 * Invenstor Relations
	 */
	 	.investor-relations .entry {
		 	width: 1080px;
		 	margin: 0 auto;
	 	}

	/*
	 * Careers
	 */
		.careers #page-title {
		 	margin-top: -50px;		 	
		 	bottom: auto;			
		}	 
		.careers .main-copy {
			width: 850px;
			margin: 0 auto;
		}
		.careers h2 {
			font-size: 54px;
			text-align: center;
		}
		.careers h3 {
			font-size: 37px;
		}
		.careers .section-inner {
			width: 1010px;
		}
		.careers .icon-list li {
			height: 80px;
			line-height: 80px;
			font-size: 24px;
			font-weight: 700;
		}
		.careers .icon-list img {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			top: -3px;
			margin-right: 20px;
		}
		.life-at-demand-media .section-inner {
			width: 850px;
			padding-bottom: 20px;
		}
		.careers .site-link {
			display: inline-block;
			font-size: 38px;
			font-weight: 700;
			height: 70px;
			line-height: 58px;
			color: #666E75;
			text-align: center;
			padding-left: 70px;
			background-image: url(images/icon-clock.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}		
		.careers .site-link:hover {
			background-position: 0 -70px;
		}

		
	/*
	 * Openings
	 */	
		.openings .section-inner {
			width: 720px;
		}
		
				
	/*
	 * Opportunities
	 */	 
	 	.section.opportunities {
		 	width: 840px;
		 	margin: 0 auto;
		 	font-size: 24px;
		 	padding: 30px 0;
	 	}
	 	#jobviteframe {
		 	border: none;
		 	width: 840px;
		 	margin: 0 auto;
		 	display: block;
	 	}
	 	.opportunities .wrapper {
		 	text-align: center;
		 	text-transform: uppercase;
		 	margin-bottom: 50px;
	 	}
	 	.opportunities .wrapper a {
		 	font-size: 14px;
		 	font-weight: 700;
		 	color: #666E75;
	 	}
	 	.opportunities .wrapper a:hover {
		 	color: #5498EF;		 	
	 	}

	/*
	 * Contact Us
	 */
	 	.contact .entry {
		 	width: 1050px;
		 	margin: 0 auto;
		 	position: relative;
		 	font-size: 18px;
	 	}
	 	.contact .social-share {
		 	position: absolute;
		 	right: 0;
		 	top: 73px;
	 	}
	 	.contact h2 {
		 	font-size: 68px;
		 	text-transform: uppercase;
	 	}
	 	ul.contact {
		 	list-style: none;
		 	margin: 0;
		 	padding: 0;
		 	overflow: hidden;
		 	margin: 40px 0;
		 	width: 110%;
	 	}
	 	ul.contact li {
		 	width: 33%;
		 	float: left;
	 	}	 
	 	ul.contact h3 {
		 	text-transform: uppercase;
		 	font-size: 24px;
		 	margin-bottom: 10px;
	 	}
	 	ul.contact p {
		 	margin: 0 0 40px 0;
	 	}	 		
	 	ul.contact .map {
			display: inline-block;
			margin: 1em 0;
			font-weight: 700;
			font-size: 16px; 	
			padding-left: 35px;
			background-image: url(images/icon-map.png);
			background-position: 0 0;
			background-repeat: no-repeat;
			height: 42px;
			line-height: 42px;
			text-transform: uppercase;
	 	}
	 	ul.contact .map:hover {
		 	background-position: 0 -60px;
		 	color: #666E75;
	 	}
	 	/*
	 	 * Contact Form (Gravity Forms)
	 	 */
	 	 	.gform_wrapper {
		 	 	margin: 0 auto;
		 	 	padding: 30px 0;
		 	 	width: 350px;
		 	 	font-size: 16px;
		 	 	color: #666E75;
	 	 	}
	 	 	.gform_heading {
		 	 	margin: 20px 0;
	 	 	}
	 	 	.gform_title {
		 	 	text-transform: uppercase;
		 	 	font-size: 34px;
	 	 	}
	 	 	ul.gform_fields {
		 	 	list-style: none;
		 	 	margin: 0;
		 	 	padding: 0;
	 	 	}
	 	 	.gform_fields li {
		 	 	margin: 0 0 15px 0;
	 	 	}
	 	 	.gfield_label {
		 	 	font-weight: 700;
		 	 	text-transform: uppercase;
		 	 	display: block;
		 	 	margin-bottom: 3px;
	 	 	}
	 	 	.gform_fields input {
		 		background-color: #EAEAEA;
		 		border: none;
		 		border-radius: 3px; 	
		 		padding: 7px 4px;
		 		width: 342px;
	 	 	}
	 	 	/* Email Field */
	 	 	.ginput_complex {
		 	 	overflow: hidden;
	 	 	}
	 	 	.ginput_left {
	 	 		float: left;
		 	 	width: 175px;
	 	 	}
	 	 	.ginput_right {
	 	 		float: right;
		 	 	width: 175px;
	 	 	}	
	 	 	.ginput_complex input {
		 	 	width: 160px;
	 	 	} 	
	 	 	.ginput_right input {
		 	 	width: 167px;
	 	 	} 
	 	 	.ginput_complex label {
		 	 	font-size: 10px;
		 	 	text-transform: uppercase;
				padding: 0 2px;
				position: relative;
				top: -3px;
	 	 	}	
	 	 	/* Checkbox */
	 	 	ul.gfield_checkbox {
				list-style: none;
				margin: 0;
				padding: 0;			 	 	
	 	 	}
	 	 	.gfield_checkbox li {
		 	 	margin-bottom: 5px;
		 	 	line-height: 16px;
	 	 	}
	 	 	.gfield_checkbox input {
		 	 	width: auto;
		 	 	margin-right: 10px;
		 	 	vertical-align: text-bottom;
	 	 	}
	 	 	/* Textarea */
	 	 	.gfield textarea {
	 	 		padding: 4px;
		 	 	width: 342px;
		 		background-color: #EAEAEA;
		 		border: none;
		 		border-radius: 3px; 			 	 	
	 	 	}
	 	 	/* Submit */
	 	 	.gform_footer {
		 	 	text-align: center;
		 	 	margin: 30px 0;
	 	 	}
	 	 	.gform_button {
				background-color: transparent;
				background-image: url("images/icon-envelope.png");
				background-position: 0 0;
				background-repeat: no-repeat;
				border: medium none;
				height: 40px;
				padding: 0;
				text-indent: -2000em;
				width: 50px;
				cursor: pointer;
	 	 	}
	 	 	.gform_button:hover {
		 	 	background-position: 0 -50px;
	 	 	}
	 	 	/* Validation */
	 	 	.gfield_required {
		 	 	color: #AF1010;
		 	 	margin: 0 4px;
	 	 	}
	 	 	.validation_error {
		 	 	color: #AF1010;
		 	 	margin: 1em 0;
	 	 	}
	 	 	.validation_message {
		 	 	color: #AF1010;
		 	 	font-size: 10px;
	 	 	}
	 	 	.gform_ajax_spinner {
		 	 	display: none;
	 	 	}
	 	 	/* Success */
	 	 	#gforms_confirmation_message {
		 	 	margin: 0 auto;
		 	 	padding: 150px 0;
		 	 	width: 350px;
		 	 	height: 400px;
		 	 	color: #666E75;
		 	 	font-size: 28px;
		 	 	text-align: center;
	 	 	}
	/*
	 * Sites
	 */
		#content.media-resources .entry {
			font-size: 20px;
			width: 850px;
		}
		.media-resources h3 {
			color: #5498EF;
			margin: 0 auto;
			width: 550px;
			font-size: 38px;
		}	
		ul.media {
			margin: 40px 20px 0 20px;
			padding: 0;
			list-style: none;
			overflow: hidden;
		} 
		ul.media li {
			float: left;
			width: 50%;
			margin-bottom: 40px;
			min-height: 95px;
		}
		ul.media a {
			display: block;
			padding: 0 50px 0 80px;
			background-position: 0 0;
			background-repeat: no-repeat;
			background-image: url(images/icon-breifcase.png);
			font-weight: 700;
			font-size: 18px;
			text-transform: uppercase;
			color: #666E75;
			min-height: 50px;
		}
		ul.media a.folder {
			background-image: url(images/icon-folder.png);			
		}
		ul.media a.briefcase {
			background-image: url(images/icon-breifcase.png);			
		}		
		ul.media a:hover {
			background-position: 0 -90px;
		}
		ul.media a span:last-child {
			display: block;
			font-size: 12px;
			color: #5498EF;
			margin-top: 5px;
		}

/*
 * Page Gallery (used on Sites)
 */
    .video-gallery {
        overflow: hidden;
        position: relative;
        padding: 20px 0;
    }
    .video-gallery .gallery-stage {
	    overflow: hidden;
    }
    .video-gallery .gallery-item {
        float: left;
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        text-align: center;
        position: relative;
    }
    .video-gallery .gallery-item img {
        display: none;
    }
    .video-gallery .video-poster {
	    background-size: cover;
	    cursor: pointer;
	    height: 540px;
	    margin: 0 auto;
	    position: relative;
	    width: 960px;
	    z-index: 50;
    }
    .video-gallery .play-button {
	    height: 72px;
	    width: 72px;
	    background: url(images/icon-play.png);
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin: -36px 0 0 -36px;
	    cursor: pointer;	    
    }
    .video-gallery iframe {
	    background: black;
	    margin: 0;
	    padding: 0;
	    height: 540px;
	    width: 960px;
    }
    .gallery-caption {
		font-size: 16px;
		text-align: center;
		margin: 15px auto 0px auto;
		width: 960px;
    }
    .gallery-pagination {
	    text-align: center;
	    margin: 20px 0 0 0;
	    line-height: 0;
	    font-size: 0;	    
    }
    .gallery-pagination a {
	    display: inline-block;
	    height: 14px;
	    width: 14px;
	    background-image: url(images/icon-dot.png);
	    margin: 0 2px;
    }
    .gallery-pagination a.selected,
    .gallery-pagination a:hover {
	    background-position: 0 -25px;
    }    
    .gallery-pagination span {
	    display: none;
    }
    /* Screenshot Gallery (used on Studio) */
    .screenshot-gallery {
    }
	.screenshot-gallery	.gallery-stage {
		overflow: hidden;
	}
	.screenshot-gallery	.gallery-item {
		margin-bottom: 100px;
	}
	.screenshot-gallery	.gallery-image {
		background-size: 720px auto;
		background-position: center top;
		cursor: pointer;
	}	
	.screenshot-gallery	.gallery-pagination	{
		margin-top: 20px;
	}
	.screenshot-gallery	.gallery-shadow {
		height: 27px;
		width: 100%;
	    background: url(images/shadow-gallery.png) center center no-repeat;
	    position: absolute;
	    bottom: -90px;
	}

/*
 * Banner Images
 */
	.banner-image {
		height: 320px;
		width: 100%;
		background-size: cover;
		background-position: center;
		position: relative;
	}
	.banner-image .wp-post-image {
		display: none;
	}	
	.banner-image .divot {
		top: auto;
		bottom: -1px;
		position: absolute;
	}
	.banner-image .meta {
	    position: absolute;
	    top: 50%;
	    width: 100%;
	    text-align: center;
	    margin: -100px 0 0 0;
	    color: white;
	    font-weight: 700;			
	}		 

/*
 * Archive Pages (Blog)
 */
	#content.category {
		width: 1020px;
		margin: 0 auto;
		overflow: hidden;
	} 
	.category .wrapper {
		margin: 10px 10px;
		position: relative;
		overflow: hidden;
		height: 30px;
		line-height: 30px;
	}
	ul.category-list {
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
		width: 700px;
		font-size: 14px;
		text-transform: uppercase;
		color: #999999;
		font-weight: 700;
		float: left;
	}
	ul.category-list li {
		float: left;
		margin-right: 20px;
	}	
	ul.category-list li:last-child {
		margin-right: 0;
	}
	.category-list a {
		color: #999999;
	}
	.current-cat a,
	.category-2	.category-list .all a,
	.category-list a:hover {
		color: #5498EF;
	}	
	.category .post-block {
		float: left;
		margin: 0 10px;
		color: #999999;
		margin-bottom: 40px;
		position: relative;
		padding-bottom: 75px;
		text-align: left;
	}
	.post-block .thumb-wrapper {
		font-size: 0;
		position: relative;
		display: block;
	}	
	.post-block .overlay {
		height: 100%;
		width: 100%;
		background-image: url(images/icon-pen.png);
	}	
	.post-block:hover .overlay {
		opacity: 1;
	}	
	.post-block .title {
		margin: 0.5em 0;		
	}
	.post-block .title a {
		color: #666E75;
	}	
	.post-block .title a:hover {
		color: #5498EF;
	}	
	.post-block .entry {
		margin: 0;
		padding: 0;
		font-size: inherit;
		color: #999999;
	}	
	.post-meta {
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 14px;
	}
	.post-meta span {	
		display: block;
	}
	.archive .pagination {
		text-align: center;
		margin: 50px 0;
		clear: both;
	}
	.archive .pagination .sep {
		display: inline-block;
		margin: 0 30px;
		text-transform: uppercase;
		font-size: 14px;
	}	
	.archive .pagination span {
		vertical-align: middle;
	}	
	/* Post Sizes Overrides */
	.post-block.large {
		width: 1000px;
		font-size: 20px;
	}
	.post-block.large .title {
		font-size: 50px;
	}	
	.post-block.medium {
		width: 490px;	
		font-size: 16px;
	}	
	.post-block.medium .title {
		font-size: 18px;
	}		
	.post-block.small {
		width: 235px;
		font-size: 14px;
	}
	.post-block.small .title {
		font-size: 18px;
	}
	.post-block.small .post-meta {
		font-size: 12px;
	}


/*
 * Single Post
 */
	#content.single {
		width: 1000px;
		margin: 0 auto;
	} 
	.single .entry {
		padding: 0;
		font-size: 20px;
	}
	.single .title {
		font-size: 50px;
		color: #666E75;		
	}
	.single .post-meta {
		position: static;
	}	
	.single .post-meta span {
		display: inline;
	}
	.single .social-share {
		float: right;
	}
	.social-share a {
		display: inline-block;
		background-image: url(images/logos-social-sprite.png);
		background-position: 0 0;
		margin: 0 0 0 4px;
		height: 23px;
		width: 24px;	
		vertical-align: middle;	
	}
	.contact .social-share a span,
	.single .social-share a span {
		display: none;
	}	
	.social-share .facebook:hover {
		background-position: 0 -30px;
	}
	.social-share .twitter {
		background-position: -33px 0;
		width: 33px;
	}	
	.social-share .twitter:hover {	
		background-position: -33px -30px;
	}
	.social-share .linkedin {
		background-position: -71px 0;
	}	
	.social-share .linkedin:hover {	
		background-position: -71px -30px;
	}	
	.social-share .youtube {
		background-position: -105px 0;
	}	
	.social-share .youtube:hover {	
		background-position: -105px -30px;
	}		
	
	
	/*
	 * Related Posts
	 */
	 	#related-posts {
		 	text-align: center;
		 	margin: 50px 0;
		 	font-size: 0;
		 	color: #999999;
	 	}
	 	#related-posts h2 {
		 	font-size: 28px;
		 	text-transform: uppercase;
		 	margin-bottom: 0.5em;
	 	}
	 	.related-block.small {
	 		display: inline-block;
	 		vertical-align: top;
	 		text-align: left;
	 		margin: 0 10px;
	 		position: relative;
	 		padding-bottom: 60px;
	 	}
	 	.related-block .entry {
			font-size: 14px;
	 	}
	 	.related-block:first-child {
	 		margin-left: 0;
	 	}
	 	.related-block:last-child {
	 		margin-right: 0;
	 	}

/*
 * Social Links
 */
 	.social 


/*
 * Search
 */
	#searchform {
		float: right;
		position: relative;
		top: 4px;
	} 
	#searchform div {
		border-radius: 3px;
		width: 100px;
		height: 24px;
	}	
	#searchform label {
		display: none;
	}
	#searchform	input {
		color: white;
		background: none;
		border: none;
		float: right;
		font-family: "proxima-nova-soft",sans-serif;
		font-weight: 500;
		font-size: 14px;
		padding: 3px 25px 3px 5px;
		text-align: right;
		width: 30px;
		background-image: url(images/icon-search.png);
		background-position: right 4px;		
		background-repeat: no-repeat;
	}
	/* Open State */
	#searchform.open div {
		background-color: #5096F2;
		width: 200px;
	}
	#searchform.open input {
		width: 170px;
		background-position: right -21px;		
	}
	/* Search Results */
	.search-results .wrapper {
		border-bottom: 1px solid #CCCCCC;
		padding-bottom: 10px;
		font-size: 22px;
	}
	.search-term {
		float: left;
		max-width: 600px;
		white-space: nowrap;
		overflow: hidden;
	}	
	.search-term span {
		color: #5498EF;		
	}	
	.search-no-results .wrapper {
		border-bottom: 1px solid #cccccc;
		padding-bottom: 5px;
	}
	.search-no-results #content h2 {
		color: #666E75;
		font-size: 50px;
		text-transform: uppercase;
		margin-bottom: 20px; 	
		text-align: center;
		margin-top: 80px;		
	}


/*
 * 404 Error
 */	
 	.error-404 > h2 {
		color: #666E75;
		font-size: 50px;
		text-transform: uppercase;
		margin-bottom: 20px; 	
 	}
 	.error-404 > h3 {
	 	font-size: 20px;
	 	margin-bottom: 60px;
	 	color: #cccccc;
 	}		

/*
 * Fallback
 */
	.fallback .entry {
		width: 1000px;
		font-size: 20px;
	}	 


/*
 * Gray Menu Overrides
 */
	.gray-menu #logo {
		background-position: 0 -80px;
	}


/*
 * No Image Banner Fallback
 */
 	.no-banner-image #content {
	 	margin-top: 150px;
 	}
	
	 	
/*
 * Footer
 */
	#footer .social-links a {
		display: inline-block;
		background-position: 0 0;
		background-repeat: no-repeat;					
		height: 18px;
		width: 16px;
		margin: 0 4px 0 0;
	}
	#footer .social-links a span {
		display: none;
	}
	#footer .social-links a:hover {
		background-position: 0 -25px;
	}	
	#footer a.facebook {
		background-image: url(images/footer/icon-facebook.png);
		width: 18px;
	}
	#footer a.twitter {
		background-image: url(images/footer/icon-twitter.png);
		width: 24px;
	}
	#footer a.linkedin {
		background-image: url(images/footer/icon-linkedin.png);
	}
	#footer a.rss {
		background-image: url(images/footer/icon-rss.png);
	}			
	#footer a.youtube {
		background-image: url(images/footer/icon-youtube.png);
	}




/*
 * Animations
 */
    /* Color */
    a {
    	transition: color 0.4s;
    	-moz-transition: color 0.4s;
    	-webkit-transition: color 0.4s;
    	-o-transition: color 0.4s;  
    }    
    
    /* Opacity */
    #main-menu a,
    .overlay,
    .browse {
		transition: opacity 0.4s;
		-moz-transition: opacity 0.4s;
		-webkit-transition: opacity 0.4s;
		-o-transition: opacity 0.4s;        
    }

    /* Everything */
    svg path {
		transition: 0.4s;
		-moz-transition: 0.4s;
		-webkit-transition: 0.4s;
		-o-transition: 0.4s;            
    }
    
    /* Borders */
    #main-menu a {
		transition: border 0.4s;
		-moz-transition: border 0.4s;
		-webkit-transition: border 0.4s;
		-o-transition: border 0.4s;            
    }
    /* Background */
	#sub-menu a {
		transition: background-color 0.4s;
		-moz-transition: background-color 0.4s;
		-webkit-transition: background-color 0.4s;
		-o-transition: background-color 0.4s; 	
	}    

	/* Custom */
    #searchform div {
		transition: background-color 0.4s;
		-moz-transition: background-color 0.4s;
		-webkit-transition: background-color 0.4s;
		-o-transition: background-color 0.4s; 		    
		transition: width 0.4s;
		-moz-transition: width 0.4s;
		-webkit-transition: width 0.4s;
		-o-transition: width 0.4s;		
    }
    
    /* Height */
    #menu-overlay.open {
		transition: height 0.4s;
		-moz-transition: height.4s;
		-webkit-transition: height 0.4s;
		-o-transition: height 0.4s; 		    
    }



/*
 * 404 Error
 */
    .error-404 {
        text-align: center;
        font-size: 32px;
    }


/*
 * Tools
 */
    #tagline {
        display: none;
    }
    .post-edit-link {
	    font-size: 12px;
    }



/*
 * Wordpress Required 
 */
	.alignleft { 
	    display: inline; 
	    float: left;
	}
	.aligncenter { 
	    clear: both; 
	    display: block; 
	    margin: 0 auto 1em auto; 
	}
	.alignright { 
	    display: inline; 
	    float: right;
	}
	img.alignleft { 
	    margin: 0 1em 1em 0;
	}
	img.alignright { 
	    margin: 0 0 1em 1em;
	}
	img.aligncenter { 
	    margin: 0 auto 1em auto;
	}