/*   
Theme Name: Tema desarrollado para Kalimba	
Theme URI: 
Description: Primera versión del sitio
Author: Menades
Author URI: http://www.cocine.cl
Template: thematic
Version: 1.0
Tags: Thematic
.

.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

//body.blog #secondary, body.blog #primary {display:none;}

#wrapper {
	margin:0 auto;
	margin-top:4px;
	margin-bottom:4px;
	width:980px;
	padding:20px 0 0;
	background:url('i/bg_wrapper.jpg') no-repeat 0 -27px;
	overflow:hidden;}

body {background-color:grey;}

#header {height:113px; padding:0 0;}

#branding {
	padding:0 0 5px;
	border-bottom:5px solid #333333;
	width:100%;
	background:url('i/bg_branding_02.png') no-repeat scroll top right transparent;
	}

#blog-title a {
	display:block;
	text-indent:-9000px;
	height: 113px; /* height of your header, like 180px */
	width: 244px; /* width of your header, like 940px */
	background:url('i/bg_blog-title_05.png') no-repeat top center;
	z-index:900;
	left:90px;
	position:relative;
}

#blog-description {
	position:absolute;
	left:-9000px; /* We avoid display:none because it's bad for SEO */
}
#secondary {right:20px;}

body.page .entry-title {display:none;}

body.slug-home .entry-title {display:none;}

.sf-menu a {
padding:1px 13px;
border: 1px solid transparent;
}

.sf-menu li {
line-height:19px;
text-transform:uppercase;
}

.sf-menu {border-right: 1px solid transparent; text-shadow:2px 2px 1px #CCCCCC;}



#access {height:22px; width:600px; left:100px;}

#main {
	height:478px;
	position:relative;
	overflow:auto;
	border-bottom:transparent;
	padding:26px 0 0;
	width:100%;
	border-top:1px solid black;
	background:url('i/bg_main.jpg') no-repeat top center;
	}

#container {
	width:560px;
	margin:0 auto;
	background:white;
	position:relative;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;	
	border-radius:5px;
	-moz-box-shadow: 5px 5px 5px #666;
	-webkit-box-shadow: 5px 5px 5px #666;
	box-shadow: 5px 5px 5px #666;
	padding:10px 32px 10px 10px;
	opacity:0.9;
	left:20px;
	
}


#content {width:560px !important;
}

#facebook_widget {height:460px; background:white;}
#footer {background:transparent; margin-top:-1px; margin-bottom:10px; height:60px; width:100%;}

#footer_nav {
	list-style:none;
	margin:0 auto;
	width:102px;
	clear:both;
	color:#000000;
	z-index:998;
	position:relative;
}

#footer_nav li {
	float:left;
	margin-left:4px;
	}

#footer_nav li a {
	width:30px;
	display:block;
	height:27px;
	background-position:top;
	display:block;
	text-indent:-9000px;
	color:#000000;
	z-index:996;
	position:relative;
}

#footer_info {
	margin: 0 auto;
	z-index:997;
	position:relative;
}


#footer_text {
	clear:both;
	color:#000000;
	text-align:center;
}

#footer_text a {color:#000000;
	}

#contacto a {
	background: url('i/contacto.png') no-repeat top center;
}
#facebook a {
	background: url('i/facebook.png') no-repeat top center;
}
#twitter a {
	background: url('i/twitter.png') no-repeat top center;
}

#facebook a:hover {background-position:bottom;}
#contacto a:hover {background-position:bottom;}
#twitter a:hover {background-position:bottom;}

#footer_img {margin-top:-196px; z-index:995; position:absolute; width:100%;}


#sapo_izq {left:-20px; position:relative;}


#sapo_der {left:619px; position:relative;}

#mensaje {height: 60px;}
body.slug-contacto div.entry-content h1 {padding-top:10px;}

input {line-height:16px;}
body.slug-contacto #container {padding-bottom:50px;}
.ngg-gallery-thumbnail-box {
float:left;
width:25%;
}