/* Companion Custom CSS over-rides for [ My Sister, the Freak ]: ComicPress - 2.8 */

/* Change the background. */
body { 
	background: #fff;
	font-family: 'Helvetica', sans-serif;
	color: #666;
}

a {
	color: #448ccb;
	text-decoration: none;
}

a:hover {
	color: #00bff3;
}

/* Add a dotted line under the post. */
.post { border-bottom: dotted #ddd; }

/* change the background of the author of the posts comments */
.bypostauthor { background: #fdfdf4; }

/* Add Image to Header AND make it clickable back to home - adjust height width and location of image*/
#header {width: 980px; height: 120px; background: url('../../../images/header.jpg') top center no-repeat; overflow: hidden;}
#header h1 {padding: 0;}
#header h1 a {display: block; width: 980px; height: 120px; text-indent: -9999px;}
#header .description {display: none;}

/* Hide the Text in the header. */
/* #header h1 a, #header .description { display: none; } */

/* Reformat the menu buttons */
#menubar {
	background: #fff;
	font-family: 'Verdana','Helvetica',sans-serif;
	font-weight: bold;
	border-width: 0;
	border-style: none;
	border-color: none;
	margin: 0 0 0 0;
}

.menunav-prev a {
	background: url('../../../images/menu-nav.png') -25px 0 no-repeat;
}

.menunav-next a {
	background: url('../../../images/menu-nav.png') -50px 0 no-repeat;
}

#menu {
	border-right: none;
}

#menu li a {
	border-left: none;
	border-right: none;
	color: #666;
}

#menu li:hover a, #menu li.sfhover a {
	border-left: none;
	border-right: none;
	color: #000;
	background: #fff 0 -75px;
}

/* Submenus */
#menu li li {
	color: #666;
	border: 1px solid #333;
}

#menu li li a {
	color: #666;
}

#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a {
	color: #000; /*Submenu highlighted text color */
}

#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a {
	color: #666; /*Submenu text color */
}

#menu li li:hover {
	background: #fff; /*Submenu highlighted background color */
	color: #000;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
	left: auto;
	background: #fff; /* Submenu background color */
}

/* Current Page Item */
#menu .current_page_item a {
	border-left: none;
	border-right: none;
	color: #000;
	background: #fff 0 -50px;
}

/* THE COMIC */

/* Navigation */
.nav a:hover, .pagenav a:hover, .nav-blog a:hover {
	color: #448ccb;
}

/* Sidebar */
.sidebar {
	font-size: 12px;
}
.sidebar h2, .sidebar h2 a {
	font-family: 'Verdana','Helvetica',arial;
	font-weight: bold;
	font-size: 18px;
	color: #666;
}

.sidebar ul li {
	text-align: justify;
}

.sidebar ul li ul li {
	margin: 0 0 0 10px;
	font-size: 12px;
}

/* Posts */
.post, .post-comic, .post-page {
	text-align: justify;
}

/* Comments */
.comment-balloon {
	background: url('../../../images/comment-balloon.png') no-repeat;
}
.comment-link a:hover {
	color: #448ccb;
}

/* post images */
.post img {
max-width: 100%;
height: auto;
}