/*
Theme Name:BernatFarrero
Theme URI:http://bernatfarrero.com
Description:This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization.
Version:1.2.1
Author:Bernat Farrero
Author URI:http://bernatfarrero.com
Tags:white, red, fixed-width, two-columns, right-sidebar

	"Bernat Farrero" by http://itnig.net

	This theme was designed and built by Bernat Farrero
	of Itnig: http://itnig.net/.

	The CSS, XHTML and design is released under the GPL.

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body {
  color: #000000;
	background-color: #EEEEEE;
	font-family: "Myriad Pro", helvetica, sans-serif;
	font-size:15px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

img {
	border: none;
}

#container {
	min-width: 1020px;
	margin: 0 auto;
	overflow: hidden;
}

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}

a {
	color:#000;
	font-weight:550;
}

h1 a {
	border-bottom: none;
	text-decoration: none;
}

a:hover {
	color:#e12000;
	background-color:#f7f7f7;
}

hr {
	margin-top:35px;
	padding-top: 10px;
	border:0;
	border-top:3px solid #555555;
	width:100%;
	color:#fff;
	clear:both;
}

hr.mini {
	border:0;
	border-top: 1px solid #ccc;
	width: 100%;
	color: #fff;
	clear:both;
}

.small {
	font-size: 11px;
}

#content {
	border:1px solid #ccc;
	min-height:420px;
	background: #FFFFFF;
	padding-left: 15px;
}


#header {
	float:left;
	width:900px;
	margin:0;
}

#logo {
	float:left;
	width:auto;
	color: red;
}

#logo h1 {
	color: red;
	letter-spacing:0.08em;
	text-shadow: 2px 2px 2px #555;
}

#logo a {
	color:red;
	font-size: 70px;
	font-weight:800;
	text-decoration:none;
	border-bottom:none;
	letter-spacing:-4px;
	background-color:#fff;
}

#logo .blackaze:hover {
	color:black;
}

#logo h2 {
	font-size : 20px;
	font-weight : 200;
	padding : 12px 4px 0 0;
	letter-spacing : -1px;
}

#nav {
	float:right;
	width:auto;
	padding:30px 0 0;
	margin-right:-30px;
}

#nav ul {
	height:50px;
	float:right;
}

#nav li {
	text-align:center;
	float:left;
	display:inline;
	width:auto;
}

#nav li a {
	font-size:22px;
	font-weight:400;
	display:block;
	padding:15px;
	border-bottom:none;
}

#nav li a:hover {
	background-color:#f7f7f7;
}

.post {
	padding:0 30px 0 0;
}
.post p {
	margin:14px 0 14px 0;
}
.post em{
	font-style:italic;
}
.post h2 {
	font-size:26px;
	margin:25px 0 10px 0;
	font-weight:normal;
}
.post h1, .post h1 a{
	font-size:30px;
	margin:30px 0 10px 0;
	font-weight:normal;
	line-height:32px;
}
.post h3, .post h4 {
	font-size:22px;
	margin:15px 0 10px 0;
	font-weight:normal;
}
.post h4 {
	font-size:20px;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
	color:#e12000;
}
.post .indent {
	padding-left:10px;
}
.post .indent p {
	padding-left:10px;
}
.post small {
	font-size:13px;
}
.post small a {
	font-weight:normal;
}
.post .alignright {
	float:right;
	margin-left:10px;
}
.post .alignleft {
	float:left;
	margin-right:10px;
}
.post .aligncenter {
	margin:0 auto;
	display:block;
}
.post abbr {
	font-weight:normal;
}
.post ul{
	list-style:circle;
	margin:0 0 0 25px;
}
.post ol{
	list-style:decimal;
	margin:0 0 0 30px;
}
.post .wp-caption {
	background:#f7f7f7;
	border:1px solid #ccc;
	margin:10px;
	text-align:center;
	padding:5px 0 0;
}
.post .wp-caption-text {
	margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
	border-bottom:0;
}
.post blockquote {
	color:#777;
	border-left:5px solid #ccc;
	margin:15px 30px 0 10px;
	padding-left:20px;
}
.post pre {
	font-family:courier;
	font-size:13px;
	letter-spacing:-1px;
	margin:14px 0 14px 0;
}
.post .message ul {
	margin:12px 0 0;
}
.post .message {
	display:none;
	background:#0F67A1;
	margin-top:10px;
	padding:20px;
	color:#fff;
}

#sidebar h3 {
	padding:25px 0 3px 0;
	font-size:18px;
}
#sidebar ul {
	list-style: none;
}
#sidebar .block ul {
	background-color: #f7f7f7;
}
#sidebar .block ul .children{
	border:0;
	padding: 0 0 0 8px;
	background: #EEEEEE;
}

#sidebar a img, a:hover {
	border: none;
}

#sidebar .block li a {
	background:transparent url("../images/bullet_black.gif") no-repeat scroll 6px 52%;
	font-size:14px;
	font-weight:normal;
	padding:2px 0 2px 15px;
	display:block;
	border-bottom:none;
	text-decoration: none;
}
#sidebar .block li a:hover {
	background:#ffffff url("../images/bullet_red.gif") no-repeat scroll 6px 52%;
}
#sidebar .widget_search label {
	display:block;
	padding:25px 0 3px 0;
	font-size:18px;
	margin:0 0 5px;
}
#sidebar .widget_recent_comments li {
	background:transparent url("../images/bullet_black.gif") no-repeat scroll 6px 52%;
	padding:2px 0 2px 15px;
}
#sidebar .widget_recent_comments li a,#sidebar .widget_recent_comments li a:hover{
	background:none;
	text-decoration:none;
	color:#000;
	font-weight:600;
}
#sidebar .widget_recent_comments li a:hover {
	color:#e12000;
	border-bottom:1px dashed #e12000;
	background-color:#f7f7f7;
}

#comments h3, #comments h4{
	font-size:26px;
	margin:35px 0 5px;
	font-weight:normal;
}
#comments h4{
	font-size:20px;
}
#comments cite{
	font-size:14px;
	color: #444;
	font-weight: normal;
}
#comments em {
	font-style:italic;
	text-align:right;
}
#comments p {
	margin:10px 0 0 10px;
	width:auto;
}

.commentpost {
	background: #EFEfE3;
	padding: 10px;	
	display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
	min-height: 60px;
}

.odd_comment {
	background: #CCCCC1;
}

#comments ul.formlist {
	margin:20px auto;
	width:375px;
}
#comments ul.formlist li {
	display:block;
	margin:10px 0 0;
}
#comments ul.formlist p{
	margin:10px 0 0;
	text-align:center;
}
#comments input {
	width:95%;
	font-size:14px;
	font-weight:normal;
	margin: 0 auto;
}
#comments textarea {
	margin: 0 auto;
	width:95%;
	font-size:14px;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #444444;
	background-color: #EEEEEE;
	margin-bottom: 5px;
	padding: 5px;

}
#comments li.submitbutton input {
	text-align:center;
	background:#fff;
	border:1px solid #aaa;
	color:#000;
	font-weight:normal;
	font-size:20px;
	width:374px;
}
#comments .center {
	text-align:center;
}

#footer {
	width:900px;
	float:left;
	text-align:center;
	padding:30px 0 40px 0;
}

.post_header {
 	clear: both;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  background-color: #eee;
  color: #777;
  padding: 4px 10px;
  font-size: 14px;
  height: 18px;
	width: 100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.post_header ul {
   float: right;
   padding: 0;
   border: 0;
   outline: 0;
   overflow: hidden;
}

.post_header li {
	list-style-type: none;
  white-space: nowrap;
  display: inline;
  float: left;
 	margin-top: -3px;
}

.post_header a {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:3px;
	background-color:#666;
	color:white;
	border: 1px solid #777;
	padding:4px 4px 1px;
	outline-color: -moz-use-text-color;
	font-size: 14px;
	text-decoration: none;
}

.post_header a:hover {
	background-color: #333;
}


#search_form input {
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	width: 226px;
	font-size: 14px;
}

input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*#miniabout {
	margin-bottom: 10px;
	font-size: 13px;
	color: #333333;
	font-style: italic;
	line-height: 1.6em;
	background-color: #ffffff;
	padding: 10px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
}*/

