/*
Theme Name: Kimecan
Theme URI: 
Description: Search engine optimized theme. Search engine optimization that really works! 1st. position in search engines. Just remember to fill out meta-tags in header.php. WordPress theme designed by <a href="http://l030.deviantart.com" target="_blank">L030</a>.
Version: 1.0
Author: Ferran
Author URI: http://F-e-r-r-a-n.deviantart.com
Tags: Kimecan, protobunker, proto, webcomic, turbo desafiante kimecan,

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/
.fan_box .profileimage {
float:left;
height:0;
margin:0 0 4px;
padding:0 10px 0 0;
width:0;
}
.fan_box .connect_action .name {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
line-height:15px;
}

#lrss {
float:right;
margin:-3px 20px -10px 0;
}

.switch{
	margin:0 0 14px 10px;
}
.switch a, .switch a:hover{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Body */
* {
margin:0; 
padding:0;
}
body {
background:url(/Comic_Eng/img/backgroundall.jpg) repeat-x; 
color:#000000; 
}

#wrap {
background:#3f0c8d  url(/Comic_Eng/img/bgcontent.jpg) top center repeat-x;
color:#ffffff; 
margin:0 auto; 
width:995px;
border-color:#515151;
border-style:none solid;
border-width:thin;
}


/* Links */
a {
font-family:Verdana,Arial,Helvetica,sans-serif;
background-color:inherit; 
color:#ED001C; 
font-weight:bold; 
text-decoration:none;
}
a:hover {
background-color:inherit; 
color:#ED001C; 
font-weight:bold; 
text-decoration:none;
}
a img {
border:0;
}

#extras a {
font-family:Verdana,Arial,Helvetica,sans-serif;
background-color:inherit; 
color:#83B7D6; 
font-weight:normal; 
text-decoration:none;
font-size:11px;
}
#extras a:hover {
background-color:inherit; 
color:#83B7D6; 
font-weight:normal; 
text-decoration:none;
font-size:11px;
}
#extras a img {
border:0;
}

.postinfo a {
font-family:Verdana,Arial,Helvetica,sans-serif;
background-color:inherit; 
color:#F65D72; 
font-weight:normal; 
text-decoration:none;
}
.postinfo a:hover {
background-color:inherit; 
color:#F65D72; 
font-weight:normal; 
text-decoration:none;
}
.postinfo a img {
border:0;
}

.contenttext a {
font-family:Verdana,Arial,Helvetica,sans-serif;
background-color:inherit; 
color:#F65D72; 
font-weight:normal; 
text-decoration:none;
font-size:12px;
}
.contenttext a:hover {
background-color:inherit; 
color:#F65D72; 
font-weight:normal; 
text-decoration:none;
font-size:12px;
}
.contenttext a img {
border:0;
}


/* Header */
#header {
	background:url(/Comic_Eng/img/kimecanlogo_ENG.jpg) no-repeat;
	
background-color:#000000;
height:80pt;
margin:0;
text-align:right;
width:995px;
}
#header h1 {
display:none; 
color:#FFF; 
margin:30px 30px 0 0;
}

#header h1 a {
display:none; 
color:#ED001C; 
text-decoration:none;
}
#header p {
display:none; 
color:#3FB6FF; 
margin:10px 30px 0 0;
}
#frontphoto {
      float:left;
margin:-153px 0 0;
}
#frontmenu {
padding: -4pt 0 0 0 ;
}

#divleft{
     margin:187px 0 0 0;
}

/* Sidebars */
#leftside {
	
	clear:left; 
float:left;  
margin:0pt 0 5px 14px; 
padding:3px 0 0 0; 
width:140pt;
height: 300px;
position:absolute;
}

#about pre{
	margin:3px 0 0 0px;
}

#entregas{
	background:url(img/marco.png) no-repeat;
	margin:211pt 0 0 10pt;
	height:100pt;
	position:absolute;
}
#entregas img{
	margin:4pt 0 0 6pt;
}
#vota{
	padding:310pt 0 0 0;
	position:absolute;
}
#logoproto{
    float:left;
	margin:100pt 0 0 27pt;
	
}
#extras {
float:right;
padding:0px 0 0 10px;
position:inherit;
width:124pt;
margin:0pt  0 0 0;

}

