/*
Theme Name: HacerF
Theme URI: http://www.hacerfuturo.com
Description: Tema del sitio oficial de Agrupaci�n Politica Hacerfuturo
Version: 1.0
Author: XXFiera
*/



/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Clear
  Footer

*/

/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body, html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {
	background:#cc3333 url(images/bg_top1.jpg)no-repeat;
	color:#333333;
	padding:0;
	margin:0;
	}

body, select, textarea, input {	
	font: 12px Arial;
	color:#333333;
	}
p {	
	margin-bottom: 10px;
	}
		
a:link, a:visited, a:active {
	font-family:Arial;	
	color: #0099CC;
	text-decoration:none;
	}

a:hover {	
	color:#cc3333;
	text-decoration:none;
	}

*:focus { 
	outline: none;
	}

ul, li { list-style:none; padding:0; margin:0;}



a img {
	border:none
	}	
		
	

/* ---------- @ Page Structure -----------*/

#header {
	position:relative;
	background: url(images/banner.png) no-repeat;
	}

.content_bg {
	background: url(images/content_bg.jpg) repeat-y center top;
	}

.header_bg {
	background: url(http://www.hacerfuturo.com/wp-content/uploads/2010/06/cabeceraweb.jpg) no-repeat center top;
	min-width:1000px;	
	
	}
				
.wrapper {
	margin: 0 auto;
	width: 1000px;

	}

.shadow_left {
	padding-left: 13px;
	background:url(images/shadow_left.jpg) no-repeat left top;
	}
.shadow_right {
	padding-right: 13px;
	background:url(images/shadow_right.jpg) no-repeat right top;
	}

		
.left {	
	float:left;
	}

.right {	
	float:right;
	}

/* COLUMNA DERECHA */

#sidebar {

	width:170px;
	padding-left:8px;
	float:right;

	}
#sidebar h3 {
	display:block;
	color:#FFFFFF;
	width:166px;
	height:17px;
	padding:3px 0 0 10px;
	margin:10px 0;
	text-align:left;
	font-size:13px;
	font-weight:bold;
        background:#cc3333 url(images/nav_right_bgTitle1.jpg) no-repeat;
	}	


a.stbutton { display: block; width:50px; margin-left:15px; padding-bottom:0; }
a.stico_default span { font-size:11px; line-height:15px; }
a.stico_default:link,
a.stico_default:active,
a.stico_default:visited { color:#666666; }
a.stico_default:hover { color:#CC3333; }

/**/
.widget li a {
	display:block;
	margin-bottom:2px;
	line-height:11px;
	padding:5px;
	}
.widget li a:hover {
	background:#FFFFFF;
	}




/* ---------- @ Headings ----------- */
	   
h1 {
  /*	background:url(images/header_logo.jpg) no-repeat;   */
	width:723px;
	height:160px;
	margin-left:12px;
	}

h1 a {
	display:block;
	width:723px;
	height:160px;
	}
	
h1 span.name { display:none; }

h2 {
	font:20px Arial;
	font-weight:bold;
	line-height:100%;
	color:#000000;
	}

h3 {	
	font:16px Arial;
	font-weight:bold;
	line-height:100%;
	}
					
h4 {	
	font-size: 12px;
	}

h4.pagetitle {
	color:#e9d393;
	margin-bottom:13px
	}
	
#submenu h4 {
	margin: 6px 0 5px 0;
	}
	
/* submenu secciones */
#submenu {
	position:absolute;
	right:0px;
	width:155px;
	}

#page { position:relative; }
#page h3 { margin-bottom:10px; }

#content .content .txt object {
	display:block;
	}

/* TITULOS DE LAS SECCIONES */

h4.pagetitle, #page h2, #notas_prensa h2 {
	display:block;
	/*width:100%;*/
	height:18px;
	padding-bottom:5px;
	padding-left:10px;
	color:#006699;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	background: url(images/pagetitle_line.gif) repeat-x bottom;
	margin-bottom:1px;
	
	}
	
/* ---------- @ Content Styles -----------*/

