/*
 Theme Name:   Belle kotoshi
 Template:     twentytwelve
 Author:       Tania Ramirez
 Version:      1.0
*/

@import url("../twentytwelve/style.css");
html{
    font-size: 16px;
}
body{
    font-size: 62.5%;
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    color: #333333;
    background:#e7e7e7;
}
#page {
    width: 740px;
    padding: 0;
    margin: 15px auto 0px auto;
    border-bottom:0px;
    border-radius:7px 7px 0px 0px;
}
.site-header {
    margin: 0;
    padding: 0;
    position:relative;
}
.header-image{
    margin: 0;
}
img.header-image{
    box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
}
.main-navigation {
    margin-top: 0;
}
#main.wrapper{
    border-left: solid 1px #a1a1a1;
    border-right: solid 1px #a1a1a1;
    margin-top: -1px;
}
#primary{
    float:left;
}

/*Sidebar*/
#secondary {
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Trebuchet,Arial,sans-serif;
    width: 190px;
    margin: 0px 15px 0 0;
    padding: 0;
    color:#21262a;
    padding-top: 20px;
}
#secondary .widget img {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
}
.widget{
    padding-left: 0;
}
.widget-area .widget{
    margin: 0 0 14px 0;
}
.widget-area .widget h3 {
    margin: 0 0 0 0;
    padding: 4px 10px;
    text-transform: none;
    font-family: "Lucida Grande",Verdana,sans-serif;
    color: #333333;
    line-height: normal;
    font-weight: bold;
    font-size: 1.2em;
}
.widget-area .widget ul{
    margin: 0 0 0 0;
}
.widget-area .widget p, .widget-area .widget li,
.widget-area .widget .textwidget{
    margin: 0 0 0 10px;
    font-size: 1.1em;	
    line-height: 1.5em;
    color: #21262A;
}
.widget-area .widget a, .widget-area .widget a:visited{
    color: #06c;
    text-decoration: none;
    font-size: 10px; 
    line-height: 10px;
}
.widget-area .widget a:hover{
    color: #147;
    text-decoration: underline;
}
.widget-area .widget li{
    padding: 0px 10px 0px 20px;
    margin: 1px 0 0 0;
}
.widget-area .widget li:first-child{
    margin: 0;
}
.widget.banner img{
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 13px 0;
}
form#searchform {
    padding: 6px;
}
#secondary form input[type="text"]{
    padding: 2px;
    font-size: 1em;
    line-height: normal;
    width:130px;
}
.widget-area .widget_text .textwidget{
    padding:6px;
    margin:0px;
    background:none;
}

/*calendar*/
#calendar_wrap{
    padding:10px;	
}
#wp-calendar{
    color:#000;
    font-size: 10px;
}
#wp-calendar caption{
    text-align: center;
    color: #003300;
}
#wp-calendar thead{
    text-align: center;	
}
#wp-calendar thead tr th{
    font-weight: bold;
    color:#21262a;
    text-align: center
}
#wp-calendar tbody tr td{
    text-align: center;
    color: gray;
}
#wp-calendar tbody tr td a{	
}
#wp-calendar #next {
    padding-right: 0px;
}
#today a, #today{
    color:red !important;
}

/*newsletter*/
.widget_newsletterwidget{
    font-size: 11px;
    color:#21262a;
    line-height: 1.3em;
}
.newsletter-widget{
    padding:10px 0px 10px 0px;	
}
.widget_newsletterwidget div{
    padding:10px;	
}
.widget.widget_newsletterwidget p{
    background:none;	
}
#secondary .newsletter-widget p{
    margin-left:0px;	
}
#secondary form input[type="email"]{
    font-size: 1em;
    line-height: normal;
    padding: 2px;
    width: 130px;	
}
#secondary form input[type="submit"]{   
    line-height: normal;
    padding: 2px 10px 2px 10px;
    margin-top:5px;
}

/*content*/
#primary{
    padding: 30px 20px 30px 35px;
    background:#fff;
    margin: 0;
    width: 450px;
    max-width: 450px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Trebuchet,Arial,sans-serif;
}
h1{
    font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,sans-serif;	
}
.entry-header{
    margin: 0 0 16px;
}
.entry-header .entry-title{
    font-size: 1.8em;
    font-weight: normal;
    padding: 0px 0 6px 0;
    line-height: normal;
    color: #333333;
    margin: 30px 0 0;
}
.entry-header span.entry-date{
    color:#777;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 1.5em;
}
.entry-header .entry-title a, .entry-header .entry-title a:visited{
    color:#333333;
}
.entry-header .entry-title a:hover{
    color:#06c;
}
.entry-content{
    font-size: 1.2em;
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
}
.entry-content p, .entry-summary p, .mu_register p, .entry-content div {
    margin: 13px 0;
    text-align: justify;
    line-height: 1.4em;
}
.entry-content a, .entry-content a:visited{
    color: #06c;
    text-decoration: none;
}
.entry-content a:hover{
    text-decoration: underline;	
}
.entry-content img{
    box-shadow: none;
}
.entry-meta{
    font-size: 1.3em;
    padding-top: 3px;
    color: #777777;
}
.entry-meta a, .entry-meta a:visited{
    color: #06c;
    text-decoration: none;
}
.entry-meta a:hover{

    text-decoration: underline;
}

