/*



Theme Name: FSR Trees ComicPress Childtheme



Contributors: Frumph



Theme URI: http://frumph.net/comicpress



Description: Publish a WebComic with the ComicPress theme and the Comic Easel plugin.



Author: Philip M. Hofer (Frumph)



Author URI: http://frumph.net



Tags: two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, flexible-header, featured-images



Version: 4.1



License: GNU General Public License, v3 (or newer)



License URI: http://www.opensource.org/licenses/gpl-3.0.html



Template: comicpress



*/







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







wi



/* STANDARD TAGS */







html {



	overflow-y: scroll;



}







body {



	margin: 0 ! important;



	font-family: 'Lato', sans-serif;



	font-size: 14px;



	color: #000000;



	background-image: url("http://www.genkigirl.com/comicshorts/wp-content/uploads/2016/04/fsrwebbgimage-test12.png") !important;

	background-repeat: no-repeat, no-repeat !important;

        background-position: top, center !important;

	background-attachment: scroll !important;

	width: 100% !important;

	overflow: visible !important;

	background-color: #e9faff !important;

	

}







a {



	text-decoration: none;



}







a:link {



	color: #265d62;



}



	



	a:visited {



		color: #67b785;



	}



	



	a:hover {



		color: #ffffff;



	}







	a:focus {



		outline: none;



	}







	a img {



		border: none;



	}







p {



	margin: 0;



	padding: 5px 0;



}







p.attachment {



	text-align: center;



}







img {



	padding: 0;



	margin: 0;



}







.entry img, .post-content img {



	max-width: 100%;



	height: auto;



}







small {



	font-size: 12px;



}







hr {



	height: 1px;



	color: #000;



	background-color: #000;



	border: 0px;



}







blockquote {



	margin: 5px;



	border: 1px dashed #ccc;



	padding: 0;



	font-size: 11px;



	font-weight: 400;



}







blockquote p:first-letter {



	float: left;



	font-size: 16px;



	font-weight: 700; 



	margin: 3px 2px 0;



}







blockquote p:first-line {



	font-variant: small-caps; 



}







acronym, abbr, span.caps {



	cursor: help;



}







acronym, abbr {



	border-bottom: 1px dashed #000;



}







form {



	margin: 0;



}







input, textarea {



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



	font-size: 13px;



}







/* WP Aligns */







.aligncenter {



	margin: 0 auto;



	text-align: center;



	display: block;



}







.alignright {



	margin: 10px 0 10px 10px;



	display: inline;



	float: right;



}







.alignleft {



	margin: 10px 10px 10px 0;



	display: inline;



	float: left;



}







.wp-caption {



	text-align: center;



	padding: 3px;



	background: #eee;



}







.type-showcase .wp-caption {



	margin: 0 5px;



}







.wp-caption-text {



	text-align: center;



}









/* HEADINGS */







h1, h1 a {



	margin: 0;



	padding: 3px;



	font-size: 48px;



	line-height: 44px;



	letter-spacing: -3px;



}







h2, h2 a {



	padding: 0 0 2px 0;



	margin: 0;

	

	font-size: 24px;



	line-height: 24px;



	letter-spacing: -1px;



}







h3, h3 a {



	padding: 0;



	margin: 5px 0;



	font-size: 20px;



	clear: both;



	letter-spacing: -1px;



}







h4, h4 a {



	padding: 0;



	margin: 0;



	font-size: 15px;



	clear: both;



}







/* Page */







#page-wrap {



	padding: 0px 0;



	border: none;

	background-color: transparent !important;







	}







#page {



	width: 1280px !important;

	margin: auto;

	max-width: 1280px !important;

	background-color: transparent !important;



}







body.layout-2cl #page, body.layout-2cr #page{



	width: 780px;



}







/* Header */







#header {



	display: block;



	width: 1280px !important;

	text-align: center;

	margin: 0 auto;

	float: none;

	max-width: none !important;

}







	#header .description {



		display: none;



		margin-left: 140px;



	}







.header-info {



    float: left;



    display: none;



    padding: 10px;



}







/* THE MENU */







#menubar-wrapper {



	width: 1280px !important;



	clear: both;



	display: block;



	margin: 0 auto;



	text-transform: uppercase;



	line-height: 25px;



	background-color: #265d62;



	font-size: 20px;



	color: #ffffff;

	max-width: none !important;



}







.menunav {



	float: right;



	text-align: center;



	



}







.menunav a:link, .menunav a:visited {



	color: #fff;



	height: 50px;



	



}







