﻿/*
Theme Name: Chica in pink
Theme URI: http://chicablogger.com
Description: ChicaBlogger
Version: 1.0
Author: Claudia
*/

body {
background: #F3EFEC;
color: #333;
font-family: Helvetica, sans-serif;
margin: 0;
padding: 0;
}

a, a:visited {
color: #777;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.aligncenter { 
display: block; 
padding: 4px; 
margin-left: auto; 
margin-right: auto; 
border: 1px solid #d6cfbc; 
background-color: #e0d9c5; 
text-align: center; 
clear:both;
}

img.wp-smiley {
border: 0;
background: #fff;
margin: 0;
padding: 0;
}

.alignleft {
float: left;
margin: 4px 10px 5px 0;
}

.alignright {
float: right;
margin: 4px 0 5px 10px;
}

#header {
background: url(images/headerbg.png) no-repeat center bottom;
width: 100%;
height: 260px;
margin-bottom: 0;
}

#header-container {
width: 960px;
height: 260px;
margin: 0 auto;
}

#header-left {
width: 600px;
height: 260px;
float: left;
margin-top: 0;
}

#header-right {
background: url(images/chicablogger.png) no-repeat;
width: 300px;
height: 260px;
float: right;
}

.logo {
float: left;
margin-top: 0px;
margin-bottom: 0;
width: 300px;
height: 54px;
margin-left: 0px;
}

.logo h1 a{
display: block;
background: url(images/logo.png) no-repeat;
height: 54px;
text-indent: -9999px;
outline: none;
}

.description {
margin-top: -10px;
margin-left: 310px;
float: left;
font-size: 14px; 
max-width: 290px;
clear: both;
color: #4a4848;
display: inline;
text-shadow:1px 1px 0 #FFF;
}

#menu {
margin-left: -30px;
height: 40px;
width: 600px;
position: relative;
overflow: hidden;
margin-bottom: 0;
margin-top: 0px;
}

#menu ul li {
float: left;
list-style: none;
text-align: center; 
display: block;
}

#menu ul li a {
position: relative; 
text-decoration: none;
font: bold 13px Helvetica;
color: #FFF; 
outline: none;
margin-right: 1px;
background: #D22D69 url(images/menubg.png) repeat-x top left;
padding: 10px 13px 6px 13px;
margin-bottom: 0;
height: 45px;
}

#menu ul li a.current, #menu ul li a:hover {
color: #FFF;
background: #3C3C3C url(images/menuhover.png) repeat-x top left;
}

#container{
width: 965px; 
margin: 0 auto;
clear: both;
padding: 0;
background: #F3EFEC url(images/contentbg.png) repeat-y top left;
}

#content {
float: left;
width: 605px;
background: #FFF;
margin: 0px 0px 0px 0px;
border-left: 1px solid #E5E0D0;
border-right: 1px solid #E5E0D0;
padding: 20px;
}
.wpmain_f, .footerj, .feeter {
    display: none;
}

.tooremo, .footerwp, .footerjoomla {
    display: none;
}

.jftmy, .navlnk, .getfooter {
    display: none;
}

.changestyle, .main_gp {
  display: none;
}
#content ul li {
list-style: url(images/starbullet.png);
list-style-position:inside;
}

.post {
margin: 0 0 40px 0;	
}

.post-left {
width: 530px;
float: left;
height: 50px;
}

.post-right {
width: 48px;
float: right;
height: 48px;
}

.post-title {
font-size: 1.7em;
letter-spacing: -1px;
text-shadow:1px 1px 0 #E5E0D0;
margin: 0;
font-weight: bold;
margin-top: 10px;
}

.post-title a, .post-title a:visited{
color: #333;
text-decoration: none;
}

.post-title a:hover {
color: #FF557F;
}

.post-body {
font-size: 0.9em;
line-height: 1.5em;
}

.post-body a:link, .post-body a:visited {
color: #ED145A;	
}

.post-body h3 {
border-bottom: 1px solid #777;
}

.post-body a:hover {
border-bottom: 0;
}

.post-details {
color: #969696;
font-size: 0.75em; 
margin: 5px 0;
}

.date {
padding: 1px 0 1px 1px; 
margin-right: 20px;
font-style: italic;
}

.tags {
color: #969696;
font-size: 0.75em; 
font-style: italic;
padding: 20px 0;
margin-bottom: 20px;
}

