/* 
Theme Name: Lemon Inc.
Theme URI: http://laiguyscomics.com/lemoninc
Description: Lemon Inc.'s theme.
Author: Tim Lai
Author URI: http://laiguyscomics.com/lemoninc
Template: comicpress
*/

/* Import Comicpress CSS */
	@import url("../comicpress/style.css");

/* STANDARD TAGS */

body {
	margin: 0;
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	color: #000;
	background: #99CCFF url('images/bgs/bg.png') repeat-y center top;
}

a {
	color: #E2C200;
	text-decoration: none;
}

a:hover {
	color: #FBEE4A;
}

blockquote {
	margin: 10px;
	padding: 5px 10px 5px 20px;
	font-family: 'Arial', serif;
	font-size: 12px;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-color: #fff;
	background:url('images/bgs/transparent.png');
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	font-weight: bold;
	font-family: 'Arial', sans-serif;
	font-size: 12px;
}

/* HEADINGS */

h1, h1 a {

}

h2, h2 a {
	margin: 0;
	font-weight: normal;
	letter-spacing: -1px;
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 2px;
	font-family: 'Arial';
}

	h2.pagetitle, h2.pagetitle a {
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
		font-family: 'Arial' , serif;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: -2px;
		clear: both;
		color: #fff;
		text-transform: uppercase;
	}
	
h2.post, h2.post a {
		color: #fff;
	}

h3, h3 a {
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color: #000;
	text-decoration: none;
	clear: both;
	letter-spacing: -1px;
	font-family: 'Arial';
}

/* THE PAGE WRAPPER */

#page {
	width: 780px;
	margin: 0px auto;
}

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

#body2 {
background: url('images/bgs/header.png') no-repeat center top;
}

#body {
background: url('images/bgs/footer.png') repeat-x center bottom;
}

#header-ad {
padding-top: 30px;
padding-left: 80px;
}

/* THE COMIC */

#sidebar-overcomic {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
padding-left: 15px;
padding-right: 10px;
padding-top: 0px;
}

#comicpresscomictitlewidget-3 {
float: left;
}

#comicpresscomicdatewidget-3 {
float: left;
padding-left: 10px;
}

#comicpress_classic_bookmark-3 {
float: right;
}

#comic-head {
	padding-top: 5px;
	clear: both;
}

#comic {
	text-align: center;
	padding-left: 5px;
	width: 760px;
}

#comic-foot {
	padding-bottom: 5px;
	text-align: center;
}

#sidebar-undercomic {
padding-left: 15px;
}

#comic_navi_wrapper {
float: left;
}

.widget ComicPressSocialWidget {
float: right;
}

/* Tool Tips (ComicPress Rascal) */
.tt a {
	position: relative;
	z-index: 1000;
	color: #3CA3FF;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -110px;
}

	a.tt span {
		display: none;
	}

	a.tt:hover span.tooltip {
		position: absolute;
		display: block;
		width: 200px;
		color: #000;
		margin: 0 auto;
		text-align: center;
		height: 164px;
		background: url('images/andy-rascal.png') no-repeat;
		z-index: 1000;
	}
	a.tt:hover span.top {
		display: block;
		width: 200px;
		height: 35px;
		padding-top: 10px 10px 0 10px;
		margin-top: 59px;
		margin-left: 25px;
		background: url('images/bubble.png') 0 0 no-repeat;
		z-index: 1000;
	}
	a.tt:hover span.middle {
		/* different middle bg for stretch */
		display: block;
		width: 180px;
		margin-left: 25px;
		padding: 0 10px;
		background: url('images/bubble.png') -200px 0 repeat-y;
		z-index: 1000;
	}
	a.tt:hover span.bottom {
		display: block;
		width: 200px;
		height: 15px;
		background-position: -100px;
		color: #548912;
		margin-left: 25px;
		background: url('images/bubble.png') 0 -35px no-repeat;
		z-index: 1000;
	}
	
	.ie .tt a:hover {
		z-index:1000; color: #aaaaff; 
		background-color: Transparent;
	}

/* LAYOUT */

#content {
width: 460px;
float: left;
padding-left: 15px;
}

