/*
Theme Name: Pinchame
Title: Tema para pinchame
Description: 2 columnas
Author: Roberto Rodriguez
Author Email: contacto@pinchame.com
Author URI: http://www.pinchame.com
Last Update: July 17th, 2007
*/

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: x-small; 
	font-family: Verdana,Arial, sans-serif;
	line-height: 1.5em;
	background: #454545 url(images/fondo.gif)  50%;
}

/* links */

a:link {
	color: #aaaaaa;
	text-decoration: underline ;}
a:hover{
    color: #faa536;
    text-decoration: none;}
a:visited {
	color: #aaaaaa;
	text-decoration: underline ;}
a.more-link {
	color: #944;
	font-size: 95%;
	border-bottom: 1px dashed #944;
	}
a:visited:hover{color:#faa536;}

/* basic elements */

p {
	padding: 0.6em 1.5em;
	margin: 0px;
	}
form {
	margin: 0;
	padding: 0;
	}
img {
	border: none 0px;
	}
input[type="submit"]{cursor:pointer;}

/* basic phrase element styles */

blockquote {
	margin: 0 0 0 10px;
	padding-left: 10px;
	line-height: 1.5em;
	color: #777;
	border-left: 1px solid #eee;
	}
code {
	color: #666;
	font-family: Monaco, monospace;
	font-size: 120%;
	text-align: left;
	}
code strong {
	color: #630;
	}
abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}
a abbr {
	border: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
fecha {
	color: #944;
	font-size: 1em;
	font-weight: bold;
	}
del {
	text-decoration: line-through;
	color: #666;
	}
ins {
	text-decoration: none;
	font-style: italic;
	}
address {
/*	margin: 0;
	padding: 0;
	font-style: normal;*/
	
	color: #777777;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
padding-left: 10px;}

/* layout
---------------------------------------------------------- */

#wrap {
	margin: 20px auto 0em auto;
	min-width:800px;
	max-width:1280px;
	width:98%;
/*	width:98%; margin: 0px 0px 200px 0px;*/

	border: 0px #e1e1e1 solid;
	}
#content {
	border-top: 6px #454545 solid;
	border-bottom: 5px #454545 solid;
	background: #666;
	font-weight: normal;}
#maincol {
    min-width: 50px;
    width:77%;
	float: left;
	border: 1px #e1e1e1 solid;
	background: #fff ;
/*	padding-left: 10px;*/
	padding-top: 20px;
background-color: #ffffff;}
#sidebars {
	margin-top: 10px ;
	float: left;
	min-width: 10px;
	width:19.5%;
	padding-left: 1em;
/*margin: 1%;*/}
#sidebars li{
	color:#aaa;
}
#sidebars li a{
	color:#bbb;
}
.sidebar {
	border: 0px #454545 solid;
	color: #666;
	line-height: 1.5em;/*afecta al interlineado*/
	
	}
.sidebar input[type="text"]{
	background:#FFFFFF url(images/bk-input.jpg) repeat-x;
	border: solid 1px #848484;
	}
.sidebar input[type="text"]:hover,.sidebar input[type="text"]:active,.sidebar input[type="text"]:focus{
	border:solid 1px #da8f3e;
	}
/* columna de contenido*/
.col-inner {
/*	padding: 0 10px;*/
	}

/* header
---------------------------------------------------------- */

#header {
	min-width: 600px;
	max-width:1280px;
	border-top: 0px #000000 solid;
	background: #777777;
	/*background: #5b5b5b url(images/bg_header.gif)  50%;*/
	background:#5b5b5b url("./images/bg_header.gif") repeat-x right bottom;
	}
#header-inner {

	height: 90px;
	position: relative;
/*	border: 0px #e1e1e1 solid;*/
	}
h1 {
	margin: 0;
	padding: 20px 0 0 15px;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size: 2em;
	}
h1 a:link, h1 a:visited, h1 a:hover {
	color: #333;
	text-decoration: none;	
	}
.description {
	padding: 0 0 0 15px;
	color: #944;
	}

#logo {
	padding: 5px 0 0 5px;
	}
#logo span, #logo a {
	display: block;
	width: 183px;
	height: 34px;
	padding: 0;
	}
#logo img {
	border: none;
	background: none;	
	}

/* top navigation
---------------------------------------------------------- */

#nav {
	width: 100%;
	font-size: 95%;
	}
#nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 1em;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 3px;
	background: url("images/bg_spacer2.gif") no-repeat scroll 0 0 transparent;
	}
#nav li.current_page_item{
	background: url("images/bg_spacer.gif") no-repeat scroll 0 0 transparent;
	}
#nav li a {
    width:105px;
    height: 30px;
	float: left;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	background:transparent url(images/bg_spacer2.gif) no-repeat;
	text-align: center;
	padding: 10px 0px 0px 0px;
	text-decoration:none;
	}
#nav li a:hover {
     width:105px;
     height: 30px;
 	 background:transparent url(images/bg_spacer1.gif) no-repeat; 	text-align: center;	 padding: 10px 0px 0px 0px;
	 }/*
#nav li.current_page_item a:hover {
     width:105px;
     height: 30px;
 	 background:transparent url(images/bg_spacer1.gif) no-repeat;
	 text-align: center;
	 padding: 10px 0px 0px 0px;
}*/
#nav li.current_page_item a {
     width:105px;
     height: 30px;
     background:transparent url(images/bg_spacer.gif) no-repeat;
     text-align: center;	 padding: px 0px 10px 0px;}

/* content
---------------------------------------------------------- */

h2.pagetitle {
	margin: 0 0 -15px;
	padding: 0 0 45px;
	color: #ff7700;
	font-size: 100%;
	font-family: 'Lucida Grande', Verdana, san-serif;	
	text-align: center;
	}
.post {
	width: 100%;	
	padding: 0 0 20px;
	color: #4b4b4b;
	font-size: 1.1em;
	}
.post h3 {
	margin: 0;
	padding: 0;
	color: #faa536;
/*	font-family: Georgia, Verdana, Arial, sans-serif;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	border: none;
	font-style: normal;
padding-bottom: 10px;
padding-left: 10px;}
.post a:link{
	color:#FAA536;
	text-decoration:none;
}
.post a:hover{
	text-decoration:underline;
}
.post h3 a:link {
	color: #f79719;
	font-weight: bold;
    font-family: Verdana, Times, san-serif;}
.post h3 a:hover {
	color: #faa536;
	font-weight: bold;
	text-decoration: underline;}
.post h3 a:visited {
	font-weight: bold;
	color: #faa536;}
.post-meta {
	margin: 0;
	padding: 2px 5px 10px 5px;
	color: #999;
	background: url(images/bg_dot.gif) repeat-x 0 0;
	}
.post-cat {
	padding-left: 15px;
	margin-left: 5px;
	background: url(images/icon_cat.gif) no-repeat 0 0;
	}
.post-comments {
	padding-left: 17px;
	margin-left: 7px;
	background: url(images/icon_com.gif) no-repeat 0 0;
	}
.entry {
	width: 100%;	
	margin: 0;
	padding: 10px 0px 10px 0px ;
	}
.entry img {
	margin: 5px 0;
	padding: 4px;
	border: 0px solid #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: #fff;
	}
.post .entry h2{
	margin:0.5em;
	font-size:1.35em;
	padding-bottom:0.5em;
	border-bottom:solid 1px #aaa;
	width:95%;
}
.post .entry h2 a{
	color: #4B4B4B;
    font-size: 0.8em;
	margin-left:1em;
}
#post-67 ul{
	float:left;
	width:100%;
}
#post-67 ul li{
	float:left;
	width:45%;
}
#sidebars ul li form input[type="submit"]{
    background: url("./images/btn-submit.gif") no-repeat scroll left top transparent;
    border: medium none;
    margin-left: 0.3em;
    /*text-indent: -5000px;
	color:transparent;
	font-size:1pt;*/
	width:20px;
	height:20px;

	padding-left:20px;
	overflow:hidden;
	text-indent:50px;
}

/*Last fm*/
.lfmWidgetchart_a3dc3c442d1226978047e69244ef661e{
	margin:0 auto;
}
/* content list style */

#maincol ul, #maincol ol, #maincol dl {
	margin: 0 10px 10px 2em;
	padding: 0;
	}
#maincol ul, #maincol ol {
	/*margin-left: 10px;*/
	}
#maincol ol {
	padding-left: 20px;
	}
#maincol ul {
	list-style: none;
	}
#maincol ul li {
	padding: 0 0 5px 15px;
	background: url(images/icon_bullet.gif) no-repeat left 6px;
	}
#maincol dl dt {
	font-weight: bold;
	}
#maincol dl dd {
	margin: 0 0 15px 0;
	padding: 0;
	}