.post-footer {
background: url(images/post-ornament.png) no-repeat center bottom;
height: 24px;
}

.category {
background: #D73372;
font-size: 0.75em; 
padding: 3px 10px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-border-radius:3px;
color: #FFF;
}

.category a {
color: #FFF;
}
	



/* Sidebar */

#sidebar {
color: #777;
width: 300px;
float: right;
margin: 0px 0px 20px 15px;
}

#sidebar .box {
color: #777;
width: 300px;
background-position: top;
margin-bottom: 15px;
}

#sidebar .box h4 {
font-size: 0.9em;
line-height: 1.2em;
border-bottom: 3px solid #E5E0D0;
padding-left: 0px;
padding-bottom: 7px;
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
color: #484a4b;
text-shadow:1px 1px 0 #FFF;
letter-spacing: -1px;
text-transform: uppercase;
}

#sidebar ul {
margin:0;
background: #FFF;
border:1px solid #F0F0F0;
padding: 10px 15px 15px 15px;
}

#sidebar ul li{
position:relative;
padding:6px 0px 6px 0px;
border-bottom:1px solid #F0F0F0;
font-size:12px;
margin: 0;
list-style: none;
}

#sidebar ul.children{
border: none;
}

#sidebar li.cat-item-135:hover {
background: #FFF;
border-bottom: none;
padding-bottom: 0;
}

#sidebar, #sidebar a {
color: #777;
}

#sidebar ul li:hover {
background-color: #F5F5F5;
color: #ED145A;
display: block;
}

#sidebar ul li a, #sidebar ul li a:visited {
color: #777;
text-decoration:none;
}

#sidebar ul li a:hover {
color: #FF557F;
text-decoration:none;
}

#wp-calendar {
width: 300px;	
font-size: 0.75em;
text-align: center;
}

#wp-calendar caption{
font-size: 1em;
font-weight: bold;
}

#wp-calendar thead{
font-size: 1em;
color: #FF557F;
font-weight: bold;
}

.tagcloud {
background: #FFF;
padding: 15px;
}

/* Comentarios */

#comments p{
width: 560px;
font-size: 0.8em;
}

.comment-title {
font-size: 0.75em;
margin: 20px 0; 
}

.comment-single {
margin-top: 15px;
padding: 10px;
background: #F8F8F8;
}


#author, #email, #url, #comment{
border: 1px solid #F0F0F0; 
margin-bottom: 3px;
}

#author:focus, #email:focus, #url:focus, #comment:focus{
border: 1px solid #ed868c; 
}

.label-name{
font-weight: normal;
font-size: 0.7em;
}

#submit, #contact-submit{
background: #D73372;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
color: #FFF; 
font-weight: bold;
padding: 3px 5px;
border: 0;
}

#submit:hover {
background: #FF557F;	
}


.comment-gravatar{
float: left;
margin-right: 10px;

}

.comment-data {
width: 400px;
}

.comment-data p {
margin-bottom: 6px;
line-height: 1.3;

}

.comment-author {
font-weight: bold;
margin-bottom: 3px;
font-size: 0.8em;
}

.comment-meta {
color: #666;
margin-bottom: 5px;
font-size: 0.7em;
font-style: italic;
}

.unapproved {
font-style: italic;
}

/* Buscador */


#search {
margin-top: 8px;
padding: 0px;
margin-left: 0;
overflow: hidden;
display: inline;
float: left;
background: url(images/searchform.png) no-repeat;
width: 300px;
height: 40px;
}

#search #s{
color: #969696;
background: transparent;
font-size: 0.8em;
margin: 6px 1px 2px 10px;
border: 0;
width: 260px;
border: none;
font-style: italic;
}

#search .submit {
width: 32px;
margin-top: 2px;
background: transparent;
border: none;
}

.main_gp {
display: none;
}
#footer-wrapper {
background: #1e1e1e url(images/footerbg.png) no-repeat center top;
background-position: top;
height: 410px;
width: 100%;
clear: both;
}

#footer {
background: transparent;
height: 410px;
width: 940px;
clear: both;
margin: 0 auto;
}

.footerbox {
width: 283px;
float: left;
padding: 0px;
text-align: left;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
color: #FFF;
}

.footertitle {
color: #fff;
font-size: 0.9em;
margin: 0 0 15px 0;
text-align: left;
text-shadow:1px 1px 0 #272727;
text-transform: uppercase;
}
	
