/* Companion Custom CSS over-rides for [ Imy - The Comic ]:  -  */

body {
	color: #dba5b4;
	font-size: 10pt;
}

@font-face {
    font-family: 'CreativeBlockBBRegular';
    src: url('http://www.imycomic.com/creabbrg-webfont.eot');
    src: url('http://www.imycomic.com/creabbrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.imycomic.com/creabbrg-webfont.woff') format('woff'),
         url('http://www.imycomic.com/creabbrg-webfont.ttf') format('truetype'),
         url('http://www.imycomic.com/creabbrg-webfont.svg#CreativeBlockBBRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

 
a, a:link, a:visited, a:hover, a:active {
	color: #ffdfe8;
	}
	
a:hover {
	text-decoration: underline;
}

.narrowcolumn {
	border: 0px solid #fff;
	}
	
.post-image {
	display: none;
}

h2.page-title {
	font-family: CreativeBlockBBRegular, verdana;
	font-size: 18pt;	
	font-weight: normal;
	letter-spacing: 1px;
	color: #ffdfe8;
}
	
/*------- MENUBAR ----------------*/


#menubar-wrapper {
	background: #6d3242;
	padding-bottom: 10px;
	text-transform: none;
}

.menu {
	float: right;
}

li.menu-item {
	font-family: CreativeBlockBBRegular, verdana;
	font-size: 12pt;
}

.menu ul li ul li a {
	text-align: left;
	background: #4e2834; /* background of menu items (default state)*/
}

.menu ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #4e2834;
	color: #fff;
}
.menu ul li a:hover {
	color: #df88b2;
	background: #4e2834; /*background of menu items during onmouseover (hover state)*/
}

/* Sub level menu links style */
.menu ul li ul li a {
	font-family: CreativeBlockBBRegular, verdana;
	font-size: 10px; 
}

/* sub level menu hover color */
.menu ul li ul li a:hover {
	background: #3a1621;
	color: #df88b2;
}

/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
	color: #f0be8e !important;
}

/*---------------------------------------*/
	
	
/*----- SOCIALBLE ------*/

div.sociable {
	background: #3f1e29;	
}
	
	
/*----------- BLOCKQUOTE -------------*/

blockquote.faq {
	border-color: #391c26;
	background-color: #4d2834; 
	color: #c891a0;	
	font-family: Arial;
	font-size: 9pt;
}

.wp-caption {
	border: solid 1px #391c26;
	background: #4d2834;
	padding: 2px;
}

.archive-title {
	border-left: 1px solid #391c26;
}
	
#content-wrapper {
	background: #6d3342;
}

#comic {
	background: #ffffff;
	border-bottom: 1px solid #fff;
}

#comic-head {
	width:980px; 
	height:18px; 
	border: 0px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#6d3242 url('/design2012/comictop.gif') top left no-repeat;
	}
	
#comic-foot {
	width:980px;
	height:78px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background:#6d3242 url('/design2012/comicbottom.gif') top left no-repeat;
	border-top: 1px solid #fff;
	}
	
.comic_navi_wrapper {
	margin-left: 235px;
	margin-top: 20px;	
}
	
#blogheader {
	border-top: 0px solid #000;
	padding: 0px;
	maring: 0px;
}
	
.blogindex-head {
	width:550px; 
	height:127px; 
	border: 0px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#6d3242 url('/design2012/blogtop.gif') top left no-repeat;
	}
	
.blogindex {
	width:550px; 
	background:#4e2834;
	border-bottom: 1px solid #4e2834;
	}

.blogindex-foot {
	width:550px; 
	height:37px; 
	border: 0px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#6d3242 url('/design2012/blogbottom.gif') top left no-repeat;
	}
	
.blogindex .post-content {
	width: 520px;
	margin-left: 10px;
} 
	
h2.widgettitle {
	font-size: 10pt;	
}

#footer {
	background:#6d3342;
}
	
h2.post-title, h2.post-title a {
	color:#f0be8e;	
	font-size: 14pt;	
}

/* ------ COMMENTS ------------------------------ */

#comment-wrapper-head {
	width:550px; 
	height:127px; 
	border: 0px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#6d3242 url('/design2012/blogtop.gif') top left no-repeat;
	}
	
#comment-wrapper {
	width:550px; 
	background:#4e2834;
	border-bottom: 1px solid #4e2834;
	}

#comment-wrapper-foot {
	width:550px; 
	height:37px; 
	border: 0px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	background:#6d3242 url('/design2012/blogbottom.gif') top left no-repeat;
	}
	
h3#comments, h3#reply-title {
	font-size: 13pt;
	color:#f0be8e;	
	margin-left: 10px;
}

.avatar {
	width:45px; 
	height:45px;
	border: 1px solid 3a1c26;
}

ol.commentlist, .comment-wrapper-respond {
	width: 520px;
	margin-left: 15px;
}

.comment {
	padding-top: 5px;
	border-top: 1px solid #3a1c26;
}

.comment-author, .comment-author a {
	color: #d07c9c;
}

.comment-author a:hover {
	color: #ffffff;
}

.commentsrsslink {
	margin-right: 15px;
}

blockquote {
	border: 1px solid #2e1d25;
	background-color: #985b6b;
	font-family: arial;
	font-size: 10pt;
	color: #2e1d25;
}