/*
Theme Name: Pau Canaleta
Theme URI: http://www.paucanaleta.com
Description: A 2 columns layout personal blog. Designed by David G. Nogueira
Author: David G. Nogueira
Author URI: http://www.davidgnogueira.es/
Version: 1.0
Tags: orange, white, fixed width, two columns, widget-ready
*/


html,body  {
border:0;
margin:0;
padding:0;
}

html {
background:#fff url('images/bg.jpg') no-repeat right top;
}

body {
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
}


/* Links */
a {
color:#d97720;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* Common Formatting */
h1,h2,h3,h4,h5,h6 {
font-weight:400;
margin:0;
padding:0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
clear:both;
font-size:1.6em;
letter-spacing:-1px;
margin:10px -20px;
padding:5px 20px;
}

h1 a {
color:#33352C !important;
}

h2 {
font-size:1.8em;
}

h3 {
font-size:1.4em;
}

h4 {
font-size:1.4em;
}

h5 {
font-size:1.3em;
}


p {
margin:10px 0;
padding:0;
line-height:20px;
font-size:11px;
}

ul {
list-style:none;
margin:0;
padding:0;
}

blockquote {
border-left:1px solid #D0D0CE;
color:#444;
display:block;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
font-style:italic;
margin:10px 20px;
padding-left:10px;
}

code,pre {
color:#444;
font-size:1.2em;
}

pre {
background-color:#F4F5F3;
border:#E2E4E0 1px dotted;
clear:both;
display:block;
margin:15px 0;
padding:0.2em 0.5em;
}

small {
font-size:0.8em;
}

big {
font-size:1.2em;
font-weight:700;
}

sup {
bottom:0.3em;
position:relative;
vertical-align:baseline;
}

sub {
bottom:-0.2em;
position:relative;
vertical-align:baseline;
}

acronym,abbr {
border-bottom:1px dashed;
cursor:help;
letter-spacing:1px;
}

hr {
border-bottom:1px solid #FFF;
border-left:none;
border-right:none;
border-top:1px dotted #BEC1B5;
clear:both;
display:block;
margin:5px 0;
}


/* custom Classes */
.note,.error {
border-bottom:#EBE8D7 1px solid;
border-top:#EBE8D7 1px solid;
display:block;
float:left;
line-height:normal;
margin:20px 0;
padding:5px 10px;
width:460px;
}

.note {
background-color:#F4F5F3;
border-bottom:#E2E4E0 1px solid;
border-top:#E2E4E0 1px solid;
}

.error {
background-color:#FF9D9D;
border-bottom:#F30 1px solid;
border-top:#F30 1px solid;
}

.nobullet {
background:transparent !important;
list-style:none !important;
margin:0;
padding:0;
}


/* Tables */
table {
border:0;
margin:0 0 18px;
padding:0;
}

table tr td {
padding:2px;
}


/* clear */
.clear {
 clear:both;
 width:100%;
 height:0;
 line-height:0;
 font-size:0;
 padding:0;
 margin:0;
 border:0;
}

.clearfix:after {
content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clearfix {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}

/* End hide from IE-mac */            

/* Global Classes */
.alignleft {
display:block;
float:left;
}

.alignright {
display:block;
float:right;
}

.aligncenter {
display:block;
margin:0 auto;
text-align:center;
}


/* images border */
img.alignleft,img.alignright,img.aligncenter {
background:#EFEFED;
border:1px solid #D0D0CE;
display:block;
padding:3px;
}

img.alignleft {
float:left;
margin:0 10px 2px 0;
}

img.alignright {
float:right;
margin:0 0 2px 10px;
}

img.aligncenter {
margin:5px auto;
}

img.noborder {
background:transparent;
border:none;
padding:0;
}

a:hover img.alignleft,a:hover img.alignright,a:hover img.aligncenter {
display:block;
padding:3px;
}


/* Image Captions */
.wp-caption {
background-color:#EFEFED;
border:1px solid #D0D0CE;
margin-bottom:15px;
margin-top:15px;
padding:3px;
text-align:center;
max-width:470px!important;
}

.wp-caption img {
border:none;
margin:0;
padding:0;
width:100%!important;
height:auto!important;
}

.wp-caption-text {
color:#676F51;
font-size:0.85em;
margin:0;
padding:4px 0;
}

a img,img {
border:none;
}

h6,#intro h2 {
font-size:1.2em;
}

.nopadding,.commentlist,#respond form {
margin:0 !important;
padding:0 !important;
}

.nobackground,#respond .left-sidebar p {
background:transparent !important;
}

.grey,#intro,#intro a,#intro h2 span {
color:#676F51;
}

#intro a,.postmetadata a:hover,#wp-calendar tr a {
text-decoration:underline;
}