.menunav a:hover {



	color: #fcff00;

	background-color: #C4BFCC;



}







.menunav-search {



	float: left;



	height: 22px;



	margin-right: 3px;



}







.menunav-search .s-search {



	height: 15px;



}







.menunav-search button {



	height: 21px;



}







.menunav-rss {



	line-height: 25px;



	padding: 0 4px;



	float: left;



	display: inline-block;



	overflow: hidden;



	color: #fff;



	margin: 0 3px;



}







.menunav-rss:hover {



	color: #414141;



	background: none;



}







.menu {



/*	font: bold 12px Verdana; */



	float: left;



}







.menu ul, .footmenu ul {



	z-index: 100;



	margin: 0;



	padding: 0;



	list-style-type: none;



}



.menu-container {



	margin: 0;

	padding: 0;



}







/*Top level list items*/



.menu ul li, .footmenu ul li {



	position: relative;



	display: inline;



	float: left;



}







/*Top level menu link items style*/



.menu ul li a, .footmenu ul li a {



	line-height: 25px;



	display: block;



	padding: 0 7px;



	text-decoration: none;



}







.menu ul li ul li a {



	text-align: left;



}







* html .menu ul li a {



	/*IE6 hack to get sub menu links to behave correctly*/



	display: inline-block;



}







.menu ul li a:link, .menu ul li a:visited, .menunav a:link, .menunav a:visited  {



	color: #fff;



}







.menu ul li ul li a:link, .menu ul li ul li a:visited {



	font-size: 12px;

	background-color: #67b785;



}







.menu ul li a.selected {



	background-color: #67b785;

	color: #ffffff!important;



	/*CSS class that's dynamically added to the currently active menu items' LI A element*/



}







/* Menu Hover colors */



.menu ul li a:hover {



	color: #ffffff!important;

	background-color: #67b785;







}







/*1st sub level menu*/



.menu ul li ul {



	position: absolute;



	left: 0;



	display: none; /*collapse all sub menus to begin with*/



	visibility: hidden;



}







/*Sub level menu list items (undo style from Top level List Items)*/



.menu ul li ul li {



	display: list-item;



	float: none;



}







/*All subsequent sub menu levels vertical offset after 1st level sub menu */



.menu ul li ul li ul {



	top: 0;



}







/* Sub level menu links style */



.menu ul li ul li a {



	font: normal 13px Verdana;



	width: 160px; /*width of sub menus*/



	padding: 5px;



	margin: 0;



}







/* Holly Hack for IE \*/



* html .menu, * html .footmenu {



	height: 1%;



}



/*Holly Hack for IE7 and below*/











/* ######### CSS classes applied to down and right arrow images  ######### */







.menubar-arrow {



	position: absolute;



	margin-left: 2px;



	font-size: 11px;



}







/* classes that can be used to override the down/right arrows with images of your own */



.menubar-down-arrow {}







.menubar-right-arrow {}







/* home icon */



/*



.menu-item-home {



	background: url('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: #C4BFCC url('images/home.png') top center no-repeat!important;



}



*/







/* Content-Wrapper */







#content-wrapper {



	width: 1280px;



	border-right-style: solid;

	border-left-style: solid;

	border: 2px !important;

	border-color: #245f5d;

	background-color: transparent !important;



}







/* Subcontent-Wrapper */







#subcontent-wrapper {



	padding: 0px 0;



	overflow: hidden;



	width: 100%;

	align: center !important;

	min-height: 1280px;



	background-repeat: repeat-x;



	background-color: #d1ebcc;



}







/* This is the wrapper for the #content floats need to be in here */



#content-column {



	float: left;

	margin: 0 2px;





}







body.layout-2clw #content-column, body.layout-2cl #content-column, body.layout-3cl #content-column {



}







#content {



	overflow: hidden;



	width: 762px;



	position: relative;





}







body.layout-2cl #content-column, body.layout-2cr #content-column {



	width: 558px;



}







body.layout-2clw #content-column, 



body.layout-2crw #content-column {



	width: 840px;



	padding: 0 0 0 0;



	margin: 0px;



	float: left;



}







body.layout-3clgn #content-column,



body.layout-3crgn #content-column {



	width: 1067px;



}







body.layout-3clgn #content {



	width: 740px;



	float: left;



}







body.layout-3crgn #content {



	width: 538px;



	float: right;



}







body.wide #content,



body.wide #content-column {



	width: 100%;



}







body.wide #content-column, body.signup #content-column {



	width: auto!important;



	float: none!important;



}







