/*
Theme Name: Tyler Manson 2014
Theme URI: http://www.tylermanson.com/
Description: A theme for WordPress.
Author: Drew Baker, Funkhaus
Author URI: http://www.funkhaus.us
Version: 1.0

Fonts:

	font-family: "news-gothic-std",sans-serif;
	font-style: normal;
	font-weight: 400;

Colors:

    Color 1: #;
    Color 2: #;
    Color 3: #;

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

	/* @import url("fonts/fonts.css"); */

/*
 * Globals 
 */
	body { 
		font-family: "news-gothic-std",sans-serif;
	    font-size: 12px; 
	    color: #333;
	    -webkit-font-smoothing: antialiased;
	    margin: 0;
	    padding: 0;
		letter-spacing: 1px;			    
	}
    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        padding: 0;
        line-height: 1;
        font-weight: normal;
    }	
    ::selection {
        color: #ebebe3;
        background: #222;
    }
    ::-moz-selection {
        color: #ebebe3;
        background: #222;
    }	

/* 
 * Links 
 */
	a { 
	    color: #333; 
	    text-decoration: none;
	    outline: none;	    
	}
	a:hover { 
	    color: #ccc;
	    text-decoration: none;
	}
	a img {
	   border: none;
	}
	

/* 
 * Page Structure 
 */
 	#container {

 	}
 	#header {
	 	text-align: center;
	 	margin: 40px 0;
 	}
 	#content {
	 	
 	}


/*
 * Header
 */
	#logo {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 20px;
		letter-spacing: 0;
		text-decoration: none;
		display: inline-block;
		border-bottom: 2px solid;
		margin-bottom: 5px;
		color: #333;
	} 


/*
 * Menu
 */
	.main-menu {
		list-style: none;
		margin: 0;
		padding: 0;
	} 
	.main-menu li {
		list-style: none;
		margin: 0 10px;
		padding: 0;
		display: inline-block;
		text-transform: uppercase;
	}
	.home .menu a:hover,	
	.menu a {
		color: #ccc;
	}
	.menu .current-page-ancestor a,
	.menu .current-menu-item a,
	.home .menu a {
		color: #333;
	}	
	.menu a:hover {
		color: #333;		
	}

/*
 * Gallery
 */
	.gallery {
		position: relative;
		overflow: hidden;
		height: 100%;
		width: 100%;
	} 
	.slide {
		height: 100%;
		width: 100%;
		background-size: cover;
		background-position: center center;
	}
	.slide img {
		display: none;
	}	


/*
 * Media Player
 */
	#media-player {
		margin: 40px;
		text-align: center;
	} 
	#media-player .media {
		min-height: 500px;
		position: relative;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	#media-player .media iframe {
		display: inline-block;
	}	
	#media-player .entry {
		margin: 40px auto;
	}
	#media-player .entry a {
		text-decoration: underline;
	}	
	
/*
 * Work grid
 */
 	#work-grid {
	 	text-align: center;
	 	font-size: 0;
	 	margin: 40px auto;
	 	max-width: 1680px;
 	}
	.work-block {
		position: relative;
		width: 500px;
		height: 281px;
		display: inline-block;
		font-size: 14px;
		color: white;
		margin: 20px;
		cursor: pointer;
		opacity: 1;
	} 
	.work-block img {
		position: absolute;
		top: 0;
		left: 0;		
	}
	.work-block .overlay {
		position: relative;
		width: 500px;
		height: 281px;	
		z-index: 10;
		display: table-cell;
		vertical-align: middle;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.2);
	}	
	.work-block h2 {
		font-weight: bold;
		padding: 20px;
		text-transform: uppercase;
		color: white;
	}	
	.work-detail .work-block {
		opacity: 0.3;
	}
	.home .work-block,
	.work-block:hover,
	.work-block.active,
	.work-block.active .overlay,
	.work-block:hover .overlay {
		opacity: 1;
	}



/*
 * About page
 */
	.page-id-14 .entry {
		padding: 100px 0;
	} 


/*
 * Tools 
 */
    #tagline {
        display: none;
    }
    .post-edit-link {
	    font-size: 10px;
	    text-transform: uppercase;
	    text-decoration: none;
    }



/*
 * Animations
 */
    /* Color */
    a {
    	transition: color 0.4s;
    }    
    
    /* Opacity */
    .work-block,
    .overlay,
    .browse {
		transition: opacity 0.4s;
    }

    /* Everything */
    svg path {
		transition: 0.4s;
    }



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


/*
 * Wordpress Required 
 */
	.alignleft { 
	    display: inline; 
	    float: left;
	}
	.aligncenter { 
	    clear: both; 
	    display: block; 
	    margin: 0 auto 10px auto; 
	}
	.alignright { 
	    display: inline; 
	    float: right;
	}
	img.alignleft { 
	    margin: 0 10px 10px 0;
	}
	img.alignright { 
	    margin: 0 0 10px 10px;
	}
	img.aligncenter { 
	    margin: 0 auto 10px auto;
	}
	
	.wp-caption { 
	    background: #f1f1f1; 
	    color: #888; 
	    text-align: center; 
	    margin-bottom: 15px; 
	    width: auto !important;
	    -moz-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	.wp-caption img { 
	    margin: 0px;
	}
	.wp-caption p.wp-caption-text { 
	    margin: 0 0 5px; 
	    padding: 4px; 
	    font-style: italic;
	}