/*
THEME NAME: Huevo, Cuchara, Cuento!!
THEME URI: http://www.huevocucharacuento.info/
DESCRIPTION: Tema Huevo, Cuchara Cuento, basado en Sandbox. Diseñado partiendo de Shades of Gray de Leslie Franke
VERSION: 1.0
AUTHOR: Rafael G. Lepper
AUTHOR URI: http://www.huevocucharacuento.info/
TEMPLATE: sandbox
*/

/* Basic Styles
================================================*/
body {
	background: #f7f8f3 url(images/background.gif);
	color: #333;
	font: 80%/1.5em  "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited  {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.post a,.post a:link,.post a:visited  {
	color: #C03002;
}
a:hover  {
	color: #f39408;
}


a img, img.wp-smiley {border: 0;}

h1 a, h2 a, h3 a {font: 1em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif normal ; outline: none; }

h1 {font-size: 3.6em;}

h2 {font-size: 1.5em;}

h3 {font-size: 1.4em;}

h4 {font-size: 1.3em;}

h5 {font-size: 1.2em;}

h6, h7 {font-size: 1.1em;}

li, label, ol, table, ul  {font-size: 1em;}

p {font-size: 1.1em;}

h1, h2, h3, p {margin: .5em 0;}

abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}

blockquote {
	background: url(images/quoteup.png) no-repeat;
	padding-left: 32px;
}

blockquote blockquote{
	background: none;
	border-left: 1px solid #ccc;
	padding-left: 8px;
}

cite {}

code {
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 2px;
	font-size: 1.1em;
}
p code{border:none;}
.code {
	border: 1px solid #ccc;
	background: #efefef;
}
.code code
{ display: block; margin: .4em 0;}
code strong{background-color:#ffc;}
del {color: #ff999c;}

dl {
	margin: 0;
	padding: 0;
}
dd {
	margin: 0 0 1em 0;
	padding: 0;
}

dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

ins {
	border-bottom: 1px dotted #333;
	text-decoration: none;
}

ins:after {/*Will not appear in versions of IE*/
	content: " (Updated)";
}

label {/* The CSS standard dictates "pointer" as the value for a "pointer that indicates a link". Unfortunately, IE 5 and IE 5.5 for Windows don't understand this value, using "hand" to mean the same thing. By placing pointer first misbehaving Microsoft browsers ignore it and use the hand value, while better behaved browsers take pointer and ignore hand.*/
	cursor: pointer;
	display: inline;
}

pre {
	border: 1px solid #ccc;
	background: #efefef;
	font-size: 1.1em;
	padding: 8px;
}

table {}

td, th {
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tfoot td {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-weight: bold;
}

/*==============================================*/

/* Basic Layout Styles
================================================*/
/*--- Wrapper ---*/
#wrapper {
	margin: 170px auto 16px auto;
	padding: 8px;
	min-width: 700px;
	max-width: 1000px;
	position: relative;
	width: expression(document.body.clientWidth > 1000? "980px": "auto" );  /*IE Max Width*/
	text-align: left;
	background: #fff;
}

/*--- Page Header ---*/
#header {
	padding: 0 .5em;
	z-index: 3;
	background: url(images/huevoycuchara.png) no-repeat left top;
	height:240px;
	width: 700px;
	margin: -175px 0 0 -39px;
	position:inherit;
	
}

#blog-title {
	margin: 5px 0 8px 0;
	/*height:200px;*/
}
#blog-title span {
display: block;
text-indent: -10000px;
padding:133px 0 0 140px;
background: url(images/huevocucharacuento.png) no-repeat 138px 118px;
width: 600px;
height: 90px;
position:inherit;
z-index:2;
}
#blog-title a {color: #A85143; display: block; width: 600px;height: 90px; outline: none;
}

#blog-title a:hover {color: #333; text-decoration:none;}

#blog-description {
	padding: 0 0 0 140px;
	text-align: left;
	width: 100%;
	margin-top: -30px;
	font-size: 1.4em;
	color:#999;
}

#access {
	/*border-bottom: 1px solid #e8cbaa;
	border-top: 1px solid #333;padding-top: 180px;
	clear: both;
	float: left;
	width: 100%;
	z-index:2;*/
	position: absolute;
	right: 180px;
	top: -25px;

}

#menu {
	/*border: 1px solid #333;
	border-width: 1px 0;*/
	margin: 0;
	padding: 0;
	width: 100%;
}