.edit-link{
    margin-left:5px;
}

.entry-category, .entry-author, .entry-comments, .entry-edit, .entry-view{
    display: inline;
    line-height: 1.6em;
}
.entry-add{
    display: inline;
    padding: 0px 5px 0px 5px;
    line-height: 1.6em;	
}
.dot-v{
    display: inline;
    line-height: 14px;
    width: 3px;
    height: 1.4em;
    font-weight: bold;
}
.entry-tags{
    font-weight: bold;
    color:#494949;
}
.entry-tags a{
    font-weight:normal;	
}
.site-content article{
    margin: 0;
    margin-bottom:30px;
    padding: 0;
    border: 0;
}
footer.entry-meta{
    font-size: 1.1em;
}

/*nube*/
.tagcloud{
    padding:10px;
    line-height: 1.3em;
}
.widget-area .tagcloud a:hover{
    color:#147;	
}

/*footer*/
.site-info{
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    text-align: center;
    background: url('images/dia-logo-blue.png') no-repeat center left;
    margin: 0;
    padding: 0 0 0 50px;
    line-height: 1.5em;
}
footer[role="contentinfo"]{
    font-size: 0.9em;	
    padding:10px 0px;
    width: 738px;
    background: url('images/bgfooter.jpg') repeat-x left bottom #fff;
    border:1px solid #91a488;
    border-top:0px;
    border-radius:0px 0px 10px 10px;
    margin-top: 0px;
    margin-bottom:15px;
}
footer[role="contentinfo"] a{
    color: #06c;
    text-decoration: none;
}
footer[role="contentinfo"] a:hover{
    color: #147;
    text-decoration: underline;
}

/*navigation*/
.nav-previous a, .nav-next a{
    color: #06c;
    text-decoration: none;
    font-size: 1.1em;
}
.nav-previous a:hover, .nav-next a:hover{
    color: #147;
}

/*comments*/
article.comment{
    margin: 10px 0 0 0;
    background-position: 6px 9px;
}
article.comment:hover{
    background-position: 6px 9px;	
}
.comments-title{
    margin: 0;
}
.comments-area{
    margin-top: 10px;
}
.comments-area article header {
    margin: 0;
    font-size: 1.2em;
}
.comments-area article header cite, .comments-area article header cite b{
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4em;
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    font-weight: bold;
    color:#333333;
}
.comments-area cite b.fn{
    color:#333333;
}
.comments-area article header cite a {
    color: #000;
    font-size: 1em;
}
.comments-area article header cite a:hover {
    color: #0d2f8a;
    text-decoration: none;
}
.comments-area article section{
    font-size: 1.2em;
    font-family: "Lucida Grande",Verdana,Arial,sans-serif;
    padding: 0;
}
.comments-area article section p{
    margin: 0;
}
.comments-area article time{
    margin: 0;
    font-size: 1.1em;
    line-height: 2em;
    color:gray;
}
#respond{
    margin: 30px 0 0 0;
}
#respond form{
    margin: 10px 0 0 0;
    padding: 10px;
    font-size: 13px;
}
#respond form p{
    margin: 0;
}
#respond form p.comment-notes{
    margin: 10px 0;
}
#respond form input[type="text"], #respond form textarea{
    padding: 2px;
    font-size: 1em;
    line-height: normal;
}
#respond form p.form-allowed-tags {
    line-height: 1.4em;
    font-size: 1em;
    color: #000;
}
#respond form p.logged-in-as {
    margin-top: 10px;
}
#respond.comment-respond{
    margin-top: 30px;
}
#respond h3#reply-title, .comments-title{
    background: url(images/dot.gif) bottom repeat-x;
    font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 1.8em;
    color: #333333;
    padding: 0 0 3px 0;
}
button, input, select, textarea {
    border-radius: 0;
}
.comment-awaiting-moderation{
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0;
}
a.comment-reply-link, a.comment-edit-link {
    font-size: 1em;
    color:#06c;
    text-decoration: none;
}
a.comment-reply-link:hover, a.comment-edit-link:hover{
    text-decoration: underline;
}
a.post-edit-link{
    font-size: 13px;
}
.comments-area .bypostauthor cite span {
    position: relative;
}
#respond a{
    color:#06c;
    text-decoration: none;
}
#respond a:hover{
    text-decoration: underline;
}

/*author*/
.author.archive .author-info {
    padding: 0;
}
.author.archive .author-avatar {
    margin-right: 20px;
}
.author-info h2{
    font-family: "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Trebuchet,Arial,sans-serif;
    font-size: 1.8em;
    font-weight: normal;	
    margin: 7px 0 30px 0;
    padding: 0 0 8px 0;
    background: url(images/dot.gif) bottom repeat-x;
    color: #483011;
}
.author-description p{
    font-size: 1.2em;
    color: #000;
}

