/*
Theme Name: WebComics.COM
Theme URI: http://webcomics.com
Template: comicpress
Description: The webcomics.com theme
Author: Philip M. Hofer (Frumph)
Author URI: http://frumph.net
Version: 1.1
*/

/* STANDARD TAGS */

body {
	background-position: bottom!important;
	color:#000000;
	font-family:Roboto, sans-serif;
	font-size:16px;
}

.entry p {
	margin: 0 0 5px 0;
	color:#000000;
	font-family:Roboto, sans-serif;
	font-size:20px;
	line-height: 24px;
}

h1, h1 a {
	padding: 0;
	margin: 0;
}

h2 {
	font-weight: 700!important;
}

h2 a:link, a:link {
	color: #224a8f;
}

h2 a:visited, a:visited {
	color: #1c356b;
}

h2 a:hover, a:hover {
	color: #f00;
}

h4.widget-title {
	font-weight: 700!important;
}

#page-wrap {
	background: url('images/body2.png') top left repeat-x;
}

h2, h2 a {
	letter-spacing: normal;
}

body.home .hentry, body.single-post .hentry {
	clear: both;
	background: url('images/post-gradient.png') bottom center no-repeat;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
/*	border-bottom: solid 1px #bbb!important; */
	margin-bottom: 20px;
}

body.home .hentry {
	margin-bottom: 40px;
}

#page {
	width: auto!important;
}

#page-wrap {
	padding-top: 0px;
}

#sidebar-above-header .widget {
	margin: 0;
}

#sidebar-above-header ul li {
	margin: 0;
}

/*.menu-container,*/ #breadcrumb-wrapper, #subcontent-wrapper {
	margin: 0 auto;
}

#menubar-wrapper {
/*	width: 980px; */
	margin: 0 auto;
}

.menu-container {
/*	min-width: 980px; */
}

.inside-header {
/*	width: 980px; */
	z-index: 0;
	position: relative;
	margin-left: -20px;
	height: 125px;
	background: url('images/header.png') top center no-repeat;
}

#header {
	z-index: 200;
	margin: 0 auto;
	padding: 0;
	display: block;
	height: 125px;
/*	width: 980px; */
	overflow: visible;
}

.header-info {
	padding: 0;
	margin: 0;
}

.header-info h1 {
	height: 125px;
	width: 400px;
	margin: 0;
	padding: 0;
}

.header-info h1 a {
	display: inline-block;
	float: left;
	width: 400px;
	height: 125px;
	overflow: hidden;
	text-indent: -9999px;
}

.webcomics-handbook a {
	margin: 0;
	padding: 0;
	float: right;
	height: 104px;
	width: 71px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	margin-right: 10px;
}

.how-to-make-webcomics a {
	margin: 0;
	padding: 0;
	float: right;
	height: 110px;
	width: 75px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
}


#header .description {
	display: none;
}

/* home icon */

.menu-item-home {
	background: url('../comicpress/images/home.png') top center no-repeat;
	height: 25px;
	width: 34px;
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
}

.menu-item-home a:hover {
	background: #555 url('../comicpress/images/home.png') top center no-repeat!important;
}

#breadcrumb-wrapper {
	color: #fff;
}

#breadcrumb-wrapper a {
	color: #ddd;
}

#breadcrumb-wrapper a:hover {
	color: #f00;
}

#content-wrapper {
	border: none;
	background-color: #efefef;
	position: relative;
/*	margin-top: -23px; */
/*	margin-top: 20px; */
/*	border-top: 1px solid #000; */
	z-index: 0;
	border-bottom: solid 1px #000;
}

#subcontent-wrapper {
	background: #fff;
}

body.layout-2clw #content-column, body.layout-2crw #content-column {
/*	width: 705px; */
}

#sidebar-right {
/*	width: 256px; */
	border-left: solid 1px #ccc;
	padding: 0 0 0 8px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

#da-slider {
	width: 99%!important;
}