.uentry, #comment-wrapper, #wp-paginav, #pagenav {



	border: solid 1px Transparent;



}







/* Posts Area  */







.uentry { 



	margin-bottom: 10px; 



}







.sticky {}







.entry {



	line-height: 18px;



	padding: 10px;



}







.facebook-like {



	display: block;



	position: static;



}







.post-cat, .post-author {



	text-transform: capitalize;



}







.post-extras {



	clear: both;



	padding: 3px 10px;



}







a.post-edit-link { 



	padding: 5px; 



	text-align: right;



}







.post-image img {



	max-width: 100%;



}







.post-content .post-image {



	float: left;



	display: inline-block;



	padding: 3px 3px 0;



	margin: 4px;



}







.post-content .post-image img {



	width: 200px;



	height: auto;



}







.post-info {



	padding: 5px;



	font-size: 12px;



}







.post-text {



	overflow: hidden;



	display: block;



}







.post-author-gravatar {



	display: inline-block;



	width: 82px;



	float: right;



	margin: 3px;



}







.post-mood {



	float: left;



	margin-right: 2px;



}







.post-calendar-date {



	color: #777;



	font-family: 'Georgia' , serif;



	font-size: 15px;



	font-weight: bold;



	float: left;



	margin-right: 3px;



}







.post-calendar-date .calendar-date {



	height: 60px;



	width: 55px;



	background: url(http://www.genkigirl.com/finesometimesrain/wp-content/uploads/2016/04/calendar.png) center no-repeat;



	font-family: 'Georgia' , serif;



	font-size: 22px;



	font-style: normal;



	color: #000;



	text-align: center;



	line-height: 100%;



	padding: 0 2px 0 0;



}











.post-calendar-date .calendar-date span {



    color: #000000;



    display: block;



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



    font-size: 11px;



    font-style: normal;



    font-weight: normal;



    height: 16px;



    padding: 15px 0 0;



    text-align: center;



}







.postdate {



	font-size: 11px;



}







.more-link {



	border-top: 1px dashed #ccc;



	font-style: italic;



	display: block;



	clear: both;



}







.post-tags, .cast-tags {



	font-size: 12px;



}







.linkpages {}







/* Comments */







#comment-wrapper {



	padding: 10px;



}







.comment-link {



	font-weight: bold;



	text-align: right;



	font-size: 11px;



	padding: 2px;



}







.comment {



	display: block;



	margin-top: 20px;



	padding: 10px;



	background-color: #ffffff;



	border-radius: 2em;

	border: dotted;

	border-width: 2px;

	border-color: #d3e9ec;

		



}







.comment .comment {



	margin: 10px 0 0 70px;

	background-color: #e9faff;



}







.comment .comment .comment {



	margin-left: 20px;



}







.bypostauthor {}







.comment-avatar {



	width: 64px;



	height: 64px;



	display: inline-block;



	float: left;



	margin-right: 10px;



	overflow: hidden;



}







.comment-content {



	margin-left: 68px;



}







.comment-author cite {



	font-weight: bold;



	font-style: normal;



	font-size: 16px;



}







.comment .comment .comment-author cite {



	font-size: 14px;



}







.comment-meta-data {



	font-size: 11px;



}







.comment .comment .comment-permalink {



	display: none;



}







.comment-moderated {



	font-style: italic;



	font-size: 15px;



}







.comment-text {



	padding: 5px;



	font-size: 12px;



}







.comment-text p {



	padding: 5px 5px;



	margin: 0;



}







.comment-note {



	width: 380px;



	text-align: left;



	display: inline-block;



	font-size: 11px;



}







#respond .form-submit {



	display: inline-block;



	margin-right: 20px;



 }







.comment-meta {



	display: inline;



	border-left: 1px solid #000;



}







.commentsrsslink {



	font-size: 11px;



	float: right;



}







#author, #email, #url {



	width: 50%;



}







.comment-submit, .post-url-back {



	float: right;



}







.commentlist ul {



	padding: 0;



	margin: 0;



	list-style: none;



}







ol.commentlist {



	margin: 0;



	padding: 5px 0;



	list-style: none;



}







ol.commentlist p {



	margin-top: 3px;



}







ul.children {



	margin: 0;



	padding: 0;



	list-style: none;



}







#respond {



	padding: 0;



}







.nocomments, .closed-comments {



	text-align: center;



}







#cancel-comment-reply-link {



	font-size: 14px;



}







/* Pingbacks and Trackbacks */







