/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body { font-family:Georgia, Constantina,'Nimbus Roman No9 L',serif; font-size: 1.2em; line-spacing: 1.45em; }

#zone-branding { text-align: center; }
#region-branding { text-align: center; }

.submitted.author { margin-bottom: 15px; font-family: LatoRegular, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0em; color: rgb(102,102,102); }

.submitted.date  { margin-top: 15px; font-family: LatoRegular, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.05em; color: rgb(102,102,102); font-size: 0.8em; text-transform: uppercase; }
.date-caption { font-weight: bold; }

#comments { font-size: 0.8em; }
.comment-submitted  { margin-bottom: 5px; font-family: LatoRegular, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.05em; color: rgb(102,102,102); font-size: 0.8em; text-transform: uppercase; }
.comment-submitted .username { font-weight: bold; }
.comment-by-node-author { background: #F3F3F3; padding: 5px 30px 15px 30px;  }


.logo-img { float: none; margin: auto; border-bottom: 1px solid lightgray; margin-bottom: 15px; }

h1,h2,h3,h4,h5,h6,h2.node-title a { font-family: LatoRegular, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0em; color: rgb(102,102,102); }

h2.node-title { font-size: 36px; }
h2.node-title a:link { text-decoration: none; border: none; }

h2 { font-size: 24px; }
h3 { font-size: 21px; }

h2,h3,h4,h5,h6 { margin-top: 20px; }
h1,h2,h3,h4,h5,h6, p { margin-bottom: 10px; }
.node h2.node-title { margin-top: 0px; }


#zone-menu { text-align: center; padding-top: 15px; padding-bottom: 15px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
background: rgba(0, 0, 0, 0.3);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)";

	   }

/* #region-sidebar-second #block-system-main-menu { font: 13pt/18pt LatoRegular, Helvetica, sans-serif; } */

#region-sidebar-second h2 { font-weight: bold; }

#region-sidebar-second li a { text-decoration: none; }
#region-sidebar-second li a.active, #region-sidebar-second li a.active:hover { color: #dfff8e; padding: 1em; }
#region-sidebar-second li a:hover { color: rgb(0, 98, 160); text-decoration: underline; }

#region-sidebar-second ul li, #region-sidebar-second ul li.leaf { list-style-type: none; list-style-image: none; padding-bottom: 0.5em; }
#region-sidebar-second { font-family: LatoRegular, Helvetica, sans-serif; font-size: .8em; }
#region-sidebar-second ul.menu li, #region-sidebar-second ul.menu li a.active { margin-left: 0px; padding: 0em; }
#region-sidebar-second ul.menu li a.active { color: black; font-weight: bold; }
#region-sidebar-second ul.menu li { text-indent: -1.5em; margin-left: 1.5em; }

ul.menu li { line-height: 1.3em; }

ul.menu li.leaf.formerly-keepwhatyoulearn-com { margin-top: 15px; margin-bottom: 15px; }


#block-boxes-remem-sidebar-links { margin-top: 15px; }

/* Table of Contents */
body.context-toc h2, body.context-toc h3, body.context-toc h4, body.context-toc h5, body.context-toc h6 { margin-bottom: 2px; font-weight: normal; font-family: LatoRegular, Helvetica, sans-serif; }
body.context-toc h3 { font-family: LatoBlack, Helvetica, sans-serif; margin-top: 1em; }
body.context-toc h4 { padding-left: 1.5em; }
body.context-toc h5 { padding-left: 3em; font-style: italic; }
body.context-toc h6 { padding-left: 4.5em; }


/* body { background: url('../images/xmas-blue-texture-seamless.png') repeat darkblue; }
#zone-content { background: url('../images/xmas-white-texture-seamless.png') repeat darkblue; } */

/* #region-sidebar-first .buy-now, #region-sidebar-first .download { padding-left: 10%; padding-right: 10%; font-family: LatoRegular; } */


