/**
* Theme Name: Inkblot
* Theme URI: http://maikeruon.com/webcomic/
* Description: Make an impression with the original, highly customizable Webcomic 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 */
html {
background:#cccccc;
}
.tableheader {
background:url(http://tlobstudios.com/en/website/title3%20copy6.jpg);
width:1000px;
height:254px;
width: 100%;
}
.tableright {
width:728px;
height:100px;
margin-left: auto; margin-right: 0px;
}
.tablest {
height:254px;
}
a {
color:#333;
text-decoration:underline;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:hover {
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea {
width:98%;
}
ul.nav,
.nav ul,
.nav ul li a{
background-color: #fff;
color: #369;
padding:20px;
width:499px;
}
ul.nav li:active,
.nav ul li a:active{
background-color: #036;
color: #fff;
}
/** Site Width - This should replace any existing CSS rule in your style.css file */
.group { width: 950px; }
.content-main { width: 700px }
.sidebar-one { width: 250PX; }
/**
* These are the widths that Inkblot will use for the content and sidebar areas. See the style.css file if you want to change these widths.
*
* .content-main will be 350px
* .sidebar-one will be 175PX
*/
.tabelacaralho { margin-right:0px;marginleft:auto; }
.celula { margin-left:auto;margin-right:auto;}
.celula2 { width: 300px; }
IMG.center
{
margin-left:6px;
margin-right:auto;
}
tablead
{
margin-left:auto;
margin-right:auto;
width:160px;}
lista { margin-left:15px;margin-right:auto;padding:0px 0px 0px 15px }
/* wrappers */
#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;
}
div.sociable { margin-left:auto;
margin-right:auto;}
span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #fff;
border: none;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 0px;
background: #fff
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}
.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* page */
#page {
background:#fff;
}
/* site name */
#head .name {
font:bold 100%/1em Constantia, Palatino, Times, serif;
margin:0 0 .25em;
}
#head .name a {
text-decoration:none;
}
/* site description */
#head .description {
font:italic 100%/1em Constantia, Palatino, Times, serif;
}
/* foot */
#foot {
background:#333;
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 a span { display:none; }
.navi-comic .first-comic-link { background:url(http://tlobstudios.com/en/website/first.gif); display:block; width:175px; height:34px; }
.navi-comic .previous-comic-link { background:url(http://tlobstudios.com/en/website/previous.gif); display:block; width:175px; height:34px; }
.navi-comic .next-comic-link { background:url(http://tlobstudios.com/en/website/next.gif); display:block; width:175px; height:34px;}
.navi-comic .last-comic-link { background:url(http://tlobstudios.com/en/website/last.gif); display:block; width:175px; height:34px; }
.navi-comic .first-comic-link:hover { background:url(http://tlobstudios.com/en/website/first_hover.gif); }
.navi-comic .previous-comic-link:hover { background:url(http://tlobstudios.com/en/website/previous_hover.gif); }
.navi-comic .next-comic-link:hover { background:url(http://tlobstudios.com/en/website/next_hover.gif); }
.navi-comic .last-comic-link:hover { background:url(http://tlobstudios.com/en/website/last_hover.gif); }
.navi-comic .first-comic-link.current-comic { background:url(http://tlobstudios.com/en/website/first_current.gif); }
.navi-comic .previous-comic-link.current-comic { background:url(http://tlobstudios.com/en/website/previous_current.gif); }
.navi-comic .next-comic-link.current-comic { background:url(http://tlobstudios.com/en/website/next_current.gif); }
.navi-comic .last-comic-link.current-comic { background:url(http://tlobstudios.com/en/website/last_current.gif); }
/* 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:.0em 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;
}
.center {
float:center;
}
.center2 { margin-left:6px;
margin-right:auto; }
/* 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;
}
/* comics */
#body .comic img,#body .comic object {
vertical-align:bottom; outline: 0px solid #333333;;
}
/* comic embed code */
.comic-embed-code {
display:block;
width:98%;
}
/* posts */
#body .post {
margin:0 0 3em;
}
#body .post .meta {
text-align:right;
}
#body .post .meta-single {
border-style:solid;
border-width:.1em 0;
padding:.75em 0;
text-align:left;
}
/* 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;
}
.sidebar .interior {
list-style:none;
margin-left:0;
}
.superpadding { margin:15px 15px 15px 15px; }
.sidebar .interior ul,.widgetized ul { /* This rule and the next correct unordered list display in the sidebars and widgetized areas */
margin:0 0 0 0;
padding:0 0 0 0;
margin:0 0 0 10px;
}
.sidebar .interior ul ul,.widgetized ul ul {
margin:0 0 0 0;
}
.sidebar input,.sidebar select { /* This rule ensures and