/*
Theme Name:     OnTheWight Reportage Child
Theme URI:      http://OnTheWight.com/
Description:    Child theme for the OnTheWight Reportage theme 
Author:         Simon Perry
Author URI:     http://onthewight.com/author/simon/
Template:       reportage
Version:        1.1
*/

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

/* v 1.0.2 Reduce 'Headline' font size and gap between that and rest of page */
/* v 1.0.2.1 Increase story font from 12-14px and bio into from 10-12px. Highlight readers comments column title - white on orange */
/* v 1.0.2.2 Highlight readers comments column title - white on orange */
/* v 1.0.2.3 news-category on Home page, make links orange */
/* v 1.0.2.4 entry-content ul reduce space between lines */
/* v 1.0.2.5 post img - space around in-story images */
/* v 1.0.2.6 Blockquote within a story */
/* v 1.0.2.7 Remove Gill fonts and resize items accordingly */
/* v 1.0.2.8 Sorting font size of LIsts in a post */
/* v 1.0.2.9 Added .bio-column img to stop black border around graphics in bio column */
/* v 1.0.2.10 Added .notice  */
/* v 1.0.2.11 Increased size line height for .single-post .entry-content li to make less cramped and .menu a  to be a %age, not abs font size */
/* v 1.0.2.12 Changed single-post .entry-content blockquote */
/* v 1.0.2.13 Made .headline p to be -4px instead of 4px for Isle of Arts header graphic */
/* v 1.0.2.14 Fix the MPU of AdRotate to allow full 300px x 250 */
/* v 1.1 Joseph-inspired changes to fix header search box hanging too far right problems */
/* v 1.1.1 Joseph-inspired changes to To increase space between the main column and sidebar + Menu and content */
/* v 1.1.2 Joseph-inspired changes fix 'in-out' of Sections on smaller screens and DocumentCloud embeds having lower section cut off  */
/* v 1.1.3 Change displaying of 'Headline' cat stories across top of site  */
/* v 1.1.4 Apply word-wrap: break-word to main Body */
/* v 1.2.0 Now working on Mobile, thanks to Joseph */
/* v 1.2.1 Removed negative margin from MPU if on mobile, thanks to Joseph */
/* v 1.2.2 Added GoCardless button */
/* v 1.2.3 Removed excessive line spaces between CSS code */
/* v 1.3 Started to use h1 in .category-desc, rather than H2  */

/* Switch font to Gill Sans Book with Verdana backup */
/* SRP 12.Sept.12 - NOT Dropped Gill, not legible */

body {
   font: 12px arial, helvetica, sans-serif;
   word-wrap: break-word;	/* 4.Dec.13. JM suggestion. Fix wrapping of long URLs in comments */
}

.bitter, .featured-category h3, .header-top h3, .logo, .headline h3, .featured-articles h4, .top-news h4, .news-category h4, .single-post .entry-content h1, .single-post .entry-content h2, .single-post .entry-content h3, .single-post .entry-content h4, .single-post .entry-content h5, .single-post .entry-content h6, .single-post .entry-content blockquote, .entry-title, .post-header .entry-meta, .post-header .entry-header, .post-header .entry-excerpt p, .gallery-page .entry-title, .widget_colabs_tabs .box a, .widget_colabs_quote blockquote, .widget_colabs_embedwidget .widget-video-unit h4 {

    font-family: Verdana, Arial, sans-serif;

}

/* Line spacing was too wide at 1.5 */
.entry-content ul {
    line-height: 1.2;
}

/* This for the Massive headline at the top of the pages */
/* Was 55px for launch. Now dropping it to 41px - 2.5 weeks in */
/* SRP 21.Oct.13 - Was 41px now 20px - so not too dominant */
.headline h3 {
    font-size: 20px;
}

.headline {
   border-bottom: 2px solid #FA4;
/* SRP 21.Oct.13 - Juggle margin gaps at top and bottom (was 10) */
   margin-bottom: 3px;
   margin-top: 5px;
   padding-bottom: 1px;
}

.headline .headline-excerpt {
    border-top: 17px;
}

