/**
 * Theme Name: Inkblot
 * Theme URI: http://maikeruon.com/webcomic/
 * Description: Make an impression with the original, highly customizable <a href="http://maikeruon.com/webcomic/">Webcomic</a> theme.
 * Version: 2.1.0
 * Author: Michael Sisk
 * Author URI: http://maikeruon.com/
 * Tags: black, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, theme-options, threaded-comments, sticky-post
 */
 
/** Load the Cascade Failure CSS Framework */
@import url( 'includes/css/cf-reset.css' );
@import url( 'includes/css/cf-layout.css' );
@import url( 'includes/css/cf-typography.css' );

/**
 * Thanks for choosing InkBlot! This is the InkBlot style.css file.
 * Wihle you can make alterations to the theme here, it's strongly
 * recommended that you use a child theme and not modify InkBlot
 * itself directly.
 * 
 * For more information on child theme and customizaing InkBlot please
 * see: http://maikeruon.com/wcib/documentation/inkblot/customizing/
 */

/* defaults - overrides basic styling from the Cascade Failure framework */


/*** Twitter Widget*/
.widget_twitter li {
	clear:both;
}
.widget_twitter li img {
	float:left;
	margin-right:.5em;
}
.widget_twitter li .clear {
	clear:both;
}


/*ul.twitter {
	color:#009BD5;
	font-size:14px;
}

a, a:visited .twitter-link {
	color:#FFFF00;
	font-size:14px;
	text-decoration:none:
}*/

.interior h2 {
	font-size:18px;
	padding: 0px 0px 5px 0px;
}

.interior ul li{
	padding: 36px 2px 2px 50px;
}

.interior .post {
	margin:0px 0px 15px 0px;
	padding: 1px 2px 5px 6px;
/*	border-bottom:#CCCCCC dotted;*/
}

#twitter-1 {
	text-decoration:none;
	color:#000000;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	background:transparent url(http://blog.sapoentertainment.com/wp-content/themes/inkblot/includes/images/twitter_background_sapo.gif) no-repeat scroll 0px 0px;
}

#twitter-1 a, a:visited {
	color:#000000;
	text-decoration:none;
}

#twitter-1 a:hover {
	color:#1A7E48;
	text-decoration:none;
	/*border-bottom:#CCCCCC dotted;*/
}

#twitter-1 h2.widgettitle {
color: #000000;
padding: 5px 0px 0px 68px;
}

#twitter-1 .add-twitter-item {
padding: 0px 0px 0px 42px;
margin: 10px 11px 12px 20px;
}

.add-twitter-item {
	padding: 5px 0px 5px 0px;
}

#tag_cloud-3 {
	text-decoration:none;
	border-bottom:  1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 5px 0px;
}

#tag_cloud-3 div {
	padding: 1px 0px 0px 0px;
	margin: 5px;
}

#social-links-sidebar {
	text-decoration:none;
	border-bottom:  1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 5px 0px;
}

#meta-3 {
	text-decoration:none;
	border-bottom:  1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 5px 0px;
}

.object {
	width:300px;
}
#head {
padding: 0px 0px 0px 0px;
margin-left:auto;
margin-right:auto;
width:950px;

/*background: #006EA3 url(http://www.sapoentertainment.com/assets/imgs/sapohead_twitter.gif) no-repeat left top;
height: 456px;*/
}

body {
	width: 100%;
	background:#006EA3;
	/*background:#006EA3 url(http://www.sapoentertainment.com/assets/imgs/sapohead_twitter.gif) no-repeat left top;*/
/*	background:#C0DDEB url('images/bg_grad.gif');
	background-repeat:repeat-x;
	background-attachment: inherit;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #0d0733;
	font-size: 14px;
	text-align:left;
}

/*sapo header*/
#sapoHead {
	background-image: url(http://www.sapoentertainment.com/assets/imgs/header.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 800px;
}

/*** Hyperlinks	***/
a, a:visited {
  color: #005DB3;
  text-decoration: none;
}
a:hover {
  color: #101010;
}
/*** Header ***/
#headercontainer {
	width: 950px;
	background: url(http://www.sapoentertainment.com/assets/imgs/sapohead_background_2.gif) no-repeat left top;
}
#header {
	width: 950px;
	/*height: 200px;*/
	height: 100px;
	margin: 0 auto;
	/*background: url(http://www.sapoentertainment.com/assets/imgs/sapotitle.gif) no-repeat left top;*/
/*	background: #FFF url('images/header.jpg');
	background-repeat: no-repeat;*/
}
#header_left {
  /*width: 700px;*/
