/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*
Changes to other files:

23/01/15: Added  to the end of content.php and content-comics.php, so the "Comments" link leads to the Disqus area

==================
25/12/17: In displaypost.php (under Functions):
Edited comicpress_display_post_calendar() to show year in post title
==================
*/


#page {
	width: 100%;
	max-width: none;
}

textarea:focus {
	outline: none;
	box-shadow: 0 0 0 1px #ded6cd;
}



/* ACTUAL COMIC STRIP */
#comic img {
	display: block;
	margin: 0 auto;
}


/* Comics Navigation */
table#comic-nav-wrapper {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	width: 100%;
	display: table;
	height: 100%;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}


td.comic-nav {
	display: table-cell;
	width: 20%;
}



/* Sidebar */
#sidebar-right {
	width: 224px;
	padding: 0;
}


/* 06/03/15 Aviv: Static homepage with 2 columns, showing the recent posts in the podcast and the textual posts
The Page Template is ut4p_main.php, and the page is defined through the Customize option */
.home_post {
	float: left;
	width: 48%;
	margin-right: 15px;
}

.home_post h4 {
	margin-bottom: 10px;
	color: #3e362f;
}

/* 17/05/2016 Aviv: Removing the unnecessary "Sharing" title for sharedaddy plugin */
div.sharedaddy {
	margin-top: 10px;
}

div.sharedaddy h3.sd-title {
	display: none;
}




/*02/05/2017 Aviv: fixing the look of blockquote for the crunchy "on this page" bit */

blockquote {
   margin: 0px;
   border: 1px dashed #ded6cd;
   padding: 0px 12px;
   font-size: 12px;
   font-weight: 400;
}

blockquote p:first-letter {
   float: none;
   font-size: 16px;
   font-weight: 700;
   margin: 0px 0px 0;
}

blockquote p:first-line {
   font-variant: none;
}

/*8/6/18 Aviv: putting the date CSS styles here for now because I DO NOT UNDERSTAND which css file takes effect on the page */
.post-calendar-date .calendar-date span.day {
	color: #000;
	font-weight: bold;
	font-size:14px;
}

/*31/07/17 Aviv: Buy Print link in Lightbox */
#lightbox a {
	font-size: 1.4em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

ul.FotomotoBar {
	width: 100%;
	margin-bottom:10px;
}

ul.FotomotoBar li, ul.FotomotoBar li.FotomotoPrintButton {
	float: none;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #d4fac8;
	padding: 10px 25px 8px;
  border-radius: 5px;
}

ul.FotomotoBar li.FotomotoSeparator {
	display: none;
}

/* Hiding the first time the Fotomoto shoves itself under the image */
#outerImageContainer .FotomotoToolbarClass {
	display: none !important;
}

#comic ul.FotomotoBar li.FotomotoPrintButton {
	padding: 8px 25px;
}