/* Change to link blue */

a {
/*   color: #234B7B;	Change it to make it clearer it's a link */
   color: #455FB3;
}

/* Reduce large gap between lines */
p {
   line-height: 1.3;
}

/* BH: Alter RSS widget */
.widget_rss li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

/* Orange line under the menu options  - SUSPENDED
ul.sf-menu a {
    border-bottom: 2px solid #FA4;
}
*/

/* Change top menu fonts to be a %age not absolute font size - for variable screen sizes */
.menu a {
    font-size: 170%;
}


/* Change from solid to dotted */
.featured-articles li {
    border-bottom: 1px dotted #DDDDDD;
}

/* Change from solid to dotted and make smaller */
.featured-articles {
    border-bottom: 1px solid #DDDDDD;
}

/* Used on front page under headlines - bring it all a little closer */
.featured-articles li p {
    margin: 3px 0 0 0;
    line-height: 16px;
}

/* Text under front page image - bring it all a little closer */
.featured-articles .featured-image p {
    font-size: 100%;
    line-height: 16px;
}

/* Front page headline - top section */
.featured-articles h4 {
    font-family: 'verdana';
    font-size: 140%;
    line-height: 1.2;
}

/* Make the front page story headlines a less bright blue */
.featured-articles h4 a {
    color: #234B7B;
}

/* Main story (with pic) make the font bigger */
.featured-image h4 {
    font-size: 22px;
}

/* 6.Aug.2013 Put on hold on advice from Joseph 
	To increase space beneath the menu and the content below 
.main, #sidebar {
    padding: 1px 0 50px;
}
*/

.featured-articles {
    padding-bottom: 1px;
}

/* Reduce the gap between the top menu and the copy */
#header, .featured-articles {
    margin-bottom: 5px;
}

/* MPU ad on the front page */
.front-page-mpu {
    margin: 0 0 0 0;
}

