/*
Theme Name: Doliaku! Theme
Theme URI: http://www.doliaku.com.ar/
Description: Tema desarrollado para el sitio <a href="http://www.doliaku.com.ar/">www.doliaku.com.ar</a>.
Version: 2.5
Author: Lucas Recalde
Author URI: http://www.doliaku.com.ar/
Tags: doliaku, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/

@charset "UTF-8";
/* CSS Document */
html, body {height: 100%;}

body {margin:0; padding:0; font:12px "Trebuchet MS", Verdana, Tahoma, sans-serif; color:#333; background:#1b1a1a url(images/bg.jpg) fixed;}
a {color:#61c001; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}
img {border:none;}
td {vertical-align:top;}
blockquote {border-left:5px solid #b0df80; color:#666; margin:0 0 10px 0; padding:5px 15px 5px 60px; background:url(images/bgBQ.png) no-repeat top left;}
acronym, abbr, span.caps {cursor: help;}
form, input, textarea, select {margin:0; padding:0; font:12px "Trebuchet MS", Verdana, Tahoma, sans-serif; color:#454545;}
p {margin:0; padding:0 0 10px 0;}
.clear {clear:both;}


#container {position: relative;	min-height: 100%;background: url(images/bg2.jpg) no-repeat top left fixed;}
#bodyWrapper {width:870px; margin:0 20px 0 auto; position: relative;}
#mainCol {width:691px; height:100%;}
#mainColHome {width:691px; height:100%; background:none !important;}
#socCol {width:161px;  position:absolute; right:0; top:123px;}
#socCol div {padding:2px 0;}

/*********** HEADER *********************/
#header {height:213px; background:url(images/bgHeader.png) no-repeat top left;}

#english {position:absolute; top:5px; right:10px;}
#english a {padding:0 2px 2px 20px; background:url(images/favicon.png) no-repeat left center;}
#english a:hover {background:#fff url(images/favicon.png) no-repeat left center; color:#000; text-decoration:none;}

#logo {padding:0; margin-left:-100px;}

#menu {margin-top:3px;}
#menu ul {list-style:none; margin:0; padding:0;}
#menu li {float:left;}
#menu li a {margin:0; padding:0; display:block; outline:none;}

#menu li a.botHome img {background:url(images/botHome.png) no-repeat top left; width:117px; height:79px;}
#menu li a.botHome:hover img {background:url(images/botHome.png) no-repeat bottom left; width:117px; height:79px;}
#menu li a.botPortfolio img {background:url(images/botPortfolio.png) no-repeat top left; width:146px; height:79px;}
#menu li a.botPortfolio:hover img {background:url(images/botPortfolio.png) no-repeat bottom left; width:146px; height:79px;}
#menu li a.botBlog img {background:url(images/botBlog.png) no-repeat top left; width:100px; height:79px;}
#menu li a.botBlog:hover img {background:url(images/botBlog.png) no-repeat bottom left; width:100px; height:79px;}
#menu li a.botContacto img {background:url(images/botContacto.png) no-repeat top left; width:131px; height:79px;}
#menu li a.botContacto:hover img {background:url(images/botContacto.png) no-repeat bottom left; width:131px; height:79px;}
#menu li.selected a img {background-position:bottom !important;}


/*********** CONTENT *********************/
#content { padding:5px 0; border:15px solid #fff; min-height:460px; padding-bottom:89px; background:#fff;}
#content h1 {font-size:24px; color:#000;}
#content h2 {font-size:20px; color:#000; margin:0 0 10px 0; padding:0;}
#content h3 {font-size:18px;}

#mainCol #content td:first-child {background:url(images/dotLineH.png) repeat-y top right; padding-right:10px;}
#mainColHome #content td {background:url(images/dotLineH.png) repeat-y top right; padding-right:10px;}
#mainColHome #content td:last-child, #mainCol #content td:last-child {background:none; padding-right:10px;}

#colTxt {padding-left:0 !important;}
#labHome { padding-left:15px !important;}
#labHome ul.galeria li {margin:5px 0 15px;}
#labHome p a {font-size:14px;}

#blogColH {width:133px; padding-right:0 !important;}

/*posts*/
.post {margin-bottom:20px; clear:both;}
.post small, .page small {margin:-24px 0 0 0; float:right; color:#666;}
.postmetadata small {margin:5px 0 0 0 !important; float:none; color:#666;}


h4 code {background:#fff;color:#444;}
code {font:bold 110% "Courier New", Courier, monospace; color:#000066; background:#E9F3FE;}

.navigation {display: block;text-align: center; margin:0 0 25px 0;}


/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;}

.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; background:url(images/dotLine.png) repeat-x bottom left; list-style: none;}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.comment-author {font-size:16px;}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: italic;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.commentmetadata {font-weight: normal; font-size:10px;}
.says {font-weight:normal;}

/* End Comments */


/*sidebar*/
#sb, #sidebar {width:133px; padding-left:5px;}
#sb ul {margin:0; padding:0; list-style:none;}
#sb ul ul {margin:0; padding:0 0 10px 5px; list-style:none;}
#sb h2 {font-size:14px; margin:0; padding:0 0 3px 5px; color:#000;}
#sidebar {font-size:11px;}
/*end sidebar*/

/* Begin Images */
p img {padding: 0; max-width: 100%;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
/* End Images */

/* Begin Form Elements */
#searchform {white-space:nowrap; margin:0 0 10px 5px}
#sidebar #searchform #s {width: 100px;padding:0 2px;}
#sidebar #searchsubmit {padding:0 1px;}


#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */

/*********** FOOTER *********************/
#footer {position:absolute; bottom:0; width:100%;}
#footerCont {width:691px; margin:0 199px 0 auto; background:url(images/bgFooterPpal.jpg) no-repeat top left; height:88px;}
#picdlk {position:absolute; bottom:40px; right:65px;}
#firmas {float:right; padding:33px 10px 0 0;}
#copy, #validate {float:left; padding:30px 0 0 10px;}

/*end footer*/

/* Vertical Accordions */
#vertical_container h2 {margin:0 0 1px; padding:7px 0 0 27px;}
.accordion_toggle {display:block; height:20px; width:465px; background:url(images/bgAccordion.png) no-repeat top left; padding:0 10px; line-height:30px; font-weight:normal; text-decoration:none; outline:none; font-size:12px; color:#000000; cursor:pointer; margin:0;}
.accordion_toggle_active {background: url(images/bgAccordion.png) no-repeat bottom left;}
.accordion_toggle_active h2 {background:#e0542f}
.accordion_content {background-color: #ffffff; color: #444444; overflow: hidden; width:497px;}
.accordion_content h2 {margin: 15px 0 5px 10px; color: #0099FF;}
.accordion_content p {line-height: 150%; padding: 5px 10px 15px 10px;}

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 465px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}


ul.galeria {margin:0; padding:0; list-style:none;}
ul.galeria li {float:left; display:block; width:220px; margin:5px 10px 15px; font-weight:bold; color:#666;border:3px solid #999; background:#ededed;}
ul.galeria li:hover {border:3px solid #61c001; color:#000;background:#c3e79e;}
ul.galeria li div {padding:0 4px; border:2px solid #fff; border-top:none;}
ul.galeria li div.maslb {display:none; width:0; height:0;}
ul.galeria li a img {padding:2px !important; background:#fff;}
ul.galeria li a:hover img { padding:2px !important; background:#fff;}
ul.galeria li a.lnkGlr {color:#666; font-weight:normal; font-size:11px; background:url(images/flechaOff2.gif) no-repeat center right; padding-right:12px;}
ul.galeria li a.lnkGlr:hover {color:#000; background:url(images/flechaOn.gif) no-repeat center right; padding-right:12px;}


p.aclaracion {background: url(images/bgActualizacion.png); border: 1px solid #c7e99c; padding: 5px; margin: 5px 0;}

/*estilos para codigo especial*/
.sampleCode {background:#f5f5f5 url(/images/tijeras.gif) bottom right no-repeat;width:80%;margin:10px auto;padding:10px;border:1px dotted #afafaf;}
.sampleCode code {font-weight:normal;background:#f5f5f5;}
.codh-prop {color:#009999;}
.cod-val {color:#0000ff;}
.codh-misc {color:#990099;}
.codc-prop {color:#ff00ff;}
.codc-elem {color:#000099;margin-left:33px;}
.codImport {color:#FF0000;font-weight:bold;}
.codComent {color:#666;}