@charset "utf-8";
/*******************************************************
*
* Title: Kirev blog & screen styles and ie/win fixes
* Author: klos@kirev.com
* Updated: JANUARY 2009
*
********************************************************/

body {
	font-family:Arial, Sans-Serif;
	font-weight:400;
	font-variant:normal;
	font-size:small;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-x;
	background-color: #F6F6F6;
}

h1,h2,h3,h4,h6 {
	background:transparent;
	color:#180F18;
	font-family:Arial, Sans-Serif;
	font-size:2.8em;
	font-weight:700;
	margin:0;
	padding:5px;
}
h5 {
	color: #fff;
	letter-spacing: 2px;
	margin: 30px 0;
	line-height: 100%;
	text-transform: uppercase;
	font-family: arial;
	font-size: 74%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}


p {
	background:transparent;
	color:#180F18;
	padding:0;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

a {
outline:none;
}

a:link,a:visited {
color:#0E91CF;
}

a:hover {
color:#51514f;
}

#content .post .more {
padding:0;
}

#content .post .more a:link,#content .post .more a:visited {
color:#048DB4;
}

* html #wrap {
height:450px;
}
pre, code {
	color:#666666;
	font-size:11px;
}
pre code {
	display:block;
	overflow:auto;
	padding:8px;
}
#blog #wrap #content #full-post .post code {
	width:350px;
	height:35px;
	border: 1px solid #E1E1E1;	/*z-index:101;*/
	margin: 0px;
	padding: 3px;
	/*overflow: scroll;*/
}
#wrap {
	width:816px;
	font-size:95%;
	line-height:1.6em;
	text-align:left;
	min-height:500px;
	padding:0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#page {
	background-color: #FFFFFF;
	margin-top: 5px;
	clear: both;
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-x;
	overflow: hidden;
	width: 100%;
}

#info_banner {
	height: 100px;
	margin-bottom: 10px;
	background-image: url(../images/info_banner.jpg);
	background-repeat: repeat-x;
	padding-top: 50px;

}
#wrap #info_banner .socialNetwork {
	margin: 10px;
}
#wrap #info_banner .socialNetwork p {
	font-size: 180%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



#content {
	width:500px;
	float:left;
	margin-left: 10px!important;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#sidebar {
	width:274px;
	font-size:93%;
	line-height:1.5em;
	margin-top: 10px;
	margin-right: 10px!important;
	margin-right: 5px;
	float: right;
}

#error_content {
text-align:center;
}
#header {
	background-repeat:no-repeat;
	padding:0;
	margin-bottom: 5px;
}
#logo {
	text-align:left;
	background-image:url(../images/kirev_logo.gif);
	background-repeat:no-repeat;
	height:72px;
}
#navBar {
	height:25px;
	background-color: #131313;
	margin-bottom: 10px;
	padding-top: 5px;
}
#navBar ul {
	display:block;
	list-style:none;
	background-repeat:no-repeat;
	background-position:left top;
	letter-spacing:2px;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	}
#navBar ul li {
	float:left;
	position:relative;
	z-index:100;
	height:18px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5f5f5f;
	text-align: center;
}
#navBar ul li a {
	outline:0;
	display:block;
	text-decoration:none;
	border-style:none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

#navBar ul li#home {}
#navBar ul li#home a {width:62px;color: #FFFFFF;}
#navBar ul li#acerca a:hover, #navBar ul li#contacto a:hover {color:#51514f;}
#navBar ul li#home a:hover,#blog #navBar ul li#home a,#blog #navBar ul li#home a:hover, #acerca #navBar ul li#acerca a,#acerca #navBar ul li#acerca a:hover, #contacto #navBar ul li#contacto a,#contacto #navBar ul li#contacto a:hover {color:#0E91CF;}
#navBar ul li#acerca {}
#navBar ul li#acerca a {width:89px;color: #FFFFFF;}
#navBar ul li#contacto {}
#navBar ul li#contacto a {width:89px; background-position:0 0; color: #FFFFFF;}