/* Adjust gap right column and stuff on left */
.widget {
    margin-left: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Tighten up a little */
.top-news {
    padding: 0 0 14px;
}

/* Reduce gap between this heading and the scrolling images */
.top-news h3 {
    margin: 0 0 1px;
    font-size: 1.7em;
}

/* Reduce font size */
.top-news h4 {
    font-size: 12px;
}

/* Remove separating grey lines horz and vert on Front page */
/* */
.news-category .column {
    border-top: 0px solid #DDD;
}

.news-category .alpha {
    border-right: 0px solid #DDD;
}

/* Vert dividing line between main content and right bar */
.main {
    border-right: 0px solid #DDD;
}

.widget::after {
    border-bottom: 0px solid #DDD;
}

/* this horz in top featured section */
.featured-articles li {
    border-bottom: 0px dotted #DDD;
}

/* */
/* This was in Single story display section below, but have brought up, so as to over */
/* write it lower down (specifically when showing category list) */
/* */

/* Reduce line height from 1.7 to 1.2 */
/* SRP 12.Sept.12 Adjust font size after dropping Gill */

.entry-content p {
    line-height: 1.3;
    margin-bottom: 10px;
    font-size: 14px;
}

/* */
/* Categories display */
/* */

/* Front page cats */
/* Bring bottom line up to just below the title */
/* Line up title with image below */
.news-category h3 {
    border-bottom: 2px solid #FFAA44;
    color: #EE8822;
    font-size: 1.7em;
    line-height: 1em;
    text-transform: uppercase;
/*    padding-bottom: 0px;
    padding-top: 2px;	*/
/* Two lines above replaced with the following. As suggested by Joseph 20.Aug.13
   to fix "onthewight story sections alternate 'in and out' when on a smaller screen" */
    padding: 2px 0px 0px 0px;
/*    padding: 13px;	*/
    font-weight: normal;
}

/* Now we've removed archive page title and date, let's bring up line to close the gap */
.navigation, .featured-articles {
    margin-bottom: 0px;
    border-bottom: 2px solid #FA4;
}

/* Bring it tighter to the top */
.news-category ul {
/*    padding: 5px 15px 0 15px;	*/
/* Line above replaced with the following. As suggested by Joseph 20.Aug.13
   to fix "onthewight story sections alternate 'in and out' when on a smaller screen" */
    padding: 5px 20px 0 0;
}

/* Bring lines closer to each other - reduce bottom margin */
.news-category li {
    margin: 0 0 7px;
}

/* Shrink the headline by the picture a little */
.news-category li:first-child h4 {
    font-size: 15px;
    line-height: 1.2;
}

/* Reduce the gap between the lines */
.news-category li a {
    line-height: 1.2;
}

/* Reduce font size */
.news-category h4 {
    font-size: 12px;
}

/* SRP: 19.Sep.12 Now cats are now a link, need to make them the same orange as before */
.news-category h3 a {
    color: #E82;
}

/* Our description of a category */
.category-desc {
/* SRP Under Gill, this was 17px. Dropping to 15px */
    font-size: 15px;
    margin-right: 60px;
    border-bottom: 1px solid #FA4;
}

.category-desc h1 {
/* Switching to use H1 instead of H2 in descriptions */
    font-family: verdana, helvetica, sans-serif;
/* Getting rid of bolding. Replacing with larger font */
    font-size: 22px;
    font-weight: normal;
}

.category-desc h2 {
/* SRP Under Gill, this was 17px. Dropping to 15px */
    font-family: verdana, helvetica, sans-serif;
/* Getting rid of bolding. Replacing with larger font */
    font-size: 22px;
    font-weight: normal;
}

/* Category story headline */
.entry-title {
    font-size: 17px;
    line-height: 1.2;
    margin: 9px 15px 1px 0;
}

/* Bring in the right margin on the right, make excerpt copy more readable */
.entry-content {
    padding-right: 73px;
}

/* Reduce gap at top and bottom */
.archive .post img, .search .post img {
    float: left;
    margin: 3px 10px 5px 0;
}

/* Removed separating line after first results */
.archive .post.top, .search .post.top {
    border-bottom: none;
}

/* Increase size of excerpt text to the right of image */
.archive .post p, .search .post p {
/* SRP Was 15pc under Gill, drop to 13px */
    font-size: 13px;
}



/* smaller font for the date, author and comment numbers */
.entry-content .supplemental-info p {
/* SRP Was 13pc under Gill, drop to 11px */
    font-size: 11px;
/*    margin-bottom: 3px;	*/
}

.entry-content .supplemental-info {
    margin: 8px;
}

/* Diff section */
/* Make the line at the bottom of the page thinner, to match the rest of the site */
.news-category {
    border-bottom: 1px solid #DDD;
}

/* Diff section */
/* Keep text titles away from edges (after we added background colour to widget) */
.widget-title {
    padding-top: 3px;
    margin: 0 0 3px;
}

/* Reduce size of font */
/* Keep widget list items closer together */
.widget li {
/*    border-bottom: 1px dotted #DDDDDD; */
    font-size: small;
    margin-bottom: 2px;
}

/* */
/* Right hand column on front page */
/* */

/* Enlarge the newsletter subscribe button */
input[type="submit"] {
    padding: 10px;
}

/* bring everything up higher - was 30px. Tighten up on the left too */
.widget {
    margin-bottom: 1px;
    padding-bottom: 5px;
    margin-left: 1px;
}

/* Reader's comment tabbed box */
/* Move text slightly out to the right */
.pop-layout-v div.pop-inside ul li {
    padding: 3px 0px 0 5px;
}

/* Reduce space used in Recent Comments widget */
div.pop-inside {
    border: 1px solid #DDD;
}

/* Reduce space used in Recent Comments widget */
div.pop-inside ul {
    margin-bottom: 1px;
}

/* Comment display plugin	*/
/* Stop commentor's name being bold */
div.pop-inside ul li .pop-title {
    font-weight: normal;
    font-family: 'verdana';
}

/* Differentiate text by putting it in italics */
.quotescollection_randomquote q {
    font-style: italic;
}

/* Reduce the top and bottom gaps between events */
.widget_rss li {
    margin-bottom: 5px;
    padding-bottom: 3px;
}

/* Reduce space between Latest / Popular and first image */
.widget_colabs_tabs .box {
    padding: 5px 9px 1px;
}

/* Latest / Popular widget reduce space between lines */
.widget_colabs_tabs .box li {
    margin: 0 0 5px;
}

/* Tighten up gap between the Popular items in widget */
#tab-pop li {
    margin: 0 0 7px 30px;
}

