/*
Theme Name: GP Template
Theme URI: http://wearebuild.com
Description: Generation Press Blog, Based on the default WordPress theme.
Version: 0.1
Author: Build and Kleber
Author URI: http://kleber.net
Tags: green, custom header, fixed width, two columns, widgets
Notes:
	Generation Press Blog Template
	This theme was designed by Guy@Build & built by ben@Kleber
	The CSS, XHTML and design is not released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* Top Level */
html								{ margin:0; padding:0}
body								{
	margin:0;
	padding:0;
	font:12px Georgia, serif;
	line-height:15px;
	background-color: #CCC;
	background-image: url(texto3.png);
	background-repeat: repeat;
}
#page								{
	width:840px;
	padding:17px 19px;
	text-align: left;
	background-color: #F06;
	background-attachment: fixed;
	background-repeat: repeat;
}
#page.error							{ background:white url(images/gp-pattern.png) repeat}

#header								{ position:relative; z-index:2}

#sidebar 							{ position:relative; z-index:2; margin:48px 0 0 8px; padding: 0; width: 238px; float:left; list-style:none }
#sidebar form 						{ margin:0 }

#footer 							{
	position:relative;
	z-index:2;
	padding:0;
	margin: 14px 0 0 0;
	clear: both;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#footer .sidebar-aligned			{
	position:absolute;
	left:673px;
	top: -157px;
	background-color: #000;
}
.preload							{ display:none }



/*CONTENT*/
#header p							{
	border-top:1px solid #000;
	margin: 0 0 16px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.narrowcolumn 						{
	float:left;
	width:77%;
	margin:640px 0 0 0;
	padding:0;
}

/* navigation bar - smartposition class added via js */
.navigation-wrapper 				{ height:22px;}
.navigation							{ position:relative; z-index:2; width:516px; }
.older								{ padding:0 5px 0 0; white-space:nowrap}
.center								{ padding:0 5px }
.newer								{ padding:0 0 0 5px; white-space:nowrap }
.midline							{ background:black; height:1px; margin:3px 0 0 0;}