#pingtrackback-wrap {



	margin: 10px 20px 0;



}







#pingtrackback {



	font-size: 16px;



}







.pingback .comment-content, .trackback .comment-content {



	margin-left: 0;



}







.trackback .comment-author cite, .pingback .comment-author cite {



	font-weight: bold;



	font-style: normal;



	font-size: 13px;



}







textarea#comment {



	width: 90%;



	height: 80px;



}







#comment, #author, #email, #url, .comment-textarea, 



.comicpress_control_panel_widget #user_login, .comicpress_control_panel_widget #user_pass {



	padding: 2px;



	color: #000;



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



	font-size: 12px;



	background: #ccc;



	border: 1px solid #999;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;



	-webkit-border-radius: 6px;



	border-radius: 6px;



}







#comment-textarea:focus, #comment:hover, #author:hover, #email:hover, 



#url:hover, #comment:focus, #author:focus, #email:focus, #url:focus,



.comicpress_control_panel_widget #user_login:focus, .comicpress_control_panel_widget #user_pass:focus {



	background: #fff;



}







/* Pagenav / Comment Nav */







.pagenav, .commentnav {



	height: 25px;



	font-weight: bold;



	line-height: 25px;



	padding: 0 5px 0 5px;



	margin-top: 5px;



	clear: both;



}







.pagenav-left, .commentnav-left {



	float: left;



}







.pagenav-right, .commentnav-right {



	float: right;



}







.nav a, .pagenav a, .nav-blog a {



	display: block;



	float: left;



}







/* Default Sidebars */







#sidebar-left, #sidebar-right {



	padding: 0px;



	margin: 10px;



	



}







#sidebar-left {



	float: left;



	position: relative;



	top: -1px;



	height: 100%;



	padding: 0 0 0 4px;



	width: 210px;

	margin: 0px !important;



}







#sidebar-right {



	float: right;



	width: 300px !important;



}











body.layout-3cr #sidebar-right {



/*	margin-left: 0px; */



}







body.layout-3cl #sidebar-right {



	float: left;



}







/*



body.layout-2clw #sidebar-left,



body.layout-2crw #sidebar-right {



	width: 210px;



}



*/







.sidebar-basic ul, .sidebar-basic li {



	margin: 0;



	padding: 0;



	list-style: none;



}







#sidebar-header {



    float: right;



    display: inline-block;



    margin: 10px 10px 0 0;



}







#sidebar-header .sidebar .widget {



	background: none;



	background-color: Transparent;



	border: 0;



}







/* Sidebar Class */







#sidebar-right .sidebar, #sidebar-left .sidebar {



	font-size: 12px;



	overflow: hidden;



}







h2.widget-title, h2.widget-title a {



	display: block;



	font-size: 16px;



	color: #265d62;



	margin-left: 5px;



	padding: 2;





}







.sidebar ul {



	margin: 0;



	padding: 0;



	list-style: none;



}







.sidebar ul li {



	margin: 0 0 0 10px;



	padding: 0;



}







.sidebar .widget {



	margin-bottom: 10px;



}







.sidebar .widget .post-extras, .sidebar .widget .entry {



	padding: 3px;



}







.sidebar-no-widgets {



	color: #000;



	margin: 0 auto 10px;



	padding: 5px;



	border: dotted 1px #aaa;



	background: #ccc;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;



	-webkit-border-radius: 6px;



	border-radius: 6px;



}











.classic-bookmark {



	margin: 0 auto;



	width: 185px;



}





/* Sidebar Widgets Individual */



#recent-comments-2 {



	padding: 5px;

	color: #C4BFCC;

}



#ceo_latest_comics_widget-2 {



	padding: 5px;

	color: #C4BFCC;

}



#ceo_comic_archive_dropdown_widget-2 {



	padding: 5px;

	border-radius: 2em;



}







/* Footer */







#footer {



	width: 1280px;



	background-color: #d1ebcc;

	color: #265d62 !important;



}







#footer-menubar-wrapper {



	clear:both;



	border-collapse: collapse;



	text-align: center;



	width: 100%;



	background-color: #000000;



}







	.footmenu .menu {



		display: inline-block;



		text-transform: uppercase;



		float: none;



	}







#footer-sidebar-wrapper {



	display: table;



	table-layout: fixed;



}







#sidebar-footer-left, #sidebar-footer, #sidebar-footer-right {



	text-align: center;



	display: table-cell;



	vertical-align: top;



	width: 210px;



	padding: 2px;



}