/* comments area */

h4#comments {
	margin: 0 0 15px;
	padding: 20px 0 0;
	clear: both;
	font-size: 100%;
	font-family: Verdana, Times, san-serif;
	color: #944;
	}
h4#respond {
	margin: 0;
	padding: 10px 0 0;
	font-size: 100%;
	font-family: Verdana, Times, san-serif;
	color: #944;
	}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	}
.commentlist li {
	margin: 10px 0;
	padding: 5px 10px;
	border: 1px solid #eee;
	}
.commentlist .alt {
	background: #f5f5f5;
	}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
	}
#commentform {
	font: 100% Arial, Helvetica, sans-serif;
	}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
	}
#commentform label {
	padding-left: 5px;
	color: #666;
	font-size: 87%;
	}
#commentform input {
	width: 200px;
	background: #f5f5f5;
	border: 1px solid #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	padding: 3px;
	margin-top: 3px;
	}
#commentform textarea {
	width: 98%;
	height: 120px;
	margin-top: 3px;
	padding: 2px;
	background: #f5f5f5;
	border: 1px solid #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #fff;
	}
#commentform #submit {
	width: 144px;
	height: 28px;
	margin-bottom: 10px;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #99bb77;
	border: none;
	}

/* alignments */

.center {
	text-align: center;
	}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	}
img.alignleft, img[align="left"] {
	float: left;
	margin: 5px 8px 5px 0;
	}
.alignright {
	float: right;
	}
img.alignright, img[align="right"] {
	float: right;
	margin: 2px 0 5px 8px;
	}
img.noborder {
	border: none !important;
	}

/* navigation */

.navigation {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 90%;
	line-height: normal;
	}
.navigation a {
	color: #944;
	border-bottom: 1px dashed #944;
	}
.navigation .alignleft {
	width: 45%;
	text-align: left;
	}
.navigation .alignright {
	width: 45%;
	text-align: right;
	}

/* sidebar
---------------------------------------------------------- */

h2.sidebartitle {
	/*margin: 0px -20px 5px ;*/
	padding:0.3em 0 0.25em;
	color: #faa536;
	font-size: 110%;
	font-family: 'Lucida Grande', Verdana, san-serif;
	text-transform: uppercase;
	background: #333333 url(images/categorias.gif) 20% ;
	background-repeat: no-repeat;	    
	text-align: center;
	 margin: 0.2em 0 0.4em;
    }

/* sidebar list level 1 */
.sidebar form{
	background:#a9a9a8 url(images/bk-form.jpg) repeat-x scroll center bottom;
	padding:8px 5px !important;
	}

.sidebar ul {
	margin: 0;
	padding: 0;
	}
.sidebar ul li {
	margin: 0;
	padding: 0 0 5px;
	list-style: none;
	position: relative;
	}

/* sidebar list level 2 */

.sidebar ul li ul {
	margin: 0;
	padding: 0;
	}
.sidebar ul li ul li {
	margin: 0;
	padding: 0 0 2px 15px;
	background: url(images/icon_bullet_sb.gif) no-repeat 0 5px;
	border: none;
	}

/* sidebar list level 3 */

.sidebar ul li ul li ul li {
	margin: 0;
	padding: 1px 0;
	border: none;
	}

/* recent post & comments */

.sidebar ul li ul.list-recentpost li, 
.sidebar ul li ul.list-recentcomments li {
	margin: 0;
	padding: 0 0 5px 15px;
	}
.feedlink { /* rss button */
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 0 0 10px;
	padding: 4px 10px 5px;	
	border: none;
	}

/* widget list child */
.sidebar ul.children {
	margin: 0;
	padding: 2px 0;
	}
.sidebar ul.children li {
	padding-left: 12px;
	background: url(images/icon_bullet_sbchild.gif) no-repeat 0 8px;
	}

/* calendar widget */

#wp-calendar caption {
	margin-bottom: 5px;
	color: #CE5C00;
	}
#wp-calendar td a {
	color: #8AAB1B;
	}
#wp-calendar td#today {
	background: #f6f7ef;
	}
#leftcol #wp-calendar td {
	margin: 0;
	padding: 0 4px;
	}
#rightcol #wp-calendar td {
	margin: 0;
	padding: 0 9px;
	}

/* text widget */

.textwidget {
	padding: 0;
	}
.widget_rss img {
	position: absolute;
	right: 10px;
	top: 6px;
	border: none;	
	}
	