.da-slider {
	height: 360px!important;
	color: #fff!important;
	background: bottom left no-repeat!important;
	background-color: #efefef!important;
	margin: 0 auto!important;
	border: solid 1px #ccc!important;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.da-img img {
	max-width: 220px;
	max-height: 260px;
/*	padding: 5px;
	border: solid 1px #aaa;
	background: #fff; */
/*
	-moz-box-shadow: 1px 2px 3px #000;
	-webkit-box-shadow: 1px 2px 3px #000;
	-khtml-box-shadow: 1px 2px 3px #000;
	box-shadow: 1px 2px 3px #000;
*/
}

.da-slide .da-img {
	bottom: 20px!important;
}

.da-slide h2 {
	color: #333!important;
	line-height: normal!important;
	top: 0!important;
	font-size: 36px!important;
}

.da-slide p {
	color: #888!Important;
	top: 48px!important;
/*
	border: solid 1px #ccc!important;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	padding: 5px!important;
*/
	font-size: 14px!important;
	height: 120px!important;
	line-height: 18px!Important;
}

.da-link {
	border-width: 1px!important;
	border-color: #aaa!important;
	background: #ccc!important;
	-moz-box-shadow: 1px 2px 3px #000;
	-webkit-box-shadow: 1px 2px 3px #000;
	-khtml-box-shadow: 1px 2px 3px #000;
	box-shadow: 1px 2px 3px #000;
	bottom: 140px!important;
	margin-left: 180px;
/*	left: 100px!important; */
}

.da-dots {
	bottom: 0!important;
	left: 226px!important;
}

.post-edit-link {
	float: right;
	font-size: smaller;
	margin-right: 20px;
}

.post-content .post-image {
	margin: 7px 16px 0 0;
	padding: 0;
	float: left;
	display: block;
}

.post-content .post-image img, body.home .sticky .post-image img {
	width: 100px;
	padding: 3px;
	background: #efefef;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #ccc!important;
}

body.single .post-image img, body.page .post-image img {
	padding: 3px;
	background-color: #fff;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: solid 1px #ccc!important;
	max-width: 690px;
	height: auto!important;
}

.post-text {
/*	border: solid 1px #ccc; */
	font-size: smaller;
/*	padding: 2px 3px;
	background: #F2F7FF; */
	margin-left: 2px;
}

a.post-edit-link {
	padding: 0 5px;
}

.post-extras {
	padding: 0;
}

.comment-link {
	text-align: left;
}

.entry {
	padding: 5px 20px 20px 20px;
/*	text-align: justify; */
	line-height: 22px;
}

body.home .entry {
/*	overflow: hidden; */
}

.bbp-reply-content {
	line-height: 24px!important;
}

.entry ul {
	font-size: smaller; 
	line-height: 16px;
	margin-bottom: 20px;
}

.entry h2 {
	font-size: 26px;
}

.copyright-info {
	background: #000;
	color: #fff;
	width: 640px;
	margin: 5px auto;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.copyright-info a {
	color: #ddd!important;
}

.copyright-info a:hover {
	color: #f00!important;
}

.webcomics-list-box {
	height: 138px;
	width: 690px;
	display: block;
	margin: 10px auto;
	border: solid 1px #ccc;
	background: #efefef;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 3px 3px;
}

.list-box {
	width: 120px;
	height: 120px;
	padding: 5px;
	border: solid 1px #777;
	display: inline-block;
	float: left;
	margin: 3px;
	background: #fff;
}

.protected, .comicpress_control_panel_widget {
	background: #dedede;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 2px;
}

.protected { 
	clear: both;
	text-align: center;
	padding: 5px 10px; 
}

/* bbpress */

#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results {
	font-size: inherit!important;
}

.subscription-toggle {
	float: right;
}

.bbp-forum-title {
	font-size: 20px;
}

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
	color: #000!important;
}

blockquote {
	clear: both;
	border: none;
	padding: 5px;
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 30px;
	padding: 15px 10px;
	quotes: "\201C""\201D""\2018""\2019";
	line-height: 20px;
}

blockquote:before {
	  color: #ccc;
	  content: open-quote;
	  font-size: 64px;
	  float: left;
	  display: inline-block;
	  margin: 5px;
	  position: relative;
	  margin-bottom: -5px;
}

blockquote:before { 
	content:�\201C�; 
} 

blockquote:after { 
	content:�\201D�; 
}

blockquote p:first-line {
	line-height: inherit;
	font-variant: normal;
}