body.layout-2cl #sidebar-footer-left,



body.layout-2cl #sidebar-footer,



body.layout-2cl #sidebar-footer-right {



	width: 260px;



}







#sidebar-footer-left .widget,



#sidebar-footer .widget,



#sidebar-footer-right .widget {



	text-align: left;



	margin: 0 auto;



	padding: 2px 10px;



}







	.copyright-info {



		clear:both;



		text-align: center;



		margin: 0;



		font-size: 11px;



		color: #265d62





	}







	.copyright-pipe {



		padding: 0 2px;



	}



	







/* CALENDAR */







#wp-calendar-wrap {



	margin: 0px auto;



	width: 180px;



	padding: 5px;



	background-color: #777777;



}







#wp-calendar {



	width: 165px;



	margin: 0 auto;



}







.wp-calendar-thumb {



	width: 178px;



	height: 130px;



	margin: 0 auto;



}







#wp-calendar th {



	font-size: 11px;



	font-weight: normal;



	text-align: center;



}







#wp-calendar caption {



	font-family: 'Georgia' , sans-serif;



	font-size: 18px;



	letter-spacing: -1px;



	font-variant: small-caps;



	color: #777777;



}







#wp-calendar td {



	min-width: 20px;



	padding: 0;



	text-align: center;



	border: 1px solid #000;



}







#wp-calendar a {



	display: block;



	text-decoration: none;



	font-weight: bold;



	color: #b00;



}







#wp-calendar a:hover {



	color: #fff;



	background: #000;



}







table#wp-calendar {



	border: none;



	background: transparent;



}







table#wp-calendar td {



	border-color: #999;



}







.wp-calendar-download {



	width: 166px;



	margin: 0 auto;



	overflow: hidden;



	font-size: 10px;



	text-align: right;



	color: #777;



	background: #222;



}







.wp-calendar-download-links a {



	padding: 0 3px;



	font-weight: bold;



	color: #fff;



	background: #000;



	border-left: 1px solid #777;



}







.wp-calendar-download-links a:hover {



	background: #800;



}



#calendar-2 {



	background-color: #FFFAED;

	border-radius: 2em;

	padding: 5px;



}







/* Archive */







.archivecomicthumbwrap {



	display: inline-block;



	float: left;



	width: 120px;



	margin: 5px 3px;



	height: 200px;



	overflow: hidden;



}







.archivecomicthumbdate {



	text-align: center;



}







.archivecomicframe {



	text-align: center;



}







.archivecomicframe img {



	width: 120px;



	height: auto;



	max-height: 200px;



}











/* SEARCH */







.s-search {



	height: 16px;



	width: 140px;



	margin: 0 3px;



	float: left;



}







.searchform button {



	float: left;



}







.archiveresults, .searchresults {



	padding: 0 0 20px 5px;



	font-style: italic;



}











/* GALLERY */







.gallery-image {



	max-width: 520px;



	overflow: hidden;



	text-align: center;



	margin: 10px auto;



}







.gallery-caption {



	font-size: 11px;



	text-align: center;



}







.gallery-caption p {



	width: 510px;



	padding: 5px;



	margin: 0;



}







.gallery-content {



	padding: 20px;



}







.imagenav-wrap {



	width: 500px;



	margin: 5px auto;



}







.imagenav-left, .imagenav-right {



	display: inline-block;



	width: 77px;



	height: 77px;



	float: left;



	overflow: hidden;



	display: inline-block;



}







.imagenav-right {



	float: right;



}







.imagenav-center {



	width: 334px;



	height: 65px;



	margin: 0 auto;



	display: inline-block;



	padding: 10px 5px 0 5px;



	color: #000;



	text-align: center;



	overflow: hidden;



}







.imagetitle {



	color: #000;



	font-size: 18px;



}







.imagenav-bg {



	width: 77px;



	height: 77px;



	position: absolute;



	z-index: 0;



	overflow: hidden;



}







.imagenav-bg img {



	width: 75px;



	height: 75px;



	padding: 1px;



}







.imagenav-arrow {



	width: 77px;



	height: 67px;



	position: absolute;



	z-index: 1;



	color: #fff;



	font-size: 80px;



	font-weight: bold;



	line-height: 67px;



	text-align: center;



	float: left;



}







.imagenav-link {



	width: 77px;



	height: 77px;



	position: absolute;



	z-index: 2;



	float: left;



	overflow: hidden;



}







.imagenav-link img {



	width: 75px;



	height: 75px;



	padding: 1px;



}