#content {
	width:775px;
	float:left;
	margin-right:13px;
	margin-bottom:20px;
	position:relative;
	}
	
.commentcount {
	background:url(images/bubble.gif) no-repeat 0 2px;
	padding-left:17px;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
	margin-left:9px;
	}

.commentcount a, .commentcount a:visited {
	color:#9cbff3;
	}

#interior #content {
	padding-top:7px;
	float:left;
	}

.col.left {
	width:65%;
	}

.col.right {
	width:35%;
	}

/*Post Styles*/ 

.entry {
	padding-bottom:5px;
	/*padding-top: 15px;*/
	}

/* contenido del post */

#latest { position:relative; /*max-height:400px;*/ }
#latest #lineaHome { border-bottom:1px dotted #999999; padding-bottom:8px; margin-bottom:8px; }

#latest, .post {
	background: url(images/post_footer.gif) no-repeat bottom center;
	padding:10px 0 6px 10px;
	}

#latest .content,
.post .content  {
	width: 680px;
	float:left;	
	padding-left:10px;
	}

#latest .video_destacado {
	width:340px;
	margin: 0 auto;
	}
#latest .video_destacado object {
	width:340px;
	height:280px;
	}

.content .title_post {
	display:block;
	text-align:left;
	margin-bottom:5px;
	padding-bottom:5px;
	}
	
#latest .content .txt  {
	text-align:left;
	/*max-height:240px;*/
	min-height:100px;
	padding-right:10px;
	}
#latest .content .txt p {
	font-size:14px;
	}
.wp-caption {
	padding:5px;
	/*border:solid 1px #999999;*/
	text-align:center;
	}
p.wp-caption-text {
	display:block;
	text-align:left;
	font-size:11px;
	color:#666666;
	padding:0 5px;
	margin:5px 0 2px 0;
}

#page .entry { padding-left:10px; padding-right:10px; padding-top:20px; }

/* links al pi� del post */

ul.links {
	display:block;
	position:relative;
	height:22px;
	padding:15px 0 6px 0;
	}
ul.links li {
	float:left;
	padding-right:22px;
	padding-top:2px;
	margin-right:10px;
	list-style:none;
	}
ul.links li.comentarios {
	background:url(images/ico_comentarios.gif) no-repeat right top;
	}

ul.links a:link,
ul.links a:visited,
ul.links a:active {
	font-size:11px;
	color:#666666;
	}
ul.links a:hover {
	color:#CC3333;
	}


ul.links li.comenta {
	background: url(images/ico_comenta.gif) no-repeat right top;
	}

ul.links li.ver {
	position:absolute;
	right:0;
	text-align:right;
	padding-right:8px;
	}

#latest .tags,
.post .tags {
	text-align:left;
	margin-bottom:3px;
	font-size:11px;
	color:#666666;
	height:14px;
	}
#latest .tags a:link,
#latest .tags a:visited,
#latest .tags a:active,
.post .tags a:link,
.post .tags a:visited,
.post .tags a:active { color:#EA7724; }

#latest .tags a:hover,
.post .tags a:hover {	
	color:#cc3333;
	text-decoration:none;
	}	


/* fecha */
.calendar {
	background: url(images/date_bg.gif) no-repeat;
	width:65px;
	height:66px;
	float:left;
	text-align:center;
	}
.loop .calendar {
	height:auto;
	}
.calendar .month {
	display:block;
	padding-top:11px;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666666;
	text-align:center;
	margin-bottom:-7px;
	}

.calendar .day {
	display:block;
	font:22px Georgia, "Times New Roman", Times, serif;
	color:#CC3333;
	text-align:center;
	}
	
.calendar .hour {
	display:block;
	font-size:11px;
	color:#999999;
	text-align:center;
	}

.entry blockquote {
	margin:15px 35px 25px 35px;
	border-left:5px solid #fec855;
	padding-left:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#c1cddd;
	line-height:140%;
	}			

.entry img {
	margin:5px;
	padding:4px;
	border:solid 1px #999999;
	}

.postmetadata {
	text-transform:uppercase;
	font-size: 0.9em;
	color:#6e93b2;
	border-bottom:1px solid #376291;
	border-top:1px solid #376291;
	padding:3px 0;
	}

.entry pre, .entry code {
	font: 1em "Courier New", Courier, monospace;
	overflow:auto;
	padding:14px;
	background:#103064;
	display:block;
	width:100%;
	}

.entry pre	{
	padding:20px 20px 40px 20px;
	}



/* CALENDAR	*/


#calendar_wrap table {
	width:100%;
	border-collapse:collapse;
	margin:5px 0 15px 0;	
	background:#FFFFFF url(images/calendar_bg.gif) no-repeat top;
	}