.post .quote {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:lighter;
font-size:24px;
line-height:34px;
font-style:italic;
border-left-width:1px;
border-left-style:solid;
border-left-color:#CDCFCF;
margin-top:10px;
}
.post .quote em {
	font-family:Georgia, "Century Schoolbook", Times, serif;
	font-size:13px;
	line-height:20px;
	text-align: right;
	display: block;
}


.post .quote .qlarge {
font-size:35px;
font-weight:700;
line-height:25px;
margin:0;
padding:0 2px 0 0;
}

blockquote {
margin:0 15px;
}

cite {
font-size:17px;
}
img.covers {
	border: 1px solid #999999;
	margin-right: 5px;
	margin-left: 5px;
	padding: 1px;
}

.post img {
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	padding:3px;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.post img.big {
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	border:2px solid #E7E7E7;
	padding:3px;
	width: 38em;
}
#content .img-box{
	margin-top: 25px;
	margin-bottom: 25px;
}
#content .img-box img {
width:auto;
border:2px solid #E7E7E7;
}

#content .img-box a {
border:none;
text-decoration:none;
padding:3px;
}

#content .img-box a:hover {
text-decoration:none;
border-right-width:1px;
border-right-color:#F6F6F6;
border-style:none solid none none;
}

em {
font-family:Georgia, "Century Schoolbook", Times, serif;
}

#content h2,h3, #columnWrap h2,h3 {
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:normal;
font-weight:400;
font-variant:normal;
margin-bottom:0.5em;
padding:0;
}

#content h4, #columnWrap h4 {
color:#333;
font-style:normal;
font-weight:400;
font-variant:normal;
margin-bottom:0.5em;
font-size:1.3em;
padding:0;
}

#content h2, #columnWrap h2 {
	font-size:1.9em;
	line-height: 1.2em;
}

#content h3, #columnWrap h3 {
	font-size:1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
#blog #wrap #content #full-post .post p {
	margin-top: 10px;
	margin-bottom: 10px;
}


#content h2 a,#content h4 a {
text-decoration:none;
}

#content h2 a:link,#content h2 a:visited {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#E7E7E7;
}

#content h2 a:hover {
border-bottom:1px solid #51514F;
}

#content p {
	margin-top:0em;
}

span.amp,span.note {
font-size:90%;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-weight:400;
}

span.marker {
background-color:#C9EBFC;
margin:0;
padding:2px;
}

.post {
margin-right:0;
margin-bottom:1.5em;
margin-left:0;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#DFDFDE;
padding-bottom:1.5em;
}

#content .post .posted {
margin-bottom:1.8em;
}

#content .post .posted .autor {
font-size:80%;
color:#666;
float:left;
padding-right:5px;
}

#content .post .posted .category {
background-image:url(../images/icons/folder_page.png);
padding-left:18px;
font-size:90%;
color:#666;
background-repeat:no-repeat;
background-position:left center;
float:left;
margin-left:5px;
padding-right:5px;
}

#content .post .posted .comments {
background-image:url(../images/icons/comment_blue.gif);
padding-left:18px;
font-size:90%;
background-repeat:no-repeat;
background-position:left center;
float:left;
margin-left:5px;
}

#content .post .posted .nocomments {
background-image:url(../images/icons/comment_delete.gif);
padding-left:18px;
font-size:90%;
background-repeat:no-repeat;
background-position:left center;
float:left;
margin-left:5px;
color:#000;
display:none;
}

p.postdate {
text-transform:uppercase;
font-size:0.8em;
color:#b6b6b0;
margin-top:0;
}

.show_comment {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#E7E7E7;
padding:10px 0;
}

.show_comment p.comment_author {
font-size:95%;
}

.show_comment .comment {
font-size:90%;
color:#383D44;
margin:0 0 20px;
}

#blog #wrap #content #full-post #full_comments #cpreview .comment_author .comment_date {
font-size:85%;
color:#b6b6b0;
text-transform:uppercase;
}

.show_comment .comment_author a {
color:#048db4;
}

#full-post #full_comments h5#comments_head {
font-size:125%;
}

