/*
Theme Name: Just me
Theme URI:
Description: My first theme
Version: 1.0
Author: Maia
Author URI: http://maitesanchez.net
*/



/******************************************
*   Main Element Structure                         
******************************************/

#page { /* main container */
	width:960px;
	margin:0 auto;
	font-size:1em;
	background:#fff;
	padding: 10px 20px 40px 20px;
	border-top:#00749d 4px solid;
	border-bottom:4px solid #00749d;
	}
	
#branding {/* Where the logo is located */
	width:625px;
	height:100px;
	padding-bottom:15px;
	background:url(images/backgrounds/bg_branding.png) no-repeat;
}

.left {
	float:left;
	}
	
.right {
	float:right;
	}

#lateral {
	width: 280px;
	float:right;
	}

.aligncenter {
	display: block;
	margin:10px auto;
}
.alignleft, .wp-caption .alignleft {
	float: left;
	margin:0;
	margin-bottom: 10px;
	margin-right:10px;
}
.alignright, .wp-caption .alignright {
	float: right;
	margin:0;
	margin-bottom: 10px;
	margin-left:10px;
}

/************ Menu **********/

.cat-head {/* Background for the category teasers headline on the homepage */
	margin-bottom:4px;
	background:url(images/menu.png);
	padding:3px 2px 1px 4px;
	}

	

/******************************************
*   HTML Elements                         
******************************************/

* {
	margin:0;
	padding:0;
	}


body,html {
	min-height:101%;
	}
	
body {
	background:#849daa url(images/fondo.png) repeat-x;
	color: #000;
	padding: 13px 0 25px 0;
	}

body, select, input, textarea {
	font-size: 12px;
	font-family:sans-serif, "Lucida Grande CE", "Helvetica CE";
	line-height:1.2em;
	}
	
p {	
	margin: 5px 0;
}

hr {
	display: block;
	height:4px;
	background:#ddd;
	border:0;
	}
	
small {
	font-size: 0.9em;
	padding:3px 0px;
	}
	
/******* Hyperlinks ********************/

/* standard link behaviour */
a:link, a:active { 
	color:#eb008c;
	text-decoration: none;
	font-family:"Century Gothic", "Myriad Pro";
	} 
	
a:visited {
	color:#9f2068;
	text-decoration:none;
	font-family:"Century Gothic", "Myriad Pro";
}

a:hover	{ 
	color:#ec008c;
	text-decoration: none; 
	font-family:"Century Gothic", "Myriad Pro";
}


/* HTML headline links */
h4 a:link, h4 a:active, h4 a:visited  {text-decoration:none;}
h4 a:hover {text-decoration:underline;}

h6 a:link, h6 a:active, h6 a:visited  {color:#fff; text-decoration:none;}
h6 a:hover {text-decoration:underline;}

/* Float Properties*/

.clear {
	clear:both;
	}

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

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:inline-block;
	}	

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:block;
	}
	
/******************************************
*   Content styles                    
******************************************/

/* some structural styles for the content area */

#cuerpo{float:left; width:600px;}

#extracts {/* main content (left of sidebar) */
	width:620px;
	float:left;
	margin-top:24px; margin-right:20px;
	}
#extracts h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	margin-top:24px; margin-bottom: 8px;
}

#textito {
	font-family:Palatino;
	font-size:10pt;}	
	
/* The lead story on the honmepage */

#leer {
	margin-bottom:20px;
}

#destacado {
	background:0px 0px #00749d;
	color:#ddd;
	border-top:4px solid #ec008c;
	border-bottom:4px solid #ec008c;
	padding:15px;
	width:620px;
	height:180px;
	margin-top:24px; margin-right:3px;
	margin-left:3px;
	float:left;
	}
	
#destacado h4 {
	font-size:15pt;
	font-family:"Century Gothic", "Myriad Pro";
	margin-top:10px; margin-bottom:15px;
}



#destacado a {color:#fff;}

#minithumb {
	float:left;
	padding-right:10px;

}


/* Float Properties*/