#mailistimg{
 margin:0 0 20px -3px;
}

#mlistsub{
float:right;
padding:60pt 0 0 12pt;
position:absolute;
}

#leftside p, #leftside ul, #leftside div.textwidget{
font-size:8px; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:normal;
margin:4px 0 0 26px;
position:absolute;
}

#extras p, #extras ul{
	margin:0 0 0 30px;
	list-style:none; 
} 

#extras div.textwidget{
    margin:40px 0 25px 19px;
}



#leftside li {
list-style:none; 
margin:0 0 100px;
}

#leftside ul ul, #extras ul ul {
margin:6px 0 0 10px;
}
#extras li{ 

}
#extras ul ul li {
	margin:0 0 0 30px;
	list-style:none; 
}

#leftside ul ul li, {
margin:0 0 4px;
}

#leftside ul ul li a, #extras ul ul li a {

}

#leftside ul.linklist, #extras ul.linklist {
font-size:11px;
}

#leftside ul.linklist ul, #extras ul.linklist ul {
margin:0 0 20px;
}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {

}

#extras h2 {
	color:#F65D72; 
	font-size:14px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	text-align:left; 
	margin:0 0 0 20px;
 	text-decoration:none;
}


#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption { 
color:#000; 
font-size:11px; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:normal;
text-align:left; 
margin:0 0 0;
text-decoration:none;	

}
#leftside label, #extras label {
display:none;
}


#navmenu {
	margin:-50pt 0 0 285pt;
   padding: 0px 0 0 30pt;
}
#navmenu ul {
        margin: 0 0 0 0;  
	list-style-type: none; 
        list-style-image: none; 
        position:absolute;
}
#navmenu li {
       display: inline; 
}
#navmenu ul li a {
        text-decoration:none;  
        margin: 4px;
		padding: 0px 0px 2px 0px; 
        color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}
#navmenu ul li a:hover {
        color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}
#about{
	float:left;
	position:absolute;
	padding:10px 0 0 10px;
	font-size:8px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	
}
#about h1 {
	color:#fff; 
font-size:15px; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:bold;
text-align:left; 
text-decoration:none;	
}

#about h2 {
	color:#000; 
font-size:11px; 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-style:normal;
font-weight:normal;
text-align:left; 
text-decoration:none;	
}


#bgleftside {
   padding:15px 0 0 15px;
   float:left;
}


/* Content */
#content {
line-height:1em; 
margin:0pt 0 0 110pt; 
border-color:#666;
border-style:none dashed none dashed;
border-width:thin;
width:680px;
padding:0 0 100px;
background-color:#000;

}
#contentwide {
line-height:1em; 
margin:0pt 0 0 150px; 
padding:0 0 100px 0;
border-color:#666;
border-style:none dashed none dashed;
border-width:thin;
width:680px;
}
#contentwide pre{
	color:#3FB6FF;
     font-size:11px;
	 text-decoration:none; 
	 font-weight:200;	
}
#content h4 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:16px;
	color: #ED001C;
     padding: 34px 0 0 25px;
}

#content small {
	color:#3FB6FF;
}
.postmetadata {
	color:#F65D72;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:200;
}
#content h3 {
color:#7FE1FF;
font-size:17px;
font-style:italic;
font-weight:200;
text-decoration:none;
}

#content img {
border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;
}
#content ul,#contentwide ul,#content ol,#contentwide ol {
margin:0 0 16px 20px;
}
#content li,#contentwide li {
padding:0 0 0 5px;
}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {
margin:0 0 0 16px;
}

#respond {
	color:#3FB6FF;
}
#respond h2, p {
	color:#3FB6FF;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#respond a {
	color:#3FB6FF;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

#respond a:hover {
	color:#3FB6FF;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}
#respond a img {
border:0;
}

/* Footer */
#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0; color:#777;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em; color:#777;}

/* Subpage menu */
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

/* Tags */
p{
margin:0 0 18px;
}


