/*
	Theme Name: Twenty Fourteen Child Theme
	Description: This is a child theme for Twenty Fourteen
	Author: June Wu
	Author URI: http://wpsites.net/
	Template: twentyfourteen
	Version: 1.0
*/


.site { margin: 0 auto; }

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

.content-area {
	padding-top: 18px;
}

.hentry {
	margin: 0 auto 10px;
	max-width: 782px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 784px;
}

.content-sidebar {
	padding: 18px 18px 0 0;
}

.header-img {
	float: left;
	text-align: left;
	width: 430px;
}



a {
	color: #00cc00;
	text-decoration: none;
}



.search-box-wrapper {
	top: 60px;
        width: 50%;
}

.search-toggle {
	margin-top: 12px;
}

.primary-navigation {
	padding-top: 12px;
}



@media screen and (max-width: 400px) {
    .search-box-wrapper {
	top: 48px;
     }

    .search-toggle {
	margin-top: 0px;
        display:none;
    }

    .header-img {
        max-width: 250px;    
    }

}

@media screen and (max-width: 401px) {
    .search-box-wrapper {
	top: 48px;
    }

    .search-toggle {
	margin-top: 0px;
        display:none;
    }

    .header-img {
        max-width: 250px;    
    }

}

@media screen and (max-width: 480px) {
    .search-box-wrapper {
	top: 52px;
    }

    .search-toggle {
	margin-top: 4px;
        display:none;
    }

    .header-img {
        max-width: 250px;    
    }

}

@media screen and (max-width: 594px) {
    .search-box-wrapper {
	top: 48px;
    }

    .search-toggle {
	margin-top: 0px;
    }

    .header-img {
        max-width: 300px;    
    }
}

@media screen and (max-width: 673px) {
    .search-box-wrapper {
	top: 48px;
    }

    .search-toggle {
	margin-top: 0px;
    }

}

@media screen and (max-width: 783px) {
    .search-box-wrapper {
	top: 58px;
    }

    .search-toggle {
	margin-top: 10px;
    }

}

@media screen and (max-width: 810px) {
    .search-box-wrapper {
	top: 58px;
    }

    .search-toggle {
	margin-top: 10px;
    }

}

@media screen and (max-width: 846px) {
    .search-box-wrapper {
	top: 58px;
    }

    .search-toggle {
	margin-top: 10px;
    }

}

@media screen and (max-width: 1008px) {
    .search-box-wrapper {
	top: 58px;
    }

    .search-toggle {
	margin-top: 10px;
    }

}

@media screen and (max-width: 1040px) {
    .search-box-wrapper {
	top: 58px;
    }

    .search-toggle {
	margin-top: 10px;
    }

}