#menu ul {
	/*background: #c00;*/
	margin: 0;
	padding: 0;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a:link, #menu a:visited {
	border-right: 1px solid #42432d;
	color: #333;
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	/*float: left;*/
	padding: 0 8px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
}

#menu a:hover {
	
	color: #900;
}

#menu ul li.page_item ul li {display: none;}

/*--- Page Content ---*/

#container {
	float: left;
	margin: -78px 0 0 -328px;
	overflow: hidden;
	width: 100%;
	position:inherit;
	z-index:1;
}

#content {
	margin: 78px 0 0 320px;
	padding: 8px 16px 8px 8px;
	/*border-top:78px solid #fff;*/
	background:#fff;
	border-right: 1px dotted #999;
	
}

#primary {
	margin-top: -78px;
	float: right;
	border-top:78px solid #fff;
	overflow: hidden;
	/*width: 328px;*/
}

#content a:hover  {color: #f39408;}

#content a[rel ~="tag"] { font-weight:normal; background:#dde7f8; border: 1px solid #a4bff0; color:#333; padding: 0 .6em; -webkit-border-radius: .6em; -moz-border-radius: .6em;}
#content a[rel~="tag"]:hover { background: #ffc;; border: 1px solid #fc3; color:#333;}


#content a[rel ~="category"] {
	font-weight: bold;
	text-decoration: none;
	color: #C03002;
	background:none;
	border:none;
	padding:0;
}
#content a[rel ~="category"]:hover  {
	color: #f39408;
	background:none;
	border:none;
}



#primary ul li {list-style: none;}

/*#primary ul li ul li {list-style: url(images/starbw.png);}

#primary ul li ul li:hover {list-style: url(images/star.png);}*/

.sidebar { width:320px;}

.sidebar a {color: #777;}

.sidebar a:hover {color: #f39408;}
.sidebar .aktt_widget a:hover, .sidebar .aktt_widget h3 {color: #39cdff;} 
.sidebar .widget_tag_cloud a:hover, .sidebar .widget_tag_cloud h3 {color: #c03002;} 
.sidebar .widget_categories a:hover, .sidebar .widget_categories h3 {color: #b5e51f;}
.sidebar h3 {border-bottom: 1px solid;}
.sidebar .aktt_widget h3 {border-color: #39cdff;} 
.sidebar .widget_tag_cloud h3 {border-color: #c03002;} 
.sidebar .widget_categories h3 {border-color: #b5e51f;} 

#secondary {float:right;}

#secondary ul, #primary ul {
	margin: 0;
	padding: 0 0 0 6px;
}

#secondary li {
	display: inline;
	padding: 0 8px 0 0;
	margin: 0;
}
#twitter-tools ul
{
	padding:0;
}
.aktt_tweets ul li
{ margin-top: 10px; list-style: disc;}
/*--- Page Footer ---*/
#footer {
	clear: both;
	font-size: .8em;
	margin: -132px 0 0 0;
	text-align: left;
	background: url(images/robocup.png) no-repeat right bottom;
	height: 180px;
	width: 106%;
}
#footer span{
line-height:300px;
vertical-align: baseline;
}
#generator-link {}

#theme-link {}

/*--- Skip ---*/
.skip-link {
	background: url(images/favicon.png) no-repeat;
	left: 0;
	padding: 0 0 0 20px;
	position: absolute;
	top: -28px;
	display: none;
}

/*--- Search ---*/
#search {
	position: absolute;
	right: 0px;
	top: -30px;
}

#search h3 {display: none;}

#s:focus {background: #ffeece;}

.search .post {border-top: 0;}

/*--- Other Styles ---*/
#categories, #pages, #archives, #recent-posts, #recent-comments, #primary #rss-links, #primary #meta {
	border-bottom: 1px solid #666;
	padding: 0px 0 8px 0;
}

#categories h3, #pages h3, #archives h3, #recent-posts h3, #recent-comments h3, #primary #rss-links h3, #primary #meta h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
}

#rss-links, #meta {font-size: .95em; padding-bottom: 8px;}

.linkcat h3 {
	border-bottom: 1px solid #ccc; 
	border-top: 2px solid #e8cbaa;
	font-size: 1.2em;
	padding: 4px 0;	
}

.linkcat ul li a {
	background: url(images/arrow_rightbw.png) no-repeat;
	padding-left: 20px;
}

.linkcat ul li a:hover {
	background: url(images/arrow_right.png) no-repeat;
	padding-left: 20px;
}

#rss-links h3, #meta h3 {
	border-bottom: 1px solid #ccc; 
	border-top: 2px solid #ccc;
	font-size: 1.2em;
	padding: 4px 0;	
}