#gallery-1 .attachment-thumbnail {



	border: none;



}







/* Pagination */







#wp-paginav {



	text-align: left;



}







#paginav {



	padding: 0 5px;



	margin: 0;



	list-style: none;



	float: left;



	line-height: 25px;



}







#pagenav {



	padding: 3px 5px 2px;



}







#paginav .paginav-pages {



	padding-right: 10px;



}







#paginav a {



	padding: 0px 10px;



	display: block;



}







#paginav ul {



	margin: 0;



	padding: 0;



	list-style: none;



}







#paginav li {



	float: left;



}







#paginav .paginav-next, #paginav .paginav-previous {



	font-size: 18px;



	line-height: 22px;



}







#paginav .paginav-current, #paginav .current {



	padding: 0px 7px;



	font-weight: bold;



}







.pagejumper-wrap {



	line-height: 25px;



	float: right;



	margin-right: 10px;



}







/* NAVIGATION */







.blognav {



	width: 80%;



	padding: 3px 12px;	



	margin: 0 auto;



}







.blognav-previous {



	float: left;



}







.blognav-next {



	float: right;



}







.nav {



	float: right;



	font-size: 12px;



	font-weight: bold;



	padding: 5px 0;



}







.nav-first {



	float: left;



}







.nav-previous {



	float: left;



}







.nav-previous a {



	padding-left: 10px;



}







.nav-next {



	float: left;



}







.nav-next a {



	padding-left: 10px;



}







.nav-last {



	float: left;



}







.nav-last a {



	padding-left: 10px;



}







.pagenav, .commentnav {



	height: 25px;



	color: #000;



	font-weight: bold;



	line-height: 25px;



	padding: 0 5px 0 5px;



	margin-top: 5px;



	clear: both;



}







.pagenav-left, .commentnav-left {



	float: left;



}







.pagenav-right, .commentnav-right {



	float: right;



}







.nav a, .pagenav a, .nav-blog a {



	display: block;



	float: left;



}







/* Archive Year Template */







.author-archive-date {



	text-align: right;



	width: 140px;



	margin-right: 20px;



	display: inline-block;



}







.archive-date {



	text-align: right;



	padding: 0 5px 0 0;



	font-size: 12px;



	white-space: nowrap;



}







.archive-title {



	padding: 2px 5px;



/*	line-height: 11px; */



	border-left: 1px dashed #aaa;



}







.month-table {



	border-collapse: collapse;



	margin: 10px 0 20px 0;



}







#linkspage, #linkspage ul, #linkspage li, #archivepage, #archivepage url, #archivepage li {



	list-style: none;



}







#linkspage h2 {



	margin-top: 20px;



}







/* User Pages */







#userpage {



	width: 100%;



	padding: 5px;



}







.userpage-avatar {



	float: left;



	width: 64px;



	height: 64px;



}







.userpage-info {



	margin-left: 10px;



	float: left;



}







.userpage-desc {



	width: 400px;



	padding: 5px;



	margin-top: 30px;



	border: 1px dotted #efefef;



}







.userpage-posts {



	margin-top: 20px;



	padding: 20px;



}







.userpage-posts ol {



	padding: 0;



}







.userpage-posts li {



	list-style: none;



	margin: 0;



	padding: 0;



}







/* Image / Attachments */







.imagenav-link img {



	-moz-opacity: 0.6; /* mozilla, netscape, gecko */



	opacity: 0.6; /* firefox, opera, safari, chrome */



	-khtml-opacity: 0.6; /* khtml, old safari */



	-webkit-opacity: 0.6;



}







.imagenav-link img:hover {



	-moz-opacity: 0.1; /* mozilla, netscape */



	opacity: 0.1; /* firefox, opera, safari, chrome */



	-khtml-opacity: 0.1; /* khtml, old safari */



	-webkit-opacity: 0.1;



}







/* comment form */







#comment, #author, #email, #url, .s-search, .comicpress_control_panel_widget input {



	padding: 2px;



	color: #000;



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



	font-size: 12px;



	background: #eee;



	border: 1px solid #888;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;



	-webkit-border-radius: 6px;



	border-radius: 6px;



}







#comment:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #author:focus, #email:focus, #url:focus,



.comicpress_control_panel_widget #sname:focus, .comicpress_control_panel_widget #sname:hover,



.comicpress_control_panel_widget #spassword:focus, .comicpress_control_panel_widget #spassword:hover, .s-search:focus {



	background: #fff;



}







