/*  
Theme Name: From Scratch
Theme URI: http://showeblog.com/
Description: A Wordpress Theme From Scratch
Version: Versión 1/n; n->0
Author: Jordi Villar
Author URI: http://showeblog.com/
*/
* {
	margin:0;
	padding:0;
}
body {
	font:13px/17px Arial;
	background: #fff url('img/bg.gif') center repeat-y;
	color: #6a746f;
}
h1, h2, h3 {
	margin: 5px 0;
}
p {
	margin: 10px 0;
}
ul, ol {
	padding-left: 20px;
	list-style: square;
}
blockquote {
	background: #ffffcb;
	border-top:1px solid #FFE880;
	border-bottom: 1px solid #FFE880;
	padding: 5px;
}
a {
	text-decoration:none;
	color:#fcb134;
}
a:hover {
	text-decoration:none;
	color: #fc6f37;
}
code {
	font:11px Monaco, Courier, monospace;
	color: #339900;
}
pre{
	overflow:auto;
	width:500px;
	padding: 5px;
	border: 1px solid #eee;
}
hr {
	display:none;
}
.clear {
	clear: both;
}
.left, .page_item {
	float:left;
}
.right {
	float:right;
}
img[align=left] {
	margin: 0 10px 0 0;
}
img[align=right] {
	margin: 0 0 0 7px;
}
a img {
	border:0;
}
/* All */
#all {
	width: 858px;
	margin:0 auto;
	padding:0;
	background: #fff;
}
#header {
	float: left;
	width: 190px;
	color:#000;
	border-top:12px solid #f7bb2f;
	border-bottom:8px solid #000;
	background: url('img/header.gif') center no-repeat;
	height: 110px;
}
#header a {
	display:block;
	height: 110px;
	width: 190px;	
}
#header a span {
	visibility: hidden;
}
.links {
	margin:0;
	background: #A5A5A5;
	padding: 5px 20px;
	border-top:1px solid #000;
}
ul#nav {
	background: url(img/welcome.gif) 500px 5px no-repeat;
	margin:0;
	padding:0;
	list-style: none;
	height:63px;
	border-top:12px solid #000;
	border-bottom:12px solid #f7bb2f;
}
ul#nav li {
	margin-top: 42px;
	padding:0 20px 0 25px;
}
ul#nav a {
	color:#000;
}
/* Content */
#content {
	width: 667px;
	float: left;
	border-left: 1px solid #a9a9a9;
}
#content h2 {
	margin:0;
	padding: 4px 0;
	border-top: 1px solid #A9A9A9;
	border-bottom:0px solid #A9A9A9;
}
#content h2 a {
	color:#000;
	margin-left: 15px;
}
.post {
	margin-bottom: 15px;
}
.time {
	float: right;
	margin: 5px 0;
}
.time .year {
	font-size: 18px;
}
.time .month {
	font-size: 15px;
	font-variant: small-caps;
}
.postcnt {
	padding: 0 15px;
}
.postcnt h3 {
	margin: 10px -15px;
	padding: 14px 15px;
	border-top: 1px solid #A9A9A9;
	border-bottom:0px solid #A9A9A9;
}
.postcnt h4 {
	border-top: 1px solid #A9A9A9;
	padding: 14px 0px;
	color:#000000;
}
.info {
	font-size:10px;
}
.post .meta {
	font-size:10px;
	border:1px solid #eee;
	padding:5px;
	line-height: 12px;
}
ul.asides {
	padding:10px;
	margin:0;
	list-style: none;
	background: #FEF9BB;
	border-top:1px solid #FFDB50;
	border-bottom: 1px solid #FFDB50;
}

ul.asides li a {
	text-decoration:none;
}
.tech a {
	color: #339900;
}
/* Sidebar */
#sidebar {
	width: 190px;
	font-size: 12px;
	float: left;
	padding: 0;
}
#sidebar ul {
	padding: 0;
	clear: both;
}
#sidebar ul li {
	list-style: none;
	margin-bottom: 20px;
	border-bottom: 3px solid #cacaca;
}
#sidebar ul li h2 {
	background: url(img/menu.gif) 2px 5px no-repeat;
	border-bottom: 8px solid #a9a9a9;
	padding: 5px 5px 5px 20px;
	font-size: 1.1em;
	text-transform: uppercase;
}
#sidebar ul li ul {
	margin-left: 30px;
}
#sidebar ul li ul li {
	margin:2px 0;
	list-style: square;
	border: 0;
}
/* Subcontent */
#sub {
	border-top:1px solid #a9a9a9;
}
/* Footer */
#footer {
	text-align: center;
	margin: 5px 0 10px;
	color: #000;
}