@import  "http://fonts.googleapis.com/css?family=Droid+Sans:400,700";

/*
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.
*/
.character-marco {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Marco.png") !important;
}

.character-andrew {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Andrew.png") !important;
}

.character-bobby {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Bobby.png") !important;
}

.character-valentine {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Valentine1.png") !important;
}

.character-jerry-the-worm {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/12/Jerry-The-Worm.png") !important;
}

.character-melinda-the-worm {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/12/Melinda-The-Worm.png") !important;
}

.character-rex {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Rex.png") !important;
}

.character-cow {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Cow.png") !important;
}

.character-horse {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Horse.png") !important;
}

.character-peter {
	background-image: url("http://comic.hmp.is.it/wp-content/uploads/2014/02/Peter.png") !important;
}

div[class^="character-"] {
	background-size: cover !important;
	background-position: top center;
	background-repeat: no-repeat;
}

.cast-image div.cast-pic {
	border: 1px solid #ddd;
	border-radius: 4px;
}

#comic-nav-wrapper tbody tr:nth-child(2) td {
	padding: 6px;
	margin-top: 18px;
	margin-bottom: 6px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

#comic-nav-wrapper {
	border: none !important;
}

#comic-nav-wrapper tr.comic-nav-container {
	border: none !important;
}

#comic-nav-wrapper tr.comic-nav-container a, #comic-nav-wrapper tr.comic-nav-container a:visited, .comic-navi a, .comic-navi a:visited {
	color: #000 !important;
	font-weight: bold;
	font-size: 12px;
}

#comic-nav-wrapper tr.comic-nav-container a:hover, .comic-navi a:hover, {
	text-decoration: underline !important;
}

.searchform input {
	border-radius: 2px;
	background-color: #fff;
	margin-left: 0;
	padding-left: 0;
	padding: 2px 6px;
	margin-right: 2%;
	width: 70%;
}

.searchform input::-webkit-input-placeholder,
.searchform input:-moz-placeholder,
.searchform input::-moz-placeholder,
.searchform input:-ms-input-placeholder {
	color: #888;
}

.searchform {
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}

.searchform button {
	border-radius: 3px;
	border: 1px solid #888;
	padding: 1px 12px 3px;
	background: transparent;
	width: 21%;
	margin: 0;
	cursor: pointer;
}

#ceo_calendar_widget-2 {
	border-radius: 2px;
	border: none;
	background: none;
}

#ceo_calendar_widget-2 caption, #ceo_calendar_widget-2 thead {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 100;
	font-variant: normal;
	letter-spacing: 0;
	color: #888;
}

#wp-calendar tbody tr td a:hover {
	background: #fbfbfb;
	color: black !important;
	font-weight: bold;
}

#wp-calendar tbody tr td a {
	color: rgba(185,50,50,1) !important;
}

#ceo_comic_archive_dropdown_widget-2 select {
	border-radius: 2px;
	background: transparent;
	width: 100%;
	margin: 0;
	padding: 2px 3px;
	color: #888;
}

#ceo_comic_archive_dropdown_widget-2 select option {
	border-radius: 2px;
	background: transparent;
	width: 100%;
	margin: 0;
}

.widget-title {
	font-family: 'Droid Sans', sans-serif;
	color: white;
	background: rgba(45,5,5,1) !important;
	font-size: 1em;
	line-height: 1.8em;
	border-radius: 2px !important;
	padding: 3px 6px 0 !important;
}

.widget {
	border: none !important;
	background: none !important;
}

#content-wrapper {
	border: none !important;
}

.comic_navi,
.comic_navi_left,
.comic_navi_center,
.comic_navi_right,
.comic_navi a {
	color: #444;
	font-size: 1em !important;
	font-family: 'Droid Sans', sans- serif !important;
}

.comic-nav a {
	color: #444 !important;
	font-size: .85em !important;
	font-family: 'Droid Sans', sans- serif !important;
	line-height: 1em;
}

.comic_navi span.navi-void,
.comic-nav span.comic-nav-void {
	font-weight: 100;
	color: #888;
}

.comic-nav span.comic-nav-void {
	font-size: .85em;
	line-height: 1em;
	padding-top: 6px;
	display: inline-block;
}

.comic-nav a:hover,
.comic_navi a:hover {
	color: #000 !important;
}

.widget a {
	color: rgba(105,20,20,1) !important;
}

.widget a:hover {
	color: rgba(105,20,20,0.7) !important;
}

.post-title a {
	color: rgba(105,20,20,1);
	font-family: 'Droid Sans', sans-serif !important;
	font-weight: 100;
	padding: 0 0 4px;
	display: inline-block;
}

a:hover,
.post-title a:hover,
#content .comic .post-text a:hover,
.post-edit-link:hover,
.comment-link a:hover,
.related-comics a:hover {
	color: rgba(105,20,20,0.7) !important;
}

#content .comic {
	background-image: none;
}

#content .comic .post-text {
	color: #444;
}

#content .comic .post-text a,
.related-comics a,
.post-edit-link,
.comment-link a {
	color: rgba(135,20,20,1) !important;
}

#content .comic .post-text a:visited,
.related-comics a:visited {
	color: rgba(25,5,5,1) !important;
}