/*  
Theme Name: Function
Theme URI: http://stocktradingonline.net/stock-trading-theme/
Description: Versatile theme for simple online magazines or blogs. Includes drop-down menu for categories, threaded comments and multiple widget-ready areas.
Author: Sam @ 85ideas	
Author URI: http://85ideas.com/
Version: 1.0.1
Tags: white, black, blue, light, two-columns, threaded-comments, fixed-width, right-sidebar, sticky-post

	This theme was designed and built for the WordPress CMS and is copyright 85ideas.com.
	Adapt, and customize for your own site at will!

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html


*/



/************************************************
*          Resets          *
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#222;}  
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}



/************************************************
*          General elements       *
************************************************/
body {background:#010101 url(images/background.jpg) left top repeat-x; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:center;} 
h1, h2, h3, h4, h5, h6 {font-family:Segoe UI, Georgia, Palatino Linotype, Palatino, "Times New Roman", Times, serif;}
a {color:#0D3F6F; text-decoration:none;}
a:hover {color:#222;}
blockquote {font-style:italic; background:#eee; padding:.4em 1em .7em 1em; margin:.7em 0; border:1px solid #dedede;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
hr {border:1px solid #ccc;}
pre {overflow:auto; width:500px; background:#dededd; padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#000;}
table td, table th {padding:.5em .7em;}
table th {background:#ddd; text-transform:uppercase; border-bottom:1px transparent;}
table td {background:#ccc;}
table tr.even td {background:#bbb;}
table tr:hover td{background:#ccc;}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em; border:1px solid #ddd;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {padding:2px;}
form label {font-weight:bold; display:block;}



/************************************************
*          General       *
************************************************/
#page {background:url(images/headerbg.jpg) top center no-repeat;}
#wrapper {margin:0 auto; padding:0; text-align:left; width:960px;}
.cleared {clear:both;}



/************************************************
*          Header (and some parts in the footer too)       *
************************************************/
#header {height:152px; padding-bottom:6px;}
#top .topmenu {float:left; width:700px; height:32px;}
#top .topmenu li {float:left; padding:0 1.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase; border-left:#fff;}
#top .topmenu li a {color:#999; font-size:.6em; text-shadow:0 0 4px #000;}
#top .topmenu li a:hover {color:#efefef;}
#top .topmenu li a.rss {background:url(images/rss2.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.rss:hover {background:url(images/rss.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.facebook {background:url(images/facebook2.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.facebook:hover {background:url(images/facebook.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.twitter {background:url(images/twitter2.png) left 0px no-repeat; padding-left:17px;}
#top .topmenu li a.twitter:hover {background:url(images/twitter.png) left 0px no-repeat; padding-left:17px;}

#top .search, #bottom .search {float:right; width:250px; text-align:right; line-height:33px;}
#top .searchform input, #bottom .searchform input {padding:2px 3px;}
#top .searchbox, #bottom .searchbox {width:150px; font-size:.8em; color:#555; border:1px solid #ddd; background:#dcdcdc url(images/formbg.gif) top left repeat-x; border:1px solid #dcdcdc;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .searchbox:hover, #bottom .searchbox:hover {color:#111;}
#top .submitbutton, #bottom .submitbutton {font-size:1em; cursor:pointer; background:#505252 url(images/buttonbg.gif) top left repeat-x; color:#efefef; font-size:0.8em; border:none;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#top .submitbutton:hover, #bottom .submitbutton:hover {background:#505252;}

#logo {float:left; width:480px; margin:10px 0 0 0;}
#logo h1 a {color:#eee; font-size:1.9em; font-weight:normal; text-shadow:0 0 1px #666, 0 0 4px #111;}
#logo h1 a:hover {color:#B3D3EA;}
#logo #desc {font-size:.8em; color:#999; margin-top:.3em; line-height:1.3em; text-shadow:0 0 1px #333, 0 0 4px #111;}
#headerbanner {float:right; width:468px; margin:15px 0 0 0; text-align:left; font-size:.8em; line-height:1.4em; color:#ddd; text-shadow:0 0 1px #444, 0 0 4px #000;}
#headerbanner h3, #headerbanner div {color:#ddd;}
#headerbanner h3 {font-size:1.1em;}
#headerbanner p {color:#ddd;}
#headerbanner a {color:#FFB25F; border-bottom:1px dashed #999;}
#headerbanner a:hover {color:#eee; border-bottom:1px dashed #ccc;}
#catnav {font-size:.8em; text-shadow:0 0 1px #aaa, 0 0 5px #fff;}


/************************************************
*          Content      *
************************************************/
#main {padding:12px 0 15px 0; text-shadow:0 0 1px #aaa, 0 0 4px #fff; background:#fff url(images/mainfondo.png) left top repeat-x;}
#content {float:left; width:620px;}
#contentfull {float:left; width:960px;}
h2#contentdesc {font-weight:normal; font-size:1em; text-transform:capitalize;}
h2#contentdesc span {color:#225990;}

.post img
{
 
}

.archivesbox {padding:12px 10px 15px 10px; margin-bottom:10px; margin-left:20px; margin-right:20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.post {padding:15px 20px; margin-bottom:10px;
}
.sticky {background:none;}
.posttop h2.posttitle a {color:#232323; font-size:1.3em;}
.posttop h2.posttitle a:hover {color:#010101;}

.postmetatop img{border:0px;}
.postmetatop{background:transparent url(images/info-bar.png) no-repeat right top;height:42px;margin-left:11px;color:#bbb;text-shadow:#fff 1px 1px 1px;}
.postmetatop a{font-weight:bold;color:#999;}
.postmetatop a:hover{color:#0D3F6F;}
.postmetatop{padding: 0 0 0 6px;margin:0;line-height:32px;font-size:0.8em;}
.postmetatop p.comments{padding: 0 12px 0 0;margin:0;line-height:32px;}
.postmetatop p.comments a.comments{background:transparent url(images/icons.png) no-repeat 0px -49px;padding-left:20px;}
.postmetatop p.comments a.no.comments{background-position:0px 1px;}
.postmetatopdate{border-radius: 10px;background:transparent url(images/info-bar.png) no-repeat left -75px;padding-left:11px;float:left;text-transform:uppercase;font-weight:bold;}
.postmetatopdate{background:transparent url(images/info-bar.png) no-repeat right -42px;height:33px;padding:0 16px 0 16px;margin:0;line-height:31px;color:#fff;font-size:0.8em;}


.postcontent {margin:.8em 0; font-size:0.8em; line-height:1.5em;}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:1em 0 0 0; font-size:1.3em;}
.postcontent h4 {padding:1em 0 0 0; font-size:1.2em;}
.postcontent h5 {padding:1em 0 0 0; font-size:1.1em;}
.postcontent h6 {padding:1em 0 0 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent p a:hover, .postcontent ul a:hover, .postcontent ol a:hover {background:#dceeff; color:#010101;}
.postcontent a {color:#3366ff;}
.postcontent a.more-link {}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.thumbnail img{float: right; width:180px; height:180px; border:1px solid #989797; padding:6px; background:#e7e7e7 url(images/thumbfondo.png) left top repeat-x; margin-left:5px;}

.postmetabottom {padding:10px; font-size:0.75em; line-height:16px; margin-top:15px; border-bottom:1px solid #dedede;
}
.postmetabottom a {color:#444;}
.postmetabottom a:hover {color:#222;}
.postmetabottom .tags {color:#555; float:left; width:385px; background:url(images/tags.gif) left 1px no-repeat; padding-left:20px;}
.postmetabottom .metacomments {float:right; width:130px; text-align:right;}
.postmetabottom .metacomments span {background:url(images/comments.gif) left 3px no-repeat; padding-left:20px;}



/************************************************
*          Navigation      *
************************************************/
#navigation {line-height:1.8em; margin-bottom:10px;}
#navigation a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation a:hover {color:#222; border:1px solid #aaa;}

#navigation .wp-pagenavi a {padding:5px 7px; font-size:.8em; background:#fff; color:#333; border:1px solid #d1d1d1;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi a:hover {color:#225990; border:1px solid #aaa;}
#navigation .wp-pagenavi span.pages, #navigation .wp-pagenavi span.extend {padding:5px 7px; font-size:.8em; background:#fff; color:#222; border:1px solid #d1d1d1; margin:0 5px 0 0;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#navigation .wp-pagenavi span.current {padding:5px 7px; font-size:.8em; background:#222; color:#fff; border:1px solid #d1d1d1; margin:0 0px 0 0;
   /* optional rounded corners for browsers that support it */
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}



/************************************************
*          Comments      *
************************************************/
#comments {margin:0 20px 15px 20px;}
#commentsbox {padding:15px 20px 0px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.commentlist li.alt {background:#e3e3e3; border:1px solid #ddd;}
#comments ul.commentlist li ul.children li {margin:20px 0 0 20px;}
#comments img.avatar {float:left; margin:0 20px 0 0;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px;}
#comments .commentbody .author a {border-bottom:1px dashed #666;}
#comments .commentbody .author a:hover {color:#333;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#666; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#666;}
#comments .commentbody em {margin-bottom:10px; color:#333; display:block; font-size:.8em; font-style:normal;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#fff; color:#222; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments .reply a:hover {background:#ccc; color:#000;}
#comments h3#trackbacktitle {padding-top:15px;}
#comments ul.trackback {margin:5px 0 15px 0; padding:15px 20px 1px 20px; background:#f0f0f0; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#comments ul.trackback li {margin-bottom:12px; font-size:.85em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}
#comments p.nocomments {font-size:.8em; line-height:1.2em; padding:5px 0;}

#comments #respond {margin-top:15px; padding:15px 20px; background:#fff url(images/graygrad.gif) top left repeat-x; border:1px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#comments #respond h3 {padding-bottom:15px;}
#comments #respond p {padding:.4em 0 0 0;}
#comments #respond p label {font-size:.8em; font-weight:normal;}
#comments #respond input {padding:5px; width:200px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond textarea {width:500px; padding:10px; background:#eee; font-size:.8em; border:none; border:1px solid #dedede;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton {color:#eee; background:#505252 url(images/buttonbg.gif) top left repeat-x; padding:6px;  border:1px solid #aaa; line-height:1.4em; font-size:.8em; width:auto;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#comments #respond .submitbutton:hover {cursor:pointer; color:#fff; border:1px solid #666;}
#comments #respond p.subscribe-to-comments label {display:inline; margin-left:4px;}



/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:left; width:320px; font-size:0.8em; line-height:1.4em;}
#sidebar ul li.boxed {padding:10px 15px 15px 15px; margin-bottom:10px; background:#fff url(images/block-title.png) top left no-repeat; border:0px solid #d1d1d1;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#sidebar h3 {color:#fff; font-weight:normal; font-size:1.4em; margin-bottom:20px;}
#sidebar ul ul li {margin-bottom:8px;}

#sidebar p {padding:5px 0 5px 0;}
#sidebar p a {}
#sidebar p a:hover {background:#dceeff; color:#010101;}
#sidebar img {border:none; }
#tag_cloud a, .widget_tag_cloud a {display:inline;}
#tag_cloud a:hover {color:#333;}
li#tagbox a:hover {color:#333;}
#sidebar ul.children li {margin:8px 0 0 0;}
#sidebar ul.children {margin-bottom:0;}




/************************************************
*          Footer       *
************************************************/
#footerwrapper {background:#090909 url(images/footerbg.gif) left top repeat-x; text-shadow:0 0 4px #000;}
#bottom {padding-top:6px;}
#bottom .botmenu {float:left; width:700px;}
#bottom .botmenu li {float:left; padding:0 2.1em 0 0; line-height:32px; margin:0 .4em 0 0; text-transform:uppercase;}
#bottom .botmenu li a {color:#999; font-size:.6em;}
#bottom .botmenu li a:hover {color:#efefef;}
#bottom .botmenu li a.rss {background:url(images/rss.gif) left 0px no-repeat; padding-left:17px;}

#footer {margin:0 auto; padding:0; text-align:left; width:960px; color:#ddd;}
#footer div {color:#ddd;}
#footer span {color:#666;}
#footerwidgets {margin-top:10px;}
#footerwidgets p {font-size:.75em; padding:0 0 1em 0;}
#footerwidgets ul li ul {margin-top:5px;}
#footerwidgets label {color:#ddd; font-size:.8em;}
#footer .foot1 {float:left; width:215px; margin:15px 0 0 0; display:inline;}
#footer .foot2 {float:left; width:215px; margin:15px 35px 0 35px;}
#footer .foot3 {float:left; width:215px; margin:15px 35px 0 0;}
#footer .foot4 {float:left; width:210px; margin:15px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.3em; margin-bottom:.4em; color:#eee;}
#footer a {color:#999;}
#footer a:hover {color:#efefef;}
#footer p {line-height:1.5em; color:#999; padding:.3em 0 .7em 0; font-size:.8em;}
#footer ul li {margin-bottom:20px; color:#aaa;}
#footer ul ul li {line-height:1.2em; margin-bottom:8px; font-size:.8em;}

#credits {margin-top:.5em; border-top:1px solid #222; padding:.5em 0; text-transform:uppercase;}
#footer #credits p {line-height:1em; color:#555; font-size:7pt;}
#footer #credits a {color:#555; text-decoration:none;}
#footer #credits a:hover {color:#ccc;}
#credits #creditsleft {float:left; width:740px;}
#credits #creditsleft .footmenu li {float:left; padding:.4em 1.5em 1em 0; margin:0 .4em 0 0; line-height:1.6em; font-size:7pt;}
#credits #creditsright {float:right; width:200px; text-align:right;}



/************************************************
*          WP related          *
************************************************/
.alignleft {float:left; margin:10px 15px 6px 0;}
.alignright {float:right; margin:10px 0 6px 15px;}
.aligncenter, div.aligncenter {margin:10px auto; text-align:center; display:block;}

img.alignleft {float:left; margin:10px 15px 6px 0;}
img.alignright {float:right; margin:10px 0 6px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;}

.wp-caption {text-align:center; background:#eee; border:1px solid #ddd; padding-top:6px;
  /* optional rounded corners for browsers that support it */
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  }
.wp-caption img {padding:0; margin:0; border:0 none;}
.wp-caption img:hover {border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
/* Banners 125 x 125
----------------------------------------------- */
.ads125 {
margin-top:5px;
margin-left:5px;
}
.ads125 img {
padding: 4px;
margin-bottom: 5px;
}

#autor-info
{
 padding: 8px;
 overflow: auto;
}
#autor-info p
{
 text-align: justify;
 padding:0 15px 5px 15px;
}
#autor-imagen
{
 float: left;
 margin: 0 10px 5px 0;
 border: 5px solid #e0e3ec;
}
#descripcion h3
{
 padding:0;
 margin: 0 0 10px 0;
}