.searchform {



	margin-top: 2px;



	margin-left: 2px;



}







.comicpress_control_panel_widget #user_login, .comicpress_control_panel_widget #user_pass {



	width: 160px;



}







#submit, .searchform button, #comic button, .comicpress_control_panel_widget .button-primary {



	background: #ccc;



	color: #000;



	-moz-border-radius: 6px;



	-khtml-border-radius: 6px;



	-webkit-border-radius: 6px;



	border-radius: 6px;



	background:-moz-linear-gradient(100% 100% 90deg,#aaa, #ccc, #ddd 100%);



	background:-o-linear-gradient(rgb(30,30,30),rgb(44,44,44));



	background-image: -webkit-gradient(



          linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),



          to(rgba(170, 170, 170, 3.0))



        );



}







.ceo_comic_archive_dropdown_widget select, .comicpress_archive_dropdown_widget select, .comic-nav-container select {



	display: block;



	margin: 0 auto;



	width: 180px;



	-moz-border-radius: 10px 0 0 10px;



	-khtml-border-radius: 10px 0 0 10px;



	-webkit-border-radius: 10px 0 0 10px;



	border-radius: 10px 0 0 10px;



	padding-right: 0;



	background:-moz-linear-gradient(100% 100% 90deg,#bbb, #ddd, #fff 100%);



	background:-o-linear-gradient(rgb(30,30,30),rgb(44,44,44));



	background-image: -webkit-gradient(linear,left top,left bottom, from(rgba(255,255,255,1)),to(rgba(170,170,170,3.0)));



}







.ceo_comic_archive_dropdown_widget option, .comicpress_archive_dropdown_widget option, .comic-nav-container option {



	background: #ddd;



	color: #000;



}







.commentsrsslink {



	padding: 3px 5px;



}







.widget-content option {



	background: #ddd;



}







#submit {



	font-weight: 700;



}







#submit:hover, .searchform button:hover {



	color: #f00;



}







.searchform {



	float: left;



}







.ie .searchform button, .ie #submit {



	display: inline-block;



	float: left;



	background: #ccc;



	color: #000;



	line-height: 18px;



	font-size: 16px;



	border: solid 1px #888;



}







.chrome .searchform button {



	line-height: 16px;



	margin-top: 0;



}







.widget_rss a.rsswidget {



	display: inline-block;



}







.widget_rss ul {



	clear: both;



}







#page-foot p {



	color: #fff;



	text-align: center;



}







#default-nav-wrapper, #casts-nav-wrapper {



	width: 100%;



}







	.default-nav, .casts-nav {



		margin: 0 auto;



		width: 260px;



	}







	.default-nav-base, .casts-nav-base {



		display: inline-block;



		padding: 0 10px;



	}



	



	.casts-nav-first, .casts-nav-prev, .default-nav-first, .default-nav-prev {



		float: left;



	}



	



	.casts-nav-next, .casts-nav-last, .default-nav-next, .default-nav-last {



		float: right;



	}



	







/* menunav social icons */







.menunav-social-wrapper {



	float: right;



	display: inline-block;



}







.menunav-social {



	text-indent: -9999px;



	display: inline-block;



	float: left;



	height: 25px;



	width: 25px;



	padding: 0;



	margin: 0;



}







.menunav-twitter {



	background: url('images/icons/twitter.png') no-repeat;



}







.menunav-rss2 {



	background: url('images/icons/rss.png') no-repeat;



	margin-right: 3px;



}







.menunav-facebook {



	background: url('images/icons/facebook.png') no-repeat;



}







.menunav-googleplus {



	background: url('images/icons/googleplus.png') no-repeat;



}







.menunav-linkedin {



	background: url('images/icons/linkedin.png') no-repeat;



}







.menunav-pinterest {



	background: url('images/icons/pinterest.png') no-repeat;



}







.menunav-youtube {



	background: url('images/icons/youtube.png') no-repeat;



}







.menunav-flickr {



	background: url('images/icons/flickr.png') no-repeat;



}







.menunav-tumblr {



	background: url('images/icons/tumblr.png') no-repeat;



}







.menunav-deviantart {



	background: url('images/icons/deviantart.png') no-repeat;



}







.menunav-myspace {



	background: url('images/icons/myspace.png') no-repeat;



}







.menunav-email {



	background: url('images/icons/email.png') no-repeat;



}







.menunav-social:hover {



	background-position: 0 -25px;



}







/* CLEAR FLOATS */







.clear {



	clear: both;



}







/* CLEAR MARGINS */



