/*
Theme Name: SonDeCalle
Theme URI: 
Description: Theme de WP para sondecalle.cl
Tags: options page, magazine, two columns, right sidebar, fixed width, widget ready, simple, white, yellow, clean, valid XHTML
Author: gaptone
Author URI:
*/

* html {
height:1%;
}

body {
font-size:100%;
font-family:Helvetica, Arial, sans-serif;
height:100%;
background-image:url(images/bg.jpg);
background-repeat:repeat;
background-position:left top;
background-attachment:fixed;
position:relative;
text-align:left;
width:auto;
margin:auto;
}

#page {
width:900px;
height:100%;
background:transparent;
margin:auto;
padding:auto;
line-height:1.2em;
}

#page a{
color:#ccc;
text-shadow:#000 1px 1px 1px;
}

#page a:hover{
color:#fff;
text-shadow:#000 1px 1px 1px;
}

.page_title {
font-family:arial;
width:600px;
}

#wrap {
height:100%;
}

/* header + navigation
--------------------------------------------------*/
#header {
padding:0 0 0 0px;
}

#headerimg h1 {
margin: 14px 0 30px; 0;
}

#headerimg h1 a {
font-family:arial;
font-size:1.3em;
font-weight:bold;
padding:1px 3px;

}

#navi2 {
margin:20px 0 0 0;
padding:0;
}

#navi2 a {
font-family:arial;
font-size:1.2em;
font-weight:bold;
padding: 1px 3px;
}

.description {
font-size:1.5em;
margin:0;
padding:0;
}

#nav {
padding:0;
}

#nav li {
float:left;
list-style:none;
margin:0 20px 0 0;
padding:0;
}

.clear {
clear:both;
}

a {
text-decoration:none;
}

#content h1,h2,h3,h4 {
font-family:arial;
line-height:1em;
text-align:left;
}

#content h1 a{
color:#ccc;
background:transparent;
padding:1px 3px;
}

.postmetadata {
margin-bottom:20px;
}

/* sidebar
--------------------------------------------------*/
#sidebar {
float:right;
width:180px;
height:100%;
}

#sidebar ul,li {
list-style:square;
}

#sidebar h3 {
margin-top:20px;
}

/* frontpage
--------------------------------------------------*/
.feature {
background-image:url(images/background.png);
background-repeat:repeat;
float:left;
width:580px;
margin:0 10px 30px 0;
padding:20px;
}

.feature h1 {
margin-top:5px;
}

.feature p {
text-align:justify;
}

#leadpic {
float:left;
margin:0 15px 6px 0;
}

#frontpage {
width:650px;
float:left;
margin-top:50px;
padding:0;
}

.frontcol img {
float:left;
border:5px solid #e9e9e9;
display:block;
background:transparent;
margin:3px 10px 0 0;
padding:0;
}

.frontcol img:hover {
float:left;
border:0px solid;
display:block;
margin:3px 10px 0 0;
}

.frontcol {
width:300px;
float:left;
padding-right:30px;
}

.clearfloat {
display:block;
padding:0 0 30px;
}

Float Properties
.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.box-left {
background-image:url(images/background.png);
background-repeat:repeat;
float:left;
width:270px;
margin:0 10px 20px 0;
padding:10px 20px;
}

.box-left h2 {
margin-top:15px;
}

.box-right {
background-image:url(images/background.png);
background-repeat:repeat;
float:right;
width:270px;
margin:0 10px 20px 0;
padding:10px 20px;
}

.box-right h2 {
margin:15px 0;
}

/* search
--------------------------------------------------*/
#s {
font-family:georgia;
font-style:italic;
color:#aaa;
width:300px;
background-color:#fff;
border:1px solid #AFAFAF;
margin:3px 0px 10px 0px;
padding:4px;
}

#s2 {
font-family:georgia;
font-style:italic;
color:#aaa;
width:160px;
background-color:#fff;
border:1px solid #AFAFAF;
margin:3px 0px 10px 0px;
padding:4px;
}