.smartposition .navigation 			{ position: fixed; top: 0px; left:19px; z-index: 10; width: 516px;
										margin: 0; padding: 5px 0 5px 0; background:#FDEF00; }
.smartposition .page, .smartposition .older, .smartposition  .newer
									{ background:#FDEF00; }
.tile-layer							{ width:800px; height:0; position:absolute; top:0; left:0; z-index:1;
										background:url(images/gp-pattern.png) repeat }

/* post - has rollover states via js */
.post 								{
	margin:0;
	padding:8px;
	cursor:pointer;
	background-color: #999;
}
.post#hoy							{
	background-color: #FFF;
}
.post#proxima							{
	background-color: #CCC;
}
.post#historia							{
	background-color: #999;
}
.stream 								{ margin:0; background:#DAEAB9; padding:8px; cursor:pointer }
.stream ul li { display: inline; }
.single .post 						{ background:white; min-height:300px; cursor:default }
.single .stream 						{ background:white; min-height:300px; cursor:default }
.post-wrapper						{ position:relative; z-index:2; }
.post img							{
	visibility: visible;
}
.js .post img						{ display:none } /* hide imgs if js */
.post h2							{ margin:0 0 2px 0; padding:0 0 1px 0 }
.entry a							{
	text-decoration:none;
	font-weight:normal;
	color: #000;
}
.entry a:before {
	content:url(icon.gif);
	margin-right: 2px;
	margin-left: 2px;
}
.entry a:hover						{ color:#555 }
.entry								{ font:12px Helvetica, Arial, sans-serif; font-weight:normal; }
.entry label						{ display:none}
.single	.entry label				{ display:inline}
.post-end							{ margin:8px 0 10px 0; clear:both; }
p.postmetadata						{ border-top:1px solid black; margin:12px 0 0 0; padding:0 }
.postmetadata a						{ text-decoration:none; }
.postmetadata a:hover				{ text-decoration:none; color:#555 }
.hr.postbreak						{ position:relative; z-index:2; margin:9px 0 }
.post.over							{
	background-color: #069;
	background-repeat: repeat;
}
.post .more							{ font:12px Georgia, serif !important;  font-weight:bold !important }

/*TYPO*/
h1, h2, h3 							{ margin: 0; padding:0 }
h1									{ font:38px Helvetica, Arial, sans-serif; line-height:32px; font-weight:bold; }
h1.error							{ color:#FE005B; text-transform:uppercase; margin:10px 0 }
h2									{ font:18px Helvetica, Arial, sans-serif; font-weight:bold; }
#sidebar h2							{ display:none }
h3 									{ font-size:14px; font-weight:normal;  }
#header h3							{ font:12px Helvetica, Arial, sans-serif; margin:0 0 1px 0; padding:0 }
h3.comments 						{ padding: 0; margin: 40px auto 20px ; }
 
a						 			{
	color:#FFF;
	text-decoration: none;
}
a:hover 							{ text-decoration:underline; }
input,select,textarea				{ font:12px Georgia, "Times New Roman", Times, serif; line-height:15px;}



/* Comments */
.alt 								{ margin: 0; padding: 10px; }
.comments-wrapper					{ position:relative; z-index:2 }
h3#comments							{ margin: 0 0 14px 0}
.commentlist 						{ margin:0; padding:0; }
.commentlist li 					{ margin:0 0 32px 0; padding: 0; list-style: none;}
.commentlist li .comment			{font: 13px Georgia, "Times New Roman", Times, serif; font-style:normal; line-height:15.5px }
.commentlist p 						{ margin:13px 0 0 0; padding:0 }
.commentlist p:first-child			{ margin:0}
#commentform p 						{ margin: 0; }
.nocomments 						{ text-align: center; margin: 0; padding: 0; }
.commentmetadata 					{ margin: 0; display: block; }

#commentform input 					{ width: 512px; padding: 2px; margin:0; border:0 }
#commentform textarea 				{ width: 512px; padding: 2px; margin:0; border:0 }
#commentform #submit 				{ margin: 0; float: right; }
.commentlist li .avatar 			{ float: right; border: 0; }



/*IMAGES*/
p img 								{ padding: 0; max-width: 100%; }
img.centered 						{ display: block; margin-left: auto; margin-right: auto; }
img.alignright						{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 						{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 						{ float: right; }
.alignleft 							{ float: left }




/* Lists
Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul 				{ margin-left: 0px; padding: 0 0 0 30px; padding-left: 
										10px; list-style: none; text-indent: -10px; }
html>body .entry li 				{ margin: 7px 0 8px 10px; }
.entry ul li:before,


.entry ol 							{ padding: 0 0 0 35px; margin: 0; }
.entry ol li 						{ margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li 	{ display: inline; list-style-type: none; list-style-image: none;}

#sidebar ul ul li:before 			{  }
#sidebar ul, #sidebar ul ol 		{ margin: 0; padding: 0; }
#sidebar ul li 						{ list-style-type:none; list-style-image:none; margin:0; padding:0 }
#sidebar ul p, #sidebar ul select 	{ margin: 0;}
#sidebar ul ul, #sidebar ul ol 		{ margin: 0; }
#sidebar ul ul ul, #sidebar ul ol 	{ margin: 0; }

ol li, #sidebar ul ol li 			{ list-style: decimal outside; }

#sidebar ul ul li,
#sidebar ul ol li 					{ margin: 0; padding: 0; }




/* Form Elements */
form								{margin:0; padding:0;}
#searchform 						{margin:0 !important; padding:12px 0; }
input.text							{margin:0; padding:2px; border:0; width:234px;
										background:#ffffff; font:12px Georgia, serif; font-style:italic }
#ftp-label							{width:234px; padding:2px; position:relative; top:-19px; }


/* This is mainly for password protected posts, makes them look better. */
.entry form 						{ text-align:center; }



/* Begin Calendar */
#wp-calendar 						{ empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #prev a,
#wp-calendar #next a				{ font-size: 9pt; }
#wp-calendar #next a				{ padding-right: 10px; text-align: right; }
#wp-calendar #prev a 				{ padding-left: 10px; text-align: left; }

#wp-calendar a 						{ display: block; text-decoration: none; }
#wp-calendar caption 				{ text-align: center; width: 100%; text-align: center; }
#wp-calendar th 					{ font-style: normal; text-transform: capitalize; }
#wp-calendar td 					{ padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover 			{ background-color: #fff; /* Doesn't work in IE */  }




/* Misc */
.clear 								{ clear: both; }
.center								{ text-align: center }
.hidden 							{ display: none }

hr 									{ display:none }
.hr									{ height:1px; background:black; margin:4px 0 }

a img 								{ border: none }



/* Captions */
.aligncenter, div.aligncenter 		{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 						{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
										-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img						{ margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text 		{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/*FIXES*/
.ie #searchform						{ padding:0 }
.ie6 .tile-layer					{ background:url(images/gp-pattern-ie6.png) repeat !important }
.ie6 .post.over						{ background:white url(images/gp-pattern-white.png) repeat; }
.ie6 #page.error					{ background:white url(images/gp-pattern-white.png) repeat}
.ie6 .commentlist li .avatar 		{ position:relative; z-index:2 }
.webkit #ftp-label					{top:-17px; }
.webkit .post h2					{margin:-3px 0 3px 0 }
.ie6 .hr							{margin:14px 0}

/* PALETTE */
.olive								{ background:#95C734 }
.celadon							{ background:#DAEAB9 }
.mint								{ background:#DFFEDC }
.tableUp {
	vertical-align: text-top;
}
prximo {
	color: #FF0;
}
.colorYellow {
	color: #FFF;
}
.colorgray {
	color: #666;
}