/*
Theme Name: ph-sempress
Theme URI: http://www.eaf.net/pantinghart/
Description: A SemPress child theme for Panting Hart -- SemPress is a highly semantic, HTML5 template, responsive and seo optimized. SemPress supports most of the new HTML5 tags, the new HTML5 input-types, microformats, microformats v2 and microdata (Schema.org). This theme is based on the toolbox theme (http://wordpress.org/extend/themes/toolbox).
Author: Mark Roth
Author URI: http://www.eaf.net/mvp/mark-roth-wordpresser/
Tags: white, gray, light, black, custom-menu, custom-colors, custom-header, custom-background, sticky-post, microformats, rtl-language-support, translation-ready, full-width-template, post-formats, threaded-comments, flexible-width, right-sidebar, two-columns, one-column, editor-style, featured-images
Version: 2.0
Creation Date 1.0: 4/28/13
Creation Date 2.0: 10/24/13        ???????
Template: sempress
*/


@import url('../sempress/style.css');


/*******************************************   FIX FROM SEMPRESS   *****************************************************/

.tagcloud a {margin-right:4px}

.cat-links {padding-right:10px}    .tag-links {padding-left:10px}    /* add spacing between categories and tags */

#search {
  position: absolute;
  top: 40px;
  right: 0;
  width: 30%;
}

.entry-header .entry-title, .entry-header .entry-title a {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

#site-title {
  letter-spacing: normal;
}

#access {margin-bottom:30px}		/* Pull #main up closer to main nav */

#thanks {
  font-family: georgia,times new roman, serif;
  padding-left: 25px;
  font-style: italic;
  color: black;
}

#branding {margin-top:-50px}		/* Pull title up closer to top of page */

#site-title a {
  color: #306074;
  text-shadow: 0 0 5px #74b2cd;
}

#site-description {
  margin-bottom: 10px;			/* Pull main nav bar up closer to title and description */
  color: #a7d0c0; 			/* I LIKE #74b2cd BUT TOO CLOSE TO LINK COLOR SO RETURNED TO mint green */
  text-shadow: 1px 2px 1px white;	/* d0c0a7 = ??? */
}

#nav-below {margin-top:-20px}		/* Pull bottom prev-next links up */

#comments {padding-top:20px}		/* Pull up comments closer to bottom prev-next links */

.intro-excerpt {background:#74b2cd}

.entry-header .entry-title, .entry-header .entry-title a {padding-top:10px}

.widget {
  padding-right: 5px;
  padding-left: 15px;
}

.widget h3 {margin-left:-10px; font-size:1.5em;}    /* ADD LATER color:#a7d0c0} */

.widget:hover {
  padding-bottom: 5px;
  margin-bottom: 46px;
  border-bottom: none;
  color: black;
  background: white;
  border-radius: 5px;
  box-shadow: inset 0 0 2px 2px #306074;
}

.widget_search:hover {background:inherit}

.widget-area ul {
  list-style: none;
  margin-left: 15px;
}

.widget-area ul li:before {
  position: absolute;
  left: 15px;
  content: "\00BB";
  color: #f6522b;
  font-weight: bold;
}

	/* ALTERNATE TO ABOVE TWO BLOCKS
	.widget-area ul {
	  list-style-position: inside;
	}

	.widget-area li {
	  list-style-type: disc;
	  margin-left: 15px;
	}
	*/

/*    box-shadow: 0 0 25px 0 lightgray}     BLURRED ALL SIDES   */
/* .widget h1:hover {color:#f6522b} */


.nav-next a, .nav-previous a {
  color: #306074;
  text-decoration: none;
  text-shadow: 0 0 2px #74b2cd;
}

.nav-next a:hover, .nav-previous a:hover {
  text-decoration: underline;
  text-shadow: none;
}

#access a, #access a:visited {
  margin-right: 1.5em;
  padding-right: 0;
}

#access a:hover, #access a:visited:hover {
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 2px 4px -4px #306074;
}

blockquote {
  font-style: normal;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
}

blockquote:before {
  font-family: georgia, times new roman, serif;
  color: #e6e6e6;
}

.entry-content {
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.3em;
  line-height: 1.7em;
}

b, strong {font-weight: bold}




/******************************************* ADJUST YARPP PLUGIN STYLES ******************************/

.yarpp-related {
  font-size: .8em;
  line-height: 1.2em;
  opacity: 0.4;
    filter: alpha(opacity=40);    /* For IE8 and earlier */
}

div.yarpp-related:hover {
  opacity: 0.7;
    filter: alpha(opacity=70)
}

.yarpp-related ol {margin-top:0}



/******************************************* PH-SEMPRESS UNIQUE STYLES *******************************/

.noseve {display:none}

.entry-meta p:last-child {
  text-align: center;
  margin-top:2em;
}

.comments-link {
  -moz-box-shadow: 0 1px 0 0 #fff6af;
  -webkit-box-shadow: 0 1px 0 0 #fff6af;
  box-shadow: 0 1px 0 0 #fff6af;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
  background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
  background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
  background-color: #ffec64;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  border: 1px solid #ffaa22;
  display: inline-block;
  color: #333333;
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  padding: 3px 24px;
  text-shadow: 0 2px 0 #ffee66;
}

.comments-link:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
  background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
  background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
  background-color: #ffab23;
}

