/*
 Theme Name:     Mendenhall Child Theme
 Author:         Karen Wegehenkel
 Template:       pinboard
 Version:        1.0.0
*/
@import url("../pinboard/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*
styling header
*/
.headerimg img {
	margin: 7px;
	float:left;
	vertical-align: middle;
}
#branding {
float: left;
margin: 5px;
	width: 68%;
	background: url(http://themendenhall.com/wp-content/uploads/2013/12/mendenhall-header.jpg) left no-repeat;
}
.sitename {
background: #f8f8f8;
float: none;
margin-left: auto;
width: 195px;
padding: 0 0 0 5px;
border:1px solid transparent;
}
#site-title {
	margin: 44px 5px 0 2px;
	display: inline-block;
	line-height: normal;
}

#site-description {
	margin: 0 0 44px 2px;
	float: none;
	font-size: 105%;
	line-height: normal;
}
#header #searchform {
    margin-right: 5px;
}
#header input#s:focus {
    width: 150px;
}
a.social-media-icon {
    margin-right: 2px;
}
/*
shorten nav height
*/
#access a {
	padding: 1px 24px;
}

/*
make sidebar darker
*/
#sidebar-wide {
	padding: 10px;
}

#sidebar {
	color: #333;
}

#sidebar .widget-title {
	color: #999;
}

input[type="text"], input[type="password"], textarea {
	color: #333;
}

/*
set link colors
*/
a, .entry-meta a, .tagcloud a, #sidebar a, .entry-title a {
	color: #415d7c;
}

a:hover, .entry-title a:hover, .entry-meta a:hover, .entry-tags a:hover, .widget-area a:hover, .tagcloud a:hover, #copyright a:hover {
	color: #636a7e;
}

#copyright a, footer a, #footer-area a {
	color: #d5daec;
}
#copyright a:hover, footer a:hover, #footer-area a:hover {
	color: #fff;
}
@media screen and (max-width: 960px) {
#access a {
	padding: 1px 14px;
}
#access {
    padding: 0px;

}
@media screen and (max-width: 760px) {

#branding {
float: none;
width: 97%;
padding-top:140px;
background-position: top left;
	}
.sitename {
float: none;
width: 100%;
}
#site-title {
	margin: 5px auto 0 auto;
}
#access .nav-show, #access a.nav-show:hover {
    position: absolute;
    right: 10px;}
#header input#s{
    width: auto;
    margin: 0px auto;
}

#header #searchform {
    margin: 0 auto;
}
}