#sidebar-header #comic_navi_wrapper {
float: right;
margin-top: 80px;
}

#sidebar-left {
width: 280px;
float: right;
text-align: center;
}

#sidebar-right {
text-align: center;
}


/* POSTS */
#blogheader {
padding: 0;
height: 67px;
width: 460px;
background: url('images/posts/blogheader.gif');
}

.post-blog {
margin: 20px 0 30px 0;
padding: 5px 10px 5px 10px;
background: url('images/posts/blogbg.gif');
color: #fff;
}

.home .post-blog .post-foot, 
.page-template-blog-php .post-foot {
	margin-bottom: 10px;
}

.post-author-gravatar {
	float: left;
	margin-right: 5px;
}

.post-mood {
	float: right;
}

.more-link {
	color: #fff;
	font-size: 18px;
	padding: 5px 0 5px 0;
	margin-bottom: 15px;
	border-top: dotted 2px #fff;
}

.related_posts {
	margin: 10px 0 10px 0;
	padding: 10px;
	background:url('images/bgs/transparent.png');
}

comicpresscomicblogpostwidget-3 {
}

#comicpresscomicblogpostwidget-3 .widget-content {
width: 260px;
padding: 5px 10px 5px 10px;
background: url('images/posts/comicnotes.png') repeat-y;
text-align: left;
}

#comicpresscomicblogpostwidget-3 .widget-head {
height: 25px;
background: url('images/posts/comicnoteshead.png') no-repeat;
}

#comicpresscomicblogpostwidget-3 .widget-foot {
height: 60px;
paddin-right: 10px;
background: url('images/posts/comicnotesfoot.png') no-repeat;
}

#comicpresscomicblogpostwidget-3 a {
color: #FF8080; 
}

#comicpresscomicblogpostwidget-3 a:hover {
color: #FF0000; 
}

.paged #comicpresscomicblogpostwidget-3 {
display: none;
}

/* PAGES */

.page #sidebar-left { display: none; }
.page #sidebar-right { background: none; }
.page #content { width: 760px; float: left; }
.search #sidebar-right, .search-results #sidebar-right, .archive #sidebar-right { background: none; }
.page-title { display: none; }
.post-content h3 { color: #fff; }
 
.post-page {
margin: 20px 0 20px 0;
padding: 5px 20px 5px 20px;
background: url('images/pages/page.png');
color: #fff;
}

/* ABOUT PAGE */

#synopsis { margin-bottom: 30px; display:inline-block;}
#synopsis .section-text { padding: 30px 10px 10px 10px; width: 430px; float: left; margin-right: 10px; background: url('images/pages/synopsisbg.png') no-repeat; color: #000;}
#synopsis .section-title { margin-bottom: 10px; }
#synopsis .section-image { width: 250px; height: 232px; background: url('images/pages/lemonadestand.png') no-repeat center left; float: left;}

#cast { text-align: center; }
#main-cast { margin-bottom: 30px;}
#supporting-cast { margin-bottom: 30px; }
#andy {margin-top: 10px; padding-left: 350px; padding-right: 120px; padding-top: 10px; height: 372px; background: url('images/pages/profile-andy.png') no-repeat center top; color: #000; text-align: left;}
#jeff {padding-left: 110px; padding-right: 360px; padding-top: 10px; height: 372px; background: url('images/pages/profile-jeff.png') no-repeat center top; color: #000; text-align: left;}
#alison {padding-left: 350px; padding-right: 120px; padding-top: 10px; height: 372px; background: url('images/pages/profile-alison.png') no-repeat center top; color: #000; text-align: left;}
#tommy {padding-left: 120px; padding-right: 350px; padding-top: 10px; height: 372px; background: url('images/pages/profile-tommy.png') no-repeat center top; color: #000; text-align: left;}
#gerald {margin-top: 5px; padding-left: 350px; padding-right: 120px; padding-top: 10px; height: 372px; background: url('images/pages/profile-gerald.png') no-repeat center top; color: #000; text-align: left;}
#mr-lemon {padding-left: 120px; padding-right: 350px; padding-top: 10px; height: 372px; background: url('images/pages/profile-dad.png') no-repeat center top; color: #000; text-align: left;}

#about-tim { margin-bottom: 30px; display:inline-block; text-align: center; }
#about-tim .section-text { padding: 30px 10px 10px 10px; width: 410px; height: 289px; float: left; margin-left: 10px; background: url('images/pages/biobg.png') no-repeat left top; text-align: left; color: #000;}
#about-tim .section-title { margin-bottom: 10px; }
#about-tim .section-image { width: 270px; height: 289px; background: url('images/pages/tim.png') no-repeat center top; float: left;}

#about-tim a {
color: #FF8080; 
}