#rss-links ul li a {
	background: url(images/feed-icon-14x14bw.png) no-repeat;
	padding-left: 20px;
}

#rss-links ul li a:hover {
	background: url(images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
}

#rss-links ul, #rss-links li, #rss-links a, #meta ul, #meta li, #meta a {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}

#meta ul li a {
	background: url(images/icon_padlockbw.png) no-repeat;
	padding-left: 20px;
}

#meta ul li a:hover {
	background: url(images/icon_padlock.png) no-repeat;
	padding-left: 20px;
}

#nav-above {display: none;}

.home .p1 {border-top: 0px;}

.nav-previous, .nav-next {
	display: inline;
	margin-right: 16px;
}

.meta-sep {}

img.alignleft {
  float: left;
  margin: .5em 1em .5em 0;
}

img.alignright {
  float: right;
  margin: .5em 0 .5em 1em;
}

img.center {
	display: block;
	margin: .5em auto;
	text-align: center;
}
/*==============================================*/


/* Posts
================================================*/
.post {
	border-top: 1px solid #999;
	margin-top: 5px;
	padding: 10px 0;
}

.home .post .entry-title a, .home .post .entry-title a:link,.home .post .entry-title a:visited, .entry-title a, .entry-title {color: #A1AB3E;}
.entry-title {font-size:1.7em;}
.entry-date {
	background: url(images/datebw.png) no-repeat;
	font-size: .9em;
	padding-left: 20px;
}

.entry-content {}

.entry-meta {
	color: #666;
	font-size: .9em;
	border-top: 1px dashed #999;
	margin-top:20px;
        padding-top:5px;
}

.entry-meta a {color: #666;}

/*==============================================*/

/* Comments and Trackbacks
================================================*/
#comments {
	border-top: 1px solid #999;
	margin: 8px 0 0 0;
}

#trackbacks-list {border-top: 1px solid #e8cbaa;}

.comment, .trackback, .pingback {
	border: 1px solid #ccc;
	padding: 8px 5px;
	background:#F8F8F8;
}

.comment-author, .comment-meta {display: inline;}

.comment-meta {
	margin-left: 100px;
	text-align: right;
}

.comment-meta a {color: #666;}

.comment p {margin: 12px 0;}

#respond {
	background: #efefef;
	margin: 8px 0;
	padding: 8px;
}

.bypostauthor {
	background: #fffff0;
	border: 3px solid #ffd700;
	padding: .5em;
}

.required {color: #ff7f50;}

#formcontainer {}

.form-input input:focus, .form-textarea input:focus {background: #ffdab9;}

.form-label label {font-weight: bold;}

.important {color: #c00;}

.caps {text-transform: uppercase;}

.unapproved {
	color: #c00;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px 0 0 0;
}

/*==============================================*/

/* Page
================================================*/

.page h2 {
	margin-top: 12px;
}

/*==============================================*/

/* Calendar Widget
================================================*/

#calendar_wrap {
	border: 1px solid #333;
	margin: 4px;
	text-align: center;
}

#wp-calendar {
	padding: 0;
	width: 99%;
}

#wp-calendar caption {
	font-weight: bold;
}

#wp-calendar thead tr th {
	background-color: #efefef;
	text-align: center;
}

#wp-calendar tbody tr td a {
	font-weight: bold;
	color: #494E13; 
}

/*==============================================*/

/* Asides
================================================*/

.home .category-asides {
	background: url(images/quickly.png) no-repeat top left;
	padding-left: 25px;
	padding-top: 25px;
}

.home .category-asides .entry-date, .home .category-asides .entry-meta {
	display: none;
}

/*==============================================*/

/* Printing
================================================*/
@media print {
    #footer, #primary, #secondary, .skip-link, #access, #respond, .navigation, #navigation-below, .edit-link {display: none;}
	 #wrapper {border-top: 0;}
	 #header {border-bottom: 3px solid #333;}
	 #blog-title {
		float: none;
		margin: 0;
		padding-bottom: 0;
		}
	#blog-description {display: none}
	#container {
		width: 99%;
		margin: 0;
		float: left;
		overflow: visible;
	}
	#content {
		margin: 0;
	}
	#primary {
		width: 0%;
		float: right;
	}
}
/*==============================================*/