/* Sort numbers out by moving them down a bit. To become more central */
#tab-pop .number {
    top: 0px;
}

/* */
/* New section */
/* */

/* Reduce size of corners on Latest story widget images */
.widget_colabs_tabs .box .image-wrap {
  float: left;
  margin: 0 10px 0 0;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

/* Publishing info (articles/comment numbers) in header */
.logo.publishinghistory {
    border-left: 1px solid #666666;
}

/* Single story headline */
.post-header .entry-header {
	clear: both;
	border-top: none;
	font-size: 28px;
	padding-top: 0px;
    	margin: 1px 70px -1px 0;
    	line-height: 1.1;
}

/* Line after headline/excerpt/jump to comment block. */
.post-header {
    border-bottom: 1px solid #DDD;
}

/* line under navigation or menu */
/* Reduce the gap between the top menu and the copy */
.navigation, .featured-articles {
    margin-bottom: 0px;
}

/* */
/* Header section */
/* */

/* In header, put to the right hand side */
/* SRP 2.Aug.13: Cut our - width: 65%; - on Joseph's recommendation */
.headerrightsideblock {
    float: right;
    margin: 11px 0 0 0;
}

.headersocialicons {
    text-align: right;
}

/* SRP 2.Aug.13: Change .searchform on Joseph's recommendation */
/* Was previously
.searchform {
    width: 80%;
    margin: 5px 0 0 100px;
}
*/

/* SRP 2.Aug.13: New .searchform as per Joseph's recommendation */
.searchform { 
    float: none; 
	margin: 5px 0 0; 
	width: 100%; 
	text-align: right; 
}

.widget_colabs_search {
    width: 80%;
    margin: 5px 0 0 100px;
/*  float: right; */
}

/* SRP 2.Aug.13: Alterations on Joseph's recommendation. This the previous version
.searchform input[type="text"], .widget_colabs_search input[type="text"] {
    width: 71%;
    margin: 0 0 0 143px;
    background: white url(i/icon-search.png) no-repeat 98% center;
}
*/

/* SRP 2.Aug.13: This is the new version based on Joseph's recommendation */
.searchform input[type="text"], .widget_colabs_search input[type="text"] {
    max-width: 361px;
	margin-right: 5px;
    background: white url(i/icon-search.png) no-repeat 98% center;
}

/* These bits previously cut from below */
/*    width: 30%;	*/
/*    float: right;	*/

/* SRP 2.Aug.13: Changed margin: 47px 3px 10px 0; to margin: 8px 3px 10px 0;
- on Joseph's recommendation */
.headerinfoblock {
    text-align: right;
    margin: 8px 3px 10px 0;
    color: #fff;
}

/* Bring the site logo down a little from the top of the page. Need -10px on bot to stop large block of orange at bottom */
#header .logo img {
    margin: 10px 0 -10px 0;
}

/* BH: Override rounded corners on images */
.widget_colabs_tabs .box .image-wrap {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
}

/* BH: clear float below two column article */
.post .entry-info {
	clear: left;
}

/* BH: Prevent contradictory CSS on divs inside entry-content */
.entry-content .column {
	margin-left: 3.091%;
}

/* 8.Aug.13 - Joseph - added .post-header + .main */
.column:first-child, .column .alpha, .column.one-third, .column.col12, .post-header + .main {
	margin-left: 0;
}


/* */
/* Single story display */
/* */

.featured-image img {
    margin: 3px 0 0 0;
}

/* Excerpt text smaller */
.post-header .entry-excerpt p {
    font-size: 14px;
    margin: 4px 99px 3px 0;    
}

.post-header .jump-to-comments p {
    margin: 0 0 2px 0;
}