.clear {
	clear:both;
	}

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

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:inline-block;
	}	

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:block;
	}
/*************************************
      SIDEBARS
*************************************/
#lateral {float:right;}
#lateral li {list-style:none}

#lateral .recent li{margin-bottom:5px;
	padding-left:5px;}
#lateral .recent a{color:#0066CC;}

#lateral h2 {
	margin:24px 0 5px 0;
	font-family:"Century Gothic";
	font-size:16px;
}

#feed { background:url(images/rss.png) no-repeat;
width:280px;
height: 60px; margin-top:20px}

/*************************************
     POSTS
*************************************/
#entrada {width:640px;
	float:left;
	margin-top:24px; margin-right:20px;}
.post {width:640px;}

.posttitle h2 {
font-family:"Century Gothic"; font-size:24px; font-weight:100; margin-bottom:10px;}


.entry {
	padding-bottom:28px;
	text-align:justify;
	}



blockquote {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	margin: 15px 80px 15px 20px;
	padding-left: 20px;
	padding-right:20px;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
}
blockquote cite {
	margin: 5px;
	display: block;
}
	
/* Comentarios */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 98%;
	padding: 2px;
	overflow: auto;
}
#commentform #submit {
	margin: 0;
	float: right;}

/* Begin Comments */

.commentsquare {
	width: 67px;
	height: 70px;
	border:0033cc;
	background-image: url("images/c-box.gif");
	color: #FFF;
	font-size: 25px;
	padding-top:5px;
	line-height:1;
	float: right;
	text-align: center;
	}
	
.commentlist {
	padding: 0;
	text-align: justify;
	margin:0;
}
.commentlist li {
 

	border: 1px solid #c0c0c0;
	background-color: #eee;
	margin: 20px 0px;
	padding: 5px;
	list-style: none;
}

.commentlist li.alt {
	background-color: #f8f8f8;
}

.commentlist li.auth {
background-color: #ffedf8;
}
.commentlist li img.avatar {
	float: left;
	margin: 5px;
}
.commentlist li .commentmetadata {
	float: right;
	font-size:12px;
line-height:20px;
}
.commentlist li cite {
font-size:12px;
line-height:20px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
.postmetadata small {
font-size:12px;
line-height:20px;
font-style:italic;
 
}


/***Footer Stuff***/
#footer {
	clear: both;
	padding-top: 10px;
	margin: auto;
}
#footbar {
	 
 
	margin: 0px auto;
	text-align: center;
	font-size: 14px;
	line-height:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #000;
	 

}
#footbar a, #footbar a:link, #footbar a:visited, #footbar a:hover {
	color: #00F;
}
#footercontent {
	background-color: #EEE;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ccc;
	border-left:3px solid #ccc;
	border-right:3px solid #ccc;
	padding: 6px;
	padding-top: 10px;
}
#footer h4 {
	
	font-size: 14px;
	line-height:20px;
	font-weight: normal;
	color: #c2619d;
	
		
	text-transform: capitalize;
	background-color: #efeec7;
	
	padding: 5px;
	border-bottom: 1px solid #dfdeb7;
	
	width: 180px;
	border-right: 1px solid #dfdeb7;
	margin: 0px;
	margin:0;

}
#footer h3 a {
	margin: 0px;
	padding: 0px;
	color: #FF99CC;
	font-size: 12px;
	line-height:20px;
	font-weight: bold;

}
#footer a, #footer a:link, #footer a:visited, #footer a:hover {
	margin: 0px;
	padding: 0px;
	color: #00F;
}
#footer h3 {
	margin: 0px;
	padding: 0px;
}
.recentcontent {
	margin-bottom: 5px;
}
.recentcontent p {
	margin: 0px;
	padding: 0px;
}
.footbox {
	width: 214px;
	float: left;
	text-align: left;
	margin-right: 20px;
}
/***Post Stuff***/
/* Barra de abajo */
#downbar {
margin-top:24px}
#widg {
background:#336699; margin:3px; height:200px; width:214px; padding:10px; float:left;}