.base {
background-image:url(images/trans.png);
background-repeat:repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
padding:10px;
}

.base-t {
background-image:url(images/trans-t.png);
background-repeat:repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

.base-p {
background-image:url(images/trans-l.png);
background-repeat:repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

.base-c {
background-image:url(images/trans-c.png);
background-repeat:repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-size: 14px;
color:#333;
}

.base-c a{
color:#555;
text-decoration:none;
}

.base-c a:hover{
color:#555;
text-decoration:underline;
}

.base-c li{
margin-right:40px;
border-bottom:#999 solid 1px;
list-style-type:none;
margin-bottom:10px;
}

.base h1 {
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:48px;
letter-spacing:-2px;
color:#1a1a1a;
text-shadow:#999 0px 1px 0px;
text-transform:uppercase;
margin:10px 0px 0px 0px;
padding:0px;
}

.base h2 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:30px;
letter-spacing:-1px;
color:#ddd;
text-shadow:#000 0px -1px 0px;
margin:10px 0px 10px 0px;
padding:0px;
}

.base h3 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:20px;
letter-spacing:-1px;
color:#ddd;
text-shadow:#000 0px -1px 0px;
margin:10px 0px 5px 0px;
padding:0px;
}

.base a:hover {
color:#eee;
text-shadow:#111 1px 1px 1px;
}

.base li {
list-style-type: none;
}

.base p {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#fff;
text-align: justify;
}

#headers {
background-image:url(images/header-bg-p.png);
background-repeat:repeat;
width:900px;
height:270px;
margin:0 0 0 0px;
padding:0 0 0 0px;
}

#videos {
width:850px;
height:auto;
margin:20px 0px 0px 35px;
float:left;
}

#audios {
width:530px;
margin:20px 0px 0px 15px;
float:right;
padding:0px 10px 10px 10px;
}

#audios-cap {
width:500px;
margin:20px 0px 0px 35px;
float:left;
}

#bio {
width:300px;
height:auto;
overflow:hidden;
margin:20px 0px 0px 20px;
float:right;
}

#bio img{
width:290px;
height:95px;
}

#fotos {
width:850px;
height:auto;
margin:20px 0px 0px 35px;
padding:auto;
}

#fotos img{
width:100px;
height:100px;
opacity: .5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;
margin:0px 10px 20px 10px;
border:3px solid white;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

#fotos img:hover{
opacity: 1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
}

#banner {
width:600px;
height:80px;
float:right;
margin:10px 0px 0px 0px;
visibility:hidden;
}

#banner2 {
float:right;
width:300px;
margin:20px 100px 0px 0px;
padding:20px;
display:none;
}

#banner3 {
text-align:center;
width:468px;
height:60px;
margin:20px 0px 0px 220px;
padding:20px;
display:none;
}

#banner4 {
text-align:center;
width:468px;
height:80px;
margin:20px 0px 0px 100px;
padding:20px;
float:left;
}

#banner4 img{
border:0px;
}

#footers {
font-family: Helvetica, Arial, sans-serif;
width:680px;
height:90px;
margin-top:20px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
padding:10px;
text-align:center;
color:#ccc;
font-size:12px;
letter-spacing:1px;
}

#footers a{
color:#fff;
text-decoration:none;
text-shadow:transparent 0px 0px 0px;
background-color:transparent;
}

#footers a:hover{
color:#fff;
text-decoration:underline;
text-shadow:#333 1px 1px 1px;
background-color:transparent;
}

.cf:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu {
float:left;
width:850px;
height:auto;
margin:-40px 0px 0px 230px;
padding:0px;
}

#menu a{
color:#ccc;
text-shadow:#1a1a1a 0px -1px 0px;
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
text-transform:uppercase;
text-decoration:none;
background-color:transparent;
}