#about-tim a:hover {
color: #FF0000; 
}

/* CALENDAR ARCHIVES PAGE */

.cpcal-image {
	height: 120px;
	width: 152px;
}

.cpcal-cals {
	margin: 0 auto;
	padding-left: 5px;
	color: #000;
}

.cpcal-month {
	width: 157px;
	padding: 5px 0 5px 5px;
	margin: 0 8px 8px 0;
	float: left;
	border: 1px solid #999;
	background:#fff;
}

.cpcal-monthtitle {
	width: 154px;
	height: 16px;
	padding: 0 0 5px 0;
	text-align: center;
	font-family: 'Arial' , serif;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1px;
}

.cpcal-dayletter {
	width: 20px;
	height: 15px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
}

.cpcal-day {
	width: 18px;
	height: 13px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	border: 1px solid #999;
}

.cpcal-day a {
	width: 18px;
	height: 13px;
	line-height: 13px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.cpcal-day a:hover {
	color: #fff;
	background: #000;
}

/* EXTRAS PAGE */

#desktops { margin-bottom: 30px;}

#avatars { margin-bottom: 30px;}
#avatars .section-title { }
#avatars .section-text { }
#avatars .section-text img { margin: 5px;}

/* COMMENTS */

#comment-wrapper #comments { 
	background: url('images/posts/comments.png') no-repeat center left;
	padding-left:130px;
	font-size: 18px;
	}

.comment {
	display: block;
	margin: 20px 0 0 0;
	padding: 5px 10px 5px 10px;
	background: url('images/posts/blogbg.gif');
	color: #fff;
}

	.comment .comment {
		margin: 10px 0 0 70px;
		background:url('images/bgs/transparent.png');
	}

	.comment .comment .comment {
		margin-left: 20px;
		background:url('images/bgs/transparent.png');
	}

/* COMMENT LINK */

#content .comment-link {
	height: 25px;
	line-height: 25px;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	text-align: right;
}

	#content .comment-link a {
		padding: 0 5px 0 0;
	}
		
	#content .comment-link a:hover {
	}
		
	#content .comment-balloon {
		width: 30px;
		height: 25px;
		padding-top: 3px;
		padding-bottom: 0px;
		display: block;
		float: right;
		overflow: hidden;
		text-align: center;
		color: #000;
		line-height: 21px;
		font-family: 'Arial', serif;
		font-size: 16px;
		font-weight: normal;
		background: url('images/posts/comment-balloon.png') no-repeat;
	}
	
		#content .comment-link a:hover .comment-balloon {
			color: #000;
			background-position: 0 -30px;
		}
		
	#content .comment-balloon-empty {
		font-size: 20px;
		line-height: 30px;
		}

/* WIDGETS */

.widget {
	display: inline-block;
	vertical-align:top;
}

.sidebar .widget {
		margin-bottom: 10px;
	}

.archive-dropdown-wrap {
	background: url('images/right-sidebar/browse-search.png') no-repeat;
}

	.archive-dropdown-wrap:hover {
		background-position: 0 -25px;
	}

.archive-dropdown {
	margin: 0;
	padding: 0;
	width: 166px;
	height: 25px;
	font-size: 12px;
	font-family: 'Arial' , sans-serif;
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
}

#random {
background: url('images/right-sidebar/random.png') no-repeat top;
width: 150px;
height: 84.5px;
}

#random:hover {
background-position: 0 -84.5px;
}

#ad-label {
height: 22px;
width: 166px;
margin-top: 10px;
background: url('images/right-sidebar/ads.png') no-repeat center;
}

