/*
THEME NAME: pinkchochos
THEME URI: http://www.javierreig.com
DESCRIPTION: Based on Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs
VERSION: 1.0
AUTHOR: Javierreig
AUTHOR URI: http://www.javierreig.com
*/

@import "css/reset.css";
@import "css/pagenavi-css.css";


body {
	background: #fff url(images/bg-body.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #582060;
}

a {
	color: #464646;
	text-decoration: none;
}


	
a:hover {
	text-decoration: underline;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#base1 {
	background:url(images/bg-footer.jpg) repeat-x bottom;
	}
#wrapper {
	width: 900px;
	margin: 0 auto;
}

#header {
	padding-top:20px;
	height:245px;
	background: url("images/bg-header.jpg") no-repeat;
}

#logo {
	font-size: 209%;
	padding:32px 0 0 310px;
	font-weight: bold;
	width:560px;
}

#logo a {
	color:#Fff;
}

#description {
color:yellow;
font-size:110%;
font-weight:bold;
height:95px;
margin:5px 0 0 310px;
overflow:hidden;
width:400px;
background:url(images/logo-bg.png);
}
#comments  {
	background: #FDF6F2;
	padding:15px;
	margin-top:10px;
}
#menubar {
height: 33px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-family:"Trebuchet MS";
}

#menu { 
float:right;
height:34px;
margin:0;
padding-left:13px;
position:relative;
right:-80px;
top:25px;
}

#menu ul {
float: right;
list-style: none;
margin: 0px;
padding-right: 8px;
}

#menu li {
list-style: none;
margin: 0px;
padding: 0px;
}

#menu li a, #menu li a:link, #menu li a:visited {
color: #fff;
display: block;
font-size: 15px;
margin: 0px 0px 0px 0px;
padding: 7px 10px 7px 10px;
}

.current_page_item {
background:#669966;
}

#menu li a:hover, #menu li a:active {
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 4px 0px 0px 0px;
padding: 5px 10px 5px 10px;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
width: 120px;
height: 20px;
float: none;
margin: 0px;
padding: 5px 10px 5px 10px;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#menu li li a:hover, #menu li li a:active {
background: #a30619;
margin: 0px;
padding: 5px 10px 5px 10px;
}

#menu li {
float: left;
padding: 0px;
}

#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0px;
padding: 0px;
}

#menu li li {
}

#menu li ul a {
width: 140px;
}

#menu li ul a:hover, #menu li ul a:active {
}

#menu li ul ul {
margin: -25px 0 0 161px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}

#menu li:hover, #menu li.sfhover {
position: static;
}



#container {
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	background:url(images/bg-content.png) repeat-y;
}

#container-base {
	background:url(images/footer-sidebar.jpg) no-repeat bottom left;
 height:25px;
}
#content {
float:right;
padding:0 15px;
width:560px;
}

.post {
	margin-bottom: 38px;
	min-height:130px;
}

.post-title {
	font-size: 172%;
	line-height: 1.1;
	font-weight: normal;
	
}

.post-title li a{
	border-bottom: 3px solid #EFEFEF;
	color:#999999 !important;
	}
	
.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #62593F;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.post-content a:link {
 color:#a30619;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 20px 15px 0 0;
}

.navright {
	float: right;
	margin: 20px 15px 0 0;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 100px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	float:left;
	width:275px;  
}

#categorias1 h2{
	text-indent:-9999px;
	background:none;
	border:none;
	position:absolute;
}
#categorias1 .sidepanel2 {
	margin-bottom: 0px;
	}

.sidepanel {
	margin-bottom: 30px;
	margin-left:20px;  
}

.sidepanel h3 {
	background:#89766F none repeat scroll 0 0;
border:3px double #FAF6DB;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
padding:5px;
text-transform:uppercase;
}

.sidepanel ul li {
border-bottom:1px solid pink;
line-height:0.9;
padding:5px 0;
}
.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

.sidepanel2 {
	line-height: 1.3;
	padding-left:25px;
}
.sidepanel2 ul li {
	border-bottom: 1px solid pink;
	}
.widget{
	list-style:none;
	 }
#footer-links {
	line-height: 1.75em;
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

/* ESTILO para los thumbnails*/
.thumbnail{
	float: left;
	margin: 10px;
	}
	
/* == Footer == */

#footerbase {
	
}

#footer {
	margin:0 auto;
	padding:20px;
	width:840px;
	float:left;
	}

#footer-container{
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

.footer-widget{
	float: left;
	width: 250px;
	height: 250px;
	overflow: hidden;
	display: inline;
	padding: 15px;
	margin: 0px 10px;
	color: #999;
}

.footer-widget h2{
	background:#89766F none repeat scroll 0 0;
	border:3px double #FAF6DB;
	color:#FFFFFF;
	font-size:1.434em;
	padding:6px;
}

.footer-widget ul li{
	padding: 5px 0px;
}	
.footer-widget a{
	color:#000;
}	
#searchform {
	float:right;
	margin:6px 0;
	}
	
#content .page_item {
	margin:6px;
	font-size: 1.9em;
	}	
#content h3 {
	font-size:1.2em;
	 
	}


/* == CALENDAR == */

p.date {
	width: 42px;
	height: 10px;
	padding: 18px 0 14px 0;
	text-align: center;
}
p.date span { display: none; }
/************************************************
*   iconos para cada mes						   *
************************************************/
.month1 { background: url(images/01.gif) no-repeat 0 0; }
.month2 { background: url(images/02.gif) no-repeat 0 0; }
.month3 { background: url(images/03.gif) no-repeat 0 0; }
.month4 { background: url(images/04.gif) no-repeat 0 0; }
.month5 { background: url(images/05.gif) no-repeat 0 0; }
.month6 { background: url(images/06.gif) no-repeat 0 0; }
.month7 { background: url(images/07.gif) no-repeat 0 0; }
.month8 { background: url(images/08.gif) no-repeat 0 0; }
.month9 { background: url(images/09.gif) no-repeat 0 0; }
.month10 { background: url(images/10.gif) no-repeat 0 0; }
.month11 { background: url(images/11.gif) no-repeat 0 0; }
.month12 { background: url(images/12.gif) no-repeat 0 0; }
/************************************************
*   Burbuja con numero de comentarios*
************************************************/
.shield {
	position: relative;
	float:right;
}
.commentscloud {
	position: absolute;
	text-align: center;
	top: -4px;
	left: 22px;
	width: 30px;
	height: 24px;
	padding: 3px 0;
	background: url(images/bubble2.png) no-repeat 0 0;
}


/* == END CALENDAR == */
#rss {
	float:right;
	padding-right:14px;
	}
#rss a {
color:#000;
font-weight:bold;
 }

#searchsubmit {
	position:relative;
	top:5px;
	}
.wp-pagenavi, .below-post {
color:#CCCCCC;
overflow:hidden;
padding:8px 0 20px;
width:550px;
}

.go-center {
margin:0 auto;
text-align:center;
}

/* == s3Slider == */



#slider-holder {
padding-left:41px;
position:absolute;
top:69px;
	}

#s3slider {
  
}

#s3sliderContent {
    
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-weight: bold;
   
   font-size: 0.834em;
   color: #BBB;
   padding: 10px 13px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span a.featured-title:link,

.s3sliderImage span a.featured-title:visited{
	color: #DDD;
	padding: 0px 0px 2px 0px;
	font-size: 1.167em;
}

.s3sliderImage span a.featured-title:hover{
	color: #999;
}



.s3sliderImage span a:link,

.s3sliderImage span a:visited{
	color: #888;
}

.s3sliderImage span a:hover{
	color: #555;
}



/* == End slider == */