width: 800px;
  float: left;
  text-indent:-9999em;
  margin-left:100px;
}
#header_right {
  width: 10px;
  float: right;
  padding: 17px 0px 0px 0px;
}
#header h1 {
  padding: 5px 0px 0px 10px;
}
#header h1 a, #header h1 a:visited {
  font-size: 34px;
  font-weight: bold;
}
#header p {
  padding: 0px 0px 0px 10px;
  margin: 0px;
  color: #999;
}
#top_search {
  width: 210px;
  padding: 5px 10px 5px 10px;
  background: #F0F0F0;
  border: 1px solid #C8C8C8;
  text-align: center;
   /*margin: 55px 0px 0px 0px;*/
  margin: 30px 0px 0px 0px;
}
/*** Navigation ***/
#navbar {
position:relative;
	width: 950px;
	/*width: 730px;*/
	height: 30px;
	background: #0C6D36;
	border-bottom: 2px solid #0C6D36;
	color:#000000;
	margin: 0 auto;
	font-size:12px;
	z-index:100;
}
* html #navbar {
	display: inline;
}
#navigation {
  /*width: 950px;*/
  width: 602px;
  height: 30px;
  margin: 0 auto;
}
#nav_left {
  float: left;
  width: 700px;
}
#nav_right {
  float: right;
  width: 210px;
  padding: 6px 0px 0px 0px;
}
#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  z-index:1000;
}
#nav a, #nav a:visited {
  display: block;
  padding: 9px 15px 9px 15px;
  color: #ffffff;
  border-bottom: 2px solid #0C6D36;
}
#nav a:hover {
  background: #1A7E49;
  color: #ffffff;
}
#nav li {
  float: left;
}
#nav li ul {
  position: absolute;
  width: 140px;
  left: -999em;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
  background: #518B0F;
  width: 140px;
  float: none;
  text-transform: none;
  margin: 0px;
  padding: 7px 10px 7px 10px;
  border-bottom: 1px solid #0C6D36;
  color:#000000;
  text-align:left;
}
#nav li li a:hover {
	background: #74A042;
	color:#ffffff;
}
#nav li ul ul {
  margin: -25px 0px 0px 160px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
  left: auto;
}


/* --------------Begin Ads --------------*/

.advertArea {
	margin-top: -5px;
	margin-bottom:-5px;
}

/*firefox 2 hack*/
.advertArea, x:-moz-any-link {	
margin-left:347px;
}
/*firefox 3 hack*/
.advertArea, x:-moz-any-link, x:default{
	margin-top: -5px;
	margin-bottom:0px;
	margin-left:0px;
}

* html .advertArea {
	display: inline;
}

#sapoArea {
	background-color:#006EA3;
	background-image:url(http://www.sapoentertainment.com/images/bkgadd.jpg);
	background-repeat: repeat-x;
	height:145px;
	width:800px;
}

.sapoImg { 
	width: 468px;
	margin: 0px 10px 10px 158px;
	border: 3px solid #3e0e02;
	background-color: #006EA3;
}

.sapoImgContainer {
	text-align:center;
	padding: 10px 0px 10px 0px;
	margin-left:210px;
}

/* --------------End Ads --------------*/


























html {
	background:#fafafa;
}

a {
	color:#0000FF;
	text-decoration:none;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:hover {
	text-decoration: underline;
}

textarea {
	width:98%;
}

.group { /* This rule sets the default width for the entire site */
	width:950px;
	padding: 10px 11px 12px 13px;
}



/* wrappers */
#wrap-outer1 {
	background:url(includes/images/trim-left1.png) repeat-y;
	padding:0 12px;
}

#wrap-inner1 {
	background:url(includes/images/trim-right1.png) right repeat-y;
	margin:0 -12px 0 0;
	padding:0 12px 0 0;
}
#wrap-outer {
	background:url(includes/images/trim-left.png) repeat-y;
	padding:0 12px;
}

#wrap-inner {
	background:url(includes/images/trim-right.png) right repeat-y;
	margin:0 -12px 0 0;
	padding:0 12px 0 0;
}



/* page */
#page {
	background:#fff;
}



/* site name */
#head .name {
	font:bold 300%/1em Constantia, Palatino, Times, serif;
	margin:0 0 .25em;
}

#head .name a {
	text-decoration:none;
}



/* site description */
#head .description {
	font:italic 150%/1em Constantia, Palatino, Times, serif;
}



/* foot */
#foot {
	background:#1A7E48;
	color:#fff;
	text-align:center;
}

#foot a {
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
}

#foot a:hover {
	color:#fff;
}

#foot .interior {
	line-height:2em;
	padding:0 1em;
}



/* navigation - site */
#head .group { /* This rule ensures dropdown menus aren't hidden behind other page elements in Internet Explorer */
	z-index:1;
}

.navi-site {
	background:#333;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.navi-site li {
	float:left;
}

.navi-site li.alignright {
	float: right;
}

.navi-site a {
	color:#ccc;
	display:block;
	font-weight:bold;
	line-height:2em;
	padding:0 1em;
	text-decoration:none;
}