a.miniabout:hover {
	text-decoration:none;
}

a.miniabout span {
	display:none;
	margin: -100px 0 0 -15px;
 	padding: 10px;
	width: 240px;
}

a.miniabout:hover span{
	display:inline;
	position:absolute;
	font-family: Monaco, 'Bitstream Vera Sans Mono', monospace, Arial;
	font-size: 11px;
	font-style: italic;
	border-radius: 14px;
	color:gainsboro;
	background-color: #3F3F3F;
}

/*#miniabout a {
	text-decoration: none;
	color: #333333;
}

#miniabout:hover {
	background-color: #EFEfE3;
}
*/
#barrapost
{
	clear: both;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  background-color: #eee;
  color: #777;
  padding: 4px 10px;
  font-size: 0.8em;
  height: 18px;
}

.tagpost {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:3px;
	margin-bottom:2px;
	background-color:#FFE561;
	border-top-color:#FFF1AD;
	border-bottom-color:#FFCD26;
	color:#443;
	border-style:solid;
	border-width:1px 0;
	padding:2px 4px 1px;
	border-bottom: 0;
	outline-color: -moz-use-text-color;
	font-size: 14px;
}

.tagpost:hover {
	background-color: #FFCD26;
}

.tagpost a {
	border-bottom: 0px;
	text-decoration: none;
}