#share-label {
height: 16px;
width: 280px;
background: url('images/share.png') no-repeat;
}

.paged #share-label {
display: none;
}

/* FACEBOOK, TWITTER, RSS, E-MAIL */

#facebook-twitter {
height: 239px;
width: 280px;
background: url('images/left-sidebar/follow.png') no-repeat top left;
padding-top: 40px;
padding-left: 40px;
margin-bottom: 0px;
margin-top: -90px;
text-align: center;
}

.facebook {
	width: 200px;
	height: 77.5px;
	border: none;
	background: url('images/left-sidebar/facebook.png') no-repeat top;
}

.facebook:hover {
background-position: 0 -77.5px;
}

.twitter {
	width: 200px;
	height: 77.5px;
	border: none;
	background: url('images/left-sidebar/twitter.png') no-repeat top;
	margin-top: -10px;
}

.twitter:hover {
background-position: 0 -77.5px;
}

#subscribe {
height: 225px;
width: 280px;
background: url('images/left-sidebar/subscribe.png') no-repeat top left;
padding-top: 60px;
padding-left: 30px;
margin-bottom: 0px;
margin-top: -90px;
text-align: center;
}

.sidebar-rss {
	width: 200px;
	height: 77.5px;
	border: none;
	background: url('images/left-sidebar/rss.png') no-repeat top;
}

.sidebar-rss:hover {
background-position: 0 -77.5px;
}

.e-mail {
	width: 200px;
	height: 77.5px;
	border: none;
	background: url('images/left-sidebar/e-mail.png') no-repeat top;
}

.e-mail:hover {
background-position: 0 -77.5px;
}

/* LINKS */

#affiliates {
height: 239px;
width: 280px;
background: url('images/left-sidebar/affiliates.png') no-repeat top left;
padding-top: 40px;
margin-bottom: 0px;
}

.laiguys {
}

.timlai {
}

#linkcat-81 .widget-content {
height: 214px;
width: 280px;
background: url('images/left-sidebar/links.png') no-repeat top left;
padding-top: 60px;
padding-left: 30px;
margin-top: -70px;
text-align: left;
}

#linkcat-81 .widgettitle {
display: none;
}

/* OTHER LEFT SIDEBAR STUFF */

.wah {
height: 315px;
width: 280px;
background: url('images/left-sidebar/wah.png') no-repeat top center;
margin-top: -100px;
}

.wah:hover {
background-position: 0 -315px;
}

.fanart {
height: 262px;
width: 280px;
background: url('images/left-sidebar/fanart.png') no-repeat top center;
margin-top: -30px;
}

.fanart:hover {
background-position: 0 -262px;
}

/* SEARCH */

#s-search, #s-transcript {
	width: 136px;
	padding: 0px 0 0 5px;
	font-size: 12px;
	height: 25px;
	font-family: 'Arial' , sans-serif;
	color: #000;
	border: none;
	float: left;
	background: url('images/right-sidebar/browse-search.png') 0 -50px no-repeat;
}

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

	#searchform button, #searchform-transcript button {
		padding: 0;
		margin: 0;
		border: none;
		height: 25px;
		width: 25px;
		line-height: 0;
		font-size: 0;
		cursor: pointer;
		text-indent: -9999px;
		background: url('images/right-sidebar/browse-search.png') -141px -50px no-repeat;
	}

	#searchform button:hover, #searchform-transcript button:hover {
		background-position: -141px -75px;
	}

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

/* CALENDAR */

#wp-calendar-wrap {
	margin: 0 auto;
	width: 190px;
	height: 190px;
	background: none;
	padding-top: 5px;
	padding-bottom: 0px;
	border: none;
	background: url('images/right-sidebar/postitnote.png') no-repeat top center;
}

