/*

Theme Name: ComicPress Norman's Lane
Description: Child theme based on ComicPress
Author: Maurice Norman
Version: 0.0.1
Template: comicpress

*/

@import url('../comicpress/style.css');
@import url('../plugins/comic-easel/css/comiceasel.css');


/*Custom fonts*/
@font-face {
    font-family: 'fira_sans_otbold';
    src: url('fonts/firasansot-bold-webfont.eot');
    src: url('fonts/firasansot-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasansot-bold-webfont.woff') format('woff'),
         url('fonts/firasansot-bold-webfont.ttf') format('truetype'),
         url('fonts/firasansot-bold-webfont.svg#fira_sans_otbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_sans_otmedium';
    src: url('fonts/firasansot-medium-webfont.eot');
    src: url('fonts/firasansot-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasansot-medium-webfont.woff') format('woff'),
         url('fonts/firasansot-medium-webfont.ttf') format('truetype'),
         url('fonts/firasansot-medium-webfont.svg#fira_sans_otmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fira_sans_otregular';
    src: url('fonts/firasansot-regular-webfont.eot');
    src: url('fonts/firasansot-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/firasansot-regular-webfont.woff') format('woff'),
         url('fonts/firasansot-regular-webfont.ttf') format('truetype'),
         url('fonts/firasansot-regular-webfont.svg#fira_sans_otregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mathletebulky';
    src: url('fonts/mathlete-bulky-webfont.eot');
    src: url('fonts/mathlete-bulky-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mathlete-bulky-webfont.woff') format('woff'),
         url('fonts/mathlete-bulky-webfont.ttf') format('truetype'),
         url('fonts/mathlete-bulky-webfont.svg#mathletebulky') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mathleteskinny';
    src: url('fonts/mathlete-skinny-webfont.eot');
    src: url('fonts/mathlete-skinny-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mathlete-skinny-webfont.woff') format('woff'),
         url('fonts/mathlete-skinny-webfont.ttf') format('truetype'),
         url('fonts/mathlete-skinny-webfont.svg#mathleteskinny') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: fira_sans_otmedium, sans-serif;
	color: #746152;
	letter-spacing: 0px;
	/*text-transform: uppercase;*/
}
/*Custom fonts*/


body {
	font-family: fira_sans_otregular, arial, sans-serif;
	background-image:url('images/background2.jpg');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:top;
	background-color:#e8e8d6;
}

#sidebar-right {
	margin: 78px 0 0 0;
}

.post-title, .post-title a {
	color: #746152 !important;
}

.post-title a:hover {
	color: #208de0 !important;
}

.post-info {
	padding: 10px;
}

.comment-avatar {
	border-style:solid;
	border-width:1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* comiceasel edits */
.comic-archive-date {
	width: 110px !important;
	font-style:italic; /* made dates on archives page italic */
	display: none;
}
/* comiceasel edits */


/* Begins Custom Menubar */
#nlmenubar ul, #nlmenubar ul li {
	margin: 0;
	padding: 0;
}

#nlmenu .page_item a, #nlmenu .page_item {
	display: inline-block;
	float: left;
	text-decoration: none;
	text-indent: -99999px;
}

#nlmenu .page_icon a, #nlmenu .page_icon {
	display: inline-block;
	float: right;
	text-decoration: none;
	text-indent: -99999px;
}

#nlmenu {
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	width: 100%;
	height: 39px;
}

#nlmenu .page-item-home a, #nlmenu .page-item-home {
	height: 39px;
	width: 78px;
	background: url('images/menubar-home.png') no-repeat;
}

#nlmenu .page-item-about a, #nlmenu .page-item-about {
	height: 39px;
	width: 84px;
	background: url('images/menubar-about.png') no-repeat;
}

#nlmenu .page-item-blog a, #nlmenu .page-item-blog {
	height: 39px;
	width: 72px;
	background: url('images/menubar-blog.png') no-repeat;
}

#nlmenu .page-item-archive a, #nlmenu .page-item-archive {
	height: 39px;
	width: 95px;
	background: url('images/menubar-archive.png') no-repeat;
}

#nlmenu .page-icon-tumblr a, #nlmenu .page-icon-tumblr {
	height: 39px;
	width: 33px;
	background: url('images/icons/tumblr.png') no-repeat;
	background-position: 4px 0;
}

#nlmenu .page-icon-facebook a, #nlmenu .page-icon-facebook {
	height: 39px;
	width: 33px;
	background: url('images/icons/facebook.png') no-repeat;
	background-position: 4px 0;
}

#nlmenu .page-icon-rss a, #nlmenu .page-icon-rss {
	height: 39px;
	width: 33px;
	background: url('images/icons/rss.png') no-repeat;
	background-position: 4px 0;
}

#nlmenu .page-item-home a:hover, #nlmenu .page-item-home:hover {
	background-position: 0 -39px;
}

#nlmenu .page-item-about a:hover, #nlmenu .page-item-about:hover {
	background-position: 0 -39px;
}

#nlmenu .page-item-blog a:hover, #nlmenu .page-item-blog:hover {
	background-position: 0 -39px;
}

#nlmenu .page-item-archive a:hover, #nlmenu .page-item-archive:hover {
	background-position: 0 -39px;
}

#nlmenu .page-icon-tumblr a:hover, #nlmenu .page-icon-tumblr:hover {
	background-position: 4px -39px;
}

#nlmenu .page-icon-facebook a:hover, #nlmenu .page-icon-facebook:hover {
	background-position: 4px -39px;
}

#nlmenu .page-icon-rss a:hover, #nlmenu .page-icon-rss:hover {
	background-position: 4px -39px;
}

#nlmenu {
	background: url('images/menubar-gradient.png') no-repeat;
	background-position: 0 10px;
}
/* Ends Custom Menubar */


#menubar-wrapper {
	line-height: 29px;
	background-color: transparent;
}

#content-wrapper {
	background-color: #FFFFFF;
}

a:link {
	color: #746152;
}
	
	a:visited {
		color: #746152;
	}
	
	a:hover {
		color: #208de0;
	}

#sidebar-footer-left .widget, #sidebar-footer .widget, #sidebar-footer-right .widget {
    text-align: center;
}
	
#footer {
	padding: 20px 0 8px 0;
	font-size: 10px;
	text-align: center;
	background: #fff;

}
	
.ceo_comic_archive_dropdown_widget select, .comicpress_archive_dropdown_widget select, .comic-nav-container select {
	display: block;
	margin: 0 auto;
	width: 220px;
	-moz-border-radius: 10px 0 0 10px;
	-khtml-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 3px 0 0 3px; /* Change radius of drop down box borders */
	padding-right: 0;
	background: #fff;
	background:-o-linear-gradient(rgb(30,30,30),rgb(44,44,44));
    /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=#FFFFFF, endColoStr=#FFFFFF
	);
        background-image: -webkit-gradient(
          linear, left top, left bottom, from(rgba(255, 255, 255, 1.0)),
          to(rgba(255, 255, 255, 1.0))
        );
}