/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */







.clear-margins {



	clear: both;



	height: 0;



	line-height: 0;



	font-size: 0;



}







/* breadcrumbs */



.breadcrumbs {



	padding: 3px 0 3px 20px;



}







/*CE mini navigation overrides */







.mininav-prev a, .mininav-next a {



    color: #fff;



}







.mininav-prev a:hover, .mininav-next a:hover {



	color: #f00;



}







.sticky-image {



	text-indent: -9999px;



	width: 16px;



	height: 16px;



	background: url('images/pushpin-small.png') top center no-repeat;



	display: inline-block;



	float: left;



	margin-top: 20px;



}







/* Hides navigation links and site footer when infinite scroll is active */



/* .infinite-scroll.neverending #footer */



.infinite-scroll #navigation, .infinite-scroll #wp-paginav, .infinite-scroll #pagenav {



	display: none;



}







/* Shows the footer again in case all posts have been loaded */



.infinity-end.neverending #footer {



	display: block;



}







.syntaxhighlighter {



	font-size: 11px !important;



}







/* customizer rounded posts */







body.rounded-posts .uentry, body.rounded-posts #comment-wrapper, body.rounded-posts #wp-paginav, body.rounded-posts #pagenav {



	-moz-border-radius: 10px;



	-khtml-border-radius: 10px;



	-webkit-border-radius: 10px;



	border-radius: 10px;



	-moz-box-shadow: inset 1px 2px 2px #000;



	-webkit-box-shadow: inset 1px 2px 2px #000;



	-khtml-box-shadow: inset 1px 2px 2px #000;



	box-shadow: inset 1px 2px 2px #000;



}







/* Scheme Boxed */







body.scheme-boxed #page {



	border: none;



	-moz-box-shadow: none;



	-webkit-box-shadow: none;



	-khtml-box-shadow: none;



	box-shadow: none;



}







#comic-wrap {



	width: 1280px;

	

	position: relative;

	background-color: transparent !important;





}







#comic-foot {





}







#comic-nav-wrapper {



	position: relative;



	left: 240px;



}







#comic {



    display: table-cell;



    text-align: center;



    vertical-align: top;



    width: 840px !important;



	height: 1280px;



	padding: 0px 0px 0px 0px;



}







#comic-table {



	width: 100%;



	background-color: #ffffff;







}















/* Comic Sidebars */







#sidebar-left-of-comic {



    display: table-cell;



    vertical-align: top;



    width: 287px !important;



	padding-top:8px;



	padding-bottom:0px;



	padding-right:0px;



	padding-left:0px;



	color: #ffffff;



	font-size: 12px;

	

	

	





	



}



#sidebar-right-of-comic {



    display: table-cell;



    vertical-align: top;



    width: 64px !important;



	padding-top:8px !important;



	padding-bottom:0px;



	padding-right:0px;



	padding-left:0px;



	color: #ffffff;



	font-size: 12px;

	

	





	



}







#widgettitle {



	font-size: 10px;



	font-family: 'Lato', sans-serif;



	



}







/* Tag links style */







.post-tags, cast-tags {



	border-radius: 0 2px 2px 0;



	display: inline-block;



	font-size: 11px;



	font-weight: 700;



	line-height: 1.2727272727;



	margin: 2px 4px 2px 10px;



	padding: 3px 7px;



	position: relative;



	text-transform: uppercase;



}





#sidebar-under-comic {



    position: relative;

    text-align: center;

    background-color: #d1ebcc;

}



.comic_navi_wrapper {

    

    font-size: 10px;

    vertical-align: text-top;

    width: 840px!important;

    z-index: -1;

}



.comic_navi_href {



	display: none;

}



.comic-navi-href-info {



	display: none;

}



a.navi-comments span {

    color: #000;

    display: inline-block;

    font-size: 12px;

    font-weight: bold;

    height: 44px;

    line-height: 38px!important;

    text-indent: 0;

    width: 44px;

}



.comic-table {

    display: table;

    table--layout: auto;

    width: 100%;

	background-color: transparent !important;

}



.menDiv {

width:1280px !important;

}



.sfdrop a:link,

.sfdrop a:visited {

color: #ffffff !important;

}



.sfdrop a:hover {

color: #ffffff !important;

}



div.sfheader {

        max-width: 1280px !important;

        margin-left: auto;

        margin-right: auto;

    }



#text-21 {

margin-bottom: 0px;



}



@media (max-width: 1280px) {   body {    background-position: -320px 0 !important;  } } }