#menu a:hover{
color:#fff;
text-shadow:#1a1a1a 1px 1px 1px;
text-decoration:none;
background-color:transparent;
}

#menu li {
list-style-type: none;
float:left;
padding:0px 9px;
}

#menu img {
width:20px;
height:20px;
opacity: .5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;
float:right;
margin:0px 3px 0px 3px;
padding:0px;
border:0px;
}

#menu img:hover {
opacity: 1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
border:0px;
}

#spacer {
float:left;
margin:100px 0px 0px 30px;
border:0px;
text-decoration:none;
}

#spacer img{
border:0px;
}

.mas a{
color:#ddd;
float:right;
margin:0px 10px 10px 0px;
padding:0px 5px 0px 0px;
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
text-decoration:none;
text-transform:capitalize;
text-shadow:#000 0px 0px 0px;
letter-spacing:-1px;
font-style:italic;
}

.mas a:hover{
color:#fff;
text-decoration:underline;
text-shadow:#444 1px 1px 1px;
}

#posteo {
width:600px;
height:auto;
padding:10px 20px 10px 20px;
margin:20px 0px 0px 35px;
float:left;
}

.hline {
width:90%;
height:2px;
background-image:url(images/hline.png);
background-repeat:x-repeat;
margin:auto;
}

#amigos {
width:845px;
height:200px;
padding:10px;
margin:20px 0px 0px 35px;
}

#amigos img{
border:none;
margin:0px;
}

#amigos img:hover{
border:none;
margin:0px;
}

#amigos ul{
padding:auto;
margin:0px 0px 0px -40px;
border:0px;
width:auto;
height:auto;
}

#amigos li{
float:left;
width:auto;
height:auto;
margin:10px;
padding:5px;
}

#amigos li:hover{
background-color:#999;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

#programa {
text-transform:capitalize;
width:740px;
color:#fff;
height:20px;
margin:0px 0px 0px 35px;
padding:10px 20px;
text-shadow:#036 1px 1px 1px;
overflow:hidden;
float:left;
}

#tweets {
width:740px;
color:#fff;
height:50px;
margin:20px 0px 0px 35px;
padding:0px 0px 0px 20px;
text-shadow:#036 1px 1px 1px;
overflow:hidden;
float:left;
}

#tweets a{
color:#fff;
text-decoration:underline;
text-shadow:#036 1px 1px 1px;
}

#tweets a:hover{
color:#fff;
text-decoration:underline;
text-shadow:#036 0px -1px 0px;
}

#tweets li{
margin:0px 80px 0px 50px;
float:left;
list-style-image: url(images/bullet.png);
}

#tweets ul{
float:left;
}

#lateral{
margin:20px 0px 0px 0px;
float:right;
width:180px;
height:auto;
padding:15px;
}

.base-l {
background-image:url(images/trans-l.png);
background-repeat:repeat;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

.base-l h1 {
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:22px;
letter-spacing:-2px;
color:#300;
text-shadow:#fc9 0px 1px 0px;
text-transform:uppercase;
margin:0px 0px 5px 0px;
padding:0px;
}

.base-l h2 {
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:18px;
letter-spacing:-1px;
color:#300;
text-shadow:#fc9 0px 1px 0px;
text-transform:uppercase;
margin:10px 0px 5px 0px;
padding:0px;
}

.base-l h3 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-size:14px;
color:#1a1a1a;
text-shadow:#fc9 0px 1px 0px;
margin:auto;
padding:0px;
}

.base-l a {
text-transform:capitalize;
color:#eee;
text-shadow:#333 1px 1px 1px;
}

.base-l a:hover {
color:#fff;
text-shadow:#333 1px 1px 1px;
text-decoration:underline;
}

.base-l li {
list-style-type: none;
margin:0px 0px 0px -30px;
padding:0px;
}

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

#facebook{
text-shadow:#000 0px 0px 0px;
background-color:#fff;
}

#facebook a{
float:left;
padding-right:20px;
}