#full-post a.nocomments {
display:none;
font-size:10px;
margin-left:5px;
}

#full-post a.comments {
font-size:10px;
margin-left:4px;
}

#full-post .full_post .show_comment .comment_date,#full-post .full_post .show_comment .comment p {
margin:0 0 10px;
}


#sidebar #VirbTunes,#sidebar #Flickr,.favorite-links,#categorias {
	margin-bottom:1em;
	background-color:#f5f5f5;
	padding:0.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #99BDD3;
	background-repeat: repeat-x;
}

#sidebar h3 {
	color:#333;
	padding-bottom:2px;
	clear:both;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#sidebar ul, .column ul, .columnWide ul {
list-style:none;

margin:0 0 1em;
padding:0;
}

#sidebar .favorite-links ul li, .column ul li, .columnWide ul li {
display:block;
color:#333;
margin:0;
padding:0;
}

#sidebar .favorite-links ul li.info, .column ul li.info,  .columnWide ul li.info{
	background-image:url(../images/icons/bullet_blue.png);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	color:#333;
	text-decoration:none;
	border-bottom:1px #CCC solid;
	margin:0;
	padding:5px 0 5px 18px;
}

#sidebar .favorite-links ul li a {
background-image:url(../images/icons/arrow_right.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
color:#333;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#D3D3D3;
margin:0;
padding:5px 0 5px 18px;
}

#sidebar ul.articles li {
padding-left:16px;
background-image:url(../img/1206/icon-doc.gif);
background-position:0 2px;
}

#sidebar ul li.last {
margin-bottom:0;
}

#sidebar p.banner a {
border:none;
padding:0;
}

#Flickr h2 {
margin-bottom:10px;
}

#Flickr ul li {
list-style-type:none;
display:inline;
background-image:none;
margin:0;
padding:0;
}

#Flickr ul li a {
border-style:none;
border-width:0;
margin:0 5px 0 0;
padding:0;
}

#Flickr ul li a img {
background:#000;
border:solid 3px #666B75;
width:45px;
height:45px;
margin:0 0 10px;
padding:2px;
}

#Flickr ul li a:hover img {
background:#000;
border:solid 3px #989CA5;
margin:0 0 10px;
padding:2px;
}

#columnWrap #VirbTunes ul.virb_tunes {
background-image:none;
}

#columnWrap #VirbTunes #virbScript {
margin-bottom:1em;
}

#columnWrap #VirbTunes ul.virb_tunes li span.artist {
color:#000;
font-weight:400;
}

#columnWrap #VirbTunes ul.virb_tunes li {
display:block;
color:#666;
text-decoration:none;
background-image:none;
border-bottom:1px #D3D3D3 solid;
margin:0;
padding:5px 0;
}

#columnWrap #VirbTunes ul.virb_tunes li span.artist a {
color:#39C;
text-decoration:none;
border-style:none;
}

#columnWrap #VirbTunes ul.virb_tunes li span.artist a:hover {
color:#000;
}

#categorias ul li a {
background-image:url(../images/icons/page.png);
background-repeat:no-repeat;
background-position:left center;
display:block;
color:#333;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#D3D3D3;
margin:0;
padding:5px 0 5px 18px;
}

#content .full-page dt {
line-height:100%;
font-family:"Trebuchet MS";
font-size:135%;
text-transform:capitalize;
width:95%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#C9C9C9;
text-align:right;
margin:0.5em 0 1em;
}

#content .full-page dd {
margin:0 30px 0 0;
}

#sidebar #proyectos-recientes .img img {
border:3px solid #048db4;
}

#sidebar #proyectos-recientes .img a {
border:none;
text-decoration:none;
}

#sidebar #proyectos-recientes .img a:hover {
text-decoration:none;
border-right-width:1px;
border-right-color:#F6F6F6;
border-style:none solid none none;
}

#footer {
	background:#3a3838;
	clear:both;
	margin-top:5px;
	position:relative;
	border-top-width:4px;
	border-top-style:solid;
	border-top-color:#4d4b4b;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer #footer-inner {