blockquote p:first-letter {
	float: none;
	font-size: inherit;
	font-weight: inherit;
	margin: inherit;
}

.hentry h2.post-title {
/*	border-bottom: solid 1px #ccc; */
}

.entry a:link {
	text-decoration: underline;
}

body.page-list .entry a:link {
	text-decoration: none;
}

body.page-list .entry {
	min-height: 600px;
}

p {
	margin: 10px 0;
}

#text-200000 {
	border: solid 1px #ccc;
	background-color: #f2f7ff;
	line-height: 1.35em;
	padding: 5px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#text-2 .textwidget {
	padding: 5px;
}

.widget_display_topics .bbp-forum-title {
	font-size: inherit!important;
}

/* halfpixel page title removal */

body.page-id-3856 .page-title { display: none; }

.blognav { width: 686px; }

#blogheader { display: none; }

/*
#wpadminbar .quicklinks {
	width: 980px;
	margin: 0 auto;
}
*/

#wp-admin-bar-wp-logo {
	display: none;
}


#comment, #author, #email, #url, .s-search, .comicpress_control_panel_widget input {
	font-family: inherit;
}

input, textarea {
	font-family: inherit;
}

#sidebar-right .sidebar, #sidebar-left .sidebar {
	font-size: smaller;
}

#footer-sidebar-wrapper {
/*	width: 980px; */
	margin: 0 auto;
	color: #fff;
	font-size: smaller;
}

#footer a, #footer h2 {
	font-size: smaller;
}

#footer a:link {
	color: yellow;
}

#footer a:visited {
	color: #ccc;
}

#footer a:hover {
	color: #f00;
}

table.wcltable {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

table.wcltable tr {
	border-collapse: separate;
	border-spacing: 5px;
	border: 0px;
}

table.wcltable tr.rotate {
	background: #fff;
}

table.wcltable tr.not {
	background: #efefef;
}

table.wcltable td {
	border-width: 5px;
}

td.wclthumb img {
	height: 32px;
	width: 32px;
	display: block;
	background: #fff;
	vertical-align: middle;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

td.wcltitle {
	vertical-align: middle;
	text-align: left;
	width: auto;
	padding: 1px 0 0 5px;
}

.wclauthors {
	font-size: smaller;
}

table.webcomic-list {
	width: 100%;
}

td.webcomic-list-list {
	vertical-align: top;
	width: 80%;
}

td.webcomic-list-clouds {
	width: 20%;
	vertical-align: top;
}

body.bbpress #content-column {
	width: 100%;
}

body.bbpress blockquote {
	clear: none;
}

#bbpress-forums div.bbp-the-content-wrapper table, #bbpress-forums div.bbp-the-content-wrapper tbody, #bbpress-forums div.bbp-the-content-wrapper tr, #bbpress-forums div.bbp-the-content-wrapper td {
	border: solid 1px #efefef!important;
}

.footmenu a:link, .footmenu a:visited {
	color: #fff;
}

.footmenu a:hover {
	color: #f00;
}

body.home .sticky {
	clear: none!Important;	
	width: 418px;
	height: 92px;
	display: inline-block;
	float: left;
	margin: 5px 2px;
}

body.home .sticky .post-image {
	display: inline-block;
	float: left;
	margin-right: 5px;
}

body.home .sticky .post-image img {
	width: 64px;
	height: auto;
}
.wcl-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
	grid-gap: 0;
	align-items: stretch;
	margin-top: 15px;
	
  }
  .wcl-item {
	text-align: center;
	margin-bottom: 30px;
  }
  .wcl-thumbnail a{
	display:block;
  }
  .wcl-thumbnail img:hover{
	opacity: 0.7;
  }
.wcl-title{
	font-weight: bold;
	font-size: 1.15rem;
	letter-spacing: .1rem;
	line-height: 1.333;
}
.wcl-authors{
	font-size: 87.5%;
    font-weight: 400;
}
  .page-divider{
	border-top: 1px solid #ccc;
	margin: 15px auto;
  }
  .wcl-tag-cloud-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
	grid-gap: 15px;
	align-items: stretch;
	margin-top: 15px;
	padding-bottom: 30px;
  }