@import url(../comicpress/style.css);
/*
Theme Name: LukeSurl
Theme URI: http://www.lukesurl.com
Template: comicpress
Description: LukeSurl ComicPress theme.
Author: Marco aka teethgrinder
Author URI: http://teethgrinder.net
Version: 1.2
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.

STANDARD TAGS*/
BODY
{
	background: #89A url(images/background900.png) repeat-y fixed center;
	font-size: 12px;
}
/*
A:link
{
	color: #000;
	text-decoration: underline;
}
A:hover
{
	color: #777;
}
*/
.navi
{
	width: 44px;
	margin: 0 5px;
	padding-top: 44px;
	font-size: 9px;
	color: #555;
	display: inline-block;
	text-decoration: none;
}
A .navi-comments-count
{
	text-decoration: none;
}
#page, #page-wide
{
	background: #FFF;
	/*[disabled]border-left:1px solid #000;*/
	/*[disabled]border-right:1px solid #000;*/
	/*[disabled]border-bottom:1px solid #000;*/
	width: 900px;
}
#page-wrap
{
	padding: 0 10px;
	background: url(images/classic-background-narrow.png) repeat-y top center;
}
.single-post .entry P
{
	font-size: 14px;
	font-style: normal;
}
.single-post .post-info
{
	display: none;
}
#page-wide-wrap
{
	padding: 0 10px;
	background: url(images/classic-background-wide.png) repeat-y top center;
}
H1
{
	text-shadow: 2px 2px 3px #111;
}
#header
{
	background: #333 url(images/logo12.png) no-repeat center;
	margin: 0 auto;
	width: 900px;
	height: 152px;
	overflow: hidden;
}
#header H1
{
	padding: 0px;
	margin: 0px;
}
#header .description
{
	text-indent: -9999px;
}
#content-wrapper, #content-wrapper
{
	background: #FFFFFF;
}
#subcontent-wrapper
{
	background: #FFFFFF;
}
#footer
{
	padding: 5px 0;
	color: #FFF;
	background: #222;
	border-bottom: 1px solid #000;
}
#comic_navi_wrapper, #comic, .pagenav
{
	background: #FFF;
}
.narrowcolumn, .widecolumn
{
	background: #FFFFFF;
}
.archive.category-comics #content.narrowcolumn
{
	width: 660px;
	padding-top: 20px;
}
.archive.category-comics #sidebar-right
{
	padding-top: 32px;
}
#header H1 A
{
	display: block;
	width: 900px;
	height: 152px;
	text-indent: -9999px;
}
#header .description
{
	display: none;
}
.page .narrowcolumn
{
	padding-top: 5px;
}
#comic-head
{
	padding: 0;
	margin: 0;
}
#sidebar-abovecomic
{
	background: #FFF;
}
#comic
{
	margin: 0;
	border: 0;
}
#sidebar-undercomic, #comic-foot
{
	background: #FFF;
	padding-top: 6px;
	padding-bottom: 3px;
}
#footer A
{
	color: #FF0000;
	text-decoration: none;
	/*+text-shadow:0px 1px 1px #111;*/
	-moz-text-shadow: 0px 1px 1px #111;
	-webkit-text-shadow: 0px 1px 1px #111;
	-o-text-shadow: 0px 1px 1px #111;
	text-shadow: 0px 1px 1px #111;
}
#footer A:hover
{
	color: #FFF;
}
/*MENU*/
#menubar-wrapper
{
	width: 900px;
	clear: both;
	display: block;
	margin: 0px auto;
	background: #000;
	padding: 3px 0 !important;
}
#menubar-wrapper .menu-header, DIV.menu
{
	font-size: 13px;
	margin-left: 0;
}
.menunav
{
	float: right;
	text-align: left;
}
.menunav A
{
	text-shadow: 0px 1px 1px #F60;
}
#menubar-wrapper A
{
	display: block;
	text-decoration: none;
	height: 28px;
}
.menunav-rss:hover
{
	background: #FF6600;
}
.menubar UL LI A:link, .menubar UL LI A:visited, .menubar UL LI UL LI A:link, .menubar UL LI UL LI A:visited
{
	text-indent: -9000px;
	=display: inline-block;
}
.menubar UL LI A:hover
{
	color: #FFF;
	background: transparent !important;
/*background of menu items during onmouseover (hover state)*/
}
.menu UL LI A:hover
{
	color: inherit;
	background: transparent;
/*background of menu items during onmouseover (hover state)*/
}
.menu LI, .menu LI:hover
{
	height: 31px;
	background-color: transparent;
	text-indent: -9999em;
	display: block;
}
.menu LI.home
{
	background: transparent url(images/homeB.png) no-repeat left center;
	width: 80px;
}
.menu LI.about
{
	background: transparent url(images/about_button.png) no-repeat left center;
	width: 87px;
}
.menu LI.archive
{
	background: transparent url(images/Archive_button.png) no-repeat left center;
	width: 104px;
}
.menu LI.extras
{
	background: transparent url(images/extras_button.png) no-repeat left center;
	width: 95px;
}
.menu LI.shop
{
	background: transparent url(images/shop_button.png) no-repeat left center;
	width: 100px;
}
.menu LI.navdate { 
	color: #fff; 
	float: right !important;
	border: 0 !important;
	padding: 10px;
	}