blockquote {
border-left:0px solid #e0e0e0; 
margin:20px; 
padding:8px 8px 8px 15px;
}
blockquote p {
background-color:inherit; 
color:#336633; 
font-size:0.9em; 
line-height:1.3em;
}
label {
background-color:inherit; 
color:#3FB6FF; 
font-size:0.9em; 
font-weight:bold;
}
table#wp-calendar {
margin:0 0 20px; 
width:140px;
}
code {
font-size:1.2em; 
display:block; 
padding:5px 5px 5px 8px; 
background-color:#f4f4f4; 
margin:5px 0 15px 0;
border-left:0px solid #cccccc;
}

/* Forms */
#s,#submit {
background-color:#ffffff; 
border:1px solid #cccccc; 
color:#336633; 
font-size:0.9em; 
margin:0 0 16px; 
padding:4px; 
width:130px;
}
#author,#email,#url,#comment {
border:1px solid #cccccc; 
font-family:Verdana,Arial,Helvetica,sans-serif; 
font-size:1em; 
margin:0; 
padding:4px;
}
#commentsection {
margin:25px 0 0;
}
#commentsection p {
margin:0 0 6px;
}

/* Float fix */
.contenttext, .contenttext p {
        overflow:hidden;
        color:#3FB6FF;
        font-size:12px;
}
* html .contenttext {
height:1px; 
overflow:visible;
}
* html .contenttext p {
overflow:hidden; 
width:488px;
}

/* WP image align classes */
img.centered {
display:block; 
margin-left:auto; 
margin-right:auto;
}
img.alignright {
padding:4px; 
margin:0 0 2px 7px; 
display:inline;
}
img.alignleft {
background-color:#519AC5;
display:inline;
margin:0 7px 2px 0;
padding:1px;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}

/* Various classes */
.left {
border:1px solid #cccccc; 
float:left; 
margin:10px 15px 10px 0;}
.right {
border:1px solid #cccccc; 
float:right; 
margin:10px 0 5px 10px;
}
.center {
border:1px solid #aaaaaa; 
margin:5px auto 12px;
 text-align:center;
}
.textright {
text-align:right;
}
.small {
font-size:0.8em;
}
.bold {
font-weight:bold;
}
.hide {
display:none;
}
.post {
     border-color:#000;
     border-width:medium;
     width: 540px;
     margin:0px 10px 70px 29px;
	 font-family:Verdana,Arial,Helvetica,sans-serif;
	 font-size:15px;
}
.post img{
	margin: 7px;
}
#imglucas {
	border:1px solid #519AC5; 
	margin:0 20px 20px 0;
	float:left;
	}
#imggala {
	border:1px solid #519AC5; 
	margin:0 0 20px 20px;
	float:right;
	}
#imgbarret {
	border:1px solid #519AC5; 
	margin:0 20px 35px 0;
	float:left;
}
#imgozman {
	border:1px solid #519AC5; 
	margin:0 0 35px 20px;
	float:right;
	}
	
		
#imgferran {
	margin:0 20px 104px 0;
	float:left;
	}
#imgjames {
	margin:0 0 90px 20px;
	float:right;
	}
#imgmudo {
	margin:0 20px 107px 0;
	float:left;
}
#imgaron {
	margin:0 20px 0px 0;
	float:left;
}
#imgcamps {
	margin:0 0 0px 20px;
	float:right;
	}
#imglobo {
	margin:0 0 140px 20px;
	float:right;
	}
/*.post pre {
     line-height:1em; 
     color:#3FB6FF;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:12px;
	 padding:16px 0 0 0;
}*/
.post h2 {
     color: #ED001C;
     padding: 34px 0 20px;
}

.post h3 {
     color: #7FE1FF;
	 font-size:17px;
	 font-weight:200;
	 font-style:italic;
	 text-decoration:none; 
}
.post h4 {
     color: #7FE1FF;
	 font-size:11px;
	 text-decoration:none;
	 font-weight:bold; 
}


content p {
     color:#3FB6FF;
     font-family:Verdana,Arial,Helvetica,sans-serif;
     font-size:12px;
}
content pre {
  color:#3FB6FF;
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:12px;
}
.postinfo {
border-left:0 solid #CCCCCC;
color:#3FB6FF;
font-size:13px;
font-weight:normal;
line-height:1.5em;
margin:1px 0 30px;
padding:8px 5px 8px 8px;
}
.comment {
background-color:#000; 
border-left:0px solid #cccccc; 
color:#336633; 
margin:0 0 10px; 
padding:8px 5px 0 8px;
}
.comment p {
font-size:0.9em; 
line-height:1.3em; 
margin:0 0 6px; 
padding-bottom:5px;}

