/*
 Theme Name:   Twenty Fourteen Lynne
 Theme URI:    http://lynnesachs.com
 Description:  Twenty Fourteen Child Theme
 Author:       In Choi
 Author URI:   http://indieportfolio.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
::selection {
	background: #007aff;
}

::-moz-selection {
	background: #007aff;
}

.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
	color: #2f93ff;
}

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #007aff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #007aff;
}

.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #007aff;
}

a, .content-sidebar .widget a {
    color: #007aff;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #007aff;
}

.slider-direction-nav a:hover {
	background-color: #2f93ff;
}

#masthead {
    z-index: 1001;
}

.search-toggle {
    background-color: #007aff;
}

.search-toggle:hover, .search-toggle.active, .search-box {
    background-color: #2f93ff;
}


.entry-title a:hover {
    color: #2f93ff;
}
	
.paging-navigation .page-numbers.current {
	border-top: 5px solid #007aff;
}

.paging-navigation a:hover {
	border-top: 5px solid #2f93ff;
	color: #2b2b2b;
}

/* Title CSS*/
h6.corner-title {
	position: absolute;
	margin: 0;
	top: 0;
	padding: 0 7px;
	left: 0;
	color: #FFF;
	background-color: #007aff;
	z-index: 1000;
}
h6.red {
	background-color: #ff0000;
}

/* widget */
.widget ul, .widget ol {
    list-style: square inside none
}

.widget_calendar tbody a {
    background-color: #007aff;   
}

/* Center the pages */
#page {
    margin-left: auto;
    margin-right: auto;
}

/* GET RID OF SIDEBAR */
.featured-content {
	padding-left: 50px;
}

.site-main .widecolumn {
	margin-left: 50px;
	margin-right: 29%;
}

.site:before {
	width: 0;
}

#secondary {
	width: 0;
    padding: 0;
}

/* EXPAND content width & fix margins*/
.full-width .site-content {
	margin: 0 auto;
}

.full-width .site-content .has-post-thumbnail .entry-header {
	margin: 0 auto;
}

.singular.full-width .site-content .has-post-thumbnail.hentry {
	margin: 0 auto;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 2000px;
}

.hentry {
	max-width: 100%;
}

.site-content {
	margin-left: 20px;
	margin-right: 29%;
}

.post-thumbnail {
    background: none;
}

a.post-thumbnail:hover {
    background-color: #FFF;
}

/* more margin between the featured content and the content */
.featured-content + .content-area, .content-sidebar {
    padding-top: 60px;
	position: relative;
}

/* Less margin between a site menu and the content */
.content-area, .content-sidebar {
    padding-top: 30px;
}

/* Header */

#site-header img {
    padding: 5px 30px;
}

#blog-description {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    text-align: right;
}

.site-title {
    float: right;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 5px 0;
    text-align: right;
}

/* Featured content */
.featured-content {
    background: #333;
}

.featured-content article {
    position: relative;
}

.slider .featured-content .post-thumbnail {
	padding-top: 30%;
}

.featured-content .post-thumbnail img {
    right: 0;
    left: auto;
    position: absolute;
    top: 0;
}

.slider .featured-content .entry-title {
    margin: 0 0 12px 0;
}