.tagpost a:hover {
	text-decoration: none;
	background: transparent;
	color: black;
}

.tagcategory {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-right:3px;
	margin-bottom:2px;
	color:#443;
	border-style:solid;
	border-width:1px 0;
	padding:2px 4px 1px;
	border-bottom: 0;
	outline-color: -moz-use-text-color;
	font-size: 14px;
}

/* Flickr Badge */
#flickr_badge_source_txt {
	padding:0; 
	font: 11px Arial, Helvetica, Sans serif; 
	color:#666666;
}

#flickr_badge_icon {
	display:block !important; 
	margin:0 !important; 
	border: 1px solid rgb(0, 0, 0) !important;
	}
	
#flickr_icon_td {
	padding:0 5px 0 0 !important;
	}
	
.flickr_badge_image {
	text-align:center !important;
}
	
.flickr_badge_image img {
	text-align: center;
	border: 2px solid #666;		
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

#flickr_www {
	display:block; 
	padding:0 10px 0 10px !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#3993ff !important;
	}
	
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important;
	border-bottom:0px; 
	background:inherit !important;
	color:#3993ff;
	}
	
#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important;
	 color:#666666 !important;
}
	
code {
  font-size: 11px;
  background: #d8d8d8;}
pre code {
  display: block;
  background: #3F3F3F;
  color: #DCDCDC; }
  pre code[class]:after {
    display: block;
    text-align: right;
    color: #CCC;
    background: white;
    border-top: solid 1px black; }
pre .keyword, pre .tag {
  color: #E3CEAB; }
pre .django .tag, pre .django .keyword {
  color: #E3CEAB; }
pre .css .class, pre .css .id {
  color: #E3CEAB; }
pre .lisp .title {
  color: #E3CEAB; }
pre .django .template_tag, pre .django .variable, pre .django .filter .argument {
  color: #DCDCDC; }
pre .number, pre .date {
  color: #8CD0D3; }
pre .dos .envvar, pre .dos .stream {
  color: #EFDCBC; }
pre .variable, pre .apache .sqbracket {
  color: #EFDCBC; }
pre .dos .flow, pre .diff .change {
  color: #EFEFAF; }
pre .python .exception, pre .python .built_in {
  color: #EFEFAF; }
pre .literal {
  color: #EFEFAF; }
pre .diff .chunk, pre .ruby .subst {
  color: #8F8F8F; }
pre .dos .keyword, pre .python .decorator, pre .class .title, pre .function .title, pre .ini .title, pre .diff .header, pre .ruby .class .parent, pre .apache .tag {
  color: #efef8f; }
pre .dos .winutils {
  color: #DCA3A3; }
pre .ruby .symbol, pre .ruby .string, pre .ruby .instancevar {
  color: #DCA3A3; }
pre .diff .deletion, pre .string, pre .tag .attribute .value, pre .preprocessor, pre .built_in, pre .sql .aggregate, pre .javadoc {
  color: #CC9393; }
pre .smalltalk .class, pre .smalltalk .localvars, pre .smalltalk .array {
  color: #CC9393; }
pre .css .rules .value, pre .attr_selector, pre .pseudo, pre .apache .cbracket {
  color: #CC9393; }
pre .shebang, pre .diff .addition, pre .comment, pre .java .annotation, pre .template_comment, pre .pi, pre .doctype {
  color: #7F9F7F; }
pre .html .css, pre .html .javascript {
  opacity: 0.5; }
pre code {
  font: 11px Monaco, "Bitstream Vera Sans Mono", monospace, Arial;
  padding: 12px; 
	letter-spacing: 0.07em;
}

#social_icons {
  border-bottom: 1px solid #f2f2f2;
  margin:0px;
	padding:0px;
}

.squared {
	padding: 15px 0px 10px 15px;
  height:30px; 
}

.squared_icon 
{	
	padding: 0;
 	float: left;
	margin-left:6px;
}

.squared_icon a {
	padding: 3px;	
}

.squared_icon a:hover {
  opacity: .6; 
}