/*
 Theme Name:     Pinboard Child
 Theme URI:      
 Description:    Pinboard theme customized for www.thebunyion.com
 Author:         Steven van Dijk
 Author URI:     http://www.stevenvandijk.com
 Template:       pinboard
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../pinboard/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

/*this css in combination with a text widget in the sidebar-header area hides the search and extra space under the header image.*/
#sidebar-header {
	display: none;
}
/*part of fixing header ^ */
#site-title {
	margin:0 !important;
}

a.home {
	display:none;
}

header a img{ 
	display: block;
	margin:0 !important;
	margin-left: auto;
    margin-right: auto;
	width:1140px !important;
}


/*this makes the wrapper background transparent*/
#wrapper {
	background-color:rgba(0,0,0,0);
	box-shadow: 0px 0px 0px #888888;
}

#access {
	background-color:rgba(0,0,0,0);
	box-shadow: 0px 0px 0px #888888;
}

@media screen and (max-width: 760px) {
	#access .nav-show,
	#access a.nav-show:hover {
		top: 20px;
		right: 5%;
		z-index: -1;
	}
	#access:target .menu {
		margin-top: 0;
	}

	.entries .onecol h2{
		margin-bottom: 0;
	}

	.entries .onecol p {
		padding-left: 5.8%;
		padding-right:5.8%;
		padding-bottom:5.8%;
		padding-top:0px;
	}

	.entries .onecol .entry-header{
		padding-left: 5.8%;
		padding-right: 5.8%;
		padding-top: 5.8%;
		padding-bottom: 10px;
	}

	#searchform {
		display: none;
	}
}


/* this makes the columns work correctly in firefox/ie */
#wrapper {
	max-width:1140px;
}

/* this makes the header image scale correctly in firefox/ie */
#site-title, #site-title img { width: 100%; }

@media screen and (min-width: 761px) {
	
	.entries .onecol .entry-thumbnail{
		width:57%;
		margin-right:0 !important;
		float:left;
	}

	.entries .onecol .entry-thumbnail{
		padding-right:2.9%;
	}
	.entries .onecol h2{
		margin-bottom: 0;
	}

	.entries .onecol p {
		padding-left: 2.9%;
		padding-right:2.9%;
		padding-bottom:2.9%;
		padding-top:0px;
	}

	.entries .onecol .entry-header{
		padding-left: 2.9%;
		padding-right: 2.9%;
		padding-top: 2.9%;
		padding-bottom: 10px;
	}

}



h2.entry-title {
		font-size:18px !important;
		font-weight:bold;
	}


/*removes small line above the header*/
#header{
	border-top:0; 
}

/* removes extra space after meta stuff in single article pages */
.entry-meta{ 
	margin-bottom:0px !important;
}

/* adds extra line above "read more" link in the smaller post previews */
.entries .threecol .read-more-link{
	padding-top:14px;
}

.entries .threecol .entry-meta span{
	/*padding-left: 2.9%;*/
	margin-left:2%;
	margin-bottom:2%;
}

.entries .threecol .entry-meta-comments {
	white-space: nowrap; 
}/*so "3 comments" doesn't get split to different lines with longer author*/

.entries .threecol .dsq-postid {
	margin-left: 0 !important;
}/*when you scroll down the "4 comments" span (dsq-postid) gets extra margin for some reason. removes it*/

.entries .entry-meta span{
	margin-left:2.5%;
}

.entry .entry-meta span{
	margin-left: 2%;
}

/*
h2{
	font-family: 'fontello' !important;
}*/

/*this makes the disqus comment section edges line up with the content above it*/
#disqus_thread{
	padding-left:2.5%;
	padding-right: 2.5%;
	-webkit-transform: translate3d(0,0,0); /*to get rid of the weird disqus flicker that happens on mouse over */
}

#bawmrp_auto{
	min-height: 180px !important;
}

/* on comment this to restore chat icon. (will have to figure spacing out in the threecol area)
.entry-meta-comments {
	background:url(images/comments_2x.png) left center no-repeat;
	background-size: 12px;
}
*/
.dsq-postid {
	padding-left: 0 !important;
}

.menu-item a { /*main menu items*/
	font-weight: normal !important;
	padding-left: 18px !important;
	padding-right: 18px !important;
}

/*change most hovers to gold, and sidebar to BYU blue*/
a:hover {
	color:#ce9e5a;
}

.entry-meta a:hover {
	color:#ce9e5a;
}

#sidebar a:hover{
	color:#00265B;
}

#footer a:hover {
	color:#ce9e5a;
}

#copyright a:hover {
	color:#ce9e5a;
}

.widget-area li {
	padding:7px 0;
	margin:0;
	border-bottom:#EEE 0px none;
	line-height:1em;
}

#footer-area li {
	border-bottom:#2C2C2C 1px none;
}

.wp-post-navigation {
	margin-top:50px; /*distance below the end of the article*/
}
.wp-post-navigation div{
	padding-top:10px; /*distance below each link, like in mobile view*/
}
#searchform {
	margin:10px 0 0 3px !important; /*centers searchform in menu */
}