/* Companion Custom CSS over-rides for [ Yellow Peril ]: ComicPress - 2.8 */

/*----------------------------------
	SET UP SITE-WIDE STUFFS
------------------------------------*/
html {background:#ffffff url('http://ypcomic.com/images/pageBG.png') top left repeat-x;}
body {background:url('http://ypcomic.com/images/headerBG.png') top center no-repeat; color:#333333;}

#page-wide {margin:0px auto; width:980px;}

a, a:visited {color:#d1544e;}
a:hover {color:#e87470;}


/*----------------------------------
	HEADER STUFFS
------------------------------------*/
#header {height:109px; text-align: right;}
#headerAd {float:right; /*margin:4px;*/}


/*----------------------------------
	MENU STUFFS
------------------------------------*/

#menubar {background:url('http://ypcomic.com/images/menu.png'); border:0px; height:33px; list-style:none; margin:0px 10px 0px 80px; text-align:left;}	/*SETS MENU BACKGROUND, HEIGHT, AND ALIGNMENT*/
#menunav {float:right; text-align:center;}
.menunav-search {float:left; padding:1px 1px 0px 0px;}
.menunav-rss {background:url('http://ypcomic.com/images/menu-nav.png') no-repeat; display:block; float:left; height:33px; margin:0px 0px 0px 4px; overflow:hidden; text-indent:-9999px; width:33px;}
	.menunav-rss:hover {background-position:0px -33px;}
.menunav-prev, .menunav-next {display:block; float:left;}
.menunav-prev {margin:0px 0px 0px 5px;}
	.menunav-prev a, .menunav-next a {
		width: 25px;
		height: 25px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
	}

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

	.menunav-prev a:hover {
		background-position: -33px -33px;
	}

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

	.menunav-next a:hover {
		background-position: -66px -33px;
	}

#menu {
	border: 0px;
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	line-height: 33px;
	font-size: 14px;
	/*border-right: 1px solid #5e6c5e;*/
}

	#menu a {
		padding: 0px 10px 0 10px;
		display: block;
		color: #d4f0c3;
		text-decoration: none;
	}

	#menu li .rss {
		padding: 5px 0 5px 0;
	}

	#menu li {
		float: left;
		cursor:pointer;
	}

	#menu li a {border: 0px;
		/*border-left: 1px solid #5e6c5e;
		border-right: 1px solid #d4f0c3;*/
	}

	#menu li:hover a, #menu li.sfhover a {border: 0px;
		/*border-left: 1px solid #8b160f;
		border-right: 1px solid #c28380;*/
		color: #fff; /* Main menu highlighted text color */
		background: url('http://ypcomic.com/images/menu.png') 0 -99px;
	}

	#menu li:hover, #menu li.sfhover {
		/* Main menu highlighted background color */
	}

	/* For submenu dropdowns - this order must be maintained */

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 175px;
		line-height: 1;
	}
	#menu li li {
		width: 165px;
		padding: 4px 5px;
		color: #fff;
	}
	#menu li li a {
		width: 174px;
		padding: 0;
		color: #fff;
		border: none;
	}
	#menu li ul ul {
		margin: -17px 0 0 170px;
	}
	#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: #fff; /*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: #fff; /*Submenu text color */
		border: none;
		background: none;
	}
	#menu li li:hover {
		background: #f00; /*Submenu highlighted background color */
	}
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
		left: -9999px;
	}
	#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: #000; /* Submenu background color */
		text-transform: none;
	}

	#menu .current_page_item a {border:0px;
		color: #fff;
		/*border-left: 1px solid #d4f0c3;
		border-right: 1px solid #d4f0c3;*/
		background: url('http://ypcomic.com/images/menu.png') 0 -66px;
	}




/*----------------------------------
	COMIC STUFFS
------------------------------------*/

#comic-head	{background: url('http://ypcomic.com/images/comicHeadBG.png') bottom left no-repeat; height: 40px;}
#comic-head li 	{font-size: 2em; margin: 0px; padding:0px; text-align: left;}
#comic-head ul 	{margin: 0px; padding:0px;}
#comic		{background: #ffffff;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 0px; border-bottom: 0px;}
#comic-foot	{background: #ffffff url('http://ypcomic.com/images/comicFootBG.png') bottom left no-repeat; height: 70px;}

