/*
Theme Name:     Toolbox PigPog Photography
Theme URI:      http://pigpog.com
Description:    Child theme for the Toolbox theme to make it more PigPog. Updated for more photography.
Author:         Michael Randall
Author URI:     http://pigpog.com/michael/
Template:       toolbox
Version:        0.0.1
*/

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

/* Sharing specific stuff... */

.sd-title {
	display: none !important;
}

.sd-content {
    opacity: .4;
    float: none !important;
    width: 100% !important;
    margin-left: 50px !important;
}
.sd-content:hover {
    opacity: 1;
}

/* Hide crap on JetPack's related posts */
.jp-relatedposts-post-context {
    display: none !important;
}


body {
	font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-color: white;
	color: #503500;
	margin-left: 0;
	margin-right: 0;
}

#content {
	margin: 0 0 0 0 !important;
}

/* Responsive Stuff... */
@media screen and (max-width: 800px) {
    /* Allowing for narrow screens, mobile phones, etc... */
    #branding, #pp-extras, #searchform {
        position: static !important;
        top: auto !important;
        right: auto !important;
    }
    #content {
        margin-right: auto !important;
    }
    #primary {
        margin-top: auto !important;
        margin-right: auto !important;
    }
    #secondary {
        display: none !important;
    }
}

/* Making body text stick to a reasonable character width... */
@media screen and (min-width: 800px) {
        article p, article ul, article ol, article blockquote {/*margin-left: 20px; margin-right: 20px;*/ font-size: 1.2em;}
    }
@media screen and (min-width: 1000px) {
        article p, article ul, article ol, article blockquote {/*margin-left: 30px; margin-right: 75px;*/ font-size: 1.3em;}
    }
@media screen and (min-width: 1200px) {
        article p, article ul, article ol, article blockquote {/*margin-left: 40px; margin-right: 150px;*/ font-size: 1.4em;}
    }
@media screen and (min-width: 1400px) {
        article p, article ul, article ol, article blockquote {/*margin-left: 50px; margin-right: 200px;*/ font-size: 1.6em;}
    }
ul ul {
    font-size:1em;
}

/* Modification to shorten top-right title block */
#access {
	margin: 0 auto 0 !important;
}

#site-title {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}


/* Column Stuff for Showcase Page */
.columns-2 {
    float:left;
    width:47%;
    margin-left:5%;
}
.first {
    clear:both;
    margin-left:0;
}
.ppShowcase {
    max-height: 50em;
    overflow: hidden;
    border-top-color: #666;
    border-top-style: solid;
    border-top-width: medium;
}
.ppShowcase > article.post {
    border-bottom: none;
}
.ppShowcase > article > div > p {
    margin-left: 5px;
    margin-right: 5px !important;
}


.widget-title {
	font-size: 250%;
}


a {
	color: #301500; /* #155242; */
	text-decoration: underline;
	font-weight: 600;
	/* text-shadow: 0.05em 0.05em 0.1em #2e6864; */
}

a:hover {
	color: #ff9327; /* #1e5854; */
	text-decoration: underline;
	text-shadow: 0.1em 0.1em 0.15em #54593a; /* #2e6864; */
}

#page {
	margin: 0px;
}
#primary {
	margin-right: 0px;
}
#header-ad {
	margin-right: 275px !important;
}

img {
    max-width: 100%;
    height: auto !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}

#secondary {
    position: absolute;
    right: 0px;
    top: 265px;
    width: 265px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: white;
}
#main .widget-area {
    width: 260px;
}

article.post {
	padding-bottom: 10px;
	border-bottom-color: black;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
article {
    max-width: 100%;
}

.entry-header {
	margin-left: 8px;
	margin-right: 8px;
}
.tag-archive-meta {
	margin-left: 8px;
	margin-right: 280px;
}

.entry-content {
    margin-top: 5px;
    border-top-color: #301500; /* #2e6864; */
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color: #301500; /* #2e6864; */
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#branding {
	position:fixed;
	z-index: 5;
	top: 5px;
	right: 5px;
	background-color: rgba(255,255,255,0.65);
}
body.admin-bar #branding, body.admin-bar #pp-header-ad {
	top: 25px;
}
body.admin-bar #pp-extras {
  position: absolute;
  top: 30px;
}
body.admin-bar #searchform {
    top: 30px;
}
#pp-extras {
  position: absolute;
  top: 75px;
}

#site-title a {
  text-decoration: none;
  font-size: 2em;
  color: #54593a;
}
#site-title a:hover {
    	text-shadow: 0.075em 0.075em 0.2em #54593a;
}

.current-menu-item, .current-menu-item > a {
	background-color: rgba(25,25,25,0.7); /* #2e6864; */
	color: white;
}

#menu-main-menu > li > a {
	padding-left: 4px !important;
	padding-right: 4px !important;
}
#menu-main-menu > li > a > img {
	margin-top: 8px !important;
}

#menu-second-menu > li, #menu-second-menu-1 > li {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #999;
	color: black; /* #155242; */
}

#nav-above {
	display: none !important;
}

.entry-title {
	margin-left: 8px;
	font-size: 2em;
	text-shadow: 0.05em 0.05em 0.15em #301500; /* #1e5854; */
}
.entry-title > a:hover {
	text-shadow: 0.075em 0.075em 0.2em #ff9327; /* #1e5854; */
}

.edit-link {
    display: inline !important;
}

#searchform {
	position: fixed;
	top: 5px;
	right: 0px;
}
body.adminbar #searchform {
	position: fixed;
	top: 100px;
	right: 0px;
}

#searchform input {
	display: inline-block;
	margin-right: 3px;
	padding-left: 2px;
}
#searchform input#s {
	width: 40px;
	font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;
}
#searchform input#s:focus {
	font-size: 125%;
	width: 500px;
}

/* Removing next/previous nav... */
#nav-below {
    display: none !important;
}


/* Comments */

.comment-content > p {
	font-size: 75%;
}


/* Stuff for specific widgets */

#featured-img-id > img {
    max-width: 95%;
}

.instagram-pics {
	margin-right: 10px;
}
.instagram-pics > li {
	list-style-type: none;
}

ul.instagram-pics.instagram-size-large {
	padding-right: 10px;
	padding-left: 10px;
}