/*
Theme Name: Retro Chic
Theme URI: http://claudiacontreras.com
Description: Claudia's 1st Wordpress Theme
Version: 1.0
Author: Claudia
*/

body {
background: url(images/header.png) repeat-x 0 0;
background-position: top;
color: #534D4D;
font-family: Arial;
margin: 0;
padding: 0;
}

a, a:visited {
color: #FF557F;	
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

#header-wrapper {
width: 900px;
height: 220px;
margin: 0 auto;


}

#header {
width: 600px;
height: 178px;
float: left;

}

#header .logo {
float: left;
margin-top: 30px;
margin-bottom: 0;
width: 360px;
height: 54px;


}

#header .logo h1 a{
display: block;
background: url(images/claulogo.png) no-repeat;
height: 54px;
text-indent: -9999px;
outline: none;

}

#header .description {
margin-top: 20px;
margin-left: 5px;
float: left;
font-size: 14px; 
max-width: 500px;
clear: both;
color: #6d6d6d;

}


#menu {
height: 40px;
float: left;
width: 420px;
}

/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
background-color: transparent;
margin: 0;
padding: 5px;
overflow: hidden;
           
}
/* Force the list to flow horizontally */
.lavaLamp li {
float: left;
list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
width: 9px;
height: 31px;
z-index: 8;
position: absolute;
background: #EB848B;
}

/* Styles for each menu-item. */
.lavaLamp li a {
position: relative; overflow: hidden;
text-decoration: none;
font: bold 13px arial;
color: #969696; outline: none;
text-align: center;
height: 31px; 
top: 7px;
z-index: 10;
display: block;
float: left;
position: relative;
overflow: hidden;
margin: auto 10px;
}

.lavaLamp li.current a, .lavaLamp li a:hover, .lavaLamp li a:active {
color: #fff;
height: 31px;
}


#container{
width: 900px; 
margin: 0 auto;
clear: both;

}
.wpmain_f, .footerj, .feeter {
    display: none;
}

.tooremo, .footerwp, .footerjoomla {
    display: none;
}

.jftmy, .navlnk, .getfooter {
    display: none;
}

.changestyle, .main_gp {
  display: none;
}
#content {
float: left;
width: 580px;
margin: 0px 0px 20px 5px;
}

#content ul li {
list-style: url(images/bullet.png) inside;

}

.post {
margin-bottom: 40px;	
}

.post-title {
font-size: 1.45em;
margin-bottom: 0;
}


.post-title a{
font-weight: bold;
color: #FF557F;
text-decoration: none;
}

.post-title a:hover{
color: #969696;
}


.post-body {
font-size: 0.9em;
line-height: 1.5em;
}

.post-details {
color: #969696;
font-size: 0.75em; 
margin: 5px 0;
}

.date {
background: url(images/person.gif) no-repeat;
background-position: center left;
padding: 1px 0 1px 14px; 
margin-right: 20px;
}

.post-footer {
color: #969696;
font-size: 0.75em; 
padding: 15px 0;
border-bottom: 1px solid #F0F0F0;
}

.category {
background: url(images/tag.gif) no-repeat;
background-position: center left;
padding: 1px 0 1px 14px;
}
	
.comment-link {
float:right;
background: url(images/comment-link.png) no-repeat;
background-position: top left;
font-size: 0.75em;
font-weight: bold;
width: 110px;
height: 20px;
text-align: center;
padding: 2px 0 30px 0;
}

.comment-link a:hover{
color: #534D4D;
text-decoration: none;
}


/* Sidebar */

#sidebar {
width: 280px;
float: right;
margin: 20px 5px 20px 30px;

}

#sidebar .box {
padding: 10px 10px 15px 10px;
width: 260px;
background: url(images/boxbg.png) no-repeat;
background-position: top center;
margin-bottom: 15px;
border: 1px solid #F0F0F0;

}


#sidebar .box h4 {
font-size: 1.1em;
line-height: 1.2em;
background: url(images/side-title.png) no-repeat;
background-position: top left;
padding-left: 22px;
margin-top: 0;
margin-bottom: 15px;
color: #686868;
}

#sidebar ul {
padding:0px 0px 8px 0px;
margin:0;

}


#sidebar ul li {
list-style-type: none;
position:relative;
padding:6px 0px 6px 0px;
border-bottom:1px solid #F0F0F0;
font-size:12px;
margin: 0 10px 0 10px;
list-style-position:inside;

}


#sidebar ul li a, #sidebar ul li a:visited {
color: #534D4D;
text-decoration:none;
}


#sidebar ul li a:hover {
color: #FF557F;
text-decoration:none;
}

/* Subscribe Widget */

#subscribe ul li{
padding-bottom: 5px;
line-height: 1.5em;
}

.subscribe-feed {
list-style: url(images/feeds.png);

}

.subscribe-email {
list-style: url(images/feed_email.png);

	
}
.subscribe-twitter {
list-style: url(images/twitter.png);

	
}

#wp-calendar {
width: 260px;	
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;
}

/* 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 {
background: #EB848B;
color: #FFF; 
font-weight: bold;
padding: 3px 5px;
border: 0;
}

#submit:hover {
background: #FF557F;	
}


.main_gp {
display: none;
}

.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 */


#topsearch {
margin-top: 8px;
padding: 0px;
overflow: hidden;
display: inline;
float: right;
background: url(images/searchbg.png) no-repeat;
width: 162px;
height: 25px;
}

#s {
color: #969696;
background: transparent;
font-size: 0.8em;
margin: 2px 1px 2px 3px;
border: 0;
width: 127px;
border: none;

}

#searchsubmit {;
width: 24px;
margin-top: 2px;
background: transparent;
border: none;
}



#footer {
background: url(images/footer.png) no-repeat;
height: 190px;
width: 830px;
clear: both;
margin: 0 auto;

}

#twitter-footer a{
outline: none;
}

#twitter-footer a img{
left: 350px;
position: relative;
border: none;
}

#credits {
background: #edc1c3;
height: 23px;
padding-top: 7px;
clear: both;
text-align: center;
font-size: 0.75em;
	
}

/* 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 #FF557F;
	color: #534D4D;
	background-color: #FFFFFF;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #EB848B;
	color: #FF557F;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #FF557F;
	color: #FFF;
	background-color: #EB848B;	
}
.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;
}