#twitter a{
color:#ccc;
text-shadow:#fff 0px 0px 0px;
}

#twitter a:hover{
text-shadow:#fff 0px 0px 0px;
}

#capitulos {
width:600px;
height:auto;
padding:10px 20px 20px 20px;
margin:20px 0px 0px 35px;
text-align:justify;
float:left;
}

#capitulos h2{
padding:10px 0px 0px 0px;
}

#actual {
margin:20px 0px 20px 0px;
width:600px;
height:300px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-o-border-radius:20px;
background-image:url(images/capitulos/13zaloreyes.jpg);
background-repeat:no-repeat;
background-position:center; 
}

#actual h3 {
font-size:40px;
padding:15px;
margin:0px 0px 0px 0px;
background-image:url(images/trama.png);
backrgound-repeat:repeat;
border-radius-topleft:20px;
-moz-border-radius-topleft:20px;
-webkit-border-top-left-radius:20px;
border-radius-topright:20px;
-moz-border-radius-topright:20px;
-webkit-border-top-right-radius:20px;
}

#antiguos {
margin:0px;
}

#antiguos h3{
margin:5px 0px 0px 0px;
}

.left{
float:left;
}

.left li{
float:left;
}

#videos ul {
margin:0px 0px 0px -30px;
}

#videos .post{
width:280px;
float:left;
margin:0px;
}

.post h3{
font-size:16px;
text-transform:capitalize;
letter-spacing:0px;
}

#videos img{
border:0px
opacity:.5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;
}

#videos img:hover{
border:0px
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
}

#galeria {
width:830px;
height:auto;
padding:10px 20px 10px 20px;
margin:20px 0px 0px 35px;
text-align:justify;
float:left;
}

#slideshow{
width:850px;
height:auto;
margin:20px 0px 0px 35px;
}

#slideshow img{
width:130px;
height:130px;
opacity: .5;
-moz-opacity:0.5;
-webkit-opacity:0.5;
-o-opacity:0.5;
margin:0px 10px 20px 10px;
border:3px solid white;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

#slideshow img:hover{
opacity: 1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
}

#mapa{
width:850px;
height:auto;
margin:20px 0px 0px 35px;
text-align:center;
padding-bottom:20px;
}

#agenda{
width:530px;
height:auto;
margin:20px 0px 0px 0px;
float:right;
font-family:Helvetica, Arial, sans-serif;
font-size:20px;
padding:10px;
}

#agenda a{
font-weight:normal;
color:#ddd;
text-shadow:#333 1px 1px 1px;
}

#agenda a:hover{
text-decoration:underline;
}

#agenda img{
display:none;
}

#agenda li{
color:#fff;
text-shadow:333 0px 1px 0px;
margin:5px 0px 0px -10px;
padding:0px;
}

#twitsessions{
float:right;
width:530px;
height:auto;
margin:20px 0px 0px 0px;
text-align:center;
}

.pajaro{
float:right;
margin:10px 0px 0px 0px;
}

#resenas{
padding:0px;
margin:20px 0px 0px 35px;
}

#resenas h2 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:36px;
letter-spacing:-1px;
margin:10px 0px 10px 0px;
}

#resenas h3 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:20px;
letter-spacing:-1px;
margin:10px 0px 5px 0px;
padding:0px;
}

#resenas a{
color:#ccc;
text-shadow:#000 1px 1px 1px;
}

#resenas a:hover {
color:#fff;
text-shadow:#000 1px 1px 1px;
}

#resenas .post{
margin:10px 0px 0px 0px;
}

#resenas p{
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#fff;
text-align: justify;
}

#destacado{
width:600px;
height:auto;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
background-image:url(images/trans.png);
background-image:repeat;
float:left;
padding:0px 10px 0px 10px;
}

#ult-videos{
width:210px;
height:auto;
margin:0px 0px 0px 10px;
float:left;
padding:0px 10px 0px 10px;
float:right;
}