/***** Main Layout *****/
#container {
height:auto;
text-align:left;
}

#wrapper {
text-align:left;
margin:0 auto;
height:auto;
}

#header {
background:#d97720 url(images/bg_header.png) left top no-repeat;
font-size:0.9em;
padding:10px 0px;
height:auto;
}

#sub-header {
display:block;
background:#a84e19;
padding:10px 0px;
}

#buscador {
padding:0;
margin:0 auto;
float:left;
text-align:left;
margin-left:130px;
}

/* Search Box */
#searchform {
background:transparent url(images/search-bar.jpg) no-repeat;
height:37px;
width:260px;
margin:0 auto;
}

.search-field {
background:transparent;
border:none;
display:block;
float:left;
padding:10px;
width:200px;
}

.search-submit {
background:transparent;
border:none;
cursor:pointer;
display:block;
float:left;
height:37px;
width:40px;
}

.search-field:focus {
outline:none !important;
}

#logo {
float:left;
margin-left:30px;
width:335px;
}

#logo h1,#logo h1 a {
background:transparent;
border:none;
color:#fff!important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:2em;
}

#rss {
background:url(images/bg_rss.png) no-repeat right 0;
color:#eee;
float:right;
font-size:1.2em;
margin:0 auto;
height:41px;
line-height:32px;
padding-right:20px;
margin-right:50px;
text-align:center;
width:180px;
margin-top:-15px;
}

a:hover#rss {
text-decoration:none;
color:#fff;
background:url(images/bg_rss_2.png) no-repeat right 0;
}

/* Main Navigation */
.menu {
display:block;
float:left;
font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
height:24px;
list-style:none;
padding:0;
padding-top:5px;
text-align:center;
margin-left:40px;
}

.menu li {
display:block;
float:left;
margin:0px 20px;
padding:0;
position:relative;
text-align:center;
width:auto;
}

.menu li a {
color:#f6f0f0;
display:block;
float:left;
font-size:1.1em;
font-weight:400;
height:24px;
line-height:24px;
position:relative;
text-decoration:none;
}

.menu li a:hover {
color:#fdc390;
text-decoration:none;
}

.menu li.current_page_item a,.menu li.current_page_item a:hover {
color:#fdc390;
}


/* Admin Navigation */
#navAdmin {
border-left:1px solid #464A3B;
clear:right;
color:#BDC1AF;
display:block;
float:right;
height:14px;
list-style:none;
margin:14px 0 0 30px;
padding:0;
text-align:center;
}

#navAdmin li {
border-right:1px solid #464A3B;
display:block;
float:left;
height:14px;
margin:0;
padding:0;
position:relative;
text-align:center;
width:auto;
}

#navAdmin li a {
color:#BDC1AF;
display:block;
float:left;
font-size:0.9em;
height:14px;
line-height:14px;
padding:0 8px;
position:relative;
}

#navAdmin li a:hover {
color:#FFF;
}


/***** Content *****/

#content {
display:block;
float:left;
overflow:hidden;
padding-left:4px;
width:680px;
margin-left:30px;
margin-top:30px;
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
color:#33352C;
}

#intro {
clear:both;
display:block;
float:right;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
font-style:italic;
padding:10px 20px 0;
width:480px;
}

#intro h2 span {
font-size:0.9em;
}


/*  POST */
.postWrapper {
clear:both;
display:block;
}

.postmetadata {
clear:left;
display:block;
float:left;
width:160px;
color:#ec8224;
text-align:right;
font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
padding-top:15px;
}

.postmetadata p {
color:#ec8224;
font-size:110%;
}

.postmetadata a {
color:#ec8224;
font-weight:600;
}

.meta-date {
clear:both;
color:#ec8224;
display:block;
line-height:10px;
}

.meta-author,.meta-edit,.meta-comments,.meta-categories,.meta-tags {
clear:both;
line-height:12px;
display:block;
font-weight:400;
}

.post {
clear:right;
display:block;
float:right;
padding:5px 20px 20px;
width:480px;
}

.post h2 {
margin:25px 0 15px;
}

.post h3,.post h4,.post h5,.post h6 {
margin:15px 0;
}