/*rating*/
.current-rating{
    font-size: 11px;
    font-weight: bold;
}
.current-rating span{
    font-weight: normal;
}

/*more*/
a.more-link{
    display: block;
    color:#06c;
    padding:10px 0px;
}
a.more-link:hover{
    text-decoration: underline;
}

/*archive*/
.archive-header,
.page-header{
    margin-bottom:20px;
    padding-bottom:0px;
    border-bottom: none;
    background: url("images/dot.gif") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}

/*contador*/
.widget.widget_dia_blogwidget ul{
    border-top:none;
}
.widget.widget_dia_blogwidget ul li{
    background: none;
    margin-top:0px;
    padding-left:10px;
}
.widget.widget_dia_blogwidget ul li:hover{
    background: none;	
}

/*best rated*/
#best-rated ul li{
    background:none;
    padding-left:10px;
    list-style-image: none;
    list-style-type: none;
}
#best-rated ul li:hover{
    padding-left:10px;
}
#best-rated ul li a{
    padding:0px 0px 0px 10px;
    line-height: 22px;
}
#best-rated ul li a:hover{
    padding:0px 0px 0px 10px;
    line-height: 22px;	
}
.show-stars{
    margin-right:0px;	
}

/*titulo rojo*/
h1.archive-title, h1.archive-title span{
    font-weight: normal;
    text-transform: inherit;
    font-size: 20px;
}

/**/
.site-header h1.site-title a{
    font-size: 40px;
    font-family: "Trebuchet MS","Lucida Grande",Verdana,Arial,sans-serif;
    color:#fff;
    position: absolute;
    margin:0px 10px 0px 10px;
    text-align: center;
    width:720px;
    top:60px;
}
.site-header h2.site-description{
    color: #fff;
    font-size: 12px;
    font-family:"Lucida Grande",Verdana,Arial,sans-serif;
    height: 10px;
    line-height: 14px;
    margin:10px 10px 0px 10px;
    position: absolute;
    text-align: center;
    width: 680px;
    top:114px;
}

.tagcloud a{
    display:block;
    font-size: 12px;
    margin-right:10px;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
}

.widget_categories li:before, .widget_archive li:before {
    content: "\00BB \0020";
}
/*Suscripcion*/
form.sbe-widget-subscribe-form p.sbe-widget-top-text {
    margin: 0px 0px 10px 0px;
}
form.sbe-widget-subscribe-form {
    padding: 5px 10px;
}
form.sbe-widget-subscribe-form .sbe-widget-form-field-title {
    visibility: hidden;
    height: 0px;
    margin: 0px;
}
#secondary form input[type="email"] {
    font-size: 11px;
    line-height: normal;
    padding: 4px;
    width: 140px;
    margin-bottom: 0px;
}
/*Responsive*/

@media screen and (max-width: 640px){
    #page{
        width:98%;
    }
    img.header-image{
        margin:1%;
	max-width: 98%; 
    }
    #secondary{
        width:26.0417%;
        margin:8px;
    }
    #top{
        background-size: 100%;
        background-position: top left;        
    }
    #main.wrapper{        
        background-size: 100%;
        background-position: top left;
        margin-top:-1px;
    }
    footer[role="contentinfo"]{
        width:97.9%;
        background-size: 100%;
    }
    .site-header h1.site-title a{
	width:94%;
    }
    .site-header h2.site-description{
	width: 65%;
	margin: 0;
	right: 2%;
    }
    #secondary{
        float:left;
        width:97%;
    }
}

@media screen and (max-width: 600px){
    .site-header{
        margin:0px -3px 0px -3px;
    }
    #top{
        display:none;
    }
    #main.wrapper{
	background:none;
	margin-top: -1%;
    }
    #primary{
        background-size: 100%;
        background-position: top left;
	width: 88%;
    }
    footer[role="contentinfo"]{
        background-size: 100%;
    }    
    .site-header h1.site-title a{
	width:93%;
    }
    .site-header h2.site-description{
	width: 95%;
	margin: 0px;
	top: 100px;
    }
    .site-header h1, .site-header h2{
	text-align: left;
	margin: 0;
    }

}

@media screen and (max-width: 480px){
    #primary{
        width:82%;
    }
    .site-header h1.site-title a{
	font-size: 20px;
	top: 5px;
    }
    .site-header h2.site-description{
	top:45px;
    }
    .site-info{
        background:none;
	padding: 0;
    }
}

@media screen and (max-width: 360px){
    #primary{
        width:87%;
    }
    .site-info{
        padding:10px;
    }
    .site-header{
        margin:0px -2px;
    }
    #secondary{
        width:95%;
    }
    .site-header h1.site-title a{
	top:10px;
    }
    .site-header h2.site-description{
	display: none;
    }
}

@media screen and (max-width: 330px){
    #primary{
        width:82%;
    }
}