#ult-videos img{
width:200px;
height:110px;
}

#ult-videos h2{
font-size:20px;
text-transform:uppercase;
}

#ult-videos h3{
font-size:16px;
text-transform:capitalize;
}

#no-destacado{
width:270px;
height:auto;
margin:20px 0px 0px 35px;
float:left;
padding:0px 10px 0px 10px;
float:left;
}

#no-destacado img{
width:260px;
height:auto;
}

#no-destacado h3{
text-transform:uppercase;
font-size:20px;
color:#ccc;
text-shadow:#000 1px 1px 1px;
}

#no-destacado h3:hover{
color:#fff;
text-shadow:#000 1px 1px 1px;
}

.alignleft{
margin:20px 0px 10px 0px;
float:left;
text-transform:uppercase;
font-weight:bold;
}

.alignright{
margin:20px 0px 10px 0px;
float:right;
text-transform:uppercase;
font-weight:bold;
}

#prod {
width:auto;
height:auto;
padding:0px;
margin:0px 0px 0px 170px;
}

#prod img{
border:none;
margin:0px;
}

#prod img:hover{
border:none;
margin:0px;
}

#prod ul{
padding:auto;
margin:0px;
border:0px;
width:auto;
height:auto;
}

#prod li{
float:left;
width:auto;
height:auto;
margin:5px;
padding:5px;
}

#prod li:hover{
background-color:#bbb;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

#ficha{
background-image:url(images/trans-l.png);
margin:0px 0px 10px 0px;
padding:0px 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
height:450px;
}

.ficha-l{
text-align:left;
width:280px;
height:auto;
float:left;
margin:20px 0px 0px 0px;
}

.ficha-l h2 {
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:0px;
color:#300;
text-shadow:#fc9 0px 1px 0px;
text-transform:uppercase;
}

.ficha-l h3 {
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:18px;
letter-spacing:0px;
color:#333;
text-shadow:#ccc 0px 1px 0px;
text-transform:uppercase;
}

.ficha-l a {
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-style:italic;
font-size:12px;
text-shadow:#ccc 0px 1px 0px;
text-transform:lowercase;
}

.ficha-l img{
width:75px;
height:75px;
border:none;
float:left;
margin:0px 10px 0px 0px;
border:#fff 0px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

.ficha-r{
text-align:right;
width:280px;
height:auto;
float:right;
margin:20px 0px 0px 0px;
}

.ficha-r h2{
text-align:right;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:14px;
letter-spacing:0px;
color:#300;
text-shadow:#fc9 0px 1px 0px;
text-transform:uppercase;
}

.ficha-r h3{
text-align:right;
font-family:Helvetica, Arial, sans-serif;
font-weight:bold;
font-size:18px;
letter-spacing:0px;
color:#333;
text-shadow:#ccc 0px 1px 0px;
text-transform:uppercase;
}

.ficha-r a{
text-align:right;
font-family:Helvetica, Arial, sans-serif;
font-weight:normal;
font-style:italic;
font-size:12px;
text-shadow:#ccc 0px 1px 0px;
text-transform:lowercase;
}

.ficha-r img{
width:75px;
height:75px;
border:none;
float:right;
margin:0px 0px 0px 10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

.ficha-r li{
float:left;
}

.ficha-r a img{
border:none;
float:none;
padding:5px;
margin:0px 10px;
}

.ficha-r a img:hover{
background-color:#ccc;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}

#countdown {
width:740px;
height:13px;
margin:-24px 0px 10px 75px;
padding:10px 20px;
overflow:hidden;
float:left;
color:#444;
text-shadow:#999 1px 1px 1px;
text-align:center;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}

.base-count {
background-image:url(images/trans-c.png);
background-repeat:repeat;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

.lumix{
width:360px;
height:48px;
opacity: 1;
-moz-opacity:1;
-webkit-opacity:1;
-o-opacity:1;
border:0px;
}