/*
Theme Name: Unreal 2014
Theme URI: http://www.thulasidas.com
Author: Manoj Thulasidas (based on Awesone 2014 by Josh Pollock / Chris Knowles)
Author URI: http://www.thulasidas.com
Description: A TwentyFourteen Child Theme specifically for Unreal Blog
Template: twentyfourteen
Version: 1.0
License: GPL v2+
*/

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

/* Theme customization starts here */

.site {
  margin: 0 auto;
}

/* Make room for the search toggle and site description in mobile sidebar */
#slideout-top {
  height:48px;
}

#slideout-top .site-description {
  display: block;
  text-align: left;
  font-family: lato;
  width: 205px;
  overflow: hidden;
}

#slideout-top .search-toggle {
  margin-right: 0;
}

/* Override Sidr Style For 2014 Search */
#slideout-top .search-box .search-field  {
  background-color: white;
  color: black;
}

/* Keep mobile toggle on the right and resize the genricon */
#menu-toggle {
  float: right;
  display: inline;
}

#menu-toggle .genericon {
  font-size: 48px;
  padding: 0 1em 0 0;
  z-index: 999;
}

/* enhancing the topbar */
#big-top {
  display: block; }

#masthead {
  height: 88px;
  position: fixed;
  top: 0;
}

.header-main {
  display: inline;
}

.site-title{
  margin: 0 0 0 20px;
}

nav#primary-navigation {
  width: 100%;
  display: block;
  top: 40px;
  left: 0px;
  position: absolute;
  padding-left: 30px;
}

.topbar-description {
  color: #fff;
  display: inline;
  font-weight: bold;
  font-size: 100%;
  /* text-transform: lowercase; */
  line-height: 50px;
  vertical-align: baseline;
  margin-left: 20px;
  font-style: italic;
}

/**Adjustments for the desktop topbar when screen is small**/
@media screen and (max-width: 768px) {
  .search-toggle {
    position: absolute;
    top: -8px;
    right: 0px;
  }
  #masthead {
    height: 80px;
  }
  .topbar-menu {
    display: block;
    background-color: black;
  }
  .primary-navigation.toggled-on {
    display: block;
    padding: 48px 0 0 0px;
    background-color: black;
  }
  .nav-toggled {
    padding-top: 48px !important;
    padding-left: 0px !important;
  }
  h2.topbar-description {
    display:none;
  }
}

/* Custom Contrast Color */
.site:before,
#secondary,
.site-header,
.site-footer,
.menu-toggle,
.featured-content,
.featured-content .entry-header,
.slider-direction-nav a,
.ie8 .featured-content,
.ie8 .site:before {
  background-color: #100e33;
}

.grid .featured-content .entry-header,
.ie8 .grid .featured-content .entry-header {
  border-color: #100e33;
}

.slider-control-paging a:before {
  background-color: rgba(255,255,255,.33);
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
  background: #100e33;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
  background: #100e33;
}

.paging-navigation,
.content-sidebar .widget .widget-title {
  border-top-color: #100e33;
}

.content-sidebar .widget .widget-title,
.content-sidebar .widget .widget-title a,
.paging-navigation,
.paging-navigation a:hover,
.paging-navigation a {
  color: #100e33;
}

/* Override the site title color option with an over-qualified selector, as the option is hidden. */
h1.site-title a {
  color: #fff;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
  background-color: #545277;
}
/* Custom accent color. */
button,
.button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle,
.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before,
.slider-direction-nav a:hover,
.ie8 .primary-navigation ul ul,
.ie8 .secondary-navigation ul ul,
.ie8 .primary-navigation li:hover > a,
.ie8 .primary-navigation li.focus > a,
.ie8 .secondary-navigation li:hover > a,
.ie8 .secondary-navigation li.focus > a {
  background-color: #b4e4fa;
}

.site-navigation a:hover {
  color: #b4e4fa;
}

::-moz-selection {
  background: #b4e4fa;
}

::selection {
  background: #b4e4fa;
}

.paging-navigation .page-numbers.current {
  border-color: #b4e4fa;
}

@media screen and (min-width: 782px) {
  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a,
  .primary-navigation ul ul {
    background-color: #b4e4fa;
  }
}

@media screen and (min-width: 1008px) {
  .secondary-navigation li:hover > a,
  .secondary-navigation li.focus > a,
  .secondary-navigation ul ul {
    background-color: #b4e4fa;
  }
}

.contributor-posts-link,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.search-toggle:before,
.mejs-overlay:hover .mejs-overlay-button,
.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"],
.widget_calendar tbody a,
.widget_calendar tbody a:hover,
.site-footer .widget_calendar tbody a,
.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"],
button:hover,
button:focus,
.button:hover,
.button:focus,
.widget a.button:hover,
.widget a.button:focus,
.widget a.button:active,
.content-sidebar .widget a.button,
.content-sidebar .widget a.button:hover,
.content-sidebar .widget a.button:focus,
.content-sidebar .widget a.button:active,
.contributor-posts-link:hover,
.contributor-posts-link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.slider-direction-nav a:hover:before,
.ie8 .primary-navigation li:hover > a,
.ie8 .primary-navigation li.focus > a,
.ie8 .secondary-navigation li:hover > a,
.ie8 .secondary-navigation li.focus > a {
  color: #2b2b2b;
}

@media screen and (min-width: 782px) {
  .primary-navigation ul ul a,
  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a,
  .primary-navigation ul ul {
    color: #2b2b2b;
  }
}