.slider .featured-content .entry-header {
    padding: 24px 30px 48px;
    left: 0;
    top: 35px;
    bottom: 25%;
    width: 55%;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.slider-control-paging {
	width: 800px;
}

.site-content .has-post-thumbnail .entry-header, .site-content .entry-header {
    margin-top: 0;
    padding-left: 0;
}

.site-content .entry-content {
    padding-left: 0;
}

/* Category header */
.archive-header {
    margin: 0 0 20px 0;
    padding: 0;
    max-width: 100%;
    height: 70px;
    background-color: #FFF;
    background-position: left top;
    background-repeat:no-repeat;
    color: #FFF;
    position: relative;
}

.current-header {
    background-image: url(images/current-header.gif);    
}

.blog-header {
    background-image: url(images/blog-header.jpg);    
}

.films-videos-header {
    background-image: url(images/films-videos-header.jpg);    
}

.multimedia-header {
    background-image: url(images/multimedia-header.jpg);    
}

.writing-header {
    background-image: url(images/writing-header.jpg);    
}

.press-header {
    background-image: url(images/press-header.jpg);    
}

.distribution-header {
    background-image: url(images/distribution-header.jpg);    
}

.archive-title {
    padding: 10px 10px 0 10px;
    margin: 0;
    font-size: 1.4em;
    text-align: left;
    text-transform: uppercase;
    color: #FFFFFF;    
}

/* sub header styling */
ul#subheader-tab {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    position: absolute;
    bottom: 0em;
    left: 0em;
}

ul#subheader-tab li {
margin: 0 0.5em 0 0;
list-style: none;
float: left;
position: relative;
background: #E6E6E7;
font-size: 1em;

border-right: 1px solid #E6E6E7;
border-top: 1px solid #E6E6E7;
border-left: 1px solid #E6E6E7;
clear: none;
}

ul#subheader-tab li.current-cat {
background: #FFFFFF;
}

ul#subheader-tab li a {

padding: 3px 0 0 9px;
font-size: 12px;
text-transform: capitalize;
margin: 0;
padding: 0 0.8em 0.2em 0.8em;
text-decoration: none;
color: #333 !important;
}

ul#subheader-tab li.current-cat a {
color: #333 !important;
font-weight: bold;
}

/* Home page Current */
.home .site-content {
    margin-right: 20px;
}

.home .content-area {
    padding-top: 30px;
}

#content article .entry-date {
	margin-top: 20px;
	padding: 5px 0;
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#content article .entry-title {
	font-size: 25px;
}
#content article .entry-header .post-thumbnail {
	width: auto;
}

#content article .entry-content, #content article .entry-header {
	margin-right: 0;
	padding: 0;
}

.category .category-thumb {
	float: left;
	width: 150px;
	margin-left: -100%;
}
.category #content article .entry-content {
	float: left;
	width: 100%;
}

.category #content article .entry-content .entry-title {
	padding-left: 170px;
}
.category #content article .entry-content .entry-title a {
	text-decoration: none;
}
.category #content article .entry-content p {
	padding-left: 170px;
}

.category.list-view .site-content .hentry {
	border-top: 0;
}

@media screen and (max-width: 420px) {
    /* Hide a long site title */
    .site-title {
        display: none;
    }
    /* Hide the featured content slider */
    #featured-content{
        display: none;
    }
    #blog-description {
        display: none;
    }
	.site-navigation a:hover {
		color: #2f93ff;
	}
    .home #content article .entry-date {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
	
	.category .category-thumb {
		float: none;
		width: 0;
		margin-left: 0;
	}
	
	.category #content article .entry-content {
		float: none;

		display: block;
	}

	.category #content article .entry-content .entry-title {
		padding-left: 0;
	}
	.category #content article .entry-content .entry-title a {
		text-decoration: none;
	}
	.category #content article .entry-content p {
		padding-left: 0;
	}
    .content-area {
        margin-top: 2em;
    }
}

@media screen and (min-width: 600px) {
	.primary-navigation {
		float: left;
	}

	.menu-item > a {
		font-size: 14px;
	}

	.primary-navigation ul ul {
		background-color: #2f93ff;
	}
	
	.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
		color: #2f93ff;
		font-weight: 900;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #2f93ff;
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #007aff;
	}

    #content article {
        padding: 0 1em;
        margin: 0;
    }
    
    .home #content article {
        display: inline;
        float: left;
        padding: 0 1em;
        margin: 0;
        width: 30%;
        overflow: visible;   
    }
    
    .home .navigation { 
        clear: both;
    }
}