/* date and author line. Font larger alter margin spacing */
.post-header .entry-meta {
    margin: 11px 0 5px;
}

/* ? Question mark on if this is needed any more -->
.entry-content .column .bio-details {
    font-size: 12px;
}

/* Right-hand column in single story, showing author bio details */
.bio-column {
    margin: 0 10%;
}

/* SRP 12.Sept.12 Adjust font size down after dropping Gill */
.bio-column p {
    font-size: 12px;
}

.sharethis-buttons p {
    margin: 0;
}

/* Comments section on single */
#comments .comment-header {
    width: 20.273%;
}

/* Tighten up comment section */
.comment-entry p {
    margin-top: 0px;
    margin-bottom: 1em;
    font-size: 14px;
}

/* Bring it closer to the top line * removed separating line */
.comment-entry {
    margin-bottom: 7px;
    border-bottom: none;
}

/* Create a gap between commentors name and comment. Also make it Verdana to match house style */
.comment-entry .comment-author {
    margin-bottom: 6px;
    font-family: 'verdana';
    font-size: 13px;
    font-style: italic;
}

/* Get rid of black box around vote up / down graphics */
.comment-entry .comment-author a img {
    background: none;
    border: none;
}

/* Reduce the size of the date */
.comment-entry .comment-meta {
    font-size: 9px;
    float: none;
}

/* Drop the color down */
.comment-meta a {
    color: grey;
}

/* Remove diving line between comments */
.comment-entry::after {
    border-bottom: none;
}

/* Stop 'Reply' link being orange backed */
.comment-entry .comment-reply-link {
    color: grey;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 2px;
    padding: 0px 10px 10px 0px;
    background: none;		
}

/* Make comment author's name larger */
.comment-author-larger {
    font-size: 14px;
}

/* Use this minus fudge to bring up the Reply button up to be parallel to Report this */
.report-comment-link p {
    margin-bottom: -14px;
}

/* Using this div instead of inline styling in plugin options */
.comment-report {
    font-size: 12px;
    text-align:right;
}

/* */
/* General stuff */
/* */

/* SC: realign border line */

.widget:after {
    left: 0;
}

/* Stretch colour or image across header */
#header-wrap {
    background-color: #f3860f
}

/* SC */
#header {
    margin: 0 auto;
    border: 0;
}

.container {
    padding: 0;
}

/* Hold this on SC advice
#header .logo {
    display: block;
    text-indent: -9999px;
    width: 240px;
    height: 88px;
    background: url('/wp-content/i/otw-header-logo.png') no-repeat 0 0;
    margin: 12px 0 0 0;
}
*/

/* SRP: For the Sponsored features scroll bar on Home page - make it orange */
.otw-sponsored {
    background-color: #f3860f;
    padding: 4px 0 0 4px;
    margin: 0 -4px 0;
}

.otw-sponsored a {
    color: #fff;
}

.otw-sponsored h4 {
    padding: 0 0 4px 0;
}

.report-a-comment {
    align: right;
}

/* */
/* Site footer */
/* */

#footer {
    padding: 15px 15px 5px 15px;
    font-family: 'verdana';
    font-size: 12px;
}

#footer ul {
    margin-bottom: 10px;
    border-right: 1px solid #424242;
}

#footer li {
    line-height: 1.0;
    margin-bottom: 4px;
    font-family: 'Verdana';
    font-weight: normal;
}

#footer a {
    font-weight: normal;
}

#footer p {
    line-height: 1.0;
    margin-bottom: 3px;
}

#footer input[type="submit"] {
    padding: 1px;
}

.copyright a {
    color: #666;
}

.copyright a:hover {
    text-decoration: underline;
    color: #999;
}

.bottom-of-footer {
    border-top: 1px solid #424242;
    padding-top: 4px;
}

.bottom-of-footer a {
    color: #666;
}

.bottom-of-footer a:hover {
    text-decoration: underline;
    color: #999;
}

/* */
/* Page content */
/* */

/* This made Pages look terrible!
.page .entry-content p {
    font-size: 16px;
}
*/