@media screen and (min-width: 1008px) {
  .secondary-navigation ul ul a,
  .secondary-navigation li:hover > a,
  .secondary-navigation li.focus > a,
  .secondary-navigation ul ul {
    color: #2b2b2b;
  }
}

::selection {
  color: #2b2b2b;
}

::-moz-selection {
  color: #2b2b2b;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: #2b2b2b;
}


/* Generated variants of custom accent color. */
a,
.content-sidebar .widget a {
  color: #b35d00;
}

.contributor-posts-link:hover,
.button:hover,
.button:focus,
.slider-control-paging a:hover:before,
.search-toggle:hover,
.search-toggle.active,
.search-box,
.widget_calendar tbody a:hover,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.widget button:hover,
.widget .button:hover,
.widget button:focus,
.widget .button:focus,
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus,
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus,
.ie8 .primary-navigation ul ul a:hover,
.ie8 .primary-navigation ul ul li.focus > a,
.ie8 .secondary-navigation ul ul a:hover,
.ie8 .secondary-navigation ul ul li.focus > a {
  background-color: #f39d1d;
}

.featured-content a:hover,
.featured-content .entry-title a:hover,
.widget a:hover,
.widget-title a:hover,
.widget_twentyfourteen_ephemera .entry-meta a:hover,
.hentry .mejs-controls .mejs-button button:hover,
.site-info a:hover,
.featured-content a:hover {
  color: #f39d1d;
}

a:active,
a:hover,
.entry-title a:hover,
.entry-meta a:hover,
.cat-links a:hover,
.entry-content .edit-link a:hover,
.post-navigation a:hover,
.image-navigation a:hover,
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover,
.comment-reply-title small a:hover,
.content-sidebar .widget a:hover,
.content-sidebar .widget .widget-title a:hover,
.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
  color: #d07a1d;
}

.page-links a:hover,
.paging-navigation a:hover {
  border-color: #d07a1d;
}

.entry-meta .tag-links a:hover:before {
  border-right-color: #d07a1d;
}

.page-links a:hover,
.entry-meta .tag-links a:hover {
  background-color: #d07a1d;
}

@media screen and (min-width: 782px) {
  .primary-navigation ul ul a:hover,
  .primary-navigation ul ul li.focus > a {
    background-color: #f39d1d;
  }
}

@media screen and (min-width: 1008px) {
  .secondary-navigation ul ul a:hover,
  .secondary-navigation ul ul li.focus > a {
    background-color: #f39d1d;
  }
}

button:active,
.button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active,
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
  background-color: #ffb131;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
  color: #ffb131;
}

/* Manoj begins */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
  margin: 0 auto;
  max-width: 674px;
}

.JPV_list {
  border-bottom: thin dotted grey;
}

div.JPV_views {
  text-align:right;
}

.JPV_thumbnail_img {
  vertical-align:middle;
}
.JPV_list {
  overflow: hidden;
}

.JPV_thumbnail {
  width: 45%;
}

.JPV_thumbnail > .JPV_thumbnail_img {
  max-width: 125px;
  height: auto;
}

.JPV_thumbnail + .JPV_text {
  width: 45%;
  padding-bottom: 10px;
  text-align: center;
  margin-top: -5px;
}

.JPV_thumbnail_title {
  float: left;
  width: 21.276596%;
}

.JPV_thumbnail_title > .JPV_thumbnail_img {
  max-width: 40px;
  height: auto;
}

.JPV_thumbnail_title + .JPV_text {
  float: right;
  width: 73.404255%;
  padding-bottom: 10px;
}

.search-box-wrapper {
  max-width: 580px;
}

#serial-posts-wrapper {
  background-color: #ffffdd;
  width: 400px;
  padding: 0;
  padding-left: 15px;
  padding-right: 5px;
  border: 1px solid;
  margin: 10px;
  float: left;
}
#serial-posts-rightcolumn {
  width: 180px;
  padding: 5px;
  padding-bottom: 5px;
  border: 0;
  margin: 5px;
  float: right;
  vertical-align: middle;
}

.rtextbox{color:#555555; font-family:Arial; background: #EEEEDD; text-align:justify;}
.rtextboxinside {margin-left: 8px; margin-right: 8px; margin-top: 3px; margin-bottom:3px}
.rtop, .rbottom{display:block; background: #FFF}
.rtop span, .rbottom span {display: block; height: 1px; overflow: hidden; background: #EEEEEE}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
span.rtop span.r4, span.rbottom span.r4{margin: 0 1px; height: 2px}

.serial-posts-list-item {
  padding: 1px;
  margin: 1px;
}

.featured-content .entry-header {
  max-height: 95px;
}

.site-header {
  max-height: 88px;
}
@media screen and (max-height: 700px) {
  #site-header {
    top: 0px;
    max-height: 0px;
    overflow: hidden;
  }
  #big-top {
    display: block;
  }
  #masthead {
    margin-top: 0px;
  }
  #main{
    margin-top: 88px;
  }
}
@media screen and (min-height: 701px) {
  #site-header {
    top:48px;
    max-height: 240px;
    overflow: hidden;
  }
  #big-top {
    display: none;
  }
  #masthead {
    margin-top: -40px;
  }
  #main{
    margin-top: 48px;
  }
}

.wp-post-image {
  max-height: 250px;
  max-width: 100%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}