.post ul li {
background:url(images/arrow.png) no-repeat 0 9px;
margin:0;
padding:5px 0 5px 10px;
font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.entry {
width:480px;
}

a span.more {
background-color:#33352C;
clear:both;
color:#FFF;
display:block;
font-size:0.8em;
font-weight:700;
margin:20px 0 0 !important;
padding:4px 7px;
width:36px;
}

a:hover span.more {
background-color:#6C9339;
color:#FFF;
text-decoration:none;
}


/* Left sidebar */
.left-sidebar {
border-top:1px solid #eee;
clear:left !important;
display:block;
float:left;
font-size:0.85em;
font-weight:400;
margin:0;
padding:15px 0 0 10px;
width:150px;
}

.left-sidebar p {
background:url(images/comment-arrow.jpg) no-repeat right 5px;
line-height:1.5em;
margin:0;
padding-right:10px;
}

.left-sidebar h3 {
margin:0;
padding:0;
}

.left-sidebar .avatar {
background:#EFEFED;
border:1px solid #D0D0CE;
display:block;
float:left;
margin:0 5px 0 0;
padding:3px;
}


/* bottom Navigation */
.nav {
float:right;
font-size:1.1em;
font-weight:400;
overflow:hidden;
padding:7px 20px;
width:480px;
}

.nav a {
background:#d97720;
color:#fff;
padding:7px;
}


.nav-padding {
padding:14px 20px !important;

}


/* Comments */
.reply {
font-size:90%;
text-align:right;
}

.commentlist li {
clear:both;
display:block;
font-weight:700;
margin:0 !important;
padding:0 !important;
}

.comment-content {
clear:right;
display:block;
float:left;
width:480px;
font-weight:normal;
margin:0;
padding:15px 20px;
min-height:50px;
}

#respond {
clear:both;
display:block;
margin:0 0 20px !important;
min-height:1px;
padding:0 !important;
overflow:hidden;
}

#respond h3 {
padding-bottom:20px;
}

#respond form textarea {
height:100px !important;
border:1px solid #ccc;
background:#f3f3f3;
}

#respond form .field {
border:1px solid #7F9DB9;
padding:2px 5px !important;
width:130px;
}

#respond .form-content {
clear:right;
display:block;
float:left;
width:480px;
font-weight:normal;
margin:0;
padding:15px 20px;
border-bottom:#eee 1px solid;
border-top:#eee 1px solid;
padding-top:25px;
}



/***** RIGHT SIDEBAR *****/
#sidebar {
clear:right;
display:block;
float:left;
overflow:hidden;
padding-bottom:40px;
width:280px;
}

#sidebar a {
color:#000;
font-size:0.9em;
line-height:20px;
}

#sidebar h2 {
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
color:#ec8224;
clear:both;
font-size:1.5em;
letter-spacing:-1px;
margin:5px -20px;
padding:5px 20px;
}

#sidebar ul li {
margin:0;
padding:5px 10px;
width:260px;
}

#sidebar ul li ul {
margin:0 0 0 0px;
width:245px;
list-style:url(images/arrow.png);
padding-left:20px;
}

#sidebar ul li ul li {
margin:0;
padding:5px 0 5px 10px;
width:230px !important;
}

#sidebar ul li ul li ul {
margin:0 !important;
padding:0 !important;
width:230px !important;
}

#sidebar ul li ul li ul li {
margin:0 !important;
padding:5px 0 5px 10px;
width:190px !important;
}


/* Nuebe de Tags */
#tag_cloud {
padding-left:30px;
}



/* Banners */
.ads {
clear:both;
display:block;
margin:20px 0;
padding:0;
width:264px;
}

.ads img {
background:transparent;
border:none;
display:block;
height:125px;
padding:0;
width:125px;
}

.ads .ad-left {
float:left;
margin:0 0 10px;
}

.ads .ad-right {
float:right;
margin:0 0 10px;
}


/* Calendar */
#calendar_wrap {
display:block;
margin:0 auto;
width:240px;
}

#wp-calendar {
border:1px solid #f3f3f3;
padding:3px;
width:90%;
}

#wp-calendar #prev a,#wp-calendar #next a {
font-size:9pt;
}

#wp-calendar a {
text-decoration:none;
}

#wp-calendar caption {
font-size:1.2em;
font-weight:700;
padding:5px;
text-align:center;
text-transform:uppercase;
}

#wp-calendar thead {
margin-top:5px;
}

#wp-calendar th {
background:#ddd;
border:1px solid #D0D0CE;
font-size:0.9em;
font-style:normal;
text-align:center;
text-transform:capitalize;
}

#wp-calendar #next a {
display:block;
float:right;
}


/***** FOOTER *****/
#footer {
background:#f3f3f3;
border:1px solid #ddd;
padding:10px;
clear:both;
color:#999;
font-size:0.9em;
margin:20px auto;
width:960px;
}

#footer ul li {
display:inline;
}

#footer a:hover {
color:#A9B095;
text-decoration:none;
}

#footer .foot_content {
clear:none;
display:block;
float:left;
width:800px;
}

#footer .foot_content p {
margin:0;
padding:0;
}


/* Back to top button */
#toTop {
background:url(images/top.png) no-repeat 0 0;
clear:none;
display:block;
float:right;
height:25px;
margin-right:40px;
width:50px;
}