/* Inspired by zh */
blockquote{ border-left:2px solid #A5ABAB; margin: 30px 10px; padding:0 12px 0 12px; color: #666;  !important;}

/* Links */
a:link {color: #333; text-decoration: none; border-width: 0 0 0 0; border-style: none;}
a:visited {color: #96659e; text-decoration: none; border:0; border-width: 0 0 0 0; border-style: none;}
a:hover {color: #999; text-decoration: none; border:0; border-width: 0 0 0 0; border-style: none;}

#region-sidebar-second a:link, #block-views-verse-daily-block a:visited, #block-views-verse-daily-block a:link, #boxes-box-remem_sidebar a:link, .see-all a:visited, .see-all a:link, .node a:link {color: #303030; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0;}
#region-sidebar-second a:visited, #boxes-box-remem_sidebar a:visited, .node a:visited {color: purple; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0;}
#region-sidebar-second a:hover #block-views-verse-daily-block a:hover, #boxes-box-remem_sidebar a:hover, .see-all a:hover, .node a:hover {color: orange; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #C0C0C0; text-decoration: none;}

h2.node-title a:visited { color: #333; }

/*
.node ul{padding: .5em 0em 1em 3.2em; font: 20px Hoefler Text, Georgia, bodyfont, serif;}
.node li{line-height: 29px; padding: 4px 0 0 0;}
.node ol{padding: .5em 0em 0em 3.2em; font: 20px Hoefler Text, Georgia, bodyfont, serif;;}
.node li{line-height: 29px; padding: 4px 0 0 0;}
*/

/* Archive */
.view-archive-titles .view-grouping-header,
.view-archive-titles .view-grouping-content caption { font-family: LatoBlack, Helvetica, sans-serif; }
.view-grouping-content caption { text-align: left; }
.view-archive-titles thead { visibility: hidden; display: none; height: 0pt; }
.view-archive-titles .views-field-created-2 { font-weight: bold; }
.view-archive-titles td.views-field-created-2 { width: 15px; }
.view-archive-titles tr, .view-archive-titles tr.even td, .view-archive-titles tr.odd td { background: none; background-color: none; border: none; }
.view-archive-titles .view-content { font-size: 0.9em; }
.view-archive-titles table { border: none; }

div.tabs { visibility: hidden; display: none; height: 0pt; }

/* Taxonomy overrides. */
.field-type-taxonomy-term-reference .field-label { visibility: hidden; display: none; height: 0pt; }
.field-type-taxonomy-term-reference .field-item { float: left; margin-right: 1em; font-size: 0.8em; font-family: LatoRegular, Helvetica, sans-serif; }
.field-type-taxonomy-term-reference .field-item a:link { color: #777; }
.field-type-taxonomy-term-reference { padding-bottom: 30px; }


.views-row h2.node-title, .view-taxonomy-term h2.node-title { font-size: 18pt; margin-top: 15pt; border-width: 1px 0 0 0; border-style: solid none none none; border-color: #C0C0C0; }
.view-taxonomy-term .submitted.author { visibility: hidden; display: none; height: 0pt; }
.view-taxonomy-term .field-type-taxonomy-term-reference { visibility: hidden; display: none; height: 0pt; }
.views-row .submitted.date { margin-top: 0px; }

.view-content .views-row h2.node-title { font-size: 24pt; }

/* Footer */
.see-all a:link { margin-top: 20px; margin-bottom: 20px; display: block; font-size: 2em; color: #999; font-weight: bold; }

#zone-footer h2.block-title { font-size: 24px; }

code { font-family:'Courier New',Courier,'Nimbus Mono L',monospace; padding: 0pt 0.25em; }

.left { display: block; margin: 0 auto; }

.left a { border: none; }

#boxes-box-remem_sidebar { line-height: 1.3em; }

a.buy-now { text-indent: -9999px; display: block; width: 200px; height: 50px; background: url("../images/buy-amazon.png") center no-repeat; }

.node .summary { font-size: 1.3em; }

/* Mobile only */
body.responsive-layout-mobile h1#page-title { font-size: 16pt; }
body.responsive-layout-mobile h2.node-title { font-size: 14pt; }
body.responsive-layout-mobile { font-size: 1em; line-spacing: 1.3em; }
body.responsive-layout-mobile p.see-all { font-size: 18pt; }

/* Hide footer menu on mobile devices */
body.responsive-layout-mobile #region-footer-second { visibility: hidden; display: none; height: 0pt; }

#block-views-verse-daily-block { background: #f0f0f0; border: 1px solid darkgray; padding: 30px; }
#block-views-verse-daily-block .views-field-body { font-size: 1.1em; float: left; padding-right: 20px; }
#block-views-verse-daily-block .view-footer { font-size: 0.9em; font-style: italic; }

/* Sidebar: Main menu */
#region-sidebar-second #block-system-main-menu { margin-bottom: 20px; }


/* Podcast listing */
.view-podcast .views-field-title { font-weight: bold; font-size: 1.3em; }
.view-podcast .views-field-created { font-style: italic; }
.view-podcast .views-field-created,
  .view-podcast .views-field-field-podcast-link,
  .view-podcast .views-field-body { padding-left: 20px; }
.view-podcast #region-sidebar-second a:hover { text-decoration: underline; }

/* Recent podcast block */
#region-sidebar-second #block-views-podcast-block-1 .views-field-title { font-weight: bold; font-size: 1.3em; }

.views-field-field-podcast-link { background: url("../images/audio.png") left no-repeat; }