.navi-site a:hover {
	color:#fff;
}

.navi-site li ul {
	background:#333;
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
}

.navi-site ul li {
	float:none;
	white-space:nowrap;
}


	
/* navigation - comic */
.navi-comic {
	background:#333;
	float:left;
	width:100%;
}

.navi-comic a {
	color:#ccc;
	float:left;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	width:25%;
}

.navi-comic a:hover {
	color:#fff;
}

.navi-comic .current-comic {
	visibility:hidden;
}


	
/* navigation - posts (for the blog and on single post pages) */
.navi-posts {
	float:left;
	width:100%;
}

.navi-posts-above {
	margin-bottom:1.5em;
}

.navi-posts .navi-next {
	float:right;
}

.navi-posts .navi-previous {
	float:left;
}


	
/* navigation - paged (for paged posts) */
#comments .navi-paged { /* This rule centers the paged navigation above and below comment lists */
	text-align:center;
}

.navi-paged a {
	border:.1em solid #333;
	padding:.15em .25em;
	text-decoration:none;
}

.navi-paged a:hover {
	background:#333;
	color:#fff;
}



/* navigation - images */
.navi-attachment { /* This rule hides the attachment navigation for non-image attachments */
	display:none;
}

.attachment-image .navi-attachment { /* This rule reveals the attachment navigation for image attachments */
	display:block;
	float:left;
	width:100%;
}

.navi-attachment {
	border-bottom:.1em solid;
	margin:0 0 1.5em;
	padding:.75em 0;
}

.navi-attachment img {
	height:5em;
	vertical-align:bottom;
	width:5em;
}

.navi-attachment .navi-next {
	float:right;
}

.navi-attachment .navi-previous {
	float:left;
}



/* blog title */
.blog-title {
	border-bottom:.1em solid;
	margin:0 0 3em;
}

.blog-title span {
	display:none;
}


/* content */
#body .content { /* This rule prevents wide content from overlapping the sidebars */
	overflow:hidden;
	width: 591px;
}


	
/* comics */
#body .comic img,#body .comic object {
	vertical-align:bottom;
	padding:10px 10px 10px 10px;
}



/* comic embed code */
.comic-embed-code {
	display:block;
	width:98%;
}



/* posts */
#body .post {
	margin:0px 0px 15px 0px;
	border-bottom:#CCCCCC dotted;
}

#body .post .meta {
	text-align:right;
	margin: 0px 0px 3px 0px;
}

#body .post .meta-single {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
	text-align:left;
}

#body .entry {
	text-align:left;
	margin: 0px 0px 3px 0px;
}

#body .entry img {
	xborder:#CCCCCC 1px solid;
	xmargin: 10px 10px 0px 10px; /*0px 0px 5px 0px;*/
	xpadding: 3px;
}


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align:center;
}

.entry p {
	padding: 3px;
}


#body .entry h1 {
	padding: 3px;
}

/* attachments */
#body .attachment .object {
	text-align:center;
}

#body .attachment .meta {
	border-style:solid;
	border-width:.1em 0;
	padding:.75em 0;
}



/* transcripts */
#transcript-title {
	border-top:.1em solid;
	cursor:pointer;
	font-weight:bold;
	padding:.75em 0;
}

#transcript {
	display:none;
}

#transcript label {
	display:block;
	float:left;
	width:25%;
}

#transcript-response {
	color:#fff;
	margin:0 0 1.5em;
	font-weight:bold;
	text-align:center;
}

#transcript-response span {
	display:block;
	padding:.75em;
}

#transcript-response .error {
	background:#c10;
}

#transcript-response .success {
	background:#9c0;
}



/* comments */
#respond label {
	display:block;
	float:left;
	width:25%;
}

.commentlist {
	list-style:none;
	margin:0 0 3em;
	padding:0;
}

.commentlist .comment,.commentlist .pingback {
	border:.1em solid #ccc;
	margin:0 0 3em;
	padding:.75em .75em 0;
}

.commentlist .comment.bypostauthor {
	border:.25em double #333;
}

.commentlist .vcard {
	font-weight:bold;
}

.commentlist .vcard img.avatar {
	float:left;
	margin:0 1.5em 1.5em 0;
}

.commentlist .vcard span.says {
	display:none;
}

.commentlist .comment-meta {
	color:#999;
	padding:0 0 1.5em;
}

.commentlist .reply {
	padding-bottom:.75em;
}

.commentlist .children {
	list-style:none;
	margin:0;
	padding:0;
}

.commentlist .even {
	background:#fff;
}

.commentlist .odd {
	background:#fafafa;
}



/* sidebars and widgetized areas */
.sidebar { /* This rule prevents wide content from breaking the sidebar */
	overflow:hidden;
	border-left: 1px solid #CCCCCC;
}