.bigfirst li {margin-top:1.5em}
.bigfirst li:first-child {color:maroon; margin-top:0}

.intro-excerpt {
  margin-left: 34px;
  margin-right: 34px;
  border-radius: 0 0 10px 10px;
					/*  background: #eeeeee;    NEW COLOR ABOVE IN MYUP */
  border-top: 2px solid gray;
  padding: 5px 10px 5px 10px;
  font-family: verdana,arial,sans serif;
  font-size: 1em;
  font-weight: bold;
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 2px 3px rgba(255,255,255,0.8);   /* TRY THIS NEXT  text-shadow:0 1px 0 #fff  */

}

.alignrightsmall {
  font-size: .6em;          /* was .8em */
  text-align: right;
}

div.reading {				/*  IF NOT DISPLAY RIGHT, COMPARE WITH .LECTURA BELOW
width: 120px;
padding: 10px;
background-color: #003300;
float: right;
/* font-weight: bold; */
color: #339933;
margin-left: 35px;
font-size: .8em;
line-height: 1em;
text-align: center;
font-family: verdana, arial, sans serif;
}

div.entry-content div.reading h3 {
font-size: .8em;
color: white;
margin-top: 5px;
margin-bottom: 0;
padding-bottom: 0;
font-weight: normal;
}

div.entry-content div.reading p {           /* HAS NO EFFECT FOR SOME REASON! */
  display:inline;
  margin:0;
  padding:0;
}

span.bible {
  font-style: italic;
	/* WHAT WAS BEFORE CHANGE TO ITALIC
	font-weight: bold;
	color: brown;
	*/
}

div.wallpaper {
text-align: center;
margin: 0 auto 1.5em;
width: 400px;
height: 300px;
padding-bottom: 1.5em;
line-height: 1em;
}

div.wallpaper img {
width: 400px;
height: 300px;
/* margin-top: 1em; */
}

div.wallpaper i {
font-style: italic;
font-size: .8em;
         /* the following stuff works; I just took it out */
/* color: black;
background-color: #cccccc;
padding: 3px 3px 3px 6px; */
}

img.scale4 {
width: 400px;
height: 300px;
margin-top: 1em;
margin-bottom: 0;
}

span.chapver {
font-style: italic;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* I added this next section from CIERVO on October 30, 2009
   That's when I started including the BLESSING VERSE in PANTING HART */

.animo {
  font-family: verdana, arial, sans serif;
  width: 150px;
  padding: 10px;
  float: right;
  background-color: #99ff99;
  margin-left: 25px;
  line-height: 1.3em;
  font-size: 16px;
}

.animo h2 {
  margin: -10px;
  padding: 10px;
  background-color: #339933;
  font-size: 22px;
  line-height: 14px;
}

.animo h3 {
  text-align: right;
  margin: -.6em 0 0 0;
  font-weight: normal;
  font-size: 14px;
}

.lectura {
  font-size: 80%;
  margin-top: 1em;
  font-weight: bold;
  background-color: #003300;
  padding: 10px;
  width: 200px;
  color: #339933;
  line-height: 1em;
}

.lectura h3 {
  color: white;
  display: inline;
  margin: 0 0 0 5px;
}

.lectura p:first-child {display:inline; padding:0; margin:0}

/* END OF ADDITION FROM CIERVO */



/*********************************    PH-SEMPRESS MEDIA QUERY STUFF     ********************************/


/* TABLET PORTRAIT SIZE TO STANDARD 960 (DEVICES AND BROWSERS) */
@media only screen and (max-width: 959px) {

  #tertiary {
    position: relative;
  }

}   /* END OF 960 @MEDIA SECTION */


/* MOBILE LANDSCAPE SIZE TO TABLET PORTRAIT (DEVICES AND BROWSERS) */
@media only screen and (max-width: 767px) {

  #search {
    top: 30px;
    width: 40%;
  }

  #site-title {
    padding-top: 0;
    margin-bottom: 0;
  }

  #site-description {
    margin-top: 0;
  }

}   /* END OF 768 @MEDIA SECTION */


/* MOBILE LANDSCAPE SIZE TO TABLET PORTRAIT (DEVICES AND BROWSERS) */
@media only screen and (max-width: 479px) {

  #search {
    position: relative;
    width: 80%;
    margin: 80px auto 0;
  }

  #site-title {
    text-align: center;
    padding-top: 0;
    margin-bottom: 0;
  }

  #site-description {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em;
  }

}   /* END OF 480 @MEDIA SECTION */


/* PRINT */
@media print {

}   /* END OF PRINT @MEDIA SECTION */



/*********************************    NOT NEEDED ANYMORE?   ********************************

#my-search {
  float: right;
  width: 300px;
  margin-top: 30px;
}

	fix text shadows that (I thought) showed up in less than full screen sizes ???
  .entry-title,
  .entry-content,
  .entry-summary,
  .entry-meta,
  footer.entry-meta {
    text-shadow: none;
  }

footer.entry-meta {padding-bottom:0; margin-bottom:-10px}

.entry-meta p:last-child {
  padding-bottom: 0;
  padding-top: 0;
}

.comments-link:active {
  position: relative;
  top: 1px;
}


*********************************    END OF NOT NEEDED ANYMORE?    *************************/