width:64em;
margin-right:auto;
margin-left:auto;
margin-bottom:25px;
}

#footer h3 {
color:#96d1ef;
border-bottom-width:1px;
border-bottom-style:none;
border-bottom-color:#CDEBF8;
font-family:"Trebuchet MS";
font-size:135%;
font-weight:400;
margin-bottom:0.3em;
}

#footer a {
color:#39C;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:none;
border-bottom-color:#dbd5c5;
}

#footer a:hover {
color:#AAA;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:none;
border-bottom-color:#dbd5c5;
}

#footer ul {
list-style:none;
margin:0;
padding:0;
}

#footer ul li {
display:block;
margin:0;
padding:0;
}

#footer ul li a {
background-image:url(../images/icons/arrow_right.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
color:#FFF;
text-decoration:none;
border-bottom:1px #4b4949 solid;
margin:0;
padding:5px 0 5px 18px;
}

#footer .copy {
font-size:10px;
text-align:center;
clear:both;
}

#footer ul.ariculos-recientes li a {
background-image:url(../images/icons/page.png);
background-repeat:no-repeat;
background-position:left center;
display:block;
color:#FFF;
text-decoration:none;
border-bottom:1px #4b4949 solid;
margin:0;
padding:5px 0 5px 18px;
}

#comment_form {
margin-top:20px;
}

#comment_form h5 {
font-size:88%;
}

#error .comments_error {
background-color:#FFC;
border:1px solid #FF3;
margin-bottom:2em;
margin-right:auto;
margin-left:auto;
padding:5px;
}

#submit {
width:30%;
}

#comment_form #post_comment .comment_left .button {
margin-top:2em;
}

#comment_form label input,#comment_form label textarea {
background-color:#FDFDFD;
border:1px solid #DBDBDB;
width:45%;
}

#comment_form #post_comment .comment_right {
margin-bottom:10px;
margin-top:1px;
}

.submit {
border:0;
width:auto;
}

.submit:hover,.submit:active {
border:0;
}

.radio {
background:none;
border:0;
}

.full-page {
padding-bottom:20px;
margin:0 0 20px;
}

#acerca #columnWrap h2 {
width:100%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#EBE9ED;
margin-bottom:25px;
padding-bottom:3px;
margin-top:25px;
}
#acerca #content h3 {
width:100%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#EBE9ED;
margin-bottom:25px;
padding-bottom:3px;
margin-top:25px;
}

#skill-list-left,#skill-list-right {
list-style-type:none;
width:200px;
padding-left:5px;
margin:-10px 0 10px;
}

#skill-list-left li,#skill-list-right li {
width:200px;
border-bottom:1px solid #e4e4e4;
padding:3px 0 3px 5px;
}

#skill-list-left {
float:left;
}

#skill-list-right {
float:left;
margin-left:20px;
}

.about-exp-date {
width:258px;
font-family:"Lucida Grande", Verdana;
color:#666;
font-size:90%;
font-weight:400;
letter-spacing:-0.09em;
padding:0;
}

.zemContactForm .inputData {
margin-bottom:0.5em;
}

.zemContactForm .inputData input,.zemContactForm .inputData textarea {
background-color:#FDFDFD;
border:1px solid #DBDBDB;
width:55%;
}
fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
legend {
	display: none;
}


.zemContactForm .inputData b {
cursor:help;
}

.zemError {
list-style-type:none;
background-color:#FFF9B0;
border:1px solid #FFE450;
margin:0 auto 1em;
padding:0;


}

.zemError li {
	font-size:0.9em;
	line-height:1.7em;
	color:#272727;
	font-weight:700;
	background-color:#FFF9B0;
	font-size:110%;
	background-image:url(../images/icons/bullet_error.png);
	background-repeat:no-repeat;
	background-position:0;
	margin:5px;
	padding:0 0 0 21px;
}

.error {
background-color:#FFF9B0;
border:1px solid #FFE450;
margin:0 auto 1em;
padding:0;
}

.error strong {
color:#E69057;
}

