/*
ThemePack Name: Foxtrot
ThemePack URI: http://foxtrot.com
Description: Custom Foxtrot Site
Author: Bill Amend, Scott Shorter & Tyler Martin
Author URI: http://mindfaucet.com/
Version: 1.0
*/

body {
background: url('background.gif');
}

a {
color: #9933cc;
}

#page {
width: 970px;
overflow: hidden;
}

#content-wrapper {
background: url('content.png') repeat-y;
}

#header {
width: 743px;
height: 110px;
padding: 20px 0 0 227px;
margin: 20px 0 0 0;
overflow: hidden;
text-align: left;
background: url('header.png') no-repeat;
}

#content-wrapper {
padding: 0;
}

#subcontent-wrapper {
overflow:hidden;
padding:0 19px;
}

#comic {
width: 850px;
padding: 5px 0 5px 20px;
border: none;
float: left;
}

#comic-wrap {
background: url('comic.png') repeat-y;
width: 970px;
overflow: hidden;
}

#sidebar-comicright {
width: 50px;
float: left;
}

#sidebar-undercomic {
background: url('comic.png') repeat-y;
padding: 0 17px;
min-height: 235px;
}

#sidebar-undercomic  ul {
position: absolute;
margin: 0;
padding: 0;
}

#special {
width: 350px;
height: 180px;
padding: 20px;
position: absolute;
left: 540px;
overflow: hidden;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#wp-calendar caption {
font-family:'Trebuchet MS',sans-serif;
font-size:13px;
font-weight:bold;
font-variant:normal;
letter-spacing:-1px;
}

#comic_navi_wrapper {
width: 528px;
height: 36px;
padding: 0;
margin: 0;
position: absolute;
overflow: hidden;
z-index: 1000;
}

li.widget_calendar {
width: 180px;
position: absolute;
top: 10px;
z-index: 999;
}

li.widget_comicpress_archive_dropdown {
position: absolute;
left: 6px;
top: 200px;
}

li.widget_comicpress_comic_date {
width: 140px;
overflow: hidden;
font-weight: bold;
position: absolute;
left: 190px;
top: 40px;
}

li.widget_comicpress_bookmark {
position: absolute;
left: 338px;
top: 40px;
width: 190px;
height: 20px;
z-index: 1000;
}

li.widget_comicpress_comic_blog_post {
width: 335px;
height: 162px;
position: absolute;
top: 60px;
left: 190px;
overflow: auto;
}

li.widget_comicpress_comic_blog_post p {
font-size: 11px;
line-height: 13px;
margin: 5px 0 0 0;
}

li.widget_comicpress_comic_blog_post .heading {
color: #9933cc;
font-weight: bold;
font-family: 'Trebuchet MS', sans-serif;
font-size: 13px;
}

.nav, li.widget_comicpress_comic_blog_post .post-info, li.widget_comicpress_comic_blog_post .post-extras {
display: none;
}

li.widget_comicpress_comic_blog_post #sharethis_1 {
display: none;
}

#subcontent-wrapper {
overflow: hidden;
padding: 0 30px;
}

#sidebar-right {
width: 300px;
overflow: hidden;
}

#blogheader {
border: none;
}	

#foxtrot-share {
height: 60px;
width: 80px;
margin: 210px 0 0 0;
background: url('comic-sidebar.png') no-repeat;
}

#foxtrot-share:hover {
background-position: -80px 0;
}

#foxtrot-share a {
height: 60px;
width: 80px;
display: block;
opacity: 0;
}

#foxtrot-buyprint {
width: 80px;
height: 60px;
display: block;
text-indent: -9999px;
overflow: hidden;
background: url('comic-sidebar.png') 0 -60px no-repeat;
}

#foxtrot-buyprint:hover {
background-position: -80px -60px;
}

#foxtrot-reuse {
width: 80px;
height: 60px;
display: block;
text-indent: -9999px;
overflow: hidden;
background: url('comic-sidebar.png') 0 -120px no-repeat;
}

#foxtrot-reuse:hover {
background-position: -80px -120px;
}





/* FOOTER */

#footer {
width: 966px;
padding: 1px 0 0 0;
margin: 0 0 20px 0;
border-width: 0 2px 2px 2px;
border-style: solid;
border-color: #faff6a;
background: #99cd00 url('footer.png') top center no-repeat;
}




/* SEARCH */

#s-search, #s-transcript {
	width: 150px;
	height: 32px;
	padding: 8px 5px 0 5px;
	margin: 10px 0 0 0;
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
	color: #000;
	border: none;
	float: left;
	background: url('search.png') no-repeat;
}

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

	#searchform button, #searchform-transcript button {
		padding: 0;
		margin: 10px 0 0 0;
		border: none;
		height: 40px;
		width: 40px;
		line-height: 0;
		font-size: 0;
		cursor: pointer;
		text-indent: -9999px;
		background: url('search.png') -160px 0px no-repeat;
	}

	#searchform button:hover, #searchform-transcript button:hover {
		background-position: -160px -40px;
	}

	#searchform button:hover, #searchform-transcript button:-moz-focus-inner {
		border: 0;
	}

	.searchresults {
		float: right;
		padding: 5px;
	}

	
	
	
	
	
	
/* MENU */

#menubar {
width: 940px;
height: 50px;
padding: 0 13px 10px 13px;
background: #99cd00;
border-width: 0 2px;
border-style: solid;
border-color: #faff6b;
}

#menu li.page-item-home, #menu li.page-item-home a, #menu li.page-item-home:hover a {
width: 360px;
height: 50px;
padding: 0;
text-indent: -9999px;
overflow: hidden;
background: url('logo.png');
}

#menu .current_page_item a {
background: inherit;
}

#menu li {
padding: 0 10px 0 0;
background: url('menu.png') right top no-repeat;
}

#menu li:hover {
background: url('menu.png') right -50px no-repeat;
}

#menu li a {
height: 35px;
padding: 15px 0 0 10px;
line-height: 25px;
font-size: 11px;
background: url('menu.png') no-repeat;
}

#menu li:hover a {
height: 35px;
padding: 15px 0 0 10px;
line-height: 25px;
font-size: 11px;
background: url('menu.png') 0 -50px no-repeat;
}

#menu li.current_page_item {
background-position: right -100px;
}

#menu li.current_page_item a {
background-position: 0 -100px;
}

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

	#menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		left: -9999px;
		width: 170px;
		line-height: 1;
	}
	#menu li li {
		width: 165px;
		height: 25px;
		line-height: 25px;
		color: #fff;
		background: #000;
		padding: 0;
		margin: 0;
	}
	#menu li li a {
		width: 154px;
		padding: 0;
		color: #fff;
		border: none;
		padding: 0;
		margin: 0;
	}
	#menu li ul ul {
		margin: -17px 0 0 170px;
		padding: 0;
	}
	#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 */
		padding: 0;
		margin: 0;
	}
	#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;
        padding: 0 0 0 5px;
		margin: 0;
	}

	#menu li li:hover {
		background: #9933cc; /*Submenu highlighted background color */
		padding: 0 0 0 5px;
		margin: 0;
	}
	#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;
		padding: 0;
		margin: 0;
	}