/* search form *//*#sidebars ul li form#searchform input[type="submit"] */
#sidebars ul li form#searchform {
	padding: 10px;
	background:#b6b6b6 url(images/bk-form.jpg) repeat-x bottom;
	border:solid 1px #6d6d6d;
	height:2em;
	text-align:center;
	}/*
html* #searchform{ margin-right:0;margin-left:-20px;padding-left:20px;}
html* #searchform input[type="text"]{margin-left:20px;}*/
#searchform br {
	display: none;
	}
#searchform #s {
	width: 70%;
	height: 20px;
	margin-right: 2px;
	padding: 4px 5px 0px 5px;
	font-weight: normal;
	color: #999;
	float:left;
	}

/* search form button - to specify button only use input[type="submit"] */
#sidebars ul li form#searchform input{
	/*width: 50px;
	height: 26px;*/
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	vertical-align: middle;	
	}
#sidebars ul li form#searchform input[type="text"]{
	background: #fff url(images/bk-input.jpg) repeat-x;
	border: solid 1px #848484;
	}
#sidebars ul li form#searchform input[type="text"]:hover,#searchform input[type="text"]:active,#searchform input[type="text"]:focus{
	border:solid 1px #da8f3e;
	}
#sidebars ul li form#searchform input[type="submit"]{
	color:transparent;
	background:transparent url(images/search.png) no-repeat;
	height:2.8em;
	text-indent:-5000px;
	border:none;
	line-height:0px;
	margin-top:-0.2em;
	margin-left:0.4em;
	margin-right:-0.6em;
	width:31px;
}


	
/* footer
---------------------------------------------------------- */
#footer {
/*	margin: 0px 40px;*/
/*	margin-top: -20px;*/
	font-size: 90%;
/*    background: url(images/bg_dot.gif) repeat-x 0 0;*/

	}
#footer p {
/*	margin-left:10px;*/
	padding: 10px 15px;
	font-size: 80%;
	background: #f79a36;
	}
#footer a,#footer a:link,#footer a:visited {
	color:#555 !important;
	}

/* self-clearing floats */

#nav ul:after,
#content:after,
#maincol:after,
#sidebars:after,
.navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
/* fixes font-size keyword problem for IE5/Win */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
  	
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/* self-clearing floats
----------------------------------------------------- */

/* trigger hasLayout and target ie5+6/win only */
* html #nav ul,
* html #content,
* html #maincol,
* html #sidebars,
* html .navigation {
	height: 1%;
	}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul,
*:first-child+html #content,
*:first-child+html #maincol,
*:first-child+html #sidebars,
*:first-child+html .navigation {
	min-height: 1px;
	}

.tagcloud{
	line-height:1.6em;
	padding:0;
	}
.twitter-message{
    background: none repeat scroll 0 0 #333333;
    margin-bottom: 0.3em;
    padding: 0.5em 0.5em 0.8em 0.8em;
	}
/*Marta 12-02-11*/
body{
	font-size:0.8em !important;
	*font-size:0.6em !important;/*ie6 y ie7*/
}
.post h3 {
	font-size:1.3em;
}
h4{font-size:1.05em;margin:0.4em 1em;}

/*mi tabla*/
table.tabla-listado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	float:left;
	margin:0.5em 1em;
	width:95%;
}

table.tabla-listado caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table.tabla-listado a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table.tabla-listado a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table.tabla-listado tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table.tabla-listado tr th a:hover {
	color: #fff;
	background: #369;
}

table.tabla-listado thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table.tabla-listado tfoot tr th, table.tabla-listado tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table.tabla-listado tfoot tr th {
	width: 20%;
}

table.tabla-listado tfoot tr td {
	width: 80%;
}

table.tabla-listado td, table.tabla-listado th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.9em;
	vertical-align: top;
	width: 20%;
}

table.tabla-listado tr.odd th, table.tabla-listado tr.odd td {
	background: #efefef;
}

.entry table.tabla-listado td img{
	margin: 0 1em;
	padding: 0;
	max-width: 70px; /*ojo!*/
}
/**/

/*Dispositivos móviles*/
@media screen and (max-device-width: 1000px) 
{
	.post {font-size:1.6em;line-height:1.5em;} 
	#nav li a{font-size:1.2em;}
	.lfmWidgetchart_a3dc3c442d1226978047e69244ef661e{display:none;}/*lastfm*/
}