.error .alert {
color:#272727;
font-weight:700;
background-color:#FFF9B0;
font-size:110%;
background-image:url(../images/icons/user_orange.png);
background-repeat:no-repeat;
background-position:0;
margin:5px;
padding:0 0 0 21px;
}

html,body,#sidebar p,#Flickr ul {
margin:0;
padding:0;
}

#logo span,hr,.hide,#blog #wrap #content #full-post #full_comments h3#comments_head .nocomments,#Flickr ul li em,#columnWrap #VirbTunes #virbScript h3 {
display:none;
}

#navBar ul li#archivo a:hover,#archivo #navBar ul li#archivo a,#archivo #navBar ul li#archivo a:hover {
background-image:url(../images/nav-archivo.gif);
background-position:0 -33px;
}

.post a:hover img,#content .img-box img:hover {
border:2px solid #7A7A78;
}

#full-post .full_post .show_comment .comment_author,#comment_form p {
margin:0;
}

#sidebar .favorite-links ul li a:hover,#footer ul li a:hover {
color:#FFF;
border-bottom:1px #06abd1 solid;
background-color:#4D4B4B;
background-image:url(../images/icons/arrow_right.gif);
}

#categorias ul li a:hover,#footer ul.ariculos-recientes li a:hover {
color:#FFF;
border-bottom:1px #06abd1 solid;
background-image:url(../images/icons/page_green.png);
background-color:#4D4B4B;
}

#content .full-page dl,#content .full-page h2 {
margin-top:0;
}

#footer .copy p,#footer #footer-inner #credits #credits-inner p {
color:#FFF;
}

#credits,#recent-posts,#externals-links {
width:20em;
text-align:left;
color:#FFF;
float:left;
margin-right:1em;
}

#comment_form label input:focus,#comment_form label textarea:focus,.contactForm .inputData input:focus,.contactForm .inputData textarea:focus {
background:#fff;
border:1px solid #656F7A;
}

#comment_form input.form_button,input.contact_button {
width:auto;
font-size:110%;
margin-top:5px;
color:#4D4B4B;
padding:2px 10px;
}
.column {
	margin-top:10px;
	width: 240px;
	}
#columnWrap{
	height: 15px;
	padding-left: 10px;
}
.columnWide {
	margin-top:10px;
	width: 520px;
	clear: both;
	}
.column1 {
	margin:0px 25px 0px 0px;
	padding:0px;
	width: 240px;
	float:left;
	}
	
.column2 {
	margin:0px 30px 0px 0px;
	padding:0px;
	width: 240px;
	float:left;
	}
	
.column3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	width: 240px;
	float:left;
	}

.column4 {
	margin:0px 0px 0px 0px;
	padding:0px;
	width: 520px;
	float:left;
	}
#wrap #info_banner .socialNetwork .pipe {
	color: #0E6BA3;
}
p.post_date {
	float: right;
	text-align: right;
	font-size: 80%;
}

div.mini_post{
	display: block;
	border-bottom: 1px solid #9c9c9c;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
body#archivo div.full_post,
body#archivo div.mini_post {
	padding: 0 0 .7em 0;
	margin: 0 0 .7em 0;
	border-bottom: 1px solid #9c9c9c;
}
.fixed {
	clear: both;
	display: block;
	overflow: hidden;
}

div#qTip {
	padding: 3px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	color: #333333;
	text-align: left;
	position: absolute;
	z-index: 1000;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #99BDD3;
	border-right-color: #99BDD3;
	border-bottom-color: #99BDD3;
	border-left-color: #99BDD3;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
#portafolio #wrap #page #content ul {
	list-style-type: none;
	overflow: hidden;
	height: 100%;
	margin-bottom: 40px;
}
#portafolio #wrap #page #content ul li a {
	display: block;
	width: 190px;
	height: 118px;
	padding: 0;
	float: left;
	text-indent: -1000px;
	border: 3px solid #CCC;
	margin-top: 14px;
	margin-right: 14px;
	margin-bottom: 0;
	margin-left: 0;
}

#portafolio #wrap #page #content .full-page h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}