/*
Theme Name: Pablo Zarate V7. Nombre clave: Black Label. Premium Edition.
Theme URI: http://www.pablozarate.com/
Description: Template para wordpress creado por Pablo Zarate.
Version: 4
Author: Pablo Zarate
Tags: 2 Columnas. Layout fijo. Optimizado para 1024 en adelante.
*/

* { margin:0; padding:0; outline:none; border:none }
html { 	overflow-x:hidden; }
body { 
	background:#060606 url(images/fondos/body.jpg) fixed top left no-repeat ;
	color:#c5c5c5;
	font-family: Helvetica, "Helvetica LT Std", Arial, sans-serif;
	font-size:80%;
	line-height:130%
}
img { -ms-interpolation-mode: bicubic; }
a { color:#fff; text-decoration:none; cursor:pointer } a:hover { text-decoration:none; color:#b20066; }

.bg-misc { position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:url(images/misc/bg-misc.png) no-repeat bottom right fixed; opacity:.4 }
#wrapper { position:relative; z-index:2 }


/* ENCABEZADO */
#infoHeader { position:fixed;width:220px;left:20px; top:0; z-index:10000 }
#header h1 { text-indent:-9999px; text-align:center; } #header h1 a { display:block; margin:0 auto; background:url(images/sprite.png) no-repeat 0 0; width:193px; height:130px; }

/* SIDEBAR */
.label { background:url(images/sprite.png) no-repeat 0 -230px; width:220px; height:110px; }
#sidebar {  background:#0e0e0e; padding-bottom:5px; padding-top:20px; text-align:center; box-shadow: 0 0 7px black; -moz-box-shadow: 0 0 7px black; -webkit-box-shadow: 0 0 7px black }
#sidebar p { font-size:11px; letter-spacing:-.5px; margin-top:5px}
#sidebar ul {   font-weight:normal; margin-bottom:1.3em }
#sidebar ul li h3 { color:#87004e; font-size:1.8em; font-weight:normal; margin-bottom:.6em }
#sidebar li { list-style:none; font-weight:normal}
#sidebar li a { text-transform:uppercase; position:relative; z-index:100 }
#sidebar ul li ul { margin-bottom:0}
#sidebar ul li ul li { margin-bottom:.6em; font-size:.9em }
#sidebar img.hr { margin-top:-40px; }


.freelance { display:none; position:fixed; bottom:70px; left:28px; } .freelance img { border:none; }

/* Footer */
#footer {
	position:fixed;
	z-index:1;
	bottom:0;
	color:#575757;
	width:100%;
}
#footer div {
	background:#060606;
	padding:5px 0;
	border-top: 1px dashed #87004e;
	margin:0 20px;
	overflow:hidden;
	height:1%
}
#footer ul { margin-left:5px;}
#footer ul, #footer ul li { float:left; list-style:none }
#footer ul li { margin-right:20px; }
#footer ul li a { display:block; background:url(images/sprite.png) no-repeat; text-indent:-9999px; height:26px; opacity:.3 }
#footer ul li a:hover { opacity:1 }
#footer ul li.behance a { background-position:0 -351px; width:156px; }
#footer ul li.flickr a { background-position:0 -382px; width:75px; }
#footer ul li.linkedin a { background-position:0 -413px; width:88px; }
#footer ul li.tc1h a { background-position:0 -445px; width:219px; }
#footer p.slogan { float:right; margin-top:0; padding-top:3px; margin-right:5px; text-transform:uppercase;}