#wp-calendar {
	width: 165px;
	margin: 0 auto;
}

	.wp-calendar-thumb {
		width: 178px;
		height: 130px;
		margin: 0 auto;
	}

	#wp-calendar th {
		font-size: 11px;
		font-weight: normal;
		text-align: center;
	}

	#wp-calendar caption {
		font-family: 'Arial' , sans-serif;
		font-size: 14px;
		letter-spacing: -1px;
		text-transform: uppercase;
	}

	#wp-calendar td {
		min-width: 20px;
		padding: 0;
		text-align: center;
		border: 1px solid #000;
	}

	#wp-calendar a {
		display: block;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
	}

	#wp-calendar a:hover {
		color: #fff;
		background: #000;
	}

	table#wp-calendar {
		border:none;
		background: transparent;
	}

	table#wp-calendar td {
		border-color: #000;
	}

	.wp-calendar-download {
		width: 166px;
		margin: 0 auto;
		overflow: hidden;
		font-size: 10px;
		text-align: right;
		color: #777;
		background: #222;
	}

		.wp-calendar-download-links a {
			padding: 0 3px;
			font-weight: bold;
			color: #fff;
			background: #000;
			border-left: 1px solid #777;
		}

			.wp-calendar-download-links a:hover {
				background: #800;
			}
	
/* Begins Custom Menubar */
#lemoninc-menubar { background: url('images/details.png') bottom left no-repeat; width: 980px; margin: 0; padding: 0;}
#lemoninc-menubar ul li { margin: 0 0 50px 0; padding: 0; }
#lemoninc-menu .page_item a, #lemoninc-menu .page_item { display: inline-block; float: left; text-decoration: none; text-indent: -99999px; }
#lemoninc-menu { padding: 0; margin: 0 0 0 0; width: 100%; height: 112.5px; display: inline-block; }

#lemoninc-menu .logo a { height: 112.5px; width: 200px; background: url('images/logo.png') no-repeat; float: left; text-align: left; }
#lemoninc-menu .logo a:hover { background-position: 0 -112.5px; }

#lemoninc-menu .page-item-home a, #lemoninc-menu .page-item-home { height: 30px; width: 90px; background: url('images/menubar.png') no-repeat; float: left;}
#lemoninc-menu .page-item-2 a, #lemoninc-menu .page-item-2 { height: 30px; width: 100px; background: url('images/menubar.png') no-repeat; float:left; background-position: -100px 0; margin-right: 10px;}
#lemoninc-menu .page-item-3 a, #lemoninc-menu .page-item-3 { height: 30px; width: 100px; background: url('images/menubar.png') no-repeat; float:left; background-position: -200px 0; margin-right: 15px;}
#lemoninc-menu .page-item-4 a, #lemoninc-menu .page-item-4 { height: 30px; width: 100px; background: url('images/menubar.png') no-repeat; float:left; background-position: -300px 0; margin-right: 10px;}
#lemoninc-menu .page-item-5 a, #lemoninc-menu .page-item-5 { height: 30px; width: 100px; background: url('images/menubar.png') no-repeat; float:left; background-position: -400px 0; margin-right: 5px;}
#lemoninc-menu .page-item-6 a, #lemoninc-menu .page-item-6 { height: 30px; width: 100px; background: url('images/menubar.png') no-repeat; float:left; background-position: -500px 0;}
#lemoninc-menu .page-item-7 a, #lemoninc-menu .page-item-7 { height: 30px; width: 28px; background: url('images/rss.png') no-repeat; float:right; margin-left: 5px;}
#lemoninc-menu .page-item-8 a, #lemoninc-menu .page-item-8 { height: 30px; width: 28px; background: url('images/twitter.png') no-repeat; float:right; margin-left: 5px;}
#lemoninc-menu .page-item-9 a, #lemoninc-menu .page-item-9 { height: 30px; width: 28px; background: url('images/facebook.png') no-repeat; float:right;}

#lemoninc-menu .page-item-home a:hover { background-position: 0 -30px; }
#lemoninc-menu .page-item-2 a:hover { background-position: -100px -30px; background-color: #000 Transparent; }
#lemoninc-menu .page-item-3 a:hover { background-position: -200px -30px; background-color: #000 Transparent; }
#lemoninc-menu .page-item-4 a:hover { background-position: -300px -30px; background-color: #000 Transparent; }
#lemoninc-menu .page-item-5 a:hover { background-position: -400px -30px; background-color: #000 Transparent; }
#lemoninc-menu .page-item-6 a:hover { background-position: -500px -30px; background-color: #000 Transparent; }

/* Ends Custom Menubar */