#calendar_wrap td,
#calendar_wrap th {
	border:1px solid #CCCCCC;
	text-align:center;
	color:#666666;
	font-size:10px;
	height:25px;
	}

#calendar_wrap th {
	font-weight:bold;
	color:#333333;
	}

#calendar_wrap td a {
	font-weight:bold;
	display:block;
	padding-top:4px;
	height:20px;
	color:#FFFFFF;
	}
#calendar_wrap td a:link,
#calendar_wrap td a:visited,
#calendar_wrap td a:active {
	background:#006699;
	text-decoration:none;
	}
#calendar_wrap td a:hover {	
	background:#CC3333;
	text-decoration:none;
	}
#calendar_wrap table caption {
	font-weight:bold;
}


/* AGENDA */

.widget {
	padding:0;
	margin:0;
	margin-left:-3px;
	.padding-left:2px;
	}

.right_1811908251 { display:none; }
iframe { padding:0; margin:0; }
iframe #remote_0 { width:175px; }
#remote_0 { width:175px;  }
#right_1925807165 { display:none; visibility:hidden; }

/*Comments*/

form#commentform {
	padding: 8px 15px 10px 15px;
	}

#commentarea {
	background:url(images/divider2.gif) top center no-repeat;
	padding-top:35px;
	padding: 20px 73px;
	}
#commentarea h4 {
	display:block;
	color:#FFFFFF;
	background:#006699;
	padding:6px;	
	font-weight:bold;
	font-size:14px;
	text-align:left;
	margin-bottom:10px
	}
#commentarea .commentlist {
	padding-bottom:13px;
	}


#commentarea .commentlist .avatar {
	width:40px;
	float:left;
	padding:2px;
	border:solid 1px #CCCCCC;
}
#commentarea .commentlist .txt {
	float:left;
	width:530px;
	padding-left:10px;
}

#commentarea .commentlist li {
	margin: 5px 0;
	padding: 8px 15px 10px 15px;
	background: url(images/line_gray.gif) repeat-x bottom;
	list-style:none;
	}
#commentarea .commentinfo {
	height:17px;
	margin-bottom:5px;
	font-size:11px;
	color:#999999;
	}
	
#commentarea label span {
	font-size:11px;
	color:#990000;
	}
#commentarea .nocomments {
	display:block;
	font-weight:bold;
	margin-bottom:10px;

	}

.commentlist cite {
	color:#000000;
	font-style:normal;
	font-weight:bold;
	font-size:13px;
	}	
	
.commentlist li.my_comment {
	background:#254f89;
	border-bottom:1px solid #36639b;
	border-top:1px solid #36639b;
	}

li.my_comment cite {
	font-size:1.5em;
	}	
	
/* ---------- @ Forms -----------*/

#search {
	position:absolute;
	right:20px;
	top:113px;
	padding:0;
	}
	
#search span {
	display:block;
	font: bold 13px Arial;
	color:#006699;
	margin-bottom:3px;
	}

#searchform { margin:0; padding:0; }

input#s {
	width:100px;
	}

/* Campos de texto */
		
/*.field {
	border:solid 1px #999999;
	padding:3px;
	}*/
/*
.field:focus {
	border:solid 1px #666666;
	}
	
*/
	
input {
	border:solid 1px #999999;
	padding:3px;
	background:url(images/field_input.gif) repeat-x top;
	}	
	
textarea {
	border:solid 1px #999999;
	background:url(images/field_textarea.gif) repeat-x top;
	.background:none;
	height:90px;
	width:597px;
	}
	