/* CONTENIDO // POSTS // ARCHIVES // CATEGORIAS // LISTADOS */
#content { margin-left:260px; overflow:hidden; height:1%; padding-bottom:20px /*left:260px; width:100%; position:absolute; top:0 */}
#content div.miscHome { margin:30px 0; margin-right:20px; border-bottom:1px dashed #87004e; padding-bottom:20px }
#content div.miscHome img { background:url(images/misc/tagline.png) no-repeat left bottom; width:344px; height:80px;  }
#content div.miscHome.english img { background:url(images/misc/tagline.png) no-repeat left top; width:344px; height:80px;  }
.entry { overflow:hidden; height:1%; opacity:.3; padding:0 5px 10px 5px }
	.entry:hover { opacity:1; background:#000 url(images/sprite.png) no-repeat 8px -345px; box-shadow: 0 0 7px black; -moz-box-shadow: 0 0 7px black; -webkit-box-shadow: 0 0 7px black }
	.entry:hover .info { margin-left: 40px } .entry:hover .info h1 a { color:#b20066 }
.post { float:left; width:390px; margin:5px 14px 40px 0; }
.infscr-pages { float:left}
.postDetail { /*width:425px;*/ margin:5px 14px 10px 0; }


.entry-detail { overflow:hidden; height:1%; padding-bottom:30px; }

.entry-detail img { float:left; margin-right:10px; margin-bottom:10px !important; border:1px solid #1e1e1e;  box-shadow: 0 0 7px black; -moz-box-shadow: 0 0 7px black; -webkit-box-shadow: 0 0 7px black  }

.sociable {  padding-top:20px; padding-right:10px; text-align:right}

/* TIPOGRAFIA */
h1 { line-height:normal; margin-bottom:17px; font-size:20px; color:#e9e9e9; font-weight:normal; color:white; }
	h1 a { color:#e9e9e9; }
	h1 span, h1 span a { color:#bcbcbc; font-family:Helvetica, "Arial Narrow", Arial, sans-serif; font-size:11px; text-transform:uppercase; font-weight:normal; } h1 span strong { font-weight:bold; }

h2 { font-family: "Century Gothic", Helvetica, "Helvetica LT Std", "Arial Narrow", Arial, sans-serif; font-size:38px; text-transform:uppercase; font-weight:normal; line-height:normal; padding-top:20px; color:white;
	text-shadow: 0px 0px 7px #FFFFFF, -1px 1px 14px #87004E }
	h2 span { font-size:12px; line-height:5px }
	h2.home { margin-top:150px; }

h3 { font-weight:bold; font-size:14px; font-family: "Century Gothic", Helvetica, "Helvetica LT Std", Helvetica, "Arial Narrow", Arial, sans-serif; text-transform:uppercase; margin-bottom:7px; }

p, .entry ul, .entry ol { font-size:.9em; font-family:Helvetica, Arial, sans-serif; line-height:21px; margin-top:8px; letter-spacing:1px; word-spacing:1px; }
strong { color:white; }
p { margin-top:12px; }

p.verMas { margin:0 0 5px 0; }
.entry ul, .entry ol { list-style:none; list-style-image:url(images/bullets/bulletEntry.gif); padding-left:15px; }
.entry-detail ul, .entry-detail ol {list-style:none; list-style-image:url(images/bullets/bulletEntry.gif); padding-left:15px; margin-bottom:21px;}

.entry h1 { height:44px; }
.entry h1, .entry span { text-transform:uppercase}
.entry p { font-size:.9em; line-height:1.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.entry p, .entry h1 { margin-bottom:0}



/* POSTS */
#content .post img{ margin-bottom:19px; position:absolute; clip:rect(0pt, 384px, 126px, 0pt); }

.postDetail p {font-size:1.14em; line-height:1.3em; }
.postDetail p.tags { font-size:12px; } .postDetail p.tags span { text-transform:uppercase}

.hightlight:hover .info, .hightlight:hover a { display:inline; }

.hightlight { border:3px solid #6a6969; height: 126px; margin-left:-5px; width: 384px; position:relative; background:#000; margin-bottom:10px; _display:inline; } .hightlight img { border:none !important; }
.entry:hover .hightlight { border-color:#000}

.cont-navigation { /*clear:both; position:relative; white-space:nowrap;*/ }
.navigation { display:none }
.navigation div { margin-top:80px; }
.alignleft { float:left; margin-right:20px; margin-top:8px; margin-bottom:8px; }
.alignright { float:right; margin-left:20px; margin-top:8px; margin-bottom:8px; }
.wp-caption { position:relative; float:left;} .wp-caption-text { position:absolute; bottom:9px; font-size:10px !important; text-transform:uppercase; letter-spacing:normal; word-spacing:normal; left:-1px; background:#000; color:#e9e9e9; margin:3px; padding:2px 4px; display:none; }
.wp-caption:hover .wp-caption-text { display:inline; }
.left { float:left; } .right { float:right; } .both { clear:both; } .clearfix { overflow:hidden; height:1%; }

#searchform { display:none; }