.sidebar .interior {
	list-style:none;
	margin:0;
}

.sidebar .interior ul,.widgetized ul { /* This rule and the next correct unordered list display in the sidebars and widgetized areas */
/*	margin:0 0 1.5em 1.5em;
	padding:0 0 0 1.5em;*/
}

.sidebar .interior ul ul,.widgetized ul ul {
	margin:0 0 0 1.5em;
}

.sidebar input,.sidebar select { /* This rule ensures <input> and <select> elements don't break out of the sidebar */
	width:100%;
}



/* comic archive - date */
.comic-year {
	font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 .75em;
}

table.comic-archive .comic-date-col {
	border-right:.1em solid #ccc;
	width:30%;
}

table.comic-archive .alt {
	background:#fafafa;
}

table.comic-archive th {
	text-align:left;
}



/* comic archive - chapter */
ol.comic-archive {
	list-style:none;
	margin:0;
	padding:0;
}

ol.comic-archive .comic-series-item a {
	font:200%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 .75em;
}

ol.comic-archive .comic-volume-item a {
	font:150%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 1em;
}

ol.comic-archive .comic-chapter-item a {
	font:125%/1em 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin:0 0 1.2em;
}

ol.comic-archive .comic-chapter-pages a {
	font:115%/1em 'Lucida Sans', 'Lucida Grande', 'DejaVu Sans', sans-serif;
	margin:0 0 1.3em;
}



/* WordPress Calendar */
#calendar .widgettitle {
	display:none;
}

#wp-calendar {
	border:.1em solid #ccc;
	caption-side:top;
}

#wp-calendar caption {
	font-size:100%;
	font-weight:bold;
}

#wp-calendar th {
	padding:0;
}

#wp-calendar td {
	border:.1em solid #ccc;
	padding:0;
	text-align:center;
}

#wp-calendar .pad {
	background:#fafafa;
}

#wp-calendar a {
	background:#333;
	color:#fff;
	display:block;
	text-decoration:none;
}

#wp-calendar #today {
	border:.25em double #333;
}



/* 404 Recent Comics */
.error-404 .recent-comics {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

.error-404 .recent-comics li {
	float:left;
	margin:0 1.5em 1.5em 0;
}

.error-404 .recent-comics a {
	text-decoration:none;
}




/* ----------Gallery Manager---------- */

html {
	height: 750px;
/*overflow: hidden;*/
}

#flashcontent {
position:relative;
	width: 775px;
	height: 450px;
	z-index:-1;
}

/* end hide */

h1 {        
	color: #CCCCCC;
	font-size: x-large;
	padding: 19px 0 17px 0;
}

#wrapper {   
	width: 650px;    
	margin: 0 auto; /* centre page content */       
	text-align: center;
	height: 700px;
}     

p.adminlink {
	text-align: right; 
	font-size: small;		    
}



/*Photo Gallery*/
#photoclear
{
	clear:left;
}

ul#pike-nav {
	font-family:helvetica,arial,sans-serif;
	margin:10px 0px 10px 50px;
	padding:0;
	float:left;
	width:675px;
}

/*hack for ie 6*/
* html ul#pike-nav {
	display: inline;
}

/*hack for ie 7*/
html>body ul#pike-nav {
	float:none;
}

ul#pike-nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	margin:0 0.3em 5px 0;
}

/*hack for ie 6*/
* html ul#pike-nav li{
	display: inline;
}


ul#pike-nav li a {
	text-decoration:none;
	display:block;
	padding:0.3em 0.5em;
	border:1px solid silver;
	color:#003;
	background:#fff;
}

ul#pike-nav li a:hover {
	border:1px solid gray;
	color:#000;
	background:#efefef;
}




/* ----------End Gallery Manager---------- */








div.flickr-gallery {
	margin-top: 1em;
}

div.flickr-photos {

}

div.flickr-thumb {
	float: left;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 3px;
	height: 75px;
	width: 75px;
}

div.fg-clear {
	clear: both;
}

div.flickr-set-meta {
	margin-left: 80px;
}

div.flickr-collection-meta {
	margin-left: 191px;
}

div.flickr-set-thumb, div.flickr-collection-thumb {
	float: left;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 3px;
}

div.flickr-set, div.flickr-collection{
	margin-bottom: .5em;
}

div.flickr-gallery.image.none {
	padding: 1em 0px;
}

div.flickr-gallery.image.left, div.flickr-gallery.video.left {
	padding: 0px .5em .5em 0px;
	float: left;
}

div.flickr-gallery.image.right, div.flickr-gallery.video.right {
	padding: 0px 0px .5em .5em;
	float: right;
}

div.flickr-set-display {
	display: none;
	clear: both;
}

.ui-tabs .fg-credit {
	margin-top: 4px;
}

div.flickr-gallery ul.ui-tabs-nav li {
	list-style-type: none;
}