input:focus, textarea:focus {
	border:solid 1px #666666;
	}

	
/**/
	
#submit, #searchsubmit, .Buttons {
	background:#0099cc !important;
	border:solid 1px #006699;
	font-size:11px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	cursor:default; cursor:hand;
	width:
	}
	
#searchsubmit {
	margin-left: 5px;
	width:55px;
	}

#submit:hover, #searchsubmit:hover, .Buttons:hover {	
	background: #41c1ec !important;
	}
	

/* ---------- @ Float Clearing -----------*/

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

.clearfloat {
	display:block
	}

/* ---------- @ Footer -----------*/

#wrapper_footer {
	background:url(images/footer_wrapper_bg.gif) repeat-y;
	/*height:78px;*/
	width:1000px;
	margin:0 auto;
	}
#footer {
	height:54px;
	margin: 0 7px;
	padding-top: 24px;
	text-align:center;
	background:url(images/footer_bg.gif) repeat-x top;
	}

.st-tag-cloud {
	padding:10px;	
	margin-bottom:1px;
	background:#EEEEEE;
	text-align:left;
}


#bottom {
	background:url(images/content_bg.jpg) repeat-y left;	
	/*height:103px;*/
	padding:0 205px 0 8px;	
	}

#bottom .content {	
	position:relative;
	background:url(images/line_gray.gif) top repeat-x;
	padding:5px 0;
	
	} 
#bottom .content li {
	float:left;
	} 
#bottom .content li.left {
	padding: 18px 5px 0 5px;
	height:80px;
	width:420px;
	position:relative;
	}
#bottom .content li.right {
	position:absolute;
	right:0px;
	top:10px;
	} 
	
/**/

a#cat4 {
	display:block;
	width:30px;
	height:24px;
	float:right;
	background-image:url(images/cat4.gif);
	text-indent:-9000px;
	margin: 8px 15px 0 0;
	}
		
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignright {
	float:right;
	margin:0 0 10px 10px;
	}
.alignleft {
	float:left;
	margin:0 10px 10px 0;
	}

.ui-tabs-hide {
	visibility:hidden;
	}

/* Listados de post */

#home .excerpt  { max-height:110px; }
.excerpt {	
	position:relative;
	min-height:80px;
	padding:0px 13px 30px 13px;
	background: url(images/post_short_footer.gif) no-repeat bottom center;
	margin-bottom:13px;
	
	}
.loop .excerpt {
	padding:13px;
	background: url(images/line_gray.gif) repeat-x bottom center;
	margin-bottom:0px;
	height:auto;overflow:hidden;
	}


.excerpt .calendar {
	background:none;
	width:32px;
	}
.excerpt .calendar .month {
	padding-top:0;
}
.excerpt h3 {	
	display:block;
	width:95%;
	margin-bottom:10px;
	}
	
.excerpt .content  {
	float:left;	
	padding-left:10px;
	width:310px;
	}
.loop .excerpt .content  {
	float:left;	
	padding-left:10px;
	width:700px;
	}
.excerpt .content .txt  {
	width:95%;
	line-height:13px;
	}
.loop .excerpt .content .txt  {
	width:95%;
	overflow:visible;
	height:auto;
	padding-bottom:20px;
	}
.excerpt .content .txt p  {
	 margin:0;
	}
.excerpt .content ul.links {
	display:block;
	text-align:left;
	position:absolute;
	/*width:310px;*/
	bottom:0px;
	margin-top:15px;
	height:15px;
	}
.excerpt .commentcount {
	background:url(images/bubble.gif) no-repeat 1px 4px;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
/*Flickr*/

#flickr {
	list-style:none;
	padding-top:13px;
	}

#flickr li {
	float:left;
	display:inline;
	margin:0px 17px 16px 0px;
	border-right:1px solid #031F4A;
	border-bottom:1px solid #031F4A;
	}

#flickr li a {
	display:block;
	border:4px solid #376291;
	}
	
#flickr li a:hover {
	border:4px solid #60A9DE;
	}