/* */
/* Latest additions */
/* */

/* SRP: For the Bestival top five Horz scroll bar on Home page - make it Bestival green */

.bestival-top-five {
    background-color: #00995F;
    padding: 4px 0 0 4px;
    margin: 0 -4px 0;
}

.bestival-top-five a {
    color: #fff;
}

.bestival-top-five h4 {
    padding: 0 0 4px 0;
}

/* Box title */
.bestival-top-five h3 {
    color: #FCCE17;
}

/* */
/* SRP: Change the way WP photos with captions area displayed */
/*      Remove grey bars on sides  */
/* */

/* */
.wp-caption .wp-caption-text, .gallery-caption {
    font-family: arial, verdana;
    font-size: 11px;
}

.wp-caption {
    padding: 9px;
}

.entry-content blockquote {
    font-size: 14px;
}

/* Stop columns left aligning in table - numbers in XL sheets were being forced left */
td {
    text-align: none;
}

/* Reduce space between 'Headline' at top and rest of the front page */
.headline p {
    margin-bottom: -4px;
}

/* Highlight readers comments column title */
#recentcomments h4 {
    color: white;
    background-color: #F3860F;
    padding-left: 2px;
}

/* Give a gap between the images in a story and the text*/
.post img {
    margin: 0px 5px 0px 4px;
	border: none;
	background: transparent;
	padding: 0px;
}
.post img[class*="wp-image-"],
.post img.wp-post-image {
	border: 1px solid #000000;
}

/* Blockquote within a story. Thinner left bar & right font size */

.single-post .entry-content blockquote {
    margin: 20px 0 20px 20px;
    padding: 10px 10px 1px;
    font-style: normal;
    background-color: #f6f6f6;
    border-left: 4px solid #ccc;
    color: #555555;
}
.single-post .entry-content blockquote p {
    font-size: 13px;
}

.single-post .entry-content li, .page .entry-content li {
	font-size: 90%;
	line-height: 129%;
}

/* Stop the black / grey border around graphics in the column to the right of the story */
.bio-column img {
	background: none;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	border: 0px;
}

/* Brought over from VentnorBlog. Used to highlight in a story with box around it */
.notice 
{
	background:#F9F9FC none repeat scroll 0%;
	border:1px dashed #F46523;
	color:black;
	font-size:80%;
	text-align:center;
	line-height:15px;
	margin:0px 0px 0px 0px;
	padding:4px 0 4px;
}

.notice li {
	list-style-type: none;
}

/* Fix the MPU of AdRotate to allow full 300px x 250 */
#b-9, #b-12 {
    	margin: 0 -10px;
    	overflow: visible;
}
#b-9 .block_inner, #b-12 .block_inner {
	float: none;
}

/* 6.Aug.2013 Joseph-inspired 
	To increase space between the main column and sidebar
	*/
.main, #sidebar {
	padding: 15px 0 50px 0;
	margin-left: 3.091%;
}

/* 20.Aug.2013 Joseph-inspired 
	To fix DocumentCloud embeds that had their lower section cut off them
	*/
.DV-container div {
    margin: 0;
}

/* More Joseph Magic - for mobile version */
@media only screen and (max-width: 767px) {

	.post-header .entry-header,
	.post-header .entry-excerpt p {
		margin-right: 0px;
	}
	.main,
	#sidebar {
		margin-left: 0px;	
	}
	.widget {
		padding-left: 0px;
		padding-right: 0px;
	}
	#header,
	#content {
		padding-left: 2%;
		padding-right: 2%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#b-9, 
	#b-12 { 
		margin: 0px; 
	}
}

/* The button for GoCardless */
a.obrgocardlesslink {
	border: 4px solid #f26522;
	padding: 10px;
	text-decoration: none;
	background-color: #f26522;
	font-size: large;
	color: #fff;
	margin-top: 50px;
}

/* Using text widgets for tcb */
.widget {
    padding-left: 2px;
    padding-right: 2px;
}

/* Adjustment after turning off Comment vote */
.comment-entry .author-name {
    font-weight: normal;
}