.post-comic-foot {background:#ffffff; height:10px;}
#blogheader {background:#ffffff; border: 0px;}

#sidebar-comicright
#sidebar-comicleft

.post-info {background: #0000ff;}


/* 2.8 */


/*----------------------------------
	BLOG STUFFS
------------------------------------*/

.post-text h1, h1 a {
	margin: 0;
	color: #333;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 2px;
	font-family: 'trebuchet ms';
	font-variant: normal;
}


.nav {display: none;} /*REMOVE TEXT NAV IN BLOG HEADER*/

#content-wrapper-top {background: url('http://ypcomic.com/images/blogHeadBG.png') top left no-repeat; height: 25px;}


#content-wrapper {
	background: url('http://ypcomic.com/images/blogBG.png') top left repeat-y;
	margin: 0px auto;
	width: 960px;
	overflow:hidden;
}

#content {margin: 10px 0 0 10px; width:520px;}

	.post-info {border-bottom: 1px solid #cccccc;}

	.comment-link a:hover {
		color: #e87470;
	}
	
	.comment li {background: #f5f5f5; border: 1px solid #ccc; border-top: 10px solid #ccc;}
	.comment li.bypostauthor {background: #ffefef; border: 1px solid #d1544e; border-top: 10px solid #d1544e;}
	.comment li.user-jamie {background: #ffefef; border: 1px solid #d1544e; border-top: 10px solid #d1544e;}

	.button {
		background: #ccc;
	}
		
	.button:hover {
		color: #fff;
		background: #e87470;
		border: 1px solid #c43e3e;
	}





/*----------------------------------
	TRANSCRIPT STUFFS
------------------------------------*/

#transcript {
	color: #333;
	padding: 0 10px;
	font-size: 11px;
	border-left: 2px dotted #999;
	border-right: 2px dotted #999;
}

	.transcript-border {
		padding: 0 5px;
		margin: 15px 0;
		border: 1px solid #999;
		background: #fff;
		clear: both;
	}

	a.transcript-title {
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
		display: block;
		font-family: 'Georgia' , serif;
		font-style: italic;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 2em;
		border-bottom: 1px dashed #999;
	}

#transcript-content {
	font-family: 'Courier New' , monospace;
	overflow: hidden;
}



/*----------------------------------
	SIDEBAR STUFFS
------------------------------------*/
#sidebar-left {float: left; margin: 10px; width:170px;}
#sidebar-right {float:left; margin:0 0 0 10px; width: 230px;}
.sidebar-right-content {margin: 10px 0 10px 10px;}
.sidebar-right-content ul {margin:10 0; padding:0; list-style: none;}
.sidebar-right-content ul li {margin:0;}

#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus {
	color: #e87470;
	background-position: 0 -69px;
}


/*#sidebar-right a:hover {color: #ff8888;}*/

#flickr {height: 168px; width: 214px;}
#flickr img {background: #cccccc; border: 1px solid #999999; float: left; margin: 4px; padding: 6px;}

#content-wrapper-bottom {background: #ffffff url('http://ypcomic.com/images/blogFootBG.png') top left no-repeat; height: 28px; margin: auto; width:960px;}


/*----------------------------------
	FOOTER STUFFS
------------------------------------*/

#footerAd {border: 1px solid #f00; width: 728px; height: 90px; margin: 0 auto;}

#footer {background:#606f60 url('http://ypcomic.com/images/footerStripe.png') top left repeat-x; color: #d7eec9; margin: 0px auto; /*width: 960px;*/ padding: 0px 0px 10px 0px;}
#footer a, #footer a:visited {background: #4d594d; color: #fff; padding: 2px 5px;}
#footer a:hover {background: #e05d5d;}

#footer img {border: 0px; margin: 0px;}

#footer-head {background:url('http://ypcomic.com/images/footerStripeLogo.png') top right no-repeat; height: 90px; margin: 0px auto; padding: 0px; width: 1070px;}
#footer-wrap {font-size: 12px; line-height: 1.8em; margin: 0px auto; width:960px;}
#footer-wrap h2 {color:#fff; font-family: arial; font-size: 20px; font-weight: bold; margin: 20px 0 10px 0;}
#footer-wrap ul {list-style: none; margin: 0px; padding: 0px;}
#footer-wrap ul li {list-style: none; margin: 0px; padding: 0px; text-align: left;}
#footer-wrap ul li ul li {margin: 0 0 0 13px; padding: 0px; text-align: left;}
#footer-wrap li h2 {margin-top; 15px;}
.footerCol {float: left; /*height: 420px; */margin: 10px 10px 40px 10px; width: 300px; text-align: left;}
.footerColRight {float: left; /*height: 420px; */margin: 10px 0 40px 10px; width: 300px; text-align: left;}
.footerCol p {margin: 10px;}

#sidebar-footer {border-bottom: 1px solid #708670; margin-bottom: 10px;}

/*----------------------
	TWITTER TOOLS
------------------------*/
.aktt_tweet_time {display: block; margin-bottom: 10px;}

/*----------------------
	KILL SMILEY
------------------------*/
img#wpstats {display:none;}