.header-search {display:none;}

@media screen and (min-width: 600px) {
	.header-search {
		display:block;
		float:right;
		position:relative;
		margin-top:-40px;
	}
}
.menunav-search
{
	float:right;
	margin-right:8px;
	height:28px;
	display:inline-block;
}
.menunav-search BUTTON
{
	background:#007F1C;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	padding:2px 8px;
	border:1px solid #009D23;
	+border-radius:0 0.2em 0.2em 0;
	text-shadow:0px 1px 0px #111;
	font-size:19px;
	position:relative;
	margin-right:0px;
	margin-left:0px;
	margin-top:0;
	float:right;
	display:none;
}
.menunav-search BUTTON:hover
{
	background:#009D23;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	text-shadow:0px -1px 0px #111;
	cursor:pointer;
}
.menunav-search #s-search
{
	padding:0 5px;
	width:150px;
	margin-right:6px;
	+border-radius:0.4em;
	border:1px solid #009D23;
	outline:none;
	height:26px;
	font-style:normal;
	font-family:monospace;
	font-size:13px;
	float:right;
	top:2px;
	position:relative;
}
/*MENU NAV
COMMENT*/
.comment-link
{
	font-size: 9px;
}
.comment-meta-data
{
	background: #DDD;
	border: 1px dotted #BBB;
}
.bypostauthor .comment-meta-data
{
	background: #FFF;
}
/*comments*/
#comment, #author, #email, #url, #comment-textarea
{
	padding: 2px;
	color: #000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #EEE;
	border: 1px solid #888;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#comment-textarea:focus, #comment:hover, #author:hover, #email:hover, #url:hover, #comment:focus, #author:focus, #email:focus, #url:focus
{
	background: #FFF;
}
/*OTHER*/
#sidebar-undercomic
{
	text-align: center;
}
.widget_sociable_widget
{
	margin: 0 auto;
	padding: 0;
}
.cpcal-cals
{
	width: 516px;
	margin: 0 auto;
	padding-left: 5px;
}
H2, H2 A
{
	padding: 0 0 2px;
	margin: 0;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -1px;
	text-decoration: none;
}
/*Comic Archive Dimension*/
.comicthumbwrap
{
	float: left;
	padding: 2px 2px 6px;
	text-align: center;
	overflow: visible;
	margin-bottom: 10px;
	margin-top: 15px;
}
.archive.category-comics IMG.comicthumbnail
{
	width: auto;
	max-height: 100px;
	vertical-align: baseline;
	/*+box-shadow:0px 1px 3px #333;*/
	-moz-box-shadow: 0px 1px 3px #333;
	-webkit-box-shadow: 0px 1px 3px #333;
	-o-box-shadow: 0px 1px 3px #333;
	box-shadow: 0px 1px 3px #333;
}
/*Menu Nav*/
.menunav-prev, .menunav-next
{
	display: inline-block;
	float: left;
}
.menunav-prev A, .menunav-next A
{
	width: 25px;
	font-size: 36px;
	padding-bottom: 3px;
	font-weight: bold;
	display: inline-block;
	overflow: hidden;
	color: #FFF;
}
.menunav-prev A:hover
{
	background: transparent;
	color: #FFE458;
}
.menunav-next A:hover
{
	background: transparent;
	color: #FFE458;
}
/*SEARCH*/
#s-search, #s-transcript
{
	width: 138px;
	padding: 4px 0 0 5px;
	font-size: 13px;
	height: 19px;
	font-family: monospace;
	color: #FFF;
	border: none;
	float: left;
	background: #555555;
	margin-top: 5px;
	margin-right: 8px;
}
#s-search:hover, #s-search:focus, #s-transcript:hover, #s-transcript:focus
{
	color: #EEEEEE;
	background-position: 0 -69px;
}
#searchform BUTTON, #searchform-transcript BUTTON
{
	padding: 0;
	margin: 0;
	border: none;
	height: 23px;
	width: 23px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	display: none;
}
#searchform BUTTON:hover, #searchform-transcript BUTTON:hover
{
}
#searchform BUTTON:hover, #searchform-transcript BUTTON:-moz-focus-inner
{
	border: 0;
}
.searchresults
{
	float: right;
	padding: 5px;
}
#sidebar-right {
display:none;
}

/*widen content*/
/*
*/