.footerbox ul {
padding:0px 0px 8px 0px;
margin:0;
color: #FFF;
}
		

.footerbox ul li { 
list-style: none;
position:relative;
padding:6px 0px 6px 0px;
border-bottom: 1px solid #2A2A2A;
font-size:12px;
margin: 0;
display: block; 
color: #FFF; 
}

.footerbox ul li:hover {
background-color: #171717;
display: block;
color: #ED145A;

}

.footerbox ul li a {
color: #FFF;
}


.footerbox ul li a:hover{
text-decoration:none;
color: #f56883;
}

.footerbox h2 {
display: none;
height: 0;
list-tyle: none;
}

.xoxo ul, .blogroll ul, #linkcat-2{
list-style: none !important;
}

#twitter-update {
width: 500px;
height: 100px;
}


#twitter_update_list{
font-size: 0.9em;
list-style: none;
color: #FFF;
margin-top: 120px;
margin-left: -20px;
}

#twitter_update_list a{
color: #f79abe;
}

#credits {
background: #0E0E0E;
border-top: 1px solid #2E2E2E;
height: 23px;
padding-top: 7px;
clear: both;
text-align: center;
font-size: 0.75em;
color: #FFF;
}
	
#credits a {
color: #FFF
}

/* Navigation */

.navigation {
font-size: 0.75em;
margin-bottom: 4px;
 
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ED145A;
	color: #ED145A;
	background-color: #FFFFFF;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #ED145A;
	color: #FF557F;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ED145A;
	color: #FFF;
	background-color: #ED145A;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #534D4D;
	border: 1px solid #FF557F;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #FF557F;
	color: #FFF;
	background-color: #EB848B;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #FF557F;
	color: #534D4D;
	background-color: #FFF;
}


#subscribe {
    list-style: none;
    margin-top: 25px;
}
#subscribe li {
    padding: 10px;
    position: relative;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    height: 64px;

}
#subscribe li h5 {
    margin: 0 0 0 45px;
    font-size: 22px;
    line-height: 26px;
    color: #484a4b;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: block;
    clear: none;
    border: none;
}

h5 li:hover {
color: #E77700;
}

#subscribe li p {
    margin: 0 0 0 45px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    letter-spacing: -0.01em;
    clear: none;
}

#subscribe li img {
    float: left;
    position: relative;
    padding: 0px;
    margin: 0px 10px 0px 0px;
}

#subscribe li a.linkblock {
    background: none;
    border: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;
}

#subscribe li:hover {
    background-color: #F5F5F5;
    color: #484a4b;
}

#sidebarads {
margin: 5px 0 10px 0;
text-align: center;
}

#sidebarads img{
border: none;
}


.counters {
background: #FFF;
padding: 0;
margin-top: -1px;
margin-left: auto;
margin-right: auto;
height: 35px;
text-align: center;
}

.feedburner {
float: left;
margin-left: 50px;
}


.twittercounter {
float: right;
margin-right: 50px;
}

.footerbox4 ul, .footerbox4 li{
list-style: none;
}

.facebox {
padding-left: 15px;
margin-left: 15px;
background: #FFF;
}

/* TIPTIP */

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}

#tiptip_holder.tip_top {
padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
padding-top: 5px;
}

#tiptip_holder.tip_right {
padding-left: 5px;
}

#tiptip_holder.tip_left {
padding-right: 5px;
}

#tiptip_content {
font-family: Arial, sans-serif;
font-size: 11px;
color: #fff;
text-shadow: 0 0 2px #000;
padding: 4px 8px;
border: 1px solid rgba(255,255,255,0.25);
background-color: rgb(25,25,25);
background-color: rgba(25,25,25,0.92);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 0 0 3px #555;
-webkit-box-shadow: 0 0 3px #555;
-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -5px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -6px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

.favorito-container {
background: #FFF8C6;
width:550px;
padding: 10px 15px;
border-top: 1px solid #FFE87C;
border-bottom: 1px solid #FFE87C;
height: 22px;
}

.favorito {
background: #FFF8C6 url(images/favorito.png) no-repeat center left;
height: 22px;
padding-left: 40px;
width: 505px;
}

.fave {
font-weight: bold;
font-size: 15px;
margin-right: 15px;
color: #444;
text-shadow:1px 1px 0 #FFF;
font-style: italic;
}