.gravatarside {
float:right; 
width:48px; 
height:48px; 
margin:0 5px 5px 5px;
}
.navigation {
display:block; 
margin:10px 0 20px 0; 
padding:0; 
text-align:center;
}
.navigation p {
margin:0; 
padding:0;
}
.prevlink {
margin-right:20px;
}
.nextlink {
margin-left:20px;
}

#walls a {
	font-size:10px;
	color:#3FB6FF;
	text-decoration:none;
	font-weight:200;
	margin:0 0 0 10px;
}
#walls a:hover {
	font-size:10px;
	color:#3FB6FF;
	text-decoration:none;
	font-weight:200;	
	margin:0 0 0 10px;
}

.linkpost {
	color:#3FB6FF;
}
.linkpost a:hover {
	color:#3FB6FF;
}








.leftbar {
	color:#e60000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
float:left;
padding:0px 20pt 0 0;
width:92pt;
height:800pt;
}
.leftbar img{
	border:none;
	margin:0pt 0 0pt 8pt;
}
.leftbar pre{
	color:#cb3d3b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	margin:8pt 0 0 0;
	font-weight:bold;
}
.leftbar a{
	border:none;
}

#menu{
	margin:-50pt 0 0 199pt;
  	position:absolute;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
}
#menu img{
	border:none;
	margin:0;
}
#menu a{
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	margin:0 0 0 10px;
}
#menu a:link{
	color:#fff;
	border:0px;
	text-decoration:none;
	font-weight:bolder;
}
#menu a:visited{
	color:#fff;
	border:0px;
	text-decoration:none;
	font-weight:bolder;
}
#menu a:active{
	color:#fff;
	border:0px;
	text-decoration:none;
	font-weight:bolder;
}






#menuarchivo {
	margin:8pt;
width: 4em; /* set width of menuarchivo */
} 

#menuarchivo ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menuarchivo a, #menuarchivo h2 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: block;
margin: 0;
padding: 2px 3px;
}

#menuarchivo h2 {
color: #fff;
text-transform: uppercase;
}

#menuarchivo a {
color: #a00;
text-decoration: none;
}

#menuarchivo a:hover {
color: #fff;

}


/* */


#menuarchivo li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menuarchivo ul li:hover li{
	width:18px;
	height:18px;
	margin:-2pt 0 0 0;
}
#menuarchivo ul ul {
	font-size:16px;
	font-weight:bolder;
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 60pt; /* width is based on the containing block */
}


/* */

div#menuarchivo ul ul ul,
div#menuarchivo ul ul li:hover ul ul
{display: none;}

div#menuarchivo ul ul li:hover ul,
div#menuarchivo ul ul ul li:hover ul
{display: block;}


/* */

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menuarchivo ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 60pt;
}
#menuarchivo ul li a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
height: 1%; /* make links honour display: block; properly */
} 

#menuarchivo a, #menuarchivo h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

/* */



#menuarchivo {
width: 100%;

float: left;
}
#menuarchivo ul {
list-style: none;
margin: 0;
padding: 0;
width: 42pt;
float: left;
}

/**/
#menuarchivo a, #menuarchivo h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 4px 3px;
}

#menuarchivo h2 {
color: #e60000;
text-transform: uppercase;
}

#menuarchivo a {
color: #e60000;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-decoration: none;

}

#menuarchivo ul li:hover {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;

}

/**/

#menuarchivo li {position: relative;}

#menuarchivo ul ul {
position: absolute;
z-index: 500;
}

#menuarchivo ul ul ul {
top: 0;
left: 100%;
}

/**/

div#menuarchivo ul ul,
div#menuarchivo ul li:hover ul ul,
div#menuarchivo ul ul li:hover ul ul
{display: none;
}

div#menuarchivo ul li:hover ul,
div#menuarchivo ul ul li:hover ul,
div#menuarchivo ul ul ul li:hover ul
{display: block;}



<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menuarchivo ul li {float: left; width: 100%;}
#menuarchivo ul li a {height: 1